@charset "utf-8";

@import url(main.css);
@import url(board.css);
@import url(sub.css);



body {font-size:12px;font-family:돋움;color:#464646;width:100%;line-height:16px;margin:0px;font-weight:normal;height:100%;padding:0px;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, dt, dl, dd {margin:0px;padding:0px;font-size:12px;font-family:돋움;color:#464646;}
ul, ol, dl, dd, dt, li	{list-style-type:none; margin:0; padding:0px;line-height:16px;}
table {border-collapse:collapse;}
select {font-size:12px;}

fieldset {border:0;margin:0px;padding:0px;}
legend {margin:0px;padding:0px;font-size:0px;height:0px;line-height:0px;}
caption {position:absolute;visibility:hidden;width:0px; height:0px; overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;} 
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}

/* 클리어 */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}

/* 컨텐츠정렬관련 */
.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;} 

/* default */
a { color:#464646;text-decoration:none;} a:hover {color:#464646; text-decoration:underline;}

/* 건너뛰기 */
#skipnavi {position: absolute; left: 0; top: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}

/* 건너뛰기 */
#returntop {position: absolute; left: 0; top: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}

/*히든텍스트*/
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}

/*11폰트*/
.sfont {font-size:11px;}

/* 여백 */
.space5 {height:5px;} .space10 {height:10px;} .space15 {height:15px;} .space20 {height:20px;} .space25 {height:25px;} .space30 {height:30px;}


/* 헤더 */
#header {width:1157px; height:156px; margin:0 auto; z-index:300; position:relative;}
#header .gnb {width:1157px; height:156px; position:absolute;}
#header .gnb .open_menu {z-index:500; position:absolute; top:138px; left:240px; width:625px; height:402px; background:url(/site/animation/image/common/topmenu_subbg.png) no-repeat; padding:0 0 0 50px;display: none;}
#header .gnb .open_menu .sub_menu { width:160px; float:left; margin:35px 10px 0 0;}
#header .gnb .open_menu .sub_menu h2 {width:130px; height:23px; margin:0 0 15px 0;}
#header .gnb .open_menu .sub_menu ul {width:130px;}
#header .gnb .open_menu .sub_menu ul li {width:130px; height:13px; margin:0 0 18px 0; overflow:hidden; padding:0 0 0 5px; line-height:13px;}

#header .gnb .open_menu .sub_menu_long{width:250px; float:left; margin:35px 10px 0 0;}
#header .gnb .open_menu .sub_menu_long h2 {width:149px; height:23px; margin:0 0 15px 0;}
#header .gnb .open_menu .sub_menu_long ul {width:250px;}
#header .gnb .open_menu .sub_menu_long ul li {width:250px; margin:0 0 18px 0; padding:0 0 0 5px; line-height:13px;}
#header .gnb .open_menu .sub_menu_long ul li ul {width:250px; height:auto; overflow:hidden; margin:7px 0 0 0;}
#header .gnb .open_menu .sub_menu_long ul li ul li {width:250px; height:15px; line-height:15px; margin:0; color:#FFFFFF; background:url(/site/animation/image/common/open_menu_icon.gif) no-repeat 2px 5px; padding:0 0 0 8px;}
#header .gnb .open_menu .sub_menu_long ul li ul li a {color:#FFFFFF !important;}


#header .gnb .open_menu .menu_close {width:70px; height:13px; float:right; margin:3px 10px 0 0; display:inline;}


/* 가이드 */
#wrap {width:100%; margin:0px auto;}
#sub_wrap {width:100%; height:auto; margin:0 auto; background:url(/site/animation/image/common/bg_sub.jpg) center top;}
#contents_wrap {width:1105px; height:auto; overflow:hidden; padding:0; margin:20px auto 0 auto;}

/* 서브01 */
.ceo {width:216px; height:457px; float:left; background:url(/site/animation/image/sub01/leftmenu_01.png) no-repeat;}
.ceo h3 {width:177x; height:28px; padding:10px; margin:110px 0 0 10px;}
.ceo ul {width:135px; height:auto; float:left; margin:5px 0 0 39px; padding:0; overflow:hidden; clear:both; text-align:center; display:inline;}
.ceo ul li {width:134px; float:left; display:inline; margin:15px 0 0 0;}


/* 서브02 */
.work {width:217px; height:657px; float:left; background:url(/site/animation/image/sub02/leftmenu_02.png) no-repeat; margin:17px 0 0 0;}
.work h3 {width:185px; height:28px; padding:10px; margin:80px 0 0 5px;}
.work ul {width:185px; height:auto; float:left; margin:12px 0 0 13px; padding:0; overflow:hidden; clear:both; text-align:center; display:inline;}
.work ul li {width:150px; height:auto; float:left; display:inline; margin:3px 0 0 0;}
.work ul li ul.subtext {width:150px; height:auto; float:left; display:inline; margin:0 0 0 30px;}
.work ul li ul.subtext li {width:137px; height:auto; float:left; display:inline; margin:6px 0 0 0;}
.work ul li ul.subtext li.longtext {width:144px; height:34px; float:left; display:inline;}

