/* Common **********************************************************************/ @charset "utf-8"; /** * Nanum Gothic Web Font */ @font-face{ font-family:'Nanum Gothic'; font-style:normal; font-weight:700; src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot); src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype') } @font-face{ font-family:'Nanum Gothic'; font-style:normal; font-weight:400; src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot); src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype') } @font-face{ font-family:'Nanum Gothic'; font-style:normal; font-weight:300;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot); src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.ttf) format('truetype') } @font-face{ font-family:'Nanum Gothic'; font-style:normal; font-weight:800; src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot); src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype') } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll;} * {max-height: 1000000px;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {*word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:14px; line-height:1.7; font-family:'Nanum Gothic';color:#7d7d7d;} a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;} /*unknown*/ .title{font-size:15px; font-weight:bold;} /*unknown*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*unknown*/ .login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;} .login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;} .login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;} .login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; } .num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;} .font_color{color:#1a386a; font-weight:bold;} /*unknown*/ .inWrap {width:98%; border:1px solid #353638; border-width:1px 0; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{color:#fff;} .md6{margin-left:6px;} .md16{margin-left:16px;} #wrap{width:100%; min-width:1200px; } #header{width:1200px; margin:0 auto; height:100px; position:relative; } #header h1{position:absolute; left:1px; top:25px; } .top_menu{position:absolute; right:0; top:13px; font-size:0; z-index:999; } .top_menu > span{} .family_site{float:right; } .family_site_title{width:102px; height:23px; background:url(../e_images/main/bg_family_site.jpg) 0 0 no-repeat; } .family_site_title p{font-size:11px; color:#ffffff; font-weight:bold; cursor:pointer; line-height:23px; text-indent:10px; } .family_site_select{width:102px; background:#003677; display:none; } .family_site_select ul{padding:5px 0; } .family_site_select ul li{margin-bottom:2px; } .family_site_select ul li a{display:block; font-size:11px; color:#ffffff; text-indent:10px; } #gnb{float:right; margin-top:25px; height:50px;} #gnb > li{float:left; width:150px; height:50px; text-align:center; } #gnb > li > a{font-size:15px; color:#333333; font-weight:bold; line-height:43px; padding-bottom:5px;} #gnb > li.on > a, #gnb > li > a:hover{color:#0043a1; border-bottom:3px solid #0043a1; } #navigation{width:100%; height:0; overflow:hidden; /* height:265px; */background:#f8f8f8; } /* .navigation_wrap{width:1200px; margin:0 auto; height:265px; text-align:right; background:url(../e_images/sub/bg_navi.jpg) 3px 25px no-repeat;} */ .navigation_wrap{width:1200px; margin:0 auto; height:285px; text-align:right; background:url(../images/background/gnb_bg2.png) 40px 60px no-repeat; background-size: 160px auto;} .navigation{width:1200px; font-size:0; } ul.sub_gnb{display:inline-block; vertical-align:top; width:150px; padding-top:30px; height:255px} ul.sub_gnb1{background:#eeeeee; } ul.sub_gnb2{background:#ffffff;} ul.sub_gnb3{background:#eeeeee;} ul.sub_gnb4{background:#e5e5e5;} ul.sub_gnb5{background:#eeeeee;} ul.sub_gnb li{text-align:left; margin-bottom:19px; text-align:center; } ul.sub_gnb li a{font-size:13px; color:#000000; line-height:1.2;} ul.sub_gnb.on{background:#1a66b1; } ul.sub_gnb.on li a{color:#ffffff; } ul.sub_gnb li a:hover{border-bottom:1px solid #ffffff; font-weight:bold; } #visual_wrap{width:100%; height:458px; position:relative; overflow:hidden; } .main_sns_wrap{position:absolute; right:50%; top:378px; margin-right:-600px; z-index:999; font-size:0; } .main_sns_wrap span{margin-left:10px; } #main_con1{width:1200px; margin:0 auto; height:auto; } #main_con1 > h2{text-align:center; font-size:28px; color:#333333; height:116px; line-height:126px; } .main_solution{} .solution{border-radius: 20px; float:left; width:384px; height:350px; border:1px solid #d3d3d3; box-sizing:border-box; margin-left:24px; transition:border 300ms ease;} .solution a{display:block; width:382px; height:347px;} .solution:hover{border:1px solid #0D5C90; transition:border 300ms ease; } .solution:first-child{margin-left:0; } .solution_txt{position:relative; width:335px; margin:18px auto 0; } .solution_txt h3{font-size:20px; color:#316190; line-height:1.2; } .solution_txt p{font-size:13px; color:#555555; margin-top:10px; line-height:1.7;} .solution_txt .btn_more{position:absolute; right:2px; top:2px; } .bg_con2{width:100%; height:auto; padding-top:35px; } #main_con2{width:1200px; margin:0 auto; box-shadow:0px 10px 20px #aaaaaa;} .business_area{float:left; width:300px; height:406px; padding-top:60px; text-align:center; } .business_area a{font-size:15px; color:#ffffff; font-weight:bold;} .business_area:nth-child(1){background:url(../e_images/main/bg_business01.jpg) 0 0 no-repeat;} .business_area:nth-child(2){background:url(../e_images/main/bg_business02.jpg) 0 0 no-repeat;} .business_area:nth-child(3){background:url(../e_images/main/bg_business03.jpg) 0 0 no-repeat;} .business_area:nth-child(4){background:url(../e_images/main/bg_business04.jpg) 0 0 no-repeat;} .business_area h3{font-size:26px; color:#ffffff; height:60px; line-height:62px; } ul.business_list{margin-left:35px; margin-top:5px; } ul.business_list li{text-align:left; background:url(../e_images/main/dot.jpg) 0 12px no-repeat; padding-left:12px; } ul.business_list li a{font-size:15px; color:#ffffff; font-weight:bold; } .bg_con3{width:100%; height:300px; padding-top:40px; background:url(../e_images/main/bg_con3.jpg) top center no-repeat; } #main_con3{width:1200px; margin:0 auto; text-align:center; } #main_con3 strong{font-size:28px; color:#ffffff; display:inline-block; height:85px; line-height:85px; background:url(../e_images/main/line_white.jpg) bottom center no-repeat; } ul.system_category{width:1190px; margin:30px auto 0; } ul.system_category li{float:left; width:170px; } ul.system_category li:nth-child(1) a{background:url(../e_images/main/system01.png) center 10px no-repeat;} ul.system_category li:nth-child(2) a{background:url(../e_images/main/system02.png) center 10px no-repeat;} ul.system_category li:nth-child(3) a{background:url(../e_images/main/system03.png) center 10px no-repeat;} ul.system_category li:nth-child(4) a{background:url(../e_images/main/system04.png) center 10px no-repeat;} ul.system_category li:nth-child(5) a{background:url(../e_images/main/system05.png) center 10px no-repeat;} ul.system_category li:nth-child(6) a{background:url(../e_images/main/system06.png) center 10px no-repeat;} ul.system_category li:nth-child(7) a{background:url(../e_images/main/system07.png) center 10px no-repeat;} ul.system_category li a:hover{ animation-duration: 0.5s; animation-name:flip; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: inherit; } @keyframes flip{ 0%{background-position:center 10px;} 50%{background-position:center 5px;} 100%{background-position:center 10px;} } ul.system_category li a{display:block; padding-top:90px; } ul.system_category li img{} ul.system_category li p{font-size:16px; color:#ffffff; font-weight:bold;} .bg_con4{width:100%; /* background:url(../e_images/main/bg_con4.jpg) top center no-repeat; */ height:720px; padding-top:50px; } #main_con4{width:1200px; margin:0 auto; text-align:center; } #main_con4 h2{font-size:28px; color:#333333; line-height:1.6; } #main_con4 h2 span{display:block; font-size:16px; color:#555555; } .bg_con5{width:100%; height:auto; background:url(../e_images/main/bg_section1.jpg) top center no-repeat; padding-top:35px; padding-bottom:35px; background-blend-mode: overlay; background-color: lightgray;} #main_con5{width:1100px; margin:0 auto;} #main_con5 h2{font-size:28px; color:#6f6f6f; text-align:center; padding-bottom:13px; background:url(../e_images/main/line_white.jpg) bottom center no-repeat;} .main_news_wrap{margin-top:30px; } .left_news_view{width:630px; float:left; height:210px; display: inline-table;} .main_news_img{width:160px; float:left; } .main_news_text{width:480px; float:left; } .main_news_text strong{font-size:20px; color:#566eb1; display:block; line-height:1.2; } .main_news_text p{font-size:14px; color:#2f2f2f; margin-top:20px; line-height:1.8;} a.btn_more_news{font-size:14px; color:#3075b9; display:block;} a.btn_more_news img{vertical-align:middle; margin-left:5px; } ul.main_news_list{width:410px; float:left; } ul.main_news_list li{width:450px; height:50px; /*background:url(../e_images/main/line_news.jpg) 0 bottom repeat-x; */margin-top:-1px; display: inline-table;} ul.main_news_list li:first-child{height:51px; /*background:url(../e_images/main/line_news1.png) 0 0 repeat-x; */} ul.main_news_list li:hover{background:#e6e6e6; } ul.main_news_list li a{display:block; line-height:34px; font-size:13px; color:#777777; border-bottom: 1px #cecece solid;} ul.main_news_list li span{float:right; margin-right:0px; } ul.main_news_list li p{margin-left:0px;; font-size:16px; font-size: 14px; font-weight: 600; color: #4e4e4e;} /*VERSE 1 #footer{width: 100%; /*background-image: url('../e_images/main/bg-bottom.jpg'); background: linear-gradient(#00598d, #00316d); overflow: hidden; padding-bottom: 20px; background-repeat: repeat-x; background-position: center;} VERSE 2 #footer { width: 100%; background-image: url('http://geografi.upi.edu/wp-content/uploads/2016/09/Batik-Background.jpg'); overflow: hidden; background-repeat: repeat-x; background-position: 0px 30px; background-size: 100%; background-blend-mode: multiply; background-color: #007dc2; } */ #footer { width: 100%; background-image: url('../images/background/footer5.jpg'); overflow: hidden; background-repeat: repeat; background-position: 0px -10px; } .footer{width:1200px; margin:0 auto; } .left_footer{width:320px; float:left; position:relative; } .left_footer h2{margin-top:20px; } .left_footer h2 img{width:172px;} .left_footer p.foot_tel{background:url(../e_images/main/tel.png) 2px center no-repeat; margin-top:18px; font-size:13px; color:#ffffff; padding-left:45px; } .left_footer p.foot_fax{background:url(../e_images/main/fax.png) 2px center no-repeat; font-size:13px; color:#ffffff; padding-left:45px; margin-top:10px; } .left_footer p.foot_tel em, .left_footer p.foot_fax em{font-size:18px; color:#ffffff; font-weight:bold; } .left_footer address, .left_footer p.copy{font-size:13px; color:#cccccc; } .right_sitemap{width:830px; float:right; margin-top:20px; } .right_sitemap h3{font-size:16px; color:#ffffff; border-top:2px solid #ffffff; display:inline-block; padding-top:5px; float:left; } /*ul.foot_sitemap{ margin-left:120px; margin-top:5px; } ul.foot_sitemap > li{font-size:17px; color:#ffffff; font-weight:bold; position:relative; margin-bottom:12px; }*/ ul.foot_sitemap{ margin-left:0px; margin-top:5px; } ul.foot_sitemap > li{font-size:15px; color:#144a80; font-weight:bold; position:relative; margin-bottom:12px; } /* ul.foot_sitemap > li:nth-child(3){margin-bottom:35px; } */ ul.foot_sitemap > li:nth-child(3) ul li{letter-spacing:-1px; } ul.sub_map{position:absolute; left:140px; top:3px; } ul.sub_map li{float:left; background:url(../e_images/main/bar_sitemap.png) right 8px no-repeat; padding-right:13px; margin-right:8px; line-height:1.3; } ul.sub_map li:last-child{padding-right:0; margin-right:0; background:none; } /*ul.sub_map li a{font-size:13px; color:#cccccc; font-weight:normal; } ul.sub_map li a:hover{color:#38eaff; }*/ ul.sub_map li a{font-size:13px; color:#666; font-weight:normal; } ul.sub_map li a:hover{font-weight:bold; color:#2e395c;} /*푸터 메뉴 추가 : 2017.01.최성원*/ .footer_menu {position:absolute; right:0;} .footer_menu li{float:left;} .footer_sns {background:#686f82; cursor:pointer;} .footer_sns:hover {background:#fff;} .footer_sitemap_btn {cursor: pointer; display: inline-block; width: 80px; padding: 5px; padding-left: 5px; margin: 0; background: #d00707; position: relative; padding-left: 15px; font-size: 12px;} .footer_sitemap_btn:hover {background:#b70909;} .footer_sitemap_btn b {position: absolute; right: 13px; top: 6px; transform: rotate(90deg);} /*unknown*/ .btn_top {position:fixed;bottom:-50px;right:15px;z-index:9999;} .btn_top a {display:block; font-family: 'Open Sans', sans-serif; width:45px; height:40px; text-align:center; font-size:11px; font-weight:600; color:#fff; background:url(../images/main/btn_top.png) no-repeat; text-decoration:none; padding-top:5px; line-height:1.5;} .btn_top a:hover {background-position:0 -45px; color:#000; font-weight:600;} #sub_visual{width:100%; height:230px; } .sub_visual1{background:url(../e_images/sub/sub_visual1.jpg) top center no-repeat;} .sub_visual2{background:url(../e_images/sub/sub_visual2.jpg) top center no-repeat;} .sub_visual3{background:url(../e_images/sub/sub_visual3.jpg) top center no-repeat;} .sub_visual4{background:url(../e_images/sub/sub_visual4.jpg) top center no-repeat;} .sub_visual5{background:url(../e_images/sub/sub_visual5.jpg) top center no-repeat;} .sub_title{width:1200px; margin:0 auto; height:230px; } .sub_title h2{font-size:38px; font-weight:800; line-height:230px; color:#ffffff; } .sub_visual5 .sub_title h2{color:#000000; } #location{width:100%; height:40px; background:#eaeaea; } .location{width:1200px; margin:0 auto; height:40px; font-size:0; } span.path{font-size:14px; color:#222222; line-height:40px; } span.path img.path_home{vertical-align:-2px; } span.path img.path_arrow{margin:0 14px; vertical-align:0px; } span.path img.path_arrow2{margin-left:5px; vertical-align:-3px; } #sub_container{width:1200px; margin:60px auto; } #sidebar{width:230px; float:left; } .lnb{border-top:1px solid #dddddd; } .lnb h3{width:230px; height:45px; border-bottom:1px solid #dddddd; } .lnb h3 a{display:block; width:230px; height:45px; line-height:45px; font-size:14px; color:#555555; padding-left:15px; box-sizing:border-box; } .lnb h3 a.over{background:url(../e_images/sub/lnb_on.jpg) 0 0 no-repeat; border-bottom:1px solid #1b66b1; color:#ffffff; } .lnb > ul{border-bottom:1px solid #dddddd; padding:10px 0 5px 20px; background:#f5f5f5; display:none; } .lnb > ul > li{background:url(../e_images/sub/dot.jpg) 0 12px no-repeat; padding-left:10px; margin-bottom:5px; } .lnb > ul > li > a{font-size:13px; color:#666666; color:#333; } .lnb > ul > li > a.m_over{font-weight:bold; } .lnb > ul > li > a:hover{color:#0043a1; font-weight:bold; } .lnb > ul ul{padding:3px 10px 5px 5px; } .lnb > ul ul li{background:url(../e_images/sub/dot3.jpg) 0 11px no-repeat; padding-left:8px; } .lnb > ul ul li a{font-size:12px; color:#555555; } .lnb > ul ul li a:hover{font-weight:bold; } .lnb p.depth4{padding-left:3px; font-size:11px} .lnb p.depth4:hover{color:#0043a1; } .lnb > ul ul li a:hover p.depth4{font-weight:normal;} #sub_contents{width: 100%; float:right; min-height:600px; position:relative; word-break:keep-all;} h4.h4_title{font-size:30px; color:#34699F; line-height:1.3; letter-spacing:-1px; margin-bottom: 20px;} h5.h5_title{font-size:20px; color:#34699F; font-weight:bold; padding-left:20px; background:url(../e_images/sub03/bullet_circle.png) 0 11px no-repeat; margin-bottom:15px;} strong.title_comment { display: block; font-size: 21px; color: #222222; letter-spacing: -1px; line-height: 1.3; margin-top: 5px; margin-bottom: 10px; } /* sub01 - unknown*/ .summary{} .summary_left_txt{width:430px; float:left; } .summary_left_txt p{font-size:15px; color:#555555; /* text-align:justify; */line-height:1.8;} .summary_right_txt{margin-left:20px; width:430px; float:right; } .summary_right_txt p{font-size:15px; color:#555555; /* text-align:justify; */line-height:1.8;} .summary_right_img{width:370px; float:right; } .line_company_list{} .line_company_list li{float:left; padding-top:15px; background:url(../e_images/sub/line_blue.jpg) 0 0 no-repeat; width:300px; height:185px; } .line_company_list dt{line-height:50px; font-size:20px; color:#222222; font-weight:bold; } .line_company_list dt a{font-size:20px; color:#222222; font-weight:bold; } .line_company_list dt a:hover {color:#1b66b1;} .line_company_list dd{font-size:14px; color:#555555; } .line_company_list_img{} .line_company_list_img li{float:left; padding-top:15px; background:url(../e_images/sub/line_blue.jpg) 0 0 no-repeat; width:280px; height:240px; } .line_company_list_img dt{line-height:50px; font-size:20px; color:#222222; font-weight:bold; } .line_company_list_img dt a{font-size:20px; color:#222222; font-weight:bold; } .line_company_list_img dt a:hover {color:#1b66b1;} .line_company_list_img dd{font-size:14px; color:#555555; } .line_company_list_img dd img{width:280px;} /*unknown*/ .tab li{float:left; width:448px; height:60px;} .tab li a{display:block; width:448px; height:60px; border:1px solid #dddddd; text-align:center; line-height:60px; font-size:16px; color:#555555;} .tab li:first-child a{border-right:0 none; } .tab li a.over{background:#6f6c72; border:1px solid #6f6c72; color:#ffffff; } .history > li {position:relative;padding-left:200px;overflow:hidden;margin-top:45px;} .history > li:first-child{margin-top:45px;} .history .year {display:block;position:absolute;left:0;top:0;width:200px;padding-top:8px;border-top:1px solid #1a66b1;color:#34699F; font-size:32px;} .history .details {padding:18px 0 5px;border-top:1px solid #d9d9d9;} .history .details > li {position:relative;padding-left:25px;padding-bottom:10px;overflow:hidden;font-size:15px;color:#555;line-height:27px;} .history .details > li ul li {margin-top:10px; background:url('/e_images/sub/dot2.jpg') 0 12px no-repeat; padding-left:12px;} .history .details > li ul li:first-child {margin-top:0;} /*unknown*/ .locationWrap{position:relative; width:100%; overflow:hidden;} .locationWrap dl{padding-top:15px; background:url(../e_images/sub/line_blue.jpg) 0 0 no-repeat;} .locationWrap dt{line-height:50px; font-size:20px; color:#222222; font-weight:bold;} .locationWrap dd{font-size:14px; color:#555555; margin-top:5px;} .dot{background:url('/e_images/sub/dot2.jpg') 0 11px no-repeat; padding-left:12px;} /*unknown*/ .productTitle{margin-bottom:50px;} .productTitle h3{font-size:30px; color:#0043a1; line-height:1.3; letter-spacing:-1px; padding-top:30px; background:url(../e_images/sub/line_blue.jpg) 0 0 no-repeat;} .productTitle h4{font-size:20px; color:#222; line-height:30px; padding-top:10px; font-weight:normal;} .productTitle dl{border-top:1px solid #ddd; padding-top:20px; margin-top:40px;} .productTitle dt{font-size:16px; color:#1b66b1; font-weight:bold; margin-bottom:5px; padding-left:12px; background:url(../e_images/sub03/bullet_dot.png) 0 13px no-repeat;} .productTitle dd{font-size:15px; color:#555; line-height:24px; margin-bottom:20px; margin-left:13px} .productCont dl{margin-top:35px;} .productCont dl:first-child{margin-top:0;} .productCont dt{font-size:20px; color:#222; font-weight:bold; padding-left:20px; background:url(../e_images/sub03/bullet_circle.png) 0 11px no-repeat; margin-bottom:15px;} .productCont dd{font-size:15px; color:#555; padding-left:12px; background:url(../e_images/sub03/bullet_dot.png) 0 12px no-repeat;} .productCont dd strong{color:#222; font-weight:bold;} .productCont dd.nobullet{padding-left:0; background:none;} .productCont .cont{margin-left:12px; margin-top:3px; margin-bottom:5px;} .productCont2{position:relative; width:100%; overflow:hidden; margin-bottom:35px;} .productCont2 dl{position:relative; width:435px; float:left; margin-left:30px;} .productCont2 dl:first-child{margin-top:0; margin-left:0;} .productCont2 dt{font-size:20px; color:#222; font-weight:bold; padding-left:20px; background:url(../e_images/sub03/bullet_circle.png) 0 11px no-repeat; margin-bottom:15px;} .productCont2 dd{font-size:15px; color:#555; padding-left:12px; background:url(../e_images/sub03/bullet_dot.png) 0 12px no-repeat;} .productCont2 dd.nobullet{padding-left:0; background:none;} .productCont2 .cont{margin-left:12px; margin-top:3px; margin-bottom:5px;} .sum_images li {display:inline-block;float:left;width:284px;margin-right:24px;} .sum_images li:nth-child(3n) {margin-right:0px;} .sum_images2 .leftbox{display:inline-block;float:left;width:550px;margin-right:24px;} .sum_images2 .rightbox{display:inline-block;float:left;width:284px;} .p_half1 {float:left;width:440px;} .p_half2 {float:right;width:440px;} .product_table {border-top:1px solid #2b5ea5;} .product_table th {font-size:16px;font-weight:bold;color:#444;border-bottom:1px solid #ddd;background:#f4f7fc;padding:10px 0;} .product_table td {font-size:14px;color:#555;border-bottom:1px solid #ddd;padding:10px 20px;word-break:keep-all;} .product_table .selbg {border-right:1px solid #ddd;background:#fff;padding:10px 10px;text-align:left;font-size:14px;font-weight:normal;color:#0043a1;} .product_table .product_feature {min-height:100px;vertical-align:top;padding:20px 30px;} .product_table .product_feature2 {min-height:150px;vertical-align:top;padding:20px 15px;} .product_table_img {border-top:1px solid #2b5ea5;} .product_table_img th {font-size:16px;font-weight:bold;color:#444;border-bottom:1px solid #ddd;background:#f4f7fc;padding:10px 0;} .product_table_img td {font-size:14px;color:#555;border-bottom:1px solid #ddd;padding:20px 0;word-break:keep-all;} .product_list li {font-size:14px; color:#555; background:url(../e_images/sub03/bullet_dot.png) 0 12px no-repeat; padding-left:12px; word-break:keep-all;} .product_list .nobullet{padding-left:0; background:none;} .product_list .cont{margin-left:12px; margin-top:3px; margin-bottom:5px;} .grayBox{background:#f5f5f5; padding:10px 20px;} /*SPECIFICATION */ .table_spec {width:100%; line-height:18px; border-top:2px solid #222222;} .table_spec th {height:38px; line-height:38px; background:#eee; color:#222222; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:14px;} .table_spec td {height:38px; line-height:22px; border:1px solid #e1e1e1; color:#555; text-align:center; font-size:14px; padding:3px 15px;} .table_spec td:nth-child(4n+1){text-align:left; padding-left:20px; background:#f7f7f7; font-weight:bold; color:#222222;} .table_spec2 {width:100%; line-height:18px; border-top:2px solid #222222;} .table_spec2 th {height:38px; line-height:38px; background:#eee; color:#222222; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:14px;} .table_spec2 td {height:38px; line-height:22px; border:1px solid #e1e1e1; color:#555; text-align:center; font-size:14px; padding:3px 15px;} .table_spec2 .cont{text-align:left; padding:10px 15px;} .table_spec2 .cont strong{background:url(../e_images/sub03/bullet_dot.png) 0 7px no-repeat; padding-left:10px;} .table_spec3 .big_title {border-top:1px solid #2b5ea5;font-size:16px;font-weight:bold;color:#444;border-bottom:1px solid #ddd;background:#f4f7fc;padding:10px 0;} .table_spec3 th {height:38px; line-height:38px; background:#eee; color:#222222; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:14px;} .table_spec3 td {height:38px; line-height:22px; border:1px solid #e1e1e1; color:#555; text-align:center; font-size:14px; padding:3px 15px;} .commonCont li{font-size:15px; color:#555; padding-left:12px; background:url(../e_images/sub03/bullet_dot.png) 0 12px no-repeat;} .commonCont li.nobullet{padding-left:0; background:none;} .btn_resume{background:#1b66b1; color:#fff; font-weight:bold; font-size:14px; padding:2px 10px; display:inline-block;} /*unknown*/ .cert_area {width:205px;float:left; margin-bottom:5px;} .cert_area dt {width:205px;height:250px;text-align:center;vertical-align:middle;} .cert_area dd {margin-top:10px;font-size:14px;color:#555;font-weight:bold;text-align:center; height:50px; line-height:1.3; } .cert_area img{border:1px solid white;} .cert_area img:hover{border:1px solid gray;} /*unknown*/ .tabmenuWrap{width:100%; overflow:hidden; margin-bottom:50px;} .tabmenu {width:100%; height:40px; margin-bottom:20px;} .tabmenu ul li {width:298px; height:40px; line-height:40px; font-size:14px; color:#1a66b1; font-weight:bold; background:#f5f5f5; text-align:center; float:left; margin-left:3px; margin-bottom:5px;} .tabmenu ul li:nth-child(3n+1) {margin-left:0;} .tabmenu ul li.on {background:#1a66b1;} .tabmenu ul li.on a{background:#1a66b1; color:#fff;} .tabmenu ul li:first-child {margin-left:0;} .tabmenu ul li a {color:#1a66b1; display:block;} .tabmenu ul li a:hover {color:#f5f5f5; background:#1a66b1; text-decoration:none;} /*unknown*/ .txt_blue {color:#008cdf;} .recruid_list li {background:url(../e_images/sub/bullet_bar.jpg) no-repeat 0px 13px;padding-left:15px;word-break:keep-all;} .recruid_con1 {floaT:left;width:200px;} .recruid_con2 {floaT:left;width:700px;padding-top:3px;} .recruid_con3 {floaT:left;width:250px;} .recruid_con4 {floaT:left;width:650px;} h6 {font-sizE:17px;font-weight:bold;color:#1b66b1;padding-lefT:25px;background:url(../e_images/sub/bullet_arrow.jpg) no-repeat 0 7px;} .sub_txt {font-size:15px;color:#555;line-height:25px;word-break:keep-all;} .recruit_table {position:Relative; width:100%;border-top:2px solid #1b66b1;} .recruit_table th{font-size:16px;padding:12px 0;text-align:center; line-height:20px; color:#000; background:#fff; border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:top;} .recruit_table td{font-size:14px;padding:12px 20px 12px 20px;text-align:left; line-height:22px; color:#444; border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:top;} .recruit_table .sel_bg {color:#222;background:#f6fbff;font-weight:bold;text-align:center;vertical-align:middle;} .recruit_table .sel_bg2 {color:#222;background:#f2f2f2;vertical-align:middle;} .recruit_table .no_line {border-left:none;} .blue{color:#0000ff; font-weight:bold;} /*MODIFIED*/ .mb15 { margin-bottom: 15px !important; } h5 { font-sizE: 20px; font-weight: bold; color: #222; padding-lefT: 25px; background: url(../images/main/bullet_circle.jpg) no-repeat 0 10px; } .mt60 { margin-top: 20px !important; } .mt100 { margin-top: 70px !important; }