/* sub first page ========================================================================== */ #sub { width:100%; margin:0 auto; } p, span { margin:0; } a { text-decoration: none; } .snb { width:640px; margin:0 auto; } .snb ul { margin:0; width:100%; padding:0; list-style: none; border-left:1px solid #dcdcdc; background: #f2f2f2; } .snb ul li { float:left; text-align:center; } .snb ul.p1 li { width:100%; } .snb ul.p2 li { width:50%; } .snb ul.p3 li { width:33.333%; } .snb ul.p4 li { width:25%; } .snb ul.p5 li { width:20%; } .snb ul.p6 li { width:20%; } .snb ul.p7 li { width:14.285%; } .snb ul.p8 li { width:12.5%; } .snb ul li.menu_first { font-size:15px; font-weight:800; color:#fff; background: #040a60; padding:20px 0; } .snb ul li a { font-size:15px; font-weight:400; background:#f2f2f2; padding:20px 0; border-right:1px solid #dcdcdc; display:block; line-height:1; } .snb ul li.last a { border-right:none; } .snb ul li a:hover { background:#e5e5e5; font-size:15px; } .snb ul li a.on { color:#040a60; font-weight:800; font-size:15px; } /* sub_content ========================================================================== */ .row { display:flex; /* equal height of the children */ } .col { flex:1; /* additionally, equal width */ } /* 서브 상단 */ #sub .sub_top { background:url(../images/sub_top.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_hs { background:url(../images/sub_top_hs.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_js { background:url(../images/sub_top_js.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_jsp { background:url(../images/sub_top_jsp.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_djs { background:url(../images/sub_top_djs.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_gm { background:url(../images/sub_top_gm.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en { background:url(../en/images/sub_top.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en_hs { background:url(../en/images/sub_top_hs.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en_js { background:url(../en/images/sub_top_js.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en_jsp { background:url(../en/images/sub_top_jsp.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en_djs { background:url(../en/images/sub_top_djs.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } #sub .sub_top_en_gm { background:url(../en/images/sub_top_gm.png) no-repeat center; width:100%; height:126px; max-width:640px; text-align:center; } /* 서브 본문 */ #sub #content { width:600px; margin:0 auto; text-align:center; padding-bottom:70px; } #sub .toptxt { position:relative; } #sub .toptxt h2 { font-size:21.5px; font-weight:700; color:#000; padding-top:56px; } #sub #content h2 { font-size:21.5px; font-weight:800; color:#111; margin-bottom:50px; } #sub #content h3 { font-size:18px; font-weight:800; color:#040a60; margin-bottom:50px; } #sub #content h4 { margin:10px; margin-left:20px; color:#333; } #sub #content p { font-size:16px; color:#333; line-height:1.5; font-weight:300; word-break:keep-all; } #sub #content span.line { display:block; width:100%; height:1px; background:#e8e8e8; margin:80px 0; } #sub #content span.line_bt { display:block; width:100%; height:1px; background:#e8e8e8; margin:0 0 80px; } #sub #content .ta_right { text-align:right; } #sub #content .ta_left { text-align:left; } #sub #content .inner { width:100%; margin-top: 50px; } /* #sub #content .inner .gomed a img:last-child { display: none; } #sub #content .inner .gomed:hover a img:first-child { display: none; } #sub #content .inner .gomed:hover a img:last-child { display: inline-block; } */ /*서브페이지3*/ #sub #content .contArea .inner div.web_first { float:left; } #sub #content .contArea .inner div.web_second { float:right; } #sub #content .contArea .inner img { height:auto; } /*서브페이지1_5*/ #sub #content h3.sub1_1_title3 { margin:50px 0 35px; } #sub #content .map { width:600px; margin:0 auto; padding-top:30px; } #sub #content .map .left { float:left; width:100%; text-align:left; } #sub #content .map .right { float:right; width:270px; text-align:right; } #sub #content .map p { font-size:16px; } #sub #content .map p+p { margin-top:10px; } #sub #content .map p span.map_title { font-weight:800; color:#333; } #sub #content .map p span.map_title:after { content:"|"; margin-left:10px; margin-right:10px; } /*#sub #content .map .map_btn { width:250px; } #sub #content .map .map_btn a { width:50%; } */ #sub #content h3.sub1_5_title3 { color:#040a60; margin:50px 0 25px; } #sub #content .logobox { background:#f5f5f5; padding:50px 0; } /* 서브페이지 탭 */ #sub #content ul.tabs { width:100%; margin: 0 auto; margin-top:40px; position:relative; z-index:10; color:#fff; padding:0; } #sub #content ul.tabs li { margin:7px; display:inline-block; text-align:center; font-size:14px; } #sub #content ul.tabs li a { padding:15px 15px; background:#fff; color:#505050; display:block; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border:1px solid #c6c6c6; font-size:14px; } #sub #content ul.tabs li:hover a { color:#fff; background:#c6c6c6; font-size:14px; } #sub #content ul.tabs li.active a, #sub #content ul.tabs li a.on { color:#fff; background:#7a93c3; font-size:14px; } /* 영문 서브페이지 탭 */ #sub #content ul.tabs li.en { width:160px; margin:2px; display:inline-block; text-align:center; font-size:16px; vertical-align: middle; } #sub #content ul.tabs li.en a { padding:15px 0; background:#fff; color:#505050; display:block; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border:1px solid #c6c6c6; } #sub #content ul.tabs li.en:nth-child(2) a { padding:25px 0; background:#fff; color:#505050; display:block; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border:1px solid #c6c6c6; } #sub #content ul.tabs li.en:nth-child(3) a { padding:25px 0; background:#fff; color:#505050; display:block; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border:1px solid #c6c6c6; } #sub #content ul.tabs li.en:nth-child(5) a { padding:25px 0; background:#fff; color:#505050; display:block; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border:1px solid #c6c6c6; } #sub #content ul.tabs li.en:hover a { color:#fff; background:#c6c6c6; } #sub #content ul.tabs li.en.active a, #sub #content ul.tabs li.en a.on { color:#fff; background:#7a93c3; } /* 테이블 업무분야 가정 */ .tg { border-collapse:collapse; border-spacing:0; width:100%; } .tg td { font-family:'Nanum Gothic', sans-serif; font-size:15px; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; border-color:black; } .tg th { font-family:'Nanum Gothic', sans-serif; font-size:15px; font-weight:normal; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; border-color:black; } .tg .tg-0ord { text-align:right; background: #634032; color: #fff; padding:15px 5px; } .tg .tg-s6z2 { text-align:center } .tg .tg-s268 { text-align:left; font-size:12px; } .cost_table .tg .tg-age { background:#fcf6e0; width: 8%; } .cost_table .tg .tg-avg { padding:15px 5px; } .cost_table .tg .sm_font { color:#3074c9; font-size:13px; font-weight:300; margin-top:5px; display:inline-block; } .tg caption { font-size:24px; margin-bottom:20px; letter-spacing: -0.04em; } .cost_table .table_refer { display: block; margin-top: 5px; font-weight: 300; } .slash {background: url('http://cdn.zetawiki.com/png/slash.png');background-size: 100% 100%;text-align: left; } .backslash {background: url('http://cdn.zetawiki.com/png/backslash.png');background-size: 100% 100%;text-align: left; } .slash div, .backslash div { text-align: right; } /* 폼메일 */ .table_02 { text-align:left; } .table_02 { font-size: 15px; font-family: 'Nanum Gothic', sans-serif !important; border:0 !important; border-top:2px solid #040a60 !important; } .table_02 > tbody > tr { height:40px; } .table_02 .att_title font { font-size:16px !important; color:#040a60 !important; font-weight:bolder; } .table_02 td { font-weight:300; } .table_02 td.formmail_cell_bgcolor { border-right:0 !important; } .table_02 span { font-family:'Nanum Gothic', sans-serif; font-size:15px; } .bbsnewf5 { font-size:15px !important; font-family:'Nanum Gothic', sans-serif !important; } .att_title:nth-last-child(2) { width: 60% !important; } .form_wrap { border: 1px solid #d5d5d5; padding: 1em 0; } input.formmail_border { height:20px; } input.formmail_border, textarea.formmail_textarea_style { width:90%; border: 1px solid #D4D4D4; } input.formmail_border[name="mobile_no1"], input.formmail_border[name="mobile_no2"], input.formmail_border[name="mobile_no3"], input.formmail_border[name="phone_no1"], input.formmail_border[name="phone_no2"], input.formmail_border[name="phone_no3"] { width: 20%; } input.formmail_border[name="attachment[]"] { border:1px; } input.formmail_border[name="address_post1"] { width:40%; margin-bottom:5px; } .table_02 td.formmail_title_bgcolor { background:none !important; font-family: 'Nanum Gothic', sans-serif !important; width: 30%; font-size: 15px; font-weight:500; } .formmail_cell_bgcolor td { font-family: 'Nanum Gothic', sans-serif; font-weight:300; } .formmail_cell_bgcolor td textarea { font-weight:300; font-size:14px !important; }