@charset "utf-8"; /* ---------- css ---------- */ /* content | 디자이너 */ /* -------- 탭 -------- */ #tabs { clear:both;width:100%;padding:0;color: #444;font-size:14px;} #tabs > ul {padding:0;background:#fff; width:100%; height:38px;} #tabs > ul > li{float:left; width:150px; text-align:center; background-color:#f2f2f2; padding: 4px 10px; height:28px; line-height:28px; border:1px solid #dedede; border-bottom:1px solid #3560ce;border-left:0;} .p-tab#tabs > ul > li{width:150px;} #tabs > ul > li:first-child{border-left:1px solid #dedede;} #tabs > ul > li a{display:block; color:#777; line-height:30px;font-weight: 600; } #tabs > ul > li.active{border:1px solid #3560ce; background:#fff; border-bottom:1px solid #fff;} #tabs > ul > li a:hover ,#tabs > ul > li.active a{color:#3560ce;} #tabs > div {margin:0;margin-top:35px;background:#fff;clear: both;overflow:hidden;width:100%; height:auto;} #tabs > #tab-1{display:block;} .tabContent > div{display:none;} .tabContent > div:first-child{display:block;} /* 인사말 */ .ledger .tex { background:url(/images/content/ceo_bg.png) no-repeat right 25px ;width:100%; float:left; overflow:hidden; font-size:13px; letter-spacing:0px; line-height:22px;} .ledger .tex h3 {font-size:20px; font-weight:600; color:#193889; letter-spacing:-1px; line-height:32px;} .ledger .tex h3 > span{font-weight:500; color:#555; letter-spacing:-1px;} .ledger .tex .s_tit {font-size:15px; font-weight:600; line-height:24px; padding:10px 0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;} .ledger .tex p{font-size:14px; letter-spacing:0px; line-height:30px; padding-top:20px; text-align:justify} /* .ledger .img{ float:right; margin-right:35px;border:1px solid #CCC; width:135px; min-height:179px} */ .ledger .sign{ float:left;} .ledger .sign p{ font-size:16px;text-align:left;line-height:20px; font-weight:600; padding-top:20px; color:#193889;letter-spacing:-0.2px;} .ledger .sign .ceo{ font-size:17px;text-align:left;line-height:25px; font-weight:600; padding-top:30px; color:#444;} /* 고객사 */ #clientCon{width:100%;margin-bottom:80px;} #clientCon div {border:1px solid #ddd;} #clientCon ul{border-bottom:1px solid #ddd;overflow:hidden;} #clientCon ul:last-child{border-bottom:0;} #clientCon li{float:left;border-right:1px solid #ddd;width:19.87%;text-align:center;padding:20px 0;} #clientCon li:last-child{border-right:0;} #clientCon a{vertical-align:middle;} /* 연혁 */ #history_tab-1,#history_tab-2 {display:none;margin:0;padding:0;list-style:none} .history {} .history .hisTit {float:left; width:280px;} .history .hisD {float:left; width:630px;} .history .hisD .hisS {width:100%; overflow:hidden; margin:30px 0 0;} .history .hisD .hisS p {float:left; width:76px; font-size:20px; font-weight:bold; color:#3e3f40} .history .hisD .hisS span{float:left; width:50px; font-size:17px; line-height:20px; font-weight:600; color:#555} .history .hisD .hisS ul{float:left; width:500px; } .history .hisD .hisS ul li {font-size:14px; color:#67686a; line-height:20px;} .history .hisD .hisS ul li b {display:inline-block; color:#3e3f40; margin:0 20px 0 0;} .historyConTit {font-size:15px;font-weight:normal;color:#778fa6;line-height:22px; padding-bottom:30px;} .historyConTit span{font-weight:600;color:#3b6288;} /* 오시는길 */ #mapCon{padding-bottom:40px;} #locationInfo dl{margin-bottom:25px; overflow:hidden;} #locationInfo dl dt{float:left; padding-left:17px; background:url(/images/content/location_bullet.gif) no-repeat left center; color:#333; font-size:16px; font-weight:600; margin-right:10px;} #locationInfo dl dd{float:left; color:#555; font-size:14px; margin-top:1px;} #locationInfo dl dd .subway-stop{display:inline-block; margin-right:30px; color:#555; font-size:13px;} #locationInfo dl dd .subway-stop:first-child{padding-left:17px;} #locationInfo dl dd .subway-stop strong{display:inline-block; background:url(/images/content/subway_stop_icon01.gif) no-repeat; margin-right:5px; width:20px; height:16px; padding-top:6px; text-align:center; font-family:"돋움",dotum; color:#fff; font-size:12px;} #locationInfo dl dd .subway-stop2 strong{display:inline-block; background:url(/images/content/subway_stop_icon02.gif) no-repeat; margin-right:5px; width:20px; height:16px; padding-top:6px; text-align:center; font-family:"돋움",dotum; color:#fff; font-size:12px;} #locationInfo dl dd .bus-stop{display:inline-block; margin-right:30px; color:#555; font-size:13px;} #locationInfo dl dd .bus-stop:first-child{padding-left:17px;} #locationInfo dl dd .bus-stop strong{display:inline-block; background:url(/images/content/bus_stop_icon.gif) no-repeat; margin-right:5px; width:20px; height:16px; padding-top:6px; text-align:center; font-family:"돋움",dotum; color:#2e4973; font-size:12px;} #locationInfo dl dd ul{padding-left:17px;} #locationInfo dl dd ul li{margin-bottom:10px; color:#555;} #locationInfo dl dd ul li strong{display:inline-block; margin-right:15px; width:25px; height:13px; padding-top:3px; text-align:center; color:#555; font-size:11px; font-family:"돋움",dotum; color:#fff; font-weight:400;} #locationInfo dl dd ul li strong.bus1{background-color:#309feb} #locationInfo dl dd ul li strong.bus2{background-color:#4dc74d} #locationInfo dl dd ul li strong.bus3{background-color:#44ba42} #locationInfo dl dd ul li strong.bus4{background-color:#cf221a} #locationInfo2 dl{margin-bottom:25px; overflow:hidden;} #locationInfo2 dl dt{float:left; padding-left:17px; background:url(/images/content/location_bullet.gif) no-repeat left center; color:#333; font-size:16px; font-weight:600; margin-right:10px;} #locationInfo2 dl dd{float:left; color:#555; font-size:14px; margin-top:1px;} #locationInfo2 dl dd .subway-stop{display:inline-block; margin-right:30px; color:#555; font-size:13px;} #locationInfo2 dl dd .subway-stop:first-child{padding-left:17px;} #locationInfo2 dl dd .subway-stop strong{display:inline-block; background:url(/images/content/subway_stop_icon03.gif) no-repeat; margin-right:5px; width:20px; height:16px; padding-top:6px; text-align:center; font-family:"돋움",dotum; color:#fff; font-size:12px;} #locationInfo2 dl dd .bus-stop{display:inline-block; margin-right:30px; color:#555; font-size:13px;} #locationInfo2 dl dd .bus-stop:first-child{padding-left:17px;} #locationInfo2 dl dd .bus-stop strong{display:inline-block; background:url(/images/content/bus_stop_icon.gif) no-repeat; margin-right:5px; width:20px; height:16px; padding-top:6px; text-align:center; font-family:"돋움",dotum; color:#2e4973; font-size:12px;} #locationInfo2 dl dd ul{padding-left:17px;} #locationInfo2 dl dd ul li{margin-bottom:10px; color:#555;} #locationInfo2 dl dd ul li strong{display:inline-block; margin-right:15px; width:25px; height:13px; padding-top:3px; text-align:center; color:#555; font-size:11px; font-family:"돋움",dotum; color:#fff; font-weight:400;} #locationInfo2 dl dd ul li strong.bus1{background-color:#309feb} #locationInfo2 dl dd ul li strong.bus2{background-color:#4dc74d} #locationInfo2 dl dd ul li strong.bus3{background-color:#44ba42} /* -------- 제품안내 --------*/ #ProductCon{} #ProductCon #Con01 h2{background:url(/images/content/content_tit_bg.gif) no-repeat left top;padding-top:12px;font-size:20px;/*letter-spacing:-0.3px;*/margin:40px 0 20px 0;font-weight:600;} #ProductCon #Con01 p{font-weight:13px;line-height:27px;color:#878787;margin-top:20px;} #ProductCon #Con01 ul li{line-height:25px;padding-left:12px; background:url(/images/content/pro_li_bullet.gif) no-repeat left center;color:#878787;} #ProductCon #Con01 ul li span{font-weight:600;color:#6a6a6a;} #ProductCon #Con01 ul > span{font-weight:600;color:#6078e4; padding-left:12px;line-height:25px;} #ProductCon #Con01 .h3-box{border:1px solid #ddd;margin:20px 0 0 0;} #ProductCon #Con01 .h3-box h3{padding:20px 0 15px 20px;font-weight:600; color:#2b3d8f;} #ProductCon #Con01 .h3-box > ul{padding:0 20px 20px 20px;} #ProductCon #Con01 .l-con{overflow:hidden;} #ProductCon #Con01 .l-con > img{float:left;margin-right:30px;} #ProductCon #Con01 .l-con > h2{background:url(/images/content/content_tit_bg.gif) no-repeat left top;/*280px top*/padding-top:12px;font-size:20px;font-weight:600;margin:50px 0;} #ProductCon #Con01 .l-con > p{font-weight:500;line-height:28px;} #ProductCon #Con01 .l-con > .tit02{background:url(/images/content/content_tit_bg.gif) no-repeat 31.5% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:50px;} #ProductCon #Con01 .l-con2{overflow:hidden;margin-top:25px;} #ProductCon #Con01 .l-con2 > img{float:left;margin-right:30px;} #ProductCon #Con01 .l-con2 > h2{background:url(/images/content/content_tit_bg.gif) no-repeat 45% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con01 .l-con2 > p{font-size:14px;font-weight:500;line-height:24px;} #ProductCon #Con01 .l-con2 > .tit02{background:url(/images/content/content_tit_bg.gif) no-repeat 36% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con01 .l-con2 > .tit03{background:url(/images/content/content_tit_bg.gif) no-repeat 43% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con01 .l-con2 > .tit04{background:url(/images/content/content_tit_bg.gif) no-repeat 27.5% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con01 .l-con3{overflow:hidden;margin-top:25px;} #ProductCon #Con01 .l-con3 > img{float:left;margin-right:30px;} #ProductCon #Con01 .l-con3 > h2{background:url(/images/content/content_tit_bg.gif) no-repeat 45% top;padding-top:12px; font-size:20px;font-weight:600;margin-top:5px;} #ProductCon #Con01 .l-con3 > p{font-size:14px;font-weight:500;line-height:24px;margin-bottom:15px;} #ProductCon #Con01 .l-con3 > .tit01{background:url(/images/content/content_tit_bg.gif) no-repeat 27.5% top;padding-top:12px;font-size:20px;font-weight:600;} #ProductCon #Con01 .l-con4{overflow:hidden;margin-top:25px;} #ProductCon #Con01 .l-con4 > img{float:left;margin-right:30px;} #ProductCon #Con01 .l-con4 > h2{background:url(/images/content/content_tit_bg.gif) no-repeat 38% top;padding-top:12px; font-size:20px;font-weight:600;margin-top:5px;} #ProductCon #Con01 .l-con4 > p{font-size:14px;font-weight:500;line-height:24px;margin-bottom:15px;} #ProductCon #Con02 h2{background:url(/images/content/content_tit_bg.gif) no-repeat left top;padding-top:12px;font-size:20px;font-weight:600;color:#000;margin:40px 0 20px 0;} #ProductCon #Con02 p{font-weight:13px;line-height:27px;color:#878787;margin-top:15px;padding-top:12px;} #ProductCon #Con02 ul li{line-height:25px;padding-left:12px; background:url(/images/content/pro_li_bullet.gif) no-repeat left center;color:#878787;} #ProductCon #Con02 ul li span{font-weight:600;color:#6a6a6a;} #ProductCon #Con02 .l-con2{overflow:hidden;margin-top:25px;} #ProductCon #Con02 .l-con2 > img{float:left;margin-right:30px;} #ProductCon #Con02 .l-con2 > h2{background:url(/images/content/content_tit_bg.gif) no-repeat left top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con02 .l-con2 > p{font-size:14px;font-weight:500;line-height:24px;} #ProductCon #Con02 .l-con2 > .tit04{background:url(/images/content/content_tit_bg.gif) no-repeat 27.5% top;padding-top:12px;font-size:20px;font-weight:600;margin-top:60px;} #ProductCon #Con03 h2{background:url(/images/content/content_tit_bg.gif) no-repeat left top;padding-top:12px;font-size:20px;font-weight:600;color:#000;margin-bottom:20px;} /* 첫번째 td만 왼쪽정렬 */ #Tbl-box{overflow:hidden;} #Tbl-box .proTbl{float:right;width:100%;margin-bottom:60px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box .proTbl th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;} #Tbl-box .proTbl tr td:first-child{text-align:left; padding-left:15px} #Tbl-box .proTbl td{color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl .c-02{background-color:#f4f4f4;color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl .mt-b{background-color:#404f6f;color:#fff;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box .proTbl .mt{background-color:#e9e9e9;color:#404f6f;height:30px;line-height:30px;border:1px solid #ddd;} /* td 전부 왼쪽정렬 */ #Tbl-box{overflow:hidden;} #Tbl-box .proTbl2{float:right;width:100%;margin-bottom:60px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box .proTbl2 th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;} #Tbl-box .proTbl2 td{text-align:left; padding-left:15px;color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl2 .c-02{background-color:#f4f4f4;color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl2 .mt-b{background-color:#404f6f;color:#fff;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box .proTbl2 .mt{background-color:#e9e9e9;color:#404f6f;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box2{overflow:hidden;} #Tbl-box2 .proTbl{float:right;width:509px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box2 .proTbl tr td:first-child{text-align:left; padding-left:15px} #Tbl-box2 .proTbl th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;} #Tbl-box2 .proTbl td{color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;vertical-align:middle;} #Tbl-box2 .proTbl .c-02{background-color:#f4f4f4;color:#404f6f;height:20px;line-height:30px;border:1px solid #ddd;} #Tbl-box3{overflow:hidden;} #Tbl-box3 .proTbl{width:550px;margin-right:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box3 .proTbl th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;border-right:1px solid #fff;} #Tbl-box3 .proTbl tr td:first-child{text-align:left; padding-left:15px} #Tbl-box3 .proTbl td{color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box3 .proTbl .c-02{background-color:#f4f4f4;color:#404f6f;height:20px;line-height:30px;border:1px solid #ddd;} #Tbl-box4{overflow:hidden;} #Tbl-box4 .proTbl{float:right;width:100%;margin-bottom:60px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:left;} #Tbl-box4 .proTbl th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;border-right:1px solid #fff;} #Tbl-box4 .proTbl tr td:first-child{text-align:left; padding-left:15px} #Tbl-box4 .proTbl td{color:#404f6f;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box4 .proTbl .c-02{background-color:#f4f4f4;color:#404f6f;height:30px;line-height:30px;border:1px solid #ddd;} /* td 전부 center 정렬 */ #Tbl-box{overflow:hidden;} #Tbl-box .proTbl3{float:right;width:100%;margin-bottom:60px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box .proTbl3 th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;} #Tbl-box .proTbl3 td{text-align:center;color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl3 .c-02{background-color:#f4f4f4;color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box .proTbl3 .mt-b{background-color:#404f6f;color:#fff;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box .proTbl3 .mt{background-color:#e9e9e9;color:#404f6f;height:30px;line-height:30px;border:1px solid #ddd;} #Tbl-box2{overflow:hidden;} #Tbl-box2 .proTbl2{float:right;width:509px;margin-left:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box2 .proTbl2 th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;} #Tbl-box2 .proTbl2 td{color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;vertical-align:middle;} #Tbl-box2 .proTbl2 .c-02{background-color:#f4f4f4;color:#404f6f;height:20px;line-height:30px;border:1px solid #ddd;} #Tbl-box3{overflow:hidden;} #Tbl-box3 .proTbl2{width:550px;margin-right:20px;border-top:2px solid #7d90bb;border-bottom:2px solid #7d90bb;text-align:center;} #Tbl-box3 .proTbl2 th{background-color:#e5eaf4;color:#404f6f;height:43px;line-height:43px;border:1px solid #ddd;border-right:1px solid #fff;} #Tbl-box3 .proTbl2 td{color:#404f6f;height:30px;line-height:20px;border:1px solid #ddd;} #Tbl-box3 .proTbl2 .c-02{background-color:#f4f4f4;color:#404f6f;height:20px;line-height:30px;border:1px solid #ddd;} /* pdf 가 박스안에서 2면 일 경우 */ #Pdf-box{padding:25px 40px; background-color:#f6f6f6;border:1px solid #d9d9d9;overflow:hidden} #Pdf-box > ul{float:left;width:50%;} #Pdf-box > ul > li{color:#404f6f; line-height:54px;} /* pdf 가 박스안에서 1면 일 경우 */ #Pdf-box2{padding:25px 40px; background-color:#f6f6f6;border:1px solid #d9d9d9;overflow:hidden} #Pdf-box2 > ul{float:left;} #Pdf-box2 > ul > li{color:#404f6f; line-height:54px;} /* 게시판 ------------------------------------------------------ */ #boardCon{width:100%;} #boardCon span.icon-new{display:inline-block; width:15px; height:15px; background-color:#eb6d11; color:#fff; text-align:center; line-height:15px; font-size:11px; letter-spacing:-0.5px; margin:0 5px; border-radius:10px;} #boardCon input, #boardCon textarea{line-height:1.2; padding:5px; vertical-align:middle; background-color:#fff; border:1px solid #d8d8d8;} #boardCon .select_search input.btn_sch{background:none; border:0px;} #boardCon span.important{color:#ff0000; font-weight:600; display:inline-block; padding:0 5px; } #boardCon .button.black{background:#333;} #boardCon .button.gray{background:#888;} #boardCon .button.purple{background:#8b2d5f;} #boardCon .movie_list ul li{margin:10px 20px} .gallery_list ul li{margin:10px 20px; text-align:center;}