@charset "euc-kr"; @import url(master.css); .bodybg{background:url('/images/bg.jpg') repeat-x left top;} #wrap {position:relative;width:100%;margin: 0 auto;} #wrapbg {display:none;position:absolute;left:0;top:0;width:100%;height:100px;background:url() no-repeat center top;} #header { position:relative; z-index:9; margin:0 auto;width:1000px; height:107px;} #header h1 { float:left;position:absolute;left:0;top:40px;z-index:110;} #header .utilityity {text-align:right;} #header .utilityity li {display:inline;} /* utility */ .utility{position:absolute; top:10px; right:0;*zoom:1;} .utility:after{content:""; clear:both; display:block;} .utility li{float:left; padding-left:0px; height:19px;} .utility li a{display:block;text-align:center; height:19px;padding-right:1px;overflow:hidden;color:#666;font-weight:bold;background:url('/images/t_line.gif') no-repeat right 7px} .utility li a:hover{color:#000;} .utility li.utility1 a{width:60px; } .utility li.utility2 a{width:85px; } .utility li.utility3 a{width:70px; } .utility li.utility4 a{width:62px;color:#5a2e43;background:none} /*.utility li.utility5 a{width:53px; background-position:-212px 0px;}*/ /****TOP메뉴****/ #navi {position:absolute;right:0px;top:55px;width:800px;z-index:15;text-align:center;} #navi ul { float:right;list-style:none;display:inline; position:absolute;right:0px;top:0px;z-index:100;} #navi ul li {margin:0 3px;float:left;color:#888;font-size:16px;font-weight:bold;font-family:arial,tahoma,Georgia;padding:5px 5px 5px 5px } #navi ul li a{float:left;display:block;color:#888;font-size:16px;font-weight:bold;font-family:arial,tahoma,Georgia;padding:5px 5px 5px 5px} #navi ul li a:hover{color:#fff;background:#733550;padding:5px 5px 5px 5px} #navi li.selected{} #navi #box { position:absolute;left:0; top:-3px;z-index:50;background:url('/images/m_tail.gif') no-repeat right center;height:24px;padding-right:5px;margin-left:-12px; } #navi #box .head {background:url('/images/m_bar.gif') no-repeat 0 0; height:22px; padding:2px 10px 0px 10px; } #container{margin: 0 auto;*display:inline-block;_width /**/:100%;margin-bottom:30px;} #container:after{content:'';display:block;clear:both} #container .conbg{background:url('/images/conbg.gif') repeat-x;} #container h2{height:40px; overflow:hidden;} /* visual */ /* visual */ #featured{ position:relative;width:672px;margin:0 auto; padding-right:328px; height:348px; } #featured ul.ui-tabs-nav{ overflow-hidden; position:absolute; top:0; left:660px; z-index:100;list-style:none;width:340px; padding:0; margin:0; } #featured ul.ui-tabs-nav:after{content:""; display:block; clear:both;} #featured ul.ui-tabs-nav li{padding-left:12px;text-align:right} #featured ul.ui-tabs-nav li img{line-height:0px;vertical-align:bottom;margin:20px 20px 0px 0px;padding:0; } #featured li.ui-tabs-nav-item a{ display:block;height:58px;background:url('/images/bar1.jpg') repeat-x; } #featured li.ui-tabs-nav-item2 a{ display:block;height:58px;background:url('/images/bar2.jpg') repeat-x; } #featured li.ui-tabs-nav-item3 a{ display:block; height:58px;background:url('/images/bar3.jpg') repeat-x; } #featured li.ui-tabs-nav-item4 a{ display:block; height:58px;background:url('/images/bar4.jpg') repeat-x; } #featured li.ui-tabs-nav-item5 a{ display:block; height:58px;background:url('/images/bar5.jpg') repeat-x; } #featured li.ui-tabs-nav-item6 a{ display:block; height:58px;background:url('/images/bar6.jpg') repeat-x; } #featured li.ui-tabs-nav-item a:hover{ background:#56263b;} #featured li.ui-tabs-nav-item2 a:hover{ background:#56263b;} #featured li.ui-tabs-nav-item3 a:hover{ background:#56263b; } #featured li.ui-tabs-nav-item4 a:hover{ background:#56263b; } #featured li.ui-tabs-nav-item5 a:hover{ background:#56263b; } #featured li.ui-tabs-nav-item6 a:hover{ background:#56263b;} #featured li.ui-tabs-selected{ background:url('/images/selected-item.png') no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#3a1b28;color:#fff;} #featured .ui-tabs-panel{ position:relative;width:672px; height:348px; } #featured .ui-tabs-panel .info{display:none;width:672px; position:absolute; top:0px; left:0; background: url(''); } #featured .info h2{ font-size:24px;font-weight:bold; color:#222; padding:20px 10px 0px 20px; margin:0;overflow:hidden; } #featured .info p{ line-height:15px; color:#666;} #featured .info a{ text-decoration:none; color:#000; padding-top:15px} #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none; } /* maincontents */ #content{position:relative;margin:0 auto;width:1000px;margin-top:30px;} #content:after{content:""; display:block; clear:both;} .news{*zoom:1;position:relative;width:263px;float:left} .news:after{content:'';display:block;clear:both} .news h3{padding:0px 0 5px 0px} .news ul{margin-top:0px} .news li{float:left;width:253px;padding-left:10px;padding-top:5px;background:url('/images/common/icon2.gif') no-repeat left 10px} .news li a{float:left} .news li span{float:right} .news .more{ position:absolute; right:0; top:2px} .quick{*zoom:1;position:relative;float:right;margin-left:30px;height:109px} .quick:after{content:'';display:block;clear:both} .quick h3{padding:0px 0 10px 0px} .quick ul{margin-top:0px} .quick li{float:left;} .quick li a{float:left} .quick li span{float:right} /* product */ .best_pro{clear:both;*zoom:1;position:relative;width:1000px;float:left;margin-top:18px;} .best_pro:after{content:'';display:block;clear:both} .best_pro h3{color:#333;font-size:14px;font-weight:bold;padding: 0 0px 15px 0px} .best_pro .probg{ float:left; width:960px;background:url('/images/probg.gif') no-repeat;padding:20px;} .best_pro dl dt {float:left; width:165px;margin-right:15px;} .best_pro dl dd {float:left;} .best_pro dl dd p.p_tit{width:260px;color:#333;font-size:16px;background:url('') no-repeat 0 8px;padding-top:5px;font-weight:bold} .best_pro dl dd p a{color:#666;text-decoration:none;} .best_pro dl dd p a:hover{color:#346793; text-decoration:underline;} .best_pro dl dd p.p_txt {width:285px;margin-right:15px;padding-top:5px;line-height:1.6em} .best_pro dl dd p.p_txt2 {width:285px;margin-right:0px;padding-top:5px;line-height:1.6em} .best_pro .more { position:absolute; top:5px; right:0px; color:#222;font-weight:bold} /* footer _sitemap */ div#footer_sitemap_wrap {clear:both;overflow:hidden;margin:0 auto; display:block; width:100%; background:url('/images/footer_sitebg.gif') repeat-x;} .footer_sitemap{width:1000px;margin:0 auto;} .footer_site {position: relative;font-size:12px;height:95px;margin-top:10px;margin-bottom:10px} .footer_site li span{float:left;font-size:12px;width:134px;padding:0px 15px 0 10px; color:#666; font-weight:bold; background:url("/images/common/bullet_sitemap.gif") no-repeat;} .footer_site li {float: left;width: 100%;margin-top:5px} .footer_site li a {display: inline;font-size:12px; } .footer_site li a:hover {background:#ccc} .footer_site .bar {color:#ccc;padding:0 10px } /* footer */ #footer{*zoom:1;width:100%;border-top: 1px solid #eaeaea; display:block;height:70px;margin:0 auto;} #footer:after{content:'';display:block;clear:both} #infooter{margin:0 auto;width:1000px;} .bottomLogo{float:left;display:inline;margin:10px 0 10px 0px} .bottom address{float:left;margin:10px 0 10px 10px;font-size:100%;font-family:Arial;letter-spacing: -0.03em;} .bottom *{vertical-align:top} .b_right{float:right;display:inline;margin:10px 0px 0 0} #footer1{height:165px;margin:0 auto;width:100%;} /*********************서브*****************************************************************************************/ .bodysubbg{background:url('/images/subbg.jpg') repeat-x left top;} #subwrap {position:relative;width:100%;margin: 0 auto;} #subwrapbg {display:none;position:absolute;left:0;top:0;width:100%;height:250px;background:url('') no-repeat center 114px;} #subcontainer{*zoom:1;clear:both;position:relative;width:1000px;margin: 0 auto;background:url('') repeat-y ;margin-bottom:30px;} #subcontainer:after{content:'';display:block;clear:both} #sub_img{position:relative; width:1000px;; overflow:hidden; z-index:1;} #sub_img h3{display:none} /* 레프트 네비게이션 영역 (Left) */ #left {position:relative;float:left;display:inline;width:200px;margin-top:30px;} #left .left_title {padding:0px 0px 20px 0px;text-align:left;font-size:24px; color:#7c3958; font-weight:bold; background: url() no-repeat left top;} #left .left_title span {font-size:24px; color:#51872a;} #left .banner {width:200px;height:260px;margin-top:50px} #lmenu{position:relative;width:200px;} #lmenu .sub_leftmenu {width:200px;} #lmenu .sub_leftmenu li {vertical-align:top;font-weight:bold;border-bottom:#ddd 0px solid;background: url('/images/left/m_bg.gif') no-repeat left 2px;} #lmenu .sub_leftmenu li a{padding:7px 0px 7px 15px;height:18px;display:block; color:#333;} #lmenu .sub_leftmenu li a:hover {padding:7px 0px 7px 15px;font-weight:bold;display:block; color:#fff;background: url('/images/left/s_leftover.gif') no-repeat left 2px;} #lmenu .sub_leftmenu li .on{ color:#fff; font-size:12px; font-weight:bold;background: url('/images/left/s_leftover.gif') no-repeat left 2px;} #lmenu .sub_leftmenu li .sm {background:#;border:0px solid #dedede;width:200px;margin-top:7px;margin-bottom:15px} #lmenu .sub_leftmenu li .sm li {font-size:11px;border-bottom:0px solid #fff;word-break:break-all;background:#fff} #lmenu .sub_leftmenu li .sm .linet {border-top:#ddd 0px solid;} #lmenu .sub_leftmenu li .sm li a{font-size:11px;display:block;color:#717171;padding:2px 5px 2px 20px;font-weight:normal} #lmenu .sub_leftmenu li .sm li a:hover {display:block;color:#7c3958;background:#fff;padding:2px 5px 2px 20px;} #lmenu .sub_leftmenu li .sm .over {color:#7c3958;background:#fff} #lmenu .sub_leftmenu li .sm li .ssm {background:#fff;border:0px solid #dedede;width:196px;} #lmenu .sub_leftmenu li .sm li .ssm li {font-size:10px;border-bottom:1px solid #fff;} #lmenu .sub_leftmenu li .sm li .ssm .linet {border-top:#ddd 1px solid;} #lmenu .sub_leftmenu li .sm li .ssm li a {display:block;color:#888;padding:5px 15px 5px 20px;} #lmenu .sub_leftmenu li .sm li .ssm li a:hover {display:block;color:#222;background:#fff;padding:5px 15px 5px 20px;} #lmenu .sub_leftmenu li .sm li .ssm .over {color:#222;background:#fff;} /* 서브 */ #contentGroup {position:relative;display:inline;float:left;width:750px;margin-left:50px;margin-top:30px;} #guideGroup {position:relative;float:left;width:750px; border-bottom: 1px solid #ddd;} #guideGroup .title {float:left;height:40px;text-align:left;font-size:20px; color:#333; font-weight:bold;font-family:arial,tahoma,Georgia;} #guideGroup .title h3 {float:left;} #guideGroup .location { float:right;font-size:90%;color:#999; background:url() no-repeat 0 50%; padding-top:5px} #guideGroup .location h2 {display:none;} #guideGroup .location strong {font-weight:normal;color:#222} /* 서브 컨텐츠 */ #sub_content {position:relative;float:left;width:750px;padding:30px 0 50px 0px;} /********************************서브 컨텐츠*********************************************/ .sub_area {width:750px;} .message_txt { width:573px; float:left; padding-right:15px;} .message_point { font-weight:bold; font-size:14px; color:#00b7ee;} .overview{position:relative;*display:inline-block;_height /**/:100%;} .overview:after{content:""; display:block; clear:both;} .overview_img {float:left; width:200px;margin-right:20px} .overview_cont {float:right;width:530px;} .overview_cont .o_tit{color:#222;font-size:16px;font-weight:bold;background:none;padding:5px 5px 5px 0px;margin-bottom:15px;} .overview_cont ul li {padding:0px 5px 0px 10px;margin-bottom:5px} .overview_cont ul li span{float:left;width:160px;list-style: none;display:block;font-weight:bold;color:#94667c;background:#efefef;margin-right:10px;padding-left:10px} ul.overview_s{float:left;width:320px;margin-bottom:0px} ul.overview_s li{padding:0px 5px 0px 0px;} .history_area{ overflow:hidden; } .history_img {float:left; width:200px; height:750px;} .history_list {float:left; width:560px; margin-bottom:20px; } .history_box { width:117px; height:19px; border:2px solid #2b5db7; color:#2b5db7; font-weight:bold; padding-left:23px; padding-top:2px; margin-top:9px; margin-bottom:10px;} .history_txt {line-height:140%;} .history_txt01 {float:left; width:115px; color:#333;} .history_txt02 { float:left; width:460px;} .partner_logo {width:515px;} .partner_logo li {float:left; margin-right:4px; margin-bottom:6px;} .certifications{*zoom:1;position:relative;width:750px;} .certifications:after{content:'';display:block;clear:both} .certifications li{ float:left; margin:0px 10px 0px 0px;} .certifications li img{width:180px; height:100px;} .certifications li p { text-align:center; padding-top:10px; font-weight:bold;} .network{background:#f9f9f9; border:3px solid #ccc;padding:15px;margin-top:20px} .network li{float:none;} .network_tit {color:#652440;font-weight:bold;font-size:16px;padding-bottom:10px} .tab_Area { margin:0 auto; height:31px;border-bottom:2px solid #ddd;} .tab_Area li { float:left; } .tab_Area li a { display:block; height:30px; width:100%; background:url('/images/company/tab.gif') no-repeat; text-indent:-5000px; } .tab_Area .tabNavi01{ width:120px;margin-right:2px } .tab_Area .tabNavi01 a { background-position:0 top; } .tab_Area .tabNavi01 a:hover { background-position:0 bottom; } .tab_Area .tabNavi01 .on { background-position:0 bottom; } .tab_Area .tabNavi02{ width:120px;margin-right:2px } .tab_Area .tabNavi02 a { background-position:-120px top; } .tab_Area .tabNavi02 a:hover { background-position:-120px bottom; } .tab_Area .tabNavi02 .on { background-position:-120px bottom; } .tab_Area .tabNavi03{ width:120px;margin-right:2px } .tab_Area .tabNavi03 a { background-position:-240px top; } .tab_Area .tabNavi03 a:hover { background-position:-240px bottom; } .tab_Area .tabNavi03 .on { background-position:-240px bottom; } .tab_Area .tabNavi04{ width:120px;margin-right:2px } .tab_Area .tabNavi04 a { background-position:-360px top; } .tab_Area .tabNavi04 a:hover { background-position:-360px bottom; } .tab_Area .tabNavi04 .on { background-position:-360px bottom; } .tab_Area .tabNavi05{ width:120px;margin-right:2px } .tab_Area .tabNavi05 a { background-position:-480px top; } .tab_Area .tabNavi05 a:hover { background-position:-480px bottom; } .tab_Area .tabNavi05 .on { background-position:-480px bottom; } #tablist{ padding:13px 10px 10px 10px;background:url('/images/common/tabbg.gif') no-repeat;height:23px;margin-bottom:25px;margin-left: 0;} #tablist li{list-style: none;display: inline;margin: 0;} #tablist li a{padding: 4px 7px;margin-left:6px;background:url('/images/common/icon2.gif') no-repeat left 50%;} #tablist li a:link{color:#333;} #tablist li a:hover{color:#fff;background:#7c3958;} #tablist li a.current{color:#fff;background:#7c3958;} #tabsB {width:750px;float:left;border-bottom:#ccc 1px solid;font-size:93%; line-height:normal; } #tabsB ul { margin:0;padding:10px 10px 0 0px;list-style:none;} #tabsB li {display:inline;margin:0;padding:0;} #tabsB a {float:left; background:url("/images/common/tableftB.gif") no-repeat left top; margin:0;padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url("/images/common/tabrightB.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#444; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span {color:#fff;} #tabsB a:hover {background-position:0% -42px;} #tabsB a:hover span {background-position:100% -42px; } #tabsB #current a {background-position:0% -42px;color:#fff; } #tabsB #current a span {background-position:100% -42px;color:#fff;} .pro_point {font-weight:bold; font-size:14px; color:#222;margin-bottom:5px;padding-left:15px;background:url('/images/common/icon3.gif') no-repeat left 50%;} .pro_point2 {font-weight:bold; font-size:14px; color:#222;margin-top:20px;padding-left:0px;} .pro_point3 { font-size:14px; color:#1b3b56;padding-top:20px;margin-bottom:10px;} .pro_tit{color:#ec6f28;font-size:16px;font-weight:bold;} .pro_text{margin-top:25px;} .pro_text span{color:#333;font-weight:bold} .pro_text span{color:#333;font-weight:bold} .pro_text p{margin-top:10px} .pro_pad{margin-top:25px} .pro_list {position:relative;float:left;width:750px; } .pro_list:after{content:'';display:block;clear:both} .pro_list li{ float:left; margin-right:12px} .pro_list li.end{margin-right:0px} .pro_list li img{margin-bottom:8px;} .pro_list li p { text-align:center; padding-top:0px;font-weight:normal;} .pro_list li .pro_txt{font-weight:bold;color:#000} .pro_list li p span.t01{ font-size:14px;color:#F60;font-family:Monotype Corsiva,Georgia;} .pro_list li p span.t02 { font-size:14px;color:#328f5b;font-family:Monotype Corsiva,Georgia;} .pro_list li p span.t03 { font-size:14px;color:#955e75;font-family:Monotype Corsiva,Georgia;} .pro_list li p span.t04 { font-size:14px;color:#2a3e76;font-family:Monotype Corsiva,Georgia;} .pro_box{position:relative;*display:inline-block;_height /**/:100%;margin-bottom:30px; background:url('/images/common/jumline.gif') repeat-x;padding-top:30px} .pro_box:after{content:""; display:block; clear:both;} .pro_box2{position:relative;*display:inline-block;_height /**/:100%;margin-bottom:30px;padding-top:30px} .pro_box2:after{content:""; display:block; clear:both;} .pro_img {float:left; width:210px;margin-right:20px} .pro_cont {float:left;width:520px;} .pro_cont ul li {background:url('/images/common/icon2.gif') no-repeat left 50%;padding-left:10px;margin-left:10px} .pro_cont ul li.ico {background:url('/images/common/icon2.gif') no-repeat left 10px;padding-left:10px;margin-left:10px} .pro_cont p{color:#ec6f28;font-size:16px;font-weight:bold;background:none;padding:5px 5px 5px 10px;margin-bottom:5px;background:url('/images/common/pro_titbg.gif') no-repeat} .pro_cont p span.stit{font-weight:bold;color:#388bc2;} .pro_cont ul li.p_stit {padding-top:5px;font-weight:bold;color:#388bc2; background:none;padding-left:0px;padding-bottom:5px} .pro_cont ul.nonetxt li{background:none;padding-left:10px;margin-left:10px;text-indent:-10px;} .pro_cont2 li {background:url('/images/common/icon2.gif') no-repeat left 50%;padding-left:10px;margin-left:10px} .pro_cont2 p{color:#ec6f28;font-size:16px;font-weight:bold;background:none;padding:5px 5px 5px 10px;margin-bottom:5px;background:url('/images/common/pro_titbg.gif') no-repeat} .pro_cont2 p span.stit{font-weight:bold;color:#388bc2;} .pro_cont2 li.p_stit {padding-top:5px;font-weight:bold;color:#388bc2; background:none;padding-left:0px;padding-bottom:5px} .pro_img3 {float:right; width:210px;} .pro_cont3 {float:left;margin-right:20px;width:520px;} /* 테이블table */ .table01 { border-top:1px solid #9c6980; border-bottom:1px solid #9a9a9a; overflow:hidden; _display:inline-block; } .table01 table { width:100%; border-collapse:collapse;margin-top:-1px; border:1px solid #cccccc;} .table01 table th { padding:8px 0 6px 0; border-left:1px solid #cccccc; border-top:1px solid #cccccc; background:#e9dee3; text-align:center; color:#333; font-weight:bold; white-space:nowrap; } .table01 table td { padding:5px 5px 4px 5px; border-left:1px solid #cccccc; border-top:1px solid #cccccc; color:#666;text-align:center; } .table01 table td.no { padding:0 !important; text-align:center; color:#acacac !important; } .table01 table td.tac { padding:0 !important; } /* 테이블table */ .table02 { width:530px;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} .table02 th { padding:8px 10px 6px 10px; border-top:1px solid #e4e4e4;background:#efefef; text-align:left; color:#333; font-weight:bold; white-space:nowrap; } .table02 td { padding:5px 5px 4px 10px; border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4; color:#666;text-align:left; } .table02 td.no { padding:0 !important; text-align:left; color:#acacac !important; } .table02 td.tac { padding:0 !important; } /*사이트맵*/ ul.site-area {width:180px;float:left;margin-right:5px} ul.site-area li.tit {margin-bottom:15px;background:url('/images/sitemap/s_titbg.jpg') no-repeat;vertical-align:top;height:27px;padding:10px 0 0 10px;color:#733550;font-size:14px;font-weight:bold} ul.site-area li a{padding:5px 0px 5px 15px;height:20px;display:block; color:#666;border-bottom:1px solid #dedede;background:url('/images/common/icon2.gif') no-repeat 0px 50%;} ul.site-area li a:hover {font-weight:bold;display:block; color:#733550;} ul.site-area li ul {background:#efefef;} ul.site-area li ul.sub_menu {background:#efefef;} ul.site-area li ul.sub_menu li {font-size:11px;border-bottom:none;word-break:break-all;} ul.site-area li ul.sub_menu li a{font-size:11px;display:block;color:#717171;padding:2px 5px 2px 20px;font-weight:normal;background:none;border-bottom:none;} ul.site-area li ul.sub_menu li a:hover {display:block;color:#733550;background:#f0e4e9;padding:2px 5px 2px 20px;}