/* 서브03 */
.more {width:217px; height:657px; float:left; background:url(/site/animation/image/sub03/leftmenu_03.png) no-repeat; margin:10px 0 0 0;}
.more h3 {width:84px; height:31px; padding:9px; margin:107px 0 0 73px;}
.more ul {width:134px; height:auto; float:left; margin:7px 0 0 40px; overflow:hidden; clear:both; text-align:center; display:inline;}
.more ul li {width:134px; height:23px; float:left; display:inline; margin:10px 0 0 0; padding:2px 0 0 0;}



/* 컨텐츠 */
.contents_area {width:878px; height:auto; float:right; margin:40px 0 0 0;}
.contents_area .contents_top {width:878px; height:60px; float:right; background:url(/site/animation/image/common/bg_top.gif) no-repeat; overflow:hidden;}
.contents_area .contents_top .title_area {width:600px height:28px; margin:5px 0 0 0;}
.contents_area .contents_top .title_area h4 {float:left; margin:25px 0 0 23px; padding:0; display:inline;}
.contents_area .contents_top .title_area .title_navi {float:right; margin:25px 25px 0 0; font-size:11px; display:inline; color:#4f529e;}
.contents_area .contents_top .title_area .title_navi a {color:#4f529e;}
.contents_area .contents_top .title_area .title_navi img {width:18px; height:17px; float:left;}
.contents_area .contents_top .title_area .title_navi span.text01 text {padding:3px 0 0 3px; margin:0;}

.contents_area .contents_middle {width:878px; height:auto; float:right; background:url(/site/animation/image/common/bg_middle.gif);}
.contents_area .contents_middle .contents {width:830px; height:auto; margin:0 10px 0 22px; border:1px solid #000000;}
.contents_area .contents_bottom {width:878px; height:159px; float:right; background:url(/site/animation/image/common/bg_bottom.png) no-repeat;}


/* ceo messsage */
 .greeting {width:620px; height:auto; margin:60px 0 20px 40px;}
 .greeting .greeting_text {text-align:left; width:100%;}
 .greeting .greeting_text span {text-align:left; width:100%; color:#0b1e68;}
 .greeting p {width:100%; margin:15px 0 0 0; color:#0b1e68;} 
 .greeting .bg {width:600px; height:273px; margin:0; padding:5px 0 10px 0;} 
/* history 
 .history {width:580px;  height:auto; margin:10px 0px 30px 30px; padding:5px 0 5px 10px; float:left;}
 .history h4 {padding:10px 0px 5px 0px; font-size:14px; color:#000066;}
 .history  .history_con {width:600px;} 
 .history  .history_con ul { width:90%; padding:0 0 0 10px;  float:left;}
 .history  .history_con ul li { background:url(/site/animation/image/sub01/history_icon.gif) no-repeat 0 4px; padding:0 0 0 8px;} 

  history table
 table.common {margin:0 auto; width:98%; border-top:1px #663399 solid;}
 table.common thead th {background:#f0f7fd;border-bottom:1px solid #c3d2e1; color:#4986b2;padding:6px 0px 3px 0px;font-weight:bold;}
 table.common tbody th {background:#f0f7fd;border-bottom:1px solid #c3d2e1; color:#4986b2;padding:6px 0px 3px 0px;font-weight:bold;}
 table.common tbody td {border-bottom:1px solid #c3d2e1; border-right:1px solid #c3d2e1; border-left:1px solid #c3d2e1; color:#636363; padding:6px 7px 3px 7px; text-align:center;}*/
 
 
.history_table {width:700px; height:auto; margin:10px 0px 30px 30px; padding:5px 0 5px 10px; float:left;}
.history_table table {width:100%; border-top:2px solid #663399;}
.history_table thead th {background:#e5e5ff; border-bottom:1px solid #bbbaf2; border-left:1px solid #bbbaf2; border-right:1px solid #bbbaf2; 
                         color:#330066; padding:6px 13px 3px 13px; font-weight:bold; text-align:center;}
.history_table tbody th {background:#eeeeff; border-bottom:1px solid #bbbaf2; border-left:1px solid #bbbaf2; color:#4a5494; padding:6px 0px 3px 1px; font-weight:bold;}
.history_table tbody td {border-bottom:1px solid #bbbaf2; border-right:1px solid #bbbaf2; border-left:1px solid #bbbaf2; color:#663399; padding:6px 0 3px 13px;}

/* contact us */
  .contact {width:600px;}
  .contact img {width:523px; height:324px; margin:25px 0 0 35px;}
  .contact ul {width:600px; height:180px; margin:10px 0 0 5px;}
  .contact ul li.address{width:554px; height:40px; background:url(/site/animation/image/sub01/contact01.gif) no-repeat; margin:5px 0 0 25px; padding:5px 0 0 5px;}
  .contact ul li.address p {width:500px; height:40px; margin:0 0 0 45px; padding:0 0 0 5px; color:#FFF; font-weight:bold;}
  .contact ul li.tel{width:554px; height:40px; background:url(/site/animation/image/sub01/contact02.gif) no-repeat; margin:5px 0 0 25px; padding:5px 0 0 5px;}
  .contact ul li.tel p {width:300px; height:20px; margin:0 0 0 10px; padding:8px 0 0 40px; color:#FFF; font-weight:bold;}
  .contact ul li.fax{width:554px; height:40px; background:url(/site/animation/image/sub01/contact03.gif) no-repeat; margin:5px 0 0 25px; padding:5px 0 0 5px;}
  .contact ul li.fax p {width:300px; height:20px; margin:0 0 0 10px; padding:8px 0 0 40px; color:#FFF; font-weight:bold;}
  
  .map {margin:30px 10px 70px 80px;}


/*footer*/
#sub_footer {position:relative; width:1100px; height:100px; margin:0 auto ;}
#sub_footer .sub_address {position:absolute; top:30px; right:130px; width:700px; line-height:17px; font-style:normal; text-align:center; color:#ffffff; font-size:11px;}
#sub_footer sub_cite {font-style:normal;}

/*중간영역*/
     .animationwork {width:660px; height:260px; padding-bottom:75px; margin:0 0 20px 10px; float:left; background:url(/site/animation/image/sub01/img_line.gif) no-repeat bottom;}
     .animationwork_list {width:660px; height:165px; padding-bottom:25px; margin:10px 0 0 35px;}
	 .animationwork_list .intoroduce_left {width:178px; height:250px; background:url(/site/animation/image/sub01/img_exphoto04_frame.gif) no-repeat; float:left; margin:23px 0 0 0;}
	 .animationwork_list .intoroduce_left .in_image {width:160px; height:227px; padding:5px 0 0 5px;}
	 .animationwork_list .intoroduce_right {width:430px; height:250px; float:left; margin:0 0 0 10px; display:inline;}
	 .animationwork_list .intoroduce_right h4 {width:430px;}
	 .animationwork_list .intoroduce_right dl {width:515px; height:130px; margin:10px 0 0 8px; overflow:hidden;}
	 .animationwork_list .intoroduce_right dl dt {float:left; padding:2px; margin:0; display:inline;  line-height:14px; font-size:0px;}
     .animationwork_list .intoroduce_right dl.btn_mini {width:109px; height:43px;}
	 .animationwork_list .intoroduce_right dl dd {float:left; width:430px; margin:0 0 5px 0; padding:2px 0 0 0; display:inline; line-height:14px;}
	 .animationwork_list .intoroduce_right dl dd.click {float:left; width:62px; height:14px; margin:0 0 0 3px;}
     .animationwork_list .intoroduce_right dl dd.short {float:left; width:300px;}
	 .animationwork_list .intoroduce_photo {float:left; width:430px; height:103px; margin:7px 0 0 0; display:inline;}
	 .animationwork_list .intoroduce_photo .intoroduce_photo_t {width:420px; margin:0 0 0 10px;}
     .animationwork_list .intoroduce_photo .ani02 {float:left; width:415px; height:84px; margin:5px 0 0 10px; display:inline;}
     .animationwork_list .intoroduce_photo .ani02 .ani02_01 {width:126px; height:84px; background:url(/site/animation/image/sub01/img_exphoto05_frame.gif) no-repeat; float:left; margin:0 2px; display:inline;}
     .animationwork_list .intoroduce_photo .ani02 .ani02_01 img {padding:6px 0px 0px 6px; width:114px; height:73px;}
     .animationwork_list .intoroduce_photo .ani02 .ani_left {width:12px; height:20px; float:left; margin:30px 0 0 0; padding:0; display:inline;}
     .animationwork_list .intoroduce_photo .ani02 .ani_right {width:12px; height:20px; float:right; margin:30px 0 0 0; padding:0; display:inline;}


	 .synopsis {width:650px; height:auto; padding-bottom:30px; margin:0 0 10px 35px; border-bottom:1px solid #e3ded7;}


	 .character {width:650px; height:auto; padding-bottom:10px; margin:5px 0 0 35px; overflow:hidden;}
	 .character h3 {width:128px; height:23px; padding:5px;}
	 .character .character_info {width:660px; height:auto; margin:10px 0 20px 0; clear:both;}
	 .character .character_info_img {width:130px; height:130px; float:left; border-right:1px solid #e3ded7;}
	 .character .character_info_con {width:505px; height:height:auto; float:left; margin:0 0 0 10px; display:inline;}
	 .character .character_info_con dl {width:490px; height:auto; margin:20px 0 0 10px; overflow:hidden; float:left; display:inline;}
	 .character .character_info_con dl dt {float:left; padding:0; margin:0; display:inline; line-height:14px; font-size:0px;}
	 .character .character_info_con dl dd {float:left; width:420px; margin:0 0 8px 0; padding:0 0 0 5px; line-height:14px; display:inline;}
     .character .character_info_con dl dd.con {float:left; width:470px; height:auto; padding:0; margin:5px 0 0 0;}