/* main page */
#wrap {width:100%;height:100%;padding:0px;margin:0px auto;zoom:1; background:#d4d4d4 url(../img/layout/bgVisual.jpg) no-repeat center top;}
#mianWrap {position:relative;width:100%;padding:0px;margin:0px;zoom:1; background:url(../img/layout/bgVisualMain.jpg) no-repeat center top;}

/*Main*/
.noticeBrower {width:890px;background:url(../img/layout/notice_Bg.png) no-repeat left top; padding:4px 0 5px 0;margin:0 auto;font-size: 11px; color: #eaeaea;z-index:100;letter-spacing:-1px; text-align:center}
.noticeBrower a {color:#fff;font-size:11px;text-decoration:underline;}
.noticeBrower a.btnClose {margin:0 0 5px 5px;vertical-align:bottom;}
#mainTop {position:relative;height:521px;overflow:hidden;} /*background:#dadada url(../img/layout/main_top03.png) center top;*/
#mainTop .flash {margin:47px auto 0 auto;}
.contents {background:#d4d4d4 url(../img/layout/contents_bg.png) repeat-x left -5px;margin:0;padding:25px 0 110px 0;}
.contents .contents_list {width:900px;margin:0 auto;overflow:hidden;}
.contents_list .news {float:left;width:360px;background:url(../img/layout/blit_dote01.png) repeat-y right top;padding-right:35px;}
.news h3 {background:url(../img/layout/blit_grey02.png) repeat-x left bottom;padding-bottom:8px;}
.news ul {margin:15px 0;}
.news li {height:10px;position:relative;background:url(../img/layout/blit_grey01.png) no-repeat left 4px;#background:url(../img/layout/blit_grey01.png) no-repeat left 8px;padding:0px 0px 11px 11px;font:11px "돋움",dotum;color:#666666;}
.news li a {color:#666;text-decoration:none;position:absolute;left:7px;top:0px;}
.news li a:hover {color:#06F;text-decoration:none;position:absolute;left:7px;top:0px;}
.news li span {position:absolute;right:0px;top:0px;}
.contents_list .garlley {background:url(../img/layout/blit_dote01.png) repeat-y right top;width:227px;float:left;padding-right:30px;margin-left:29px;overflow:hidden;}
.garlley h3 {margin-bottom:10px;}
.garlley dl {overflow:hidden;zoom:1;}
.garlley dt {float:left;width:105px;margin-right:17px;}
.garlley dd {float:left;width:105px;}
.garlley dd img {margin-bottom:10px;}
.contents_list .banner {float:left;width:150px;padding-left:30px;vertical-align:top;}
.banner h3 {display:none;}
.banner img {vertical-align:top;padding:0px;margin:0px;}

/*footer*/
#footer { position: relative;  margin:15px 0 0 10px; padding-bottom:80px; background:#d4d4d4 url(../img/layout/blit_grey02.png) repeat-x left top;}
#footer div {position:relative;width:900px;margin:0 auto;height:26px;text-align:center;}

#footer .guideMenu { margin-top:5px; margin-left:150px;  font-weight:bold;}
#footer .guideMenu li{ display:inline; padding-left:6px; padding-right:10px;}
#footer .guideMenu .firstItem{ padding-left:0; border-right:1px solid #a6a6a6;}
#footer .footerInner { float:left; margin:15px 0 0 140px; font-size:11px; text-align:left; font-family:"돋움", Dotum, "굴림", Gulim, Verdana, sans-serif;}
#footer .footerLogo { float:left; margin:3px 0 0 0;}
#footer .addressText { float:left; margin:3px 0 0 23px;color:#a6a6a6; line-height:16px;}
#footer a, #footer a:link { color:#a6a6a6; text-decoration:none; } 
#footer a:hover {color:#7e7e7e; text-decoration:none; }

/*#footer {position:relative;background:#d4d4d4 url(../img/layout/blit_grey02.png) repeat-x left top;margin-top:15px;padding:27px 0;text-align:center;}
#footer div {position:relative;width:900px;margin:0 auto;height:26px;text-align:center;}
#footer address {vertical-align:middle;}*/
#footer .family {width:158px;position:absolute;right:0;top:15px;cursor:pointer;}

.family #popLayer {display:none;position:absolute;bottom:26px;left:0px;background:#e9e9e9;width:136px;height:55px;padding:10px 0 10px 20px;border:1px solid #afafaf;border-bottom:none;text-align:left;} 
.family #popLayer li {padding-bottom:5px;line-height:0;}


/*sub_main*/
/*.submain_top03 {background:url(../img/layout/submain_top05.png) no-repeat center top;overflow:hidden;}*/
.company .top {background:url(../img/layout/bgCompany.jpg) no-repeat center 87px;}
.business .top {background:url(../img/layout/bgBusiness.jpg) no-repeat center 87px;} 
.contact_head .top {background:url(../img/layout/bgContact.jpg) no-repeat center 87px;} 
.recruit .top {background:url(../img/layout/bgRecruit.jpg) no-repeat center 87px;} 
.top {position:relative;width:1000px;min-widht:1000px; height:331px;margin:0 auto;overflow:hidden;text-align:center;}
#mainTop .top {height:521px;}
/*.top h1 {float:left;margin:14px 0 0 0;} /*pickple Logo*/
.top h1 {position:absolute;top:14px;left:0px;}
.top h2 {clear:both;position:relative;top:215px;text-align:center;margin:0 0 3px 0;} /*3D Text*/
.top h3 {display:none;}
/*.top .navi {float:right;margin:17px 0 0 0;border:1px solid red;}*/
.top .navi {position:absolute;top:17px;right:162px;}
.top .navi ul {position:relative;height:14px; margin:0;padding:0;}
.top .navi li {display:inline-block;height:14px;float:left;padding:0 11px;margin:0px;background:url(../img/layout/bgnavi_split.gif) no-repeat right center;}
/*.top .blog {float:left; margin:14px 0 0 0;}*/
.top .blog {position:absolute;top:14px;right:0px;}

div.sub_navi {position:absolute; top:280px;left:30px;width:922px;height:47px;line-height:47px;padding:0;background:url(../img/layout/subnavi_bg.png) no-repeat left top;vertical-align:middle;text-align:center;}
ul.sub_navi {position:absolute; top:280px;left:30px;width:906px; _width:922px;height:47px;line-height:47px;padding:0 0 0 18px;background:url(../img/layout/subnavi_bg.png) no-repeat left top;vertical-align:middle;text-align:center;overflow:hidden}
.sub_navi img {vertical-align:middle;line-height:47px;padding-top:19px;}
.sub_navi li {float:left;width:177px;height:30px;line-height:30px;padding:0;margin:9px 0 0;vertical-align:middle;display:inline-block;}
.sub_navi li img {vertical-align:middle;padding:0;border-right:1px solid #8a5019;}
.sub_navi li.on {}

.sub_contents {width:950px;margin:0 auto;padding-top:15px;}
.sub_contents h2{margin-bottom:45px;text-align:center;}
.sub_contents .ceo h2 {text-align:left;}

/*company*/
.sub_contents .overview {background:url(../img/contents/contents_overview01.jpg) no-repeat left top;width:520px;margin-bottom:26px;padding-left:380px;}
.overview h2 {background:url(../img/contents/contents_overview02.gif) no-repeat left top;width:520px;height:82px;margin-bottom:26px;}
.overview h2 span {display:none;}
.overview p.txt01 {background:url(../img/contents/contents_overview03.gif) no-repeat left top;width:520px;height:27px;margin-bottom:18px;}
.overview p.txt02 {background:url(../img/contents/contents_overview04.gif) no-repeat left top;width:520px;height:42px;margin-bottom:19px;}
.overview p.txt03 {background:url(../img/contents/contents_overview05.gif) no-repeat left top;width:520px;height:15px;}

.sub_contents .ceo {background:url(../img/contents/ceo_img01.gif) no-repeat left top;width:520px;margin-bottom:26px;padding-left:380px;}
.ceo h2 {margin-bottom:26px;}
.ceo p {margin-bottom:20px;}

.overview p span {display:none;}

/*contact*/
.contact {width:900px;background:url(../img/contents/bg_contact_bottom.png) no-repeat left bottom;padding:0px 0px 50px 0px;overflow:hidden;}
.contact fieldset {border:none;padding:0px;margin:0px;height:auto;}
.contact legend {display:none;}
.contact h3 {text-align:center;}
.contact .cooper_TB {background:url(../img/contents/bg_contact_top.png) no-repeat left top;margin:0px auto 0 auto;padding:106px 27px 100px 27px;overflow:hidden;}
.contact table {width:646px;margin:17px auto 0 auto;}
.contact table caption {display:none;}
.contact table th {padding:14px 0 0px 16px;vertical-align:top;border-bottom:1px solid #cfcfcf;}
.contact table th.last {border-bottom:none;}
.contact table td {padding:6px 0 6px 0;border-bottom:1px solid #cfcfcf;color:#939598;}
.contact table td span {color:#939598;font:11px "굴림";}
.contact table td .txt {font-size:11px;color:#939598;margin-top:5px;}
.contact table td .txt strong {font:bold 11px "굴림";color:#666;}
.contact table td.last {border-bottom:none;}
.contact table li {float:left;margin-right:20px;#margin-right:15px;}
.contact table label {font-size:11px;color:#666666;}
.contact table textarea {background:#c7c7c7;border:none;height:80px; resize:none;}
/*.contact table textarea.error {border:1px solid #AA947A;}*/
.contact table input {border:none;background:#c7c7c7;height:22px;}
.contact table input[id=tel1].error {border:1px solid #AA947A;}
.contact table input[id=tel2].error {border:1px solid #AA947A;}
.contact table input[id=tel3].error {border:1px solid #AA947A;}
.contact table .wid_48 {width:48px;}
.contact table .wid_78 {width:79px;}
.contact table .wid_165 {width:172px;}
.contact table .wid_370 {width:370px;}
.contact table .wid_445 {width:410px;}
.contact table input.no {background:none;vertical-align:middle;}
.contact table label.error {position: absolute; z-index:999;zoom:1; padding:5px 0 0 5px; color:#AA947A; }
/*.contact table label[for=category] {padding: 3px 0 0 445px;#padding: 3px 0 0 445px;*padding: 3px 0 0 445px;}*/
.contact table label[for=userFile] {padding: 3px 0 0 70px;}
.contact table label[for=issueDate] {padding: 5px 0 0 80px;}
.contact table object {position: absolute; z-index:999;zoom:1;margin-left:-2px;}


.recruit_list {background:url(../img/contents/img_recruit.gif) no-repeat left 15px;padding:15px 0 0 440px;}
.recruit_list h3 {margin-bottom:15px;}
.recruit_list ul {margin-bottom:30px; background:url(../img/contents/recruitField.gif);width:435px;}
.recruit_list .programmer {background-position:0 0;height:76px;}
.recruit_list .taitanium {background-position:0 -88px;height:109px;}
.recruit_list .designer {background-position:0 -205px;height:92px;}
.recruit_list .planner {background-position:0 -303px;height:108px;}
.recruit_list .intern {background-position:0 100%;height:62px;}
.recruit_list li {background:url(../img/contents/bli_list.gif) no-repeat left 3px;padding-left:12px;font:12px "굴림",gulim;color:#666666; display:none;}

.btn_list {width:700px;margin:30px auto 0 auto;border-top:1px solid #b5b5b5;padding:30px 0 0 0;text-align:center;}
.btn_list span {margin-right:20px;}
.btn_list span img {cursor: pointer;}

/*BASIC*/
.verti_t {vertical-align:top;}
.verti_m {vertical-align:middle;}
.verti_b {vertical-align:bottom;}

/*galley*/
.galleyList {margin-bottom:30px;overflow:hidden;}
.galleyList li {width:160px;float:left;margin:0 20px 30px 0;text-align:center;display:block;height:200px}
.galleyList li div {background:url(../img/contents/galleyBg.png) no-repeat left top;padding:10px;width:140px;}
.galleyList li.last {margin-right:0px;}
.galleyList li img {margin-bottom:10px;cursor:pointer;width:140px;height:140px;}
.galleyList li p {font-size:11px;font-family:"돋움",Dotum, Arial, sans-serif;color:#918f8f;}

/*history*/
.history {background:;}
.history h3 {display:none;}
.history p {text-align:center;margin-bottom:75px;}
.historyList {clear:both;overflow:hidden;margin-bottom:60px;}
.historyList dt {width:190px;float:left;text-align:center;padding-top:8px;}
.historyList dd {width:665px;float:left;}
.historyList li {border-bottom:1px solid #afafaf;padding:8px 0 5px 0;}
.historyList li.last {border-bottom:0px;}

/*map*/
.map {background:url(../img/contents/bg_map.gif) no-repeat left top;padding:27px 0 445px 260px;}
.map h3 {display:none;}
.map dl {overflow:hidden;}
.map dt {width:198px;float:left;}
.map dd {width:441px;float:left;}

/*gallery*/
#pop_gallery {position:absolute; overflow:hidden; padding:0 35px 5px 0}
#pop_gallery .frame {-o-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); box-shadow:5px 5px 5px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Shadow(color=#232323, direction=135, strength=10); background:#eee;}
#pop_gallery h3 {display:none;}
#pop_gallery .gallery_img {padding:25px; overflow:hidden;} /*background:url(../img/contents/Pop_gallery.png) no-repeat left top;*/
#pop_gallery .gallery_img span {float:left;}
#pop_gallery .gallery_img .galleryView img {}
#pop_gallery .gallery_img .arrow_L {display:block;width:15px;}
#pop_gallery .gallery_img .arrow_L img {margin:145px 7px 0px 0px;}
#pop_gallery .gallery_img .arrow_R {display:block;width:15px;}
#pop_gallery .gallery_img .arrow_R img {margin:145px 0px 0px 10px;}
#pop_gallery .gallery_close {position:absolute;right:0;top:0; cursor:pointer}


/*gallery Plugin*/
#slides {position:absolute;top:15px;left:4px;z-index:100;}
.slides_container {width:570px;height:270px;overflow:hidden;position:relative;display:none;}
#slides .slide {padding:20px;width:530px;height:230px;display:block;}
#slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:585px;}
.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/*Business*/
.businessZone h3 {background:url(../img/contents/h3Biz.png) no-repeat;}
.businessZone h3 span {display:none;}

.businessZone .area h3 {background-position:0 0px; height:50px;}
.businessZone .area div {margin:20px 0 0 0;background:url(../img/contents/bizArea.jpg) no-repeat center top; width:100%; height:519px; overflow:hidden;}
.businessZone .area dl {display:none;}

.businessZone .why {margin-top:65px; position:relative;}
.businessZone .why h3 {background-position:0 -60px; height:50px;}
.businessZone .why div {margin:35px 0 0 0;background:url(../img/contents/why.jpg) no-repeat center top; width:100%; height:672px; overflow:hidden;}
.businessZone .why div p {display:none;}
.businessZone .why dl {display:none;}
.businessZone .why .blog {position:absolute; top:500px; left:365px;}

.businessZone .partner {margin-top:100px;}
.businessZone .partner h3 {background-position:0 -120px; height:50px;}
.businessZone .partner div {margin:20px 0 0 0;background:url(../img/contents/partner.jpg) no-repeat center top; width:100%; height:470px;}
.businessZone .partner dl {display:none;}

.uploadifyQueue {display:none;}