﻿@charset "utf-8";
@import "common.css";

/* layout */
#wrap {width:100%}

#header {z-index:100; position:absolute; top:0; left:0; width:100%; min-width:1280px; padding-bottom:18px; border-top:10px solid transparent; background:#fff url('../images/bg_line.gif') no-repeat center bottom}
#header .inner {position:relative; width:1024px !important; margin:0 auto; *zoom:1}
#header .inner .olympusKorea {display:none; position:absolute; left:-23px; bottom:-15px}
#header .inner:after {display:block; clear:both; content:""}
#header h1 {float:left; width:306px; margin-top:45px}
#header h1 a {float:left; display:block}

/* 20140724 수정 김미선 */
/*.util {position:absolute; top:0; right:0; width:162px}
.util a {display:block; width:130px; height:26px; padding:4px 0 0 32px; color:#fff; font-size:11px; font-weight:bold; background:url('../images/bg_util.jpg') no-repeat}
.util a span {padding-right:13px; background:url('../images/bl_util.png') no-repeat right 4px}*/

.util {position:absolute; top:10px; right:0; width:auto}
.util a {display:block; width:auto; height:auto; padding:1px 0 0 50px; color:#666; font-size:11px;font-weight:normal; background:url('http://omdem10.com/olympus/images/tmp/140724_off.jpg') no-repeat left top;}
.util a:focus,
.util a:hover{color:#000; background:url('http://omdem10.com/olympus/images/tmp/140724_on.jpg') no-repeat left top;}
.util a span {padding-right:0px;}

/* 20140724 수정 김미선 */

#gnb {position:relative;float:left;margin: 56px 0 0 0px;}
#gnb ul {*zoom:1; line-height:16px}
#gnb ul:after {clear:both; display:block; content:""}
#gnb > ul > li {float:left;/* margin-left:20px; *//* width: 120px; */padding-left:0;margin-right: 56px;}
#gnb > ul > li:first-child {margin-left:0; padding-left:0; background:none}
#gnb > ul > li > a {display: block;font-size:16px; font-weight:bold; color:#3a3a3a}
#gnb ul ul {display:none; margin-top:27px; padding-bottom:25px}
#gnb ul ul a {color:#767676}
#gnb ul ul a.on {color:#000}
#gnb ul ul li {margin-top:8px}
#gnb ul ul li:first-child {margin-top:0}
#gnb .gnb01 {width: 95px;}
#gnb .gnb00 {width: 115px;}
/*
#gnb .gnb00 {width:auto}
#gnb .gnb01 {width:105px}
#gnb .gnb02 {width:115px}
#gnb .gnb03 {width:75px}
#gnb .gnb04 {width:80px} */

.container {width:1024px; margin:0 auto; padding:126px 0 50px; background: url('../images/bg_lnb.gif') repeat-y 202px 0; *zoom:1}
.container:after {clear:both; display:block; content:""}

#content {float:left; width:792px; padding:41px 0 0 30px; min-height:603px; *zoom:1}
#content:after {display:block; content:""; clear:both}

#footer {clear:both; width:100%; min-width:1280px; height:104px; padding-top:3px; border-bottom:10px solid #47505b; background:url('../images/bg_line.gif') no-repeat center top}
#footer .inner {position:relative; width:1024px !important; margin:0 auto; padding-top:17px}
#footer .inner > span {position:absolute; left:0; top:36px; width:118px}
#footer .fmenu {padding-left:189px; margin-bottom:8px} 
#footer .fmenu ul {*zoom:1}
#footer .fmenu ul:after {clear:both; display:block; content:""}
#footer .fmenu li {float:left; margin-left:15px; padding-left:16px; background:url('../images/bg_fmenu.gif') no-repeat left 6px}
#footer .fmenu li:first-child {margin-left:0; padding-left:0; background:none}
#footer .fmenu a {font-weight:bold; color:#333}
#footer .familySite {position:absolute; top:22px; right:0}
#footer .familySite span .sbHolder {width:176px; height:28px; border:1px solid #bbb}
#footer .familySite span .sbSelector {top:7px; color:#555; font-weight:bold}
#footer .familySite span .sbToggle {background:url(../images/select-icons2.gif) no-repeat left top; display:block;height:28px; position:absolute; right:0; top:0; width:26px}
#footer .familySite span .sbToggle:hover {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbToggleOpen {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbToggleOpen:hover {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbOptions {border:1px solid #bbb; border-bottom:none; top:-57px !important;}
#footer .familySite span .sbOptions li {padding-right:0}
#footer .familySite span .sbOptions li:first-child {display:none}
#footer .familySite span .sbOptions a {padding:7px 20px 6px 7px; border-bottom:1px solid #bbb; color:#666}
#footer .familySite span .sbOptions a:hover, #footer .familySite span .sbOptions a:focus{color: #555;text-decoration: none; font-weight:bold}
#footer address {padding:2px 0 0 189px; font-size:11px; line-height:16px; color:#666}
#footer address p {color:#666; font-weight:bold}

#lnb {float:left; width:180px; margin:44px 21px 0 0}
#lnb h2 {font-size:24px; .line-height:28px; font-weight:bold; color:#333; font-family:'nanum'}
#lnb h2 span {display:block; margin-top:6px; font-size:12px; font-weight:bold; color:#2a67b3}
#lnb h2 strong {font-weight:bold; letter-spacing:-2px}
#lnb > ul {margin-top:40px}
#lnb li {border-bottom:1px solid #e6e6e6}
#lnb li.on {position:relative; top:-1px; border:none; background:#094c80}
#lnb li.on a {background:url('../images/bl_lnb_on.png') right 15px no-repeat; color:#fff}
#lnb li a {display:block; margin-right:10px; padding:8px 0 7px 5px; background:url('../images/bl_lnb.png') right 15px no-repeat; font-size:15px; color:#666}

.location {float:right; text-align:right; color:#353535; position:relative; z-index:1}
.location span {margin-right:8px; padding:0 15px 3px 0; background:url('../images/bl_loc.gif') right 3px no-repeat}
.location span a {color:#353535}
.location span a:hover {text-decoration:underline}
.location strong {color:#1b6bcb; font-weight:bold}
.location img {position:relative; top:-1px; .top:0}

.title {position:relative; z-index:0}
.title strong {display:block; margin-bottom:15px; color:#1b6bcb; font-weight:bold; font-size:16px; letter-spacing:-1px}
.title h3 {margin:-3px 0 8px 0; font-size:32px; line-height:32px; color:#272727; font-weight:bold}
.title_mt {margin-bottom:45px}
.title p {display:none}

h4, h5 {margin-bottom:20px; color:#333; font-weight:bold; font-size:20px; line-height:24px}
h4.line {letter-spacing:-1px; line-height:30px}
h4.size {font-size:22px}
h4 span {display:block; margin-top:16px; font-size:14px; color:#666}
.application h4 {margin-bottom:8px}
.tit_head {margin-bottom:18px; padding-top:10px; color:#333; font-weight:bold; font-size:22px; letter-spacing:-1px; line-height:30px}
.tit_head + p {margin-bottom:77px; font-size:14px; color:#666; line-height:21px; text-align:justify; font-weight:bold}

/* select box */
.size01 .sbHolder {width:65px; margin-top:6px}
.size02 .sbHolder {width:100px; margin-top:6px}
.size03 .sbHolder {width:80px}
.size04 .sbHolder {width:200px; margin-top:5px}
.size05 .sbHolder {width:105px; top:3px}
.size06 .sbHolder {width:48px; top:3px}
.size07 .sbHolder {width:128px}
.size08 .sbHolder {width:90px}

/* paginate */
.paginate {padding:28px 0 64px; text-align:center}
.paginate p {display:inline}
.paginate p a, .paginate .pagingOn {display:inline-block; height:20px; padding:2px 8px 0; margin:0 1px; color:#666; border:1px solid #e3e3e3; font-size:11px}
.paginate a img {vertical-align:top}
.paginate .pagingOn {padding:2px 8px 0; border:1px solid #235db3; background:#4381de; color:#fff; font-size:11px}
.paginate img {position:relative; top:0; .top:0; border:1px solid #e3e3e3}
.paginate img:hover {border:1px solid #888} 


/* etc */
.password_txt {position:relative; left:10px; top:2px}
.defult_writeTxt {margin-top:10px; padding-bottom:25px; border-bottom:1px solid #e3e3e3}
.defult_writeTxt h5 {margin-top:0 !important}
.defult_writeTxt p {margin-bottom:5px}
.press_result {padding:30px 0 15px; font-size:14px; font-weight:bold; color:#333; text-align:left}
.press_result strong {color:#2a67b3}
.press_result span {margin-left:2px}
.heading_type {font-size:24px; margin-bottom:15px}
.mt50 {margin:50px 0 100px}
.txt_normal {font-weight:normal}
.btn_add {margin-top:20px}
.txt_inner1 textarea {width:780px !important; border:1px solid #ccc; height:98px !important; margin-bottom:18px !important}
.txt_inner1 .txt {margin:18px 0 5px !important}
.txt_inner1 table {border-top:1px solid #e4e4e4}
.txt_inner1 td {background:#fafafa}
.txt_inner1 .btn_add {padding-top:18px; border-top:1px solid #e3e3e3}
.input_inner1 {position:relative}
.input_inner1 .numberInput {width:120px; position:absolute; right:9px; top:-3px; text-align:center; color:#767676}
.input_inner2 {position:relative}
.input_inner2 .numberInput {width:120px; position:absolute; right:40px; top:-3px; text-align:center; color:#767676}
.text_add {padding:0; text-align:left !important; border-bottom:none !important}
.td_bg td {background:#fafafa; border-top:1px solid #e3e3e3}

.tbl_search {margin:20px 50px; text-align:center}
.tbl_search .sbSelector, .tbl_search .sbOptions a {color:#4c4d4d}
.tbl_search input[type=text] {margin:0 3px}
.tbl_search input[type=image] {position:relative; top:1px}

.tbl_style01 {width:100%; border-top:2px solid #444; color:#333; text-align:center}
.tbl_style01 tr.bg {background:#fafafa}
.tbl_style01 th {padding:6px 0 10px; border-bottom:1px solid #e3e3e3; font-weight:bold}
.tbl_style01 th span {display:block; background:url('../images/bg_thBar.gif') left top no-repeat}
.tbl_style01 th:first-child span {background:none}
.tbl_style01 td {padding:6px 0 10px; border-bottom:1px solid #e3e3e3}
.tbl_style01 td.left {padding:6px 23px 10px; text-align:left}
.tbl_style01 td a {display:block; font-size:14px; font-weight:bold; color:#333}
.tbl_style01 td p {width:100%; margin-top:6px}
.tbl_view td div {min-height:290px; padding:5px 18px; text-align:left}
.left div {margin:6px 0}
.txt_none td {padding:100px 0}
.tbl_comment {margin-top:10px; line-height:22px; padding-bottom:10px}

.th_center th {padding-left:0; text-align:center !important}
#quest03 + em {padding:0 5px}

.tbl_style02 {width:100%; border-top:2px solid #424242; color:#767676}
.tbl_style02 th, .tbl_style02 td {padding: 15px 0;/* height:46px;  */border-bottom:1px solid #e4e4e4; color:#666}
.tbl_style02 th {padding-left:40px; text-align:left; font-weight:bold; border-right:1px solid #e4e4e4; background:#fafafa; color:#666}
.tbl_style02 td {padding-left:23px}
.tbl_style02 td .sbOptions a {color:#666; float:none}
.tbl_style02 td .sbSelector {color:#666}
.tbl_style02 td a {margin:0 0 0 7px}
.tbl_style02 td em {margin-top:2px; padding:0 8px; color:#666}
.tbl_style02 td input, .tbl_style02 td em, .tbl_style02 td span, .tbl_style02 td label, .tbl_style02 td a {display:block; float:left}
.tbl_style02 td input[type="radio"] {margin:4px 5px 0 22px; *position:relative; *top:-3px}
.tbl_style02 td input[type="radio"]:first-child {margin-left:0}
.tbl_style02 th span {font-family:'nanum'}
.tbl_style02 td + th {border-left:1px solid #e4e4e4}
.tbl_style02 .email {margin-left:5px}
.tbl_style02 .name label {margin:2px 10px 0 15px}
.tbl_style02 .name label:first-child {margin-left:0}
.tbl_style02 .add {padding:5px 0 5px 13px}
.tbl_style02 .add div {float:left; width:100%; display:block; *zoom:1}
.tbl_style02 .add:after {display:block; content:""; clear:both}
.tbl_style02 .add div:first-child {margin-bottom:5px}
.tbl_style02 .add div input + input {margin-left:5px}
h5 + .tblTxt, .tbl .tblTxt {margin-top:-25px}
.tblTxt {margin-bottom:5px; text-align:right; color:#666}
.or {color:#f94e1f}
.email .sbHolder {width:193px}
#agree4_05 + em {padding:0 5px}

.tbl_style02.tbl_pad th, .tbl_style02.tbl_pad td {padding-left:10px}
 
.tbl th {padding-left:21px}
.tbl td {padding-left:13px}

.tbl_style03 {width:100%; margin-bottom:33px; border-top:1px solid #424242; color:#333; text-align:left}
.tbl_style03 th {padding:13px 20px 14px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fafafa; color:#666; text-align:left}
.tbl_style03 td {padding:13px 20px 14px; border-bottom:1px solid #e4e4e4; color:#666 !important}
.tbl_style03 .mt30 {margin-left:30px}

.tbl_style04 {width:100%; border-top:2px solid #424242; color:#767676}
.tbl_style04 th, .tbl_style04 td {height:46px; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; text-align:center}
.tbl_style04 th:first-child, .tbl_style04 td:first-child {border-left:0}
.tbl_style04 th {text-align:center; font-weight:bold; line-height:45px; background:#fafafa; color:#666}
.tbl_style04 td em {margin-top:2px; padding:0 8px}
.tbl_style04 th span {display:inline-block; *display:inline; *zoom:1; padding-left:9px; background:url('../images/ico_star.gif') left center no-repeat}
.tbl_style04 th .unit {padding-left:0; background:none; font-size:11px; font-family:'nanum'}
.tbl_style04 textarea {width:618px; height:45px; margin-bottom:10px; padding:5px; border:1px solid #e3e3e3; color:#666; font-family:'nanum'; line-height:16px; font-size:12px; resize:none}
.tbl_style04 .v_top {vertical-align:top; padding-top:10px}
.tbl_style04 .v_top input {font-family:'nanum'}
.tbl_style04 .writeTxt {position:relative; width:618px; margin:10px auto 5px; color:#666; text-align:left}
.tbl_style04 .writeTxt span {position:absolute; right:5px; top:0; color:#2a67b3}
.tbl_style04 .size02 + input {margin-top:6px}
.tbl_style04 .progress {color:#092399; font-weight:bold}
.tbl_style04 th em {font-family:'nanum'}

.viewBottom {width:100%; color:#333; *zoom:1}
.viewBottom:after {display:block; content:""; clear:both}
.viewBottom dt {float:left; width:63px; padding:7px 0 9px 33px; background:url('../images/bl_prev.gif') 19px 16px no-repeat; color:#333; font-weight:bold; border-bottom:1px solid #e3e3e3}
.viewBottom dt:first-child {background:url('../images/bl_next.gif') 19px 16px no-repeat}
.viewBottom dd {float:left; padding:7px 20px 9px 23px; float:right; width:652px; border-bottom:1px solid #e3e3e3}
.viewBottom a {color:#333}

.btnArea {margin-top:20px; *zoom:1} 
.btnArea:after {display:block; content:"": clear:both} 
.btnArea a {display:block; float:right}
.btnArea a:first-child {float:left} 
.btnRight {width:100%; margin-top:20px; text-align:right} 
.btnRight2 {position:relative; width:100%; margin-top:20px; text-align:right}
.btnRight2 span {position:absolute; left:0; top:0}
.btnCenter {width:100%; margin-top:20px; text-align:center}

.tab {margin-bottom:60px}
.tab ul {height:44px; border:1px solid #bdbcbd; border-left:none; border-bottom:none; *zoom:1}
.tab ul:after {content:""; display:block; clear:both}
.tab li {float:left; width:197px; height:43px; border-left:1px solid #bdbcbd; border-bottom:1px solid #bdbcbd; background:url('../images/bg_tab.gif') left top repeat-x; text-align:center; font-size:14px}
.tab li a {display:block; width:100%; padding:10px 0 9px; color:#484e5a; text-align:center}
.tab li.on {position:relative; top:-1px; height:52px; background:url('../images/bg_tabOn.gif') left top no-repeat; border:none}
.tab li.on a {padding-top:12px; font-size:14px; color:#fff; font-weight:bold}

.tab02 {margin-bottom:62px}
.tab02 ul {height:44px; border:1px solid #bdbcbd; border-left:none; border-bottom:none; *zoom:1}
.tab02 ul:after {content:""; display:block; clear:both}
.tab02 li {float:left; width:395px; height:43px; border-left:1px solid #bdbcbd; border-bottom:1px solid #bdbcbd; background:url('../images/bg_tab.gif') left top repeat-x; text-align:center; font-size:14px}
.tab02 li a {display:block; width:100%; padding:10px 0 9px; color:#484e5a; text-align:center}
.tab02 li.on {position:relative; top:-1px; height:52px; background:url('../images/bg_tabOn02.gif') left top no-repeat; border:none}
.tab02 li.on a {color:#fff; font-weight:bold}
.tab02.tabSize {margin-bottom:45px}
.tab02.tabSize li a {font-size:14px}
.tab2 ol {*zoom:1}
.tab2 ol:after {content:""; display:block; clear:both}
.tab2 li {float:left; width:94px; height:83px; margin-left:5px; padding-top:20px; text-align:center; color:#757575; font-size:15px; background:url('../images/bg_tab2_off.gif') no-repeat; font-weight:bold}
.tab2 li:first-child {margin-left:0}
.tab2 li span {display:block; margin-bottom:3px; font-size:20px; font-weight:bold}
.tab2 li.on {color:#3470bc; background:url('../images/bg_tab2_on.gif') no-repeat}
.tab2 li.on a {color:#3470bc}

.tab03 {margin-bottom:62px}
.tab03 ul {height:44px; border:1px solid #bdbcbd; border-left:none; border-bottom:none; *zoom:1}
.tab03 ul:after {content:""; display:block; clear:both}
.tab03 li {float:left; width:263px; height:43px; border-left:1px solid #bdbcbd; border-bottom:1px solid #bdbcbd; background:url('../images/bg_tab.gif') left top repeat-x; text-align:center; font-size:14px}
.tab03 li a {display:block; width:100%; padding:10px 0 9px; color:#484e5a; text-align:center}
.tab03 li.on {position:relative; top:-1px; height:52px; background:url('../images/bg_tabOn03.gif') left top no-repeat; border:none}
.tab03 li.on a {color:#fff; font-weight:bold}
.tab03.tabSize {margin-bottom:45px}
.tab03.tabSize li a {font-size:14px}

.tab03.no_bd ul{border: none;} 

.tbl_style05 {width:100%; margin-bottom:33px; border-top:2px solid #424242; color:#333; text-align:center}
.tbl_style05 tr th:first-child {border-left:0}
.tbl_style05 tr td:first-child {border-left:0; text-align:center}
.tbl_style05 th {padding:9px 0 8px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fafafa; color:#666}
.tbl_style05 td {padding:16px 24px 15px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#666; text-align:left; line-height:22px}

.relat {position:relative}
.relat ul li a {display:block; margin-top:20px}
.relat h4 {margin-bottom:3px; font-size:11px; color:#666}
.relat h4 span {margin-top:3px; color:#666; line-height:12px}
.relat h4 strong, .olym_subject strong {display:block; font-weight:bold; font-size:23px; color:#525172}
.relat h4 strong {line-height:28px}
.point_txt + p {color:#666; font-size:14px; line-height:24px; text-align:justify}

.olym_subject {position:relative; margin-top:42px; height:454px}
.olym_subject > p {position:absolute; left:272px; top:210px; width:250px; height:136px; padding-top:65px; font-weight:bold; text-align:center}
.olym_subject > p strong {font-size:30px; line-height:30px; color:#1b6bcb; letter-spacing:-1px}
.olym_subject > p span {display:block; padding-top:25px; font-size:14px; line-height:15px; color:#333; letter-spacing:-1px}
.work_kinds {*zoom:1; font-weight:bold; font-size:13px; color:#666}
.work_kinds:after {content:""; clear:both; display:block}
.work_kinds > li {position:relative; float:left; width:349px; height:239px}
.work_kinds > li ul {position:absolute}
.work_kinds > li h4 {margin-top:13px}
.work_kinds > li h4 span {margin-bottom:12px; color:#1b6bcb}
.work_kinds > li h4 strong {display:block; margin-bottom:9px; color:#333; font-size:30px}
.work_kinds > li a {margin-top:12px !important}
/*
.work_kinds .expt {width:312px; height:150px; padding:9px 9px 9px 239px; border:1px solid #e3e3e3}
.work_kinds .expt, .work_kinds .expt3 {}
.work_kinds .expt {background:url('../images/bg_Business01.jpg') 9px 9px no-repeat}
.work_kinds .expt ul {right:33px; top:50px}
*/
.work_kinds .expt {width:222px; height:264px; margin-left:135px; padding:169px 9px 9px 9px; background:url('../images/bg_Business01.jpg') 9px 9px no-repeat; border:1px solid #e3e3e3}
.work_kinds .expt ul {position:static}
.work_kinds .expt a {margin-top:60px !important}



.work_kinds .expt2 {width:222px; height:264px; margin-left:20px; padding:169px 9px 9px 9px; background:url('../images/bg_Business03.jpg') 9px 9px no-repeat; border:1px solid #e3e3e3}
.work_kinds .expt2 ul {position:static}
.work_kinds .expt2 a {margin-top:20px !important}


.work_kinds .expt3 { width:222px; height:264px; margin-left:20px; padding:169px 9px 9px 9px; border:1px solid #e3e3e3; background:url('../images/bg_Business02.jpg') 9px 9px no-repeat}
.work_kinds .expt3 ul {position:static; margin:16px 0}
.work_kinds .expt3 span {line-height:18px}
.work_kinds .expt3 a {margin-top:20px !important}

.work_kinds .expt4 {position:absolute; right:0; bottom:0; width:301px; height:150px; padding:9px 9px 9px 239px; background:url('../images/bg_Business04.jpg') 9px 9px no-repeat; border:1px solid #e3e3e3}
.work_kinds .expt4 ul {position:absolute; right:9px; top:14px}
.work_kinds .expt4 h4 {margin-top:6px}
.work_kinds p {margin-bottom:10px; line-height:18px; font-size:12px; color:#666; font-weight:normal}
.work_kinds ul li {line-height:20px; padding-left:10px; font-size:12px; font-weight:normal; color:#666; background:url(../images/bul_work.gif) 0 10px no-repeat}
.sub_work {margin-bottom:100px}
.sub_work ul {*zoom:1}
.sub_work ul:after {content:""; display:block; clear:both}
.sub_work ul li {float:left; width:337px; height:190px; margin-left:10px; padding:32px 20px 30px; border:1px solid #e3e3e3}
.sub_work h4 strong {display:block; margin-bottom:0; font-size:22px; color:#333; letter-spacing:-1px}
.sub_work p {height:80px; margin-top:12px; line-height:21px}
.sub_work h4 span {display:block; margin-bottom:13px; font-size:14px; line-height:16px; color:#1b6bcb; letter-spacing:-1px}
.sub_work a {margin-top:0 !important}
.emptyErr {display:block; width:100%; height:84px; background:url(../images/err_below.gif) center top no-repeat}

.img_explan {float:left; clear:both; margin-bottom:47px; padding-bottom:50px; border-bottom:1px solid #e6e6e6}
.img_explan li {*zoom:1; margin-top:45px}
.img_explan li:first-child {margin-top:0}
.img_explan li:after {content:""; clear:both; display:block}
.img_explan li > p {float:left; width:250px; margin-right:20px}
.img_explan li > p img {border:1px solid #bbb}
.img_explan div {float:left; width:510px}
.img_explan div p {line-height:21px; text-align:justify}
.img_explan .tit_line {display:block; margin-bottom:0; background:none}

.img_explan02 {float:left; clear:both; margin-bottom:47px; padding-bottom:50px; border-bottom:1px solid #e6e6e6}
.img_explan02 li {width:100%; margin-top:40px; *zoom:1}
.img_explan02 li:first-child {margin-top:0}
.img_explan02 li:after {display:block; content:""; clear:both}
.img_explan02 li > p {float:left; width:248px; height:148px; margin-right:20px; border:1px solid #e3e3e3; text-align:center}


.img_explan02 li div {float:left; width:522px}
.img_explan02 li div p {text-align:justify}
.img_explan02 li div strong {display:block; margin-bottom:10px; color:#333; background:none; margin-bottom:0}
.img_explan02 li > p img {margin-top:13px}
.img_explan0201 p {border:none !important}
.img_explan0201 img {margin-top:0 !important}
.img_explan0202 p {margin-bottom:10px}
.img_explan0202 img {margin-top:0 !important}

.relation {margin:0 0 140px; padding:30px 0 23px; margin-bottom:100px; border-top:2px solid #444; border-bottom:1px solid #e3e3e3}
.relation p {margin-bottom:10px}
.relation p span {padding-right:15px}

.relation02 {padding:27px 0 25px; margin-bottom:100px; border-top:2px solid #444; border-bottom:1px solid #e3e3e3; *zoom:1}
.relation02:after {display:block; content:""; clear:both}
.relation02 a, .relation02 p {display:block; float:left; height:26px; margin:0 17px 10px 0}
.relation02 p {width:581px; padding-top:4px}

.work_cs ul {width:771px; padding:83px 3px 135px; margin-bottom:100px; background:url('../images/bg_cs.gif') 40px 20px no-repeat}
.work_cs ul:after {content:""; clear:both; display:block}  
.work_cs li {float:left; width:176px; line-height:25px; margin:0 39px; font-size:15px; text-align:center; color:#fff}
.work_cs li strong {display:block; font-weight:bold; font-size:23px}

.img_explan dt, .img_explan02 dt {font-weight:bold}
.fnleft {margin-top:3px; .zoom:1}
.fnleft:after {content:""; clear:both; display:block}
.fnleft dt {float:left; color:#1b6bcb}
.fnleft dd {float:left; width:425px; padding-left:5px}
.fnleft dd li {margin:0; line-height:20px}
.fnleft dd ul {margin-left:5px}

.ad_viewer {*zoom:1}
.ad_viewer:after {display:block; content:""; clear:both}
.ad_viewer .mov {display:block; text-align:center; margin-bottom:15px}
.ad_viewer .ad_desc {width:490px; margin:0 auto}
.ad_desc strong {margin:7px 0 0;font-size:14px; line-height:23px; color:#333}
.ad_desc .inner {*zoom:1}
.ad_desc .inner {content:""; display:block; clear:both}
.ad_desc .date {float:left; margin:11px 0 0}
.ad_desc .btns {float:right}

.gallery {margin:41px 0 0; padding:38px 20px 0; border-top:2px solid #424242; border-bottom:1px solid #e3e3e3}
.gallery ul {margin-bottom:38px; *zoom:1}
.gallery ul:after {display:block; content:""; clear:both}
.gallery ul li {float:left; margin-left:8px}
.gallery ul li:first-child {margin-left:0}
.gallery ul li a {display:block}
.gallery ul li .frame,
.gallery ul li strong,
.gallery ul li .year {display:block}
.gallery ul li strong {overflow:hidden; width:178px; margin:5px 0 0; text-overflow:ellipsis; white-space:nowrap; color:#666}
.gallery ul li .year {color:#666}
.gallery ul li .frame img {border:1px solid #e3e3e3}
.ad_prt {padding:5px 0 0}
.ad_prt .align_r {text-align:right; padding:0 4px 0 0}
.ad_prt .gallery {margin:10px 0 0; border-top:1px solid #e3e3e3}

.txtOnly_list {border-top:2px solid #444}
.txtOnly_list li {position:relative; padding:21px 19px 20px; border-bottom:1px solid #e3e3e3; *zoom:1}
.txtOnly_list li:after {display:block; content:""; clear:both} 
.txtOnly_list li p {float:left; width:148px; height:109px; margin-right:19px; border:1px solid #e3e3e3}
.txtOnly_list li a {/*display:block;*/ color:#333}
.txtOnly_list li strong {display:block; font-size:14px; font-weight:bold}
.txtOnly_list li strong + span {display:block; margin-top:13px; line-height:18px}
.txtOnly_list li .date {display:block; margin-top:5px; color:#666}
.txtOnly_list li a strong + span {overflow:hidden; color:#666}

.noline_list {margin:0 0 40px 0; *zoom:1}
.noline_list:after {display:block; content:""; clear:both}
.noline_list li {float:left; margin-left:24px}
.noline_list li:first-child {margin-left:0}
.noline_list li a {display:block}
.noline_list li .frame,
.noline_list li strong,
.noline_list li .date {display:block}
.noline_list li .frame {border:1px solid #e3e3e3}
.noline_list li strong {overflow:hidden; width:246px; margin:13px 0 0; text-overflow:ellipsis; white-space:nowrap; color:#5f6576}
.noline_list li .date {color:#666}

.resultbox {margin:69px 0 15px; font-size:14px; color:#333; text-align:left; font-weight:bold}
.resultbox em {color:#2a37b3}

.tbl_style01 .tbl_tit td {padding:20px 20px 12px}
.tbl_style01 .tbl_tit td div {position:relative; text-align:left}
.tbl_style01 .tbl_tit td strong,
.tbl_style01 .tbl_tit td .date {display:block; margin-bottom:8px}
.tbl_style01 .tbl_tit td strong {font-size:14px}
.tbl_style01 .tbl_tit td .date {color:#666}
.tbl_style01 .tbl_tit td .btns {position:absolute; right:0; top:0}
.tbl_style01 .tbl_veiw2 td {text-align:left; padding:30px 30px 60px 30px}
.tbl_style01 .tbl_veiw2 td div {text-align:left}
.tbl_style01 td .btns a {display:inline-block}

.promote {margin:35px 0 100px; text-align:center}
.promote .tit_line {font-size:24px; margin-bottom:30px; background-position:center bottom; letter-spacing:-1px}
.promote .tit_line strong {color:#1b6bcb}
.promote .tit_line span {display:block; font-weight:normal}
.promote .tit_line + img + .tit_line {margin-top:80px; line-height:33px}

.guide {*zoom:1}
.guide:after {display:block; content:""; clear:both}
.guide .rec_head {margin:0 0 8px 4px}
.guide .rec_head + p {margin-left:4px; font-size:19px; color:#666; line-height:28px}
.guide dl {float:left; width:384px; margin-top:44px}
.guide dl + dl {margin-left:24px}
.guide dd {margin-top:22px; text-align:justify}
.guide dd .tit_line {margin-bottom:20px; padding-bottom:20px; font-size:22px; background:url('../images/bg_btmT.gif') left bottom no-repeat; color:#333}
.guide dd .tit_line + p {color:#666; font-size:17px; line-height:24px}
.guide .etc {clear:both; padding:55px 0 100px; color:#666; font-size:17px; line-height:22px; font-weight:bold; letter-spacing:-2px}

.promote2 h5 {font-size:24px; margin-bottom:45px; letter-spacing:-1px}
.promote2 p {margin-bottom:100px}
.promote2 .tbl_style03 {border-top:1px solid #424242}
.promote2 .tbl_style03 th {line-height:18px; text-align:center}
.promote2 .tbl_style03 th em {display:block; font-size:14px; color:#272727}
.promote2 .tbl_style03 th em + em {color:#666; font-size:12px}
.promote2 .tbl_style03 th em + em + em {font-weight:normal; font-size:12px}
.promote2 .tbl_style03 td {border-left:1px solid #e3e3e3}

.hireTurn ol {margin:47px 0 68px}
.hireTurn ol li {margin-bottom:30px; *zoom:1}
.hireTurn li strong {display:block; padding-bottom:15px; margin-bottom:0; font-size:18px; line-height:26px; letter-spacing:-1px}
.hireTurn li p {color:#666}
.hireTurn div {padding:30px 40px; border:1px solid #e6e6e6}
.hireTurn div strong {color:#1b6bcb; font-size:18px}
.hireTurn div ul {margin-top:15px}
.hireTurn div li {color:#666}

.noticTab {*zoom:1; margin-bottom:21px; padding-top:43px}
.noticTab:after {content:""; clear:both; display:block}
.noticTab li {float:left; margin-left:5px}
.noticTab li:first-child {margin-left:0}
.noticTab li a {display:block; width:114px; height:23px; margin-right:3px; padding-top:9px; line-height:12px; font-size:12px; color:#666; text-align:center; background:url(../images/tab_recruit2.jpg) no-repeat}
.noticTab li.on a {background:url(../images/tab_recruit1.jpg) no-repeat; font-weight:bold; font-weight:bold; color:#333}

.noticBoard {width:100%; border-top:2px solid #444; font-size:12px; color:#333; text-align:center}
.noticBoard th {line-height:46px; border-bottom:1px solid #e3e3e3; font-weight:bold; background:url(../images/table_bar.gif) left 14px no-repeat}
.noticBoard th:first-child {background:none}
.noticBoard td {line-height:46px; border-bottom:1px solid #e3e3e3; color:#333}
.noticBoard td a {color:#333}
.noticBoard td:first-child + td {padding:0 25px; text-align:left}
.noticBoard td span {color:#666}
.noticBoard td span.ing {color:#1b6bcb; font-weight:bold}
.noticBoard tr.bg td {background:#fafafa}
.the_end {overflow:hidden; width:395px; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}

.active {background:#fafafa}
.notic_view {width:100%; margin-top:58px; border-top:2px solid #444; font-size:12px; color:#333; text-align:left; .table-layout:fixed}
.notic_view th {padding-left:21px; line-height:46px; font-weight:bold; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; background:#fafafa; color:#666; text-align:left}
.notic_view th:first-child {border-left:0}
.notic_view td:first-child {border-left:0}
.notic_view td {padding-left:21px; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; color:#666}
.text_area td {padding:20px}
.text_area div {color:#333}

.btn_list {width:100%; margin-top:18px; .zoom:1}
.btn_list:after {content:""; clear:both; display:block}
.btn_list a {display:block; float:left}
.btn_list a:first-child {margin-right:6px}
.btn_list .recuitList {float:right}

.point_txt {font-weight:bold; color:#333; font-size:24px; line-height:28px; letter-spacing:-1px}

.point_txt strong {color:#1b6bcb}
.point_txt + span {display:block; color:#666; font-size:19px; line-height:45px; letter-spacing:-1px}
.point_txt.mtstyle {padding-top:10px; margin-bottom:30px}
.point_txt_bg1 {padding:63px 0 125px; /*background:url('../images/bg_point_ceo.jpg')*/ no-repeat right top}
.point_txt_bg2 {margin-bottom:0 !important; padding:45px 0 65px;/*  background:url('../images/bg_point_txt_bg2.jpg') no-repeat right top */}
.point_txt_bg2 b {display:block; margin-bottom:10px}
.point_txt_bg2 span {font-weight:normal; font-size:14px; display:block; color:#666}
.point_txt_bg3 {padding:45px 302px 30px 0 !important; background:url('../images/bg_point_txt_bg3.jpg') no-repeat right top !important}
.point_txt_bg4 {padding:45px 302px 65px 0 !important; background:url('../images/bg_point_txt_bg4.jpg') no-repeat right top !important}
.point_txt_bg4 b {display:block; margin-bottom:12px; font-size:24px; font-weight:bold; color:#333; line-height:33px; letter-spacing:-1px}
.point_txt_bg4 strong {display:inline !important; color:#1b6bcb !important}
.point_txt_bg5 {padding:45px 381px 83px 0 !important; background:url('../images/bg_point_txt_bg5.jpg') no-repeat right top !important}
.point_txt_bg6 {padding:45px 345px 58px 0 !important; background:url('../images/bg_point_txt_bg6_1.jpg') no-repeat right top !important}
.point_txt_bg6 strong {line-height:31px}
.point_txt_bg7 {padding:45px 300px 58px 0 !important; background:url('../images/bg_point_txt_bg7.jpg') no-repeat right top !important}
.point_txt_bg7 strong {line-height:31px}
.point_txt_bg7 span {display:block; padding-right:37px}
.point_txt_bg8 {padding:45px 287px 58px 0 !important; background:url('../images/bg_point_txt_bg8.jpg') no-repeat right top !important}
.point_txt_bg8 strong {line-height:31px; letter-spacing:-2px !important}
.point_txt_pd{padding:36px 0 30px ;}
.point_txt_pd02{padding-bottom: 30px;}
.point_txt_bg2 b.bold { display: inline; }



.image_inner {padding:30px 0; border:1px solid #e3e3e3; text-align:center}
.check {margin-top:30px; padding:17px 30px 20px; border:1px solid #e6e6e6; color:#666}
.check strong {color:#333}
.check p {margin-top:3px; color:#666}
.check li {color:#666}

.application {margin-top:40px}
.application h5 {font-size:24px; margin-top:40px; letter-spacing:-1px}
.application h5.first {margin:0 0 20px}
.application .btnCenter {margin-top:40px}
.application .btnRight span:first-child {margin-right:15px}
.application .btnRight input[type="radio"] {vertical-align:middle}
.application .btnRight label {margin-left:6px; font-size:11px; color:#666}
.application .save {padding:12px 30px; border:1px solid #e6e6e6; font-size:14px; font-weight:bold; color:#f94e1f; background:url('../images/bl_save.gif') no-repeat 17px 18px}
.application .star {position:relative}
.application .star p {position:absolute; top:-23px; right:0; font-size:12px; color:#666}
.application .star p.color {color:#767676}
.application .star p span {color:#cd070f}
.application .plus {display:block; margin:30px 0; padding:15px 0; font-size:14px; color:#666; text-align:center; font-weight:bold; background:#ecf0f4}
.application .con {width:793px; height:110px; padding:5px; border:1px solid #e3e3e3; border-top:2px solid #444; color:#666; font-family:'nanum'; line-height:16px; font-size:11px; resize:none}
.application .txt {margin-bottom:24px; color:#666}
span.star {padding-right:10px; line-height:15px; background:none !important}
span.star .or {position:absolute; top:0; right:0}

.application .list {margin-top:45px; *zoom:1}
.application .list:after {display:block; content:""; clear:both}
.application .list li {position:relative; float:left; width:263px; height:171px; padding-top:130px; border-left:1px solid #e6e6e6; text-align:center}
.application .list li:first-child {border-left:none}
.application .list li a {position:absolute; bottom:0; left:87px}
.application .list li strong {display:block; margin-bottom:15px; color:#333; font-size:14px; font-weight:bold; font-size:18px}
.application .list .list01 {background:url('../images/bg_application_list01.gif') no-repeat center top}
.application .list .list02 {background:url('../images/bg_application_list02.gif') no-repeat center top}
.application .list .list03 {background:url('../images/bg_application_list03.gif') no-repeat center top}

.application .agree {height:130px; padding:20px 38px; overflow-y:auto; border:1px solid #e3e3e3; border-top:2px solid #444}
.application .agree strong {display:block; font-weight:bold; margin-bottom:18px; line-height:20px; color:#666}
.application .agree p {margin-bottom:18px; line-height:20px; color::#696d73}
.application .agree p:first-child {color:#666; font-size:12px; font-family:'nanum'}
.application .agreep span {display:block; margin-left:15px}
.application .agree ul {margin-bottom:18px}
.application .app_ok {*zoom:1; width:495px; margin:0 auto; padding:15px 0 65px; font-size:24px; color:#333; font-weight:bold}
.application .app_ok:after {content:""; display:block; clear:both}
.application .app_ok span {display:block; margin-top:5px; font-weight:normal; color:#666; font-size:12px}
.application .app_ok .img {float:left; width:158px; height:160px; margin:18px 30px 0 0}
.application .app_ok .txt {float:left; width:305px; padding-top:18px}
.application .app_ok .txt p {margin-bottom:15px; color:#333; line-height:29px}
.application .app_ok .txt strong {color:#1b6bcb}

.application .app_modify {position:relative; padding:40px 0 40px 74px; border:1px solid #e3e3e3; border-top:2px solid #444}
.application .app_modify > ul > li:first-child {margin-bottom:2px}
.application .app_modify label {display:inline-block; *display:inlnie; *zoom:1; vertical-align:top; margin-top:2px; width:65px; font-weight:bold; font-size:14px; color:#333}
.application .app_modify em {display:inline-block; *display:inlnie; *zoom:1; vertical-align:top; margin-top:2px; padding:0 8px}
.application .app_modify input[type="image"] {position:absolute; top:40px; right:70px}

.application .app_result {margin-top:24px; padding:35px 0; border:1px solid #e3e3e3; border-top:2px solid #444; text-align:center}
.application .app_result .txt1 {font-size:14px; color:#666; font-weight:bold}
.application .app_result .txt1 strong {color:#cd070f}
.application .app_result .txt2 {width:421px; height:27px; margin:18px auto 0; padding-top:8px; font-size:14px; color:#666; font-weight:bold; background:url('../images/bg_app_result_txt.gif') no-repeat}
.application .app_result .txt2 em {color:#092399}
.application .app_result .txt3 {margin-top:13px; color:#666}
.application .app_result .btnCenter {margin-top:27px}
.application .check {margin-top:33px}
.application .check ul {margin-top:8px}
.application .app_result.height {padding:60px 0 62px}
/
.int_year {position:relative; width:791px; height:428px; margin:53px 0 40px; background:url('../images/bg_intro.gif') left top no-repeat; border-bottom:1px solid #e6e6e6}
.int_year div {width:auto; position:absolute;line-height:19px}
.int_year span {display:block}
.year01 {top:88px; left:57px}
.year02 {top:88px; left:298px}
.year03 {top:88px; right:78px}
.year04 {top:308px; right:53px}
.year05 {top:308px; left:298px}
.year06 {top:308px; left:25px}


.int_year1 {position:relative; width:791px; height:428px; margin:53px 0 40px; background:url('../images/bg_intro1.gif') left top no-repeat; border-bottom:1px solid #e6e6e6}
.int_year1 div {width:auto; position:absolute;line-height:19px}
.int_year1 span {display:block}
.year011 {top:88px; left:17px}
.year021 {top:88px; left:180px}
.year031 {top:88px; right:250px}
.year041 {top:88px; right:60px}
.year051 {top:338px; right:20px}
.year061 {top:338px; right:260px}
.year071 {top:338px; left:17px}

.int_ceo {margin:20px 0 100px; text-align:right; color:#333; font-size:18px; font-weight:bold; line-height:30px}
.int_ceo span {font-size:24px}
.int_txt {text-align:justify; font-size:14px; color:#666; line-height:24px}
.int_txt strong {display:block; margin-bottom:14px; color:#333; font-size:20px; font-weight:bold}
.int_txt em {color:#092399}
.int_txt02 {margin:-13px 14px 0 0; padding:10px 200px 50px 0; text-align:justify; background:url('../images/img_head.gif') right top no-repeat; font-weight:bold; font-size:14px; color:#666}
.int_txt02 strong {display:block; margin-bottom:20px; font-size:22px; color:#333}

.int_list {margin:32px 0 35px}
.int_list li {*zoom:1}
.int_list li:after { display: block; content: ''; clear: both; }
.int_list li {margin-bottom:35px}
.int_list li:first-child + li {margin-bottom:35px}
.int_list li:after {content:""; display:block; clear:both}
.int_list li strong {display:block; margin-bottom:15px; font-size:20px; color:#333; font-weight:bold; clear:both}
.int_list li > span {display:block; float:left; width:250px; margin-right:20px; margin-top:5px}
.int_list li p {width:500px; float:left; line-height:21px; text-align:justify}
.int_list li p em {display:block; font-weight:bold; margin-bottom:10px}
.int_list li p span {display:block; margin-bottom:12px}
.int_list + h4 {margin-bottom:10px}
.int_list + h4 + .int_txt {font-size:14px; color:#666; font-weight:bold}

.list_txt_ty1 { margin-bottom: 50px; }
.list_txt_ty1 li span { padding-right: 8px; }


.h4_txt {font-size:14px; color:#666; font-weight:bold}

.int_tower {position:relative; margin:0 0 20px; text-align:center}
.int_tower span {display:block; text-align:center}
.int_tower > ul > li {width:183px}
.int_tower .tower1 {position:absolute; top:204px; left:22px}
.int_tower .tower2 {position:absolute; top:114px; right:19px}
.int_tower strong {display:block; margin-bottom:7px; color:#3a78cb; font-size:16px; line-height:20px; font-weight:bold}
.int_tower li li {font-size:11px; line-height:15px; color:#5a5a5a}
.int_tower + p {color:#666; text-align:justify}

.int_towerCon {margin-top:50px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6}
.int_towerCon {*zoom:1}
.int_towerCon:after {display:block; content:""; clear:both}
.int_towerCon li {float:left; width:376px; height:315px; padding:45px 0}
.int_towerCon li:first-child {margin-right:40px}
.int_towerCon strong {display:block; margin-bottom:18px; font-size:18px; color:#333; font-family:'nanum'; font-weight:bold; letter-spacing:-1px}
.int_towerCon strong em {color:#1b6bcb}
.int_towerCon span {display:block; margin-bottom:18px}
.int_towerCon p {text-align:justify}

.int_galley {position:relative; margin:47px 0 160px; padding:39px 0; height:400px; overflow:hidden; *zoom:1}
.int_galley:after {display:block; content:""; clear:both}
.int_galley ul {float:right; width:92px; *zoom:1}
.int_galley ul:after {display:block; content:""; clear:both}
.int_galley li {float:left; margin:10px 0 0 0}
.int_galley li div {position:absolute; top:0; left:0}
.int_galley li div span {display:block; width:684px; height:478px; border:1px solid #e3e3e3}
.int_galley li a:first-child {display:block}
.int_galley li a:first-child img {
	border:1px solid #bbb;
	filter:gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome &amp; Safari 6+ */
	height:66px;
}

@-moz-document url-prefix() { 
	.int_galley li a:first-child img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */}
}

.int_galley li a.on img {
	width:84px; height:60px; border:4px solid #4486d2; background:none;
	filter:normal; /* IE6-9 */
	-webkit-filter: grayscale(0); /* Google Chrome &amp; Safari 6+ */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); } /* Firefox 10+, Firefox on Android */
}
.int_galley li a.on {border:none}
.int_galley li p {position:absolute; bottom:1px; left:1px; width:684px; height:46px; padding-top:23px; text-align:center; color:#fff; font-size:18px; line-height:24px; font-weight:bold; background:url('../images/bg_int_galley.png') repeat-x}
.int_galley .int_prev {z-index:100; position:absolute; top:428px; left:23px; padding:10px}
.int_galley .int_next {z-index:100; position:absolute; top:428px; right:126px; padding:10px}
.int_galley strong {display:block; width:92px; position:absolute; right:0; z-index:10}
.int_galley .top_btn {top:0}
.int_galley .btm_btn {bottom:-2px; height:41px}

#bgLayer {position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; background:#000; opacity:0.6}
.pop_wrap {position:absolute; left:0; top:0; z-index:1000; width:auto !important; padding:29px 20px 20px; background:#fff; border-top:2px solid #444; border-bottom:1px solid #e3e3e3}
.pop_wrap .close {position:absolute; top:0; right:0}
.pop_wrap .tit {display:block; width:auto; margin-top:0; padding-left:9px; font-size:18px; font-weight:bold; color:#222; text-overflow:none}
.pop_wrap .btnCenter {margin-top:20px !important}
.pop_wrap .tbl_style02 th {padding:0 !important}

.pop_media {padding:29px 10px 10px}
.pop_media .copy,
.pop_media .pub {padding-left:9px; color:#666; line-height:21px}
.pop_media .copy {margin:12px 0 0; padding-left:9px}
.pop_media .img {margin:17px 0 0}

.tbl_style02 td .pop_wrap input, 
.tbl_style02 td .pop_wrap em, 
.tbl_style02 td .pop_wrap span, 
.tbl_style02 td .pop_wrap label, 
.tbl_style02 td .pop_wrap a {display:inline-block; float:none}

.pop_zipcode {width:390px !important}
.pop_zipcode .tbl_style05 {margin-bottom:0}
.pop_zipcode .tbl_style05 th,
.pop_zipcode .tbl_style05 td {height:auto}
.pop_zipcode .tbl_style05 td {padding:7px 12px 7px}
.pop_zipcode .btnCenter {float:left}

.tbl_searchTop {position:relative; margin:20px 0 10px; padding:10px 0 30px; border:1px solid #e3e3e3; text-align:center}
.tbl_searchTop .exam {position:absolute; left:103px; top:40px; display:block; font-size:11px; color:#666}
.tbl_searchTop input + input {margin-left:-4px}
.tbl_searchTop label {float:none; display:inline-block; float:none; margin-right:20px; color:#666; font-weight:bold}
#popSchZip .pop_wrap .close {margin:0}

.pop_idpw {width:430px !important}
.pop_idpw .tit {text-align:left; margin-bottom:20px}
.pop_idpw .tbl_style02 th, 
.pop_idpw .tbl_style02 td {height:auto; padding:6px 0 6px 14px}
.idpw_box {margin:20px 0 0; padding:28px 20px; border-top:2px solid #424242; border-bottom:1px solid #e3e3e3}
.idpw_box .txt_pop_fst {font-weight:bold; line-height:18px}
.idpw_box .txt_pop_fst strong {color:#455cc2}
.idpw_box .txt_pop_snd {margin:15px 0 0; font-size:11px; line-height:15px; color:#666}
.idpw_box .txt_pop_snd a {color:#666}
.tbl_style02 .add div .pop_potlet {float:none}
.pop_potlet .tblHead table {border-top:2px solid #424242; padding-right:17px; background:#EEF3F8; border-bottom:1px solid #e3e3e3}
.pop_potlet .tblHead table .scr th:first-child {border-right:1px solid #e3e3e3}
.pop_potlet .tblBody {float:none; height:219px; overflow-x:hidden; overflow-y:scroll; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
.pop_potlet .tblBody table {margin-top:-42px}
.pop_potlet .gridPorS {width:100%; border-top:1px solid #b4c6d3; border-left:none; background:#fff}
.pop_potlet .gridPorS .scr th {height:auto; padding:9px 0; color:#666; background:#fafafa; font-size:12px}
.pop_potlet .gridPorS {width:100%; background:#fff}
.pop_potlet .gridPorS th {color:#226cc0; background:#eef3f8; font-size:11px; text-align:center; border-right:none}
.pop_potlet .gridPorS td {height:36px; padding:0 0 0 11px; color:#666; border-top:1px solid #e3e3e3; text-align:left; border-right:none}
.pop_potlet .gridPorS th:first-child,
.pop_potlet .gridPorS td:first-child {padding:0; border-right:1px solid #e3e3e3}
.pop_potlet .gridPorS td:first-child {text-align:center}

/* 연혁 */
.tab_type3 li {position:relative; width:80px; background:#fff !important}

.history {position:relative; overflow:hidden; width:100%; *zoom:1; margin-bottom:50px}
.history:after {display:block; content:""; clear:both}
.history ul {width:3000em; height:35px; padding:0 0 0 35px; *zoom:1; border-top:1px solid #e3e3e3}
.history ul:after {display:block; content:""; clear:both}
.history li {float:left; width:119px; height:33px; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
.history li:first-child a {background:none}
.history li.on {width:120px; height:33px; background:url('../images/bg_year.gif') center top no-repeat !important}
.history li.on a {font-size:14px; color:#fff}
.history li a {display:block; text-align:center; color:#666; font-weight:bold; line-height:35px; font-size:14px}
.history .prev {position:absolute; left:0; top:0; width:35px; z-index:10; background:#fff; border-right:1px solid #e9e9e9}
.history .next {position:absolute; right:0; top:0; width:36px; z-index:10; background:#fff; text-align:right}

#historyList .detail {display:none}
#historyList2 .last {border-right:1px solid #e3e3e3}
.history_detail {min-height:500px; padding-left:279px; background:url('../images/img_company_year20072006.jpg') no-repeat 7px top}
.history_detail ul {border-top:1px solid #e3e3e3}
.history_detail li {position:reiative; padding:11px 0 11px 58px; float:none; width:auto; text-align:left; border-bottom:1px solid #e3e3e3}
.history_detail strong {display:block; padding-bottom:18px; margin:18px 0 10px; color:#1b6bcb; font-size:25px; line-height:25px; font-weight:bold}
.history_detail em {position:absolute; left:0; top:11px; font-size:12px; color:#1b6bcb; font-weight:bold}
.history_detail span {padding-right:8px}

.history_detail.year2026 {background:url('../images/img_company_year2026.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2025 {background:url('../images/img_company_year2025.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2024 {background:url('../images/img_company_year2024.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2023 {background:url('../images/img_company_year2023.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2022 {background:url('../images/img_company_year2022.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2021 {background:url('../images/img_company_year2021_1.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2020 {background:url('../images/img_company_year2020_new_1.jpg') no-repeat 7px top; background-size: 220px;}
.history_detail.year2019 {background:url('../images/img_company_year2019.jpg') no-repeat 7px top}
.history_detail.year2018 {background:url('../images/img_company_year2018.jpg') no-repeat 7px top}
.history_detail.year2017 {background:url('../images/img_company_year2017.jpg') no-repeat 7px top}
.history_detail.year2016 {background:url('../images/img_company_year2016.jpg') no-repeat 7px -25px}
.history_detail.year2015 {background:url('../images/img_company_year2015_2.jpg') no-repeat 7px top,url('../images/img_company_year2015.jpg') no-repeat 7px 100px; }
.history_detail.year2014 {background:url('../images/img_company_year2014.jpg') no-repeat 7px top}
.history_detail.year2013 {background:url('../images/img_company_year2013.jpg') no-repeat 7px top}
.history_detail.year2012 {background:url('../images/img_company_year2012.jpg') no-repeat 7px top}
.history_detail.year2011 {background:url('../images/img_company_year2011.jpg') no-repeat 7px top}
.history_detail.year2010 {background:url('../images/img_company_year2010.jpg') no-repeat 7px top}
.history_detail.year2009 {background:url('../images/img_company_year2009.jpg') no-repeat 7px -40px}
.history_detail.year2008 {background:url('../images/img_company_year2008.jpg') no-repeat 7px -40px}


.c_cult .point_txt {margin-bottom:10px; font-size:22px; color:#333}
.c_cult .point_txt + p {margin-bottom:65px; font-size:14px; color:#666}
.c_cult h5 {margin-bottom:10px; font-size:14px}
.c_cult p {margin-bottom:27px; color:#666; font-weight:bold}
.txt_cult {margin-bottom:65px; *zoom:1}
.txt_cult:after {display:block; content:""; clear:both}
.txt_cult div {margin-bottom:40px; text-align:justify; color:#666}
.txt_cult div:first-child {margin-left:0}
.txt_cult strong {display:block; padding-bottom:14px; font-size:18px; line-height:23px; color:#333}
.social_txt {margin-top:130px}
.social_txt h4 {font-size:20px; margin-bottom:13px}
.social_txt h4 + p {font-family:'nanum'; color:#666 !important; font-size:14px !important; text-align:justify; font-weight:normal; line-height:23px}
.social_txt h4 + p + p {padding:50px 0; text-align:center}

.social_txt dl {margin-bottom:52px; *zoom:1}
.social_txt dl:after {display:block; content:""; clear:both}
.social_txt dt {float:left; width:140px; margin-right:37px; padding-bottom:16px; line-height:23px; font-size:18px; color:#333; font-weight:bold; text-align:center}
.social_txt dt em {display:block; margin-top:4px; font-weight:bold; color:#333}
.social_txt dd {float:left; width:575px; text-align:justify}
.social_txt .color1 {color:#4185d7}
.social_txt .color2 {color:#9952b3}
.social_txt .color3 {color:#644fc3}

.road {margin-bottom:40px; *zoom:1}
.road:after {display:block; content:""; clear:both}
.road div {float:left; width:386px}
.road div:first-child {margin-right:15px}

.th_center2 th span {display:block; width:35px; margin:0 auto}
.th_center3 th span {display:block; width:65px; margin:0 auto; font-weight:bold; color:#333}
.tbl_style02 dl:first-child {margin:15px 0 10px}
.tbl_style02 dl {margin-bottom:5px; *zoom:1}
.tbl_style02 dl:after {display:block; content:""; clear:both}
.tbl_style02 dl + dl {margin-bottom:15px}
.tbl_style02 dt {float:left; width:55px; margin-right:9px}
.tbl_style02 dd {float:left} 
.tbl_style02 dd strong {font-family:'nanum'; color:#129800; font-weight:normal}
.tbl_style02 dd strong.blue {color:#223cbf}
.tbl_style02 td span:first-child {display:block; width:auto}

.tbl_style0201 th {padding-left:15px}
.tbl_style0201 .sbHolder {width:180px}
.tbl_style0202 th {padding-left:15px}
.tbl_style0202 .sbHolder {width:65px}
.tbl_style0203 {table-layout:fixed}
.tbl_style0203 th {padding-left:0; text-align:center}
.tbl_style0203 td {padding-left:10px}
.tbl_style0401 input {font-size:11px; height:16px}

.th_left th {padding-left:37px; text-align:left; color:#333 !important}
.th_left .pad {padding:5px 0 5px 33px}
.th_left .pad p, .th_left td {color:#666}
.th_left .pad p span {display:inline-block; width:38px}
.th_left td {padding-left:33px}

.bg_line { margin-bottom: 30px;  background:url('../images/bg_dottedLine.gif') repeat-x left bottom;}
.point_txt02 {padding:45px 350px 45px 0; background:url('../images/bg_pointTxt.jpg') right top no-repeat; line-height:25px; font-size:14px; color:#666}
.point_txt02 strong {display:block; margin-bottom:11px; font-size:24px; color:#333; font-weight:bold; letter-spacing:-1px}
.point_txt02 span { display: block; }
.point_txt03 b {display:block; margin-bottom:15px; font-size:24px; font-weight:bold; color:#333; line-height:30px; letter-spacing:-1px}
.point_txt03 p {font-size:14px; line-height:24px}


.int_con {*zoom:1}
.int_con:after {display:block; content:""; clear:both}
.int_con p {text-align:justify; line-height:21px; padding:35px 0; }
.int_con p:first-child {padding-top:0; background:none}
.int_con strong {display:block; margin-bottom:18px; color:#333; font-size:18px}
.int_con .inner {*zoom:1}
.int_con .inner:after {display:block; content:""; clear:both}
.int_con .img {float:left; width:249px; margin-right:20px}
.int_con .txt {float:left; width:510px}
.int_con .txt em:first-child {margin-top:0}
.int_con em {display:block; margin-top:10px}
b.red {color:#ff2828}

.top_title {width:100%; margin-bottom:0; *zoom:1}
.top_title:after {display:block; content:""; clear:both}
.int_con dl {width:100%; margin-bottom:30px}
.int_con dl:after {display:block; content:""; clear:both}
.int_con dl:first-child {padding-top:10px}
.int_con dt {padding-bottom:15px; font-size:18px; line-height:23px; color:#333; font-weight:bold}
.int_con dd {text-align:justify; font-size:12px; color:#666}
.int_con dl + p {width:100%; height:113px; margin-bottom:-15px}
.int_con .bg_none {height:auto; margin:0; background:none}
.r_blue {margin:20px 0 100px; *zoom:1}
.r_blue:after {display:block; content:""; clear:both}
.r_blue dt {float:left; width:248px; padding:20px 0; margin-right:20px; border:1px solid #e6e6e6; text-align:center}
.r_blue dd {float:left; width:508px; line-height:22px}
.r_blue dd strong {display:block; margin-bottom:10px}
.img_tit {font-size:18px; font-weight:bold; margin-top:33px; color:#333}
.tit_line {margin-bottom:15px; padding-bottom:16px; color:#333; font-size:18px; font-weight:bold}

.center {text-align:center}
h4 + .center {padding-top:40px}

/* 인재채용 */
.insa {padding-top:10px; margin-bottom:70px; *zoom:1}
.insa .tit_line {margin-bottom:10px}
.insa:after {display:block; content:""; clear:both}
.insa02 {margin-bottom:50px}
.insa02 h5.tit_line {margin-bottom:10px}
.insa03 {margin-bottom:60px; *zoom:1}
.insa03:after {display:block; content:""; clear:both}
.insa03 div {float:left; width:384px; font-size:14px; line-height:22px}
.insa03 div:first-child {margin-right:23px}
.insa03 strong {color:#1b6bcb}
.insa03 strong span {font-weight:normal}
.insa03 .tit_line {margin-bottom:0}
.insa03 ul {margin-top:10px}
.insa03 p {padding-top:5px; color:#666; font-size:14px; line-height:22px}

.bg01 {background:url('../images/bg_01.gif') right bottom no-repeat}
.bg01 .tbl_style03 {width:648px; margin-top:35px}
.bg02 {background:url('../images/bg_02.gif') right 22px no-repeat}
.bg02 p + p {width:528px; color:#666; font-size:14px; text-align:justify; font-weight:bold; line-height:21px}
.bg02 p strong {color:#666}
.bg02 p + p + p {width:794px; margin-top:37px; text-align:justify}
.bg03 {margin:16px 0 70px; padding-right:220px; background:url('../images/bg_03.gif') right top no-repeat; color:#666; font-size:14px; text-align:justify; font-weight:bold}

.ol_view {width:798px; height:2798px; background:url('../images/bg_yearList.png') left 32px no-repeat; *zoom:1}
.ol_view:after {display:block; content:""; clear:both}
.ol_view ul {float:left}
.ol_view li {width:165px}
.ol_view b {font-size:14px}
.ol_view strong {display:block; margin-top:4px; line-height:18px; color:#555}
.ol_view strong em {display:block; margin-bottom:7px}
.ol_view span {display:block; margin-top:10px}
.ol_view p {margin-top:10px; line-height:18px; text-align:justify; color:#666}
.view01, .view02, .view03, .view04 {position:relative}
.view01 li, .view02 li, .view03 li, .view04 li {position:absolute; left:0; top:0}

.view01 {margin:153px 0 0 27px}
.view01 li b {color:#6a54d4}
.view01 .li02 {top:247px}
.view01 .li03 {position:relative; top:548px}
.view01 .li03 span {position:absolute; top:0; right:0}
.view01 .li04 {top:636px}
.view01 .li05 {top:724px}
.view01 .li06 {top:836px}
.view01 .li07 {top:934px}
.view01 .li08 {top:1094px}
.view01 .li09 {top:1208px}
.view01 .li10 {top:1806px}
.view01 .li11 {top:1926px}
.view01 .li12 {top:2022px}
.view01 .li13 {top:2480px}

.view02 {margin:79px 0 0 34px}
.view02 li b {color:#b660d7}
.view02 .li02 {top:334px}
.view02 .li03 {top:411px}
.view02 .li04 {top:583px}
.view02 .li05 {top:907px}
.view02 .li06 {top:977px}
.view02 .li07 {top:1137px}
.view02 .li08 {top:1280px}
.view02 .li09 {top:1349px}
.view02 .li10 {top:1521px}
.view02 .li11 {top:1598px}
.view02 .li12 {top:1712px}
.view02 .li13 {top:1875px}
.view02 .li14 {top:1995px}
.view02 .li15 {top:2144px}
.view02 .li16 {top:2272px}
.view02 .li17 {top:2550px}

.view03 {margin:131px 0 0 197px}
.view03 li b {color:#18aac7}
.view03 .li02 {top:237px}
.view03 .li03 {top:460px}
.view03 .li04 {top:510px}
.view03 .li05 {top:732px}
.view03 .li06 {top:849px}
.view03 .li07 {top:1015px}
.view03 .li08 {top:1543px}
.view03 .li09 {top:1671px}
.view03 .li10 {top:1819px}
.view03 .li11 {top:2217px}
.view03 .li12 {top:2334px}
.view03 .li13 {top:2454px}

.view04 {position:relative; margin:493px 0 0 201px}
.view04 li b {color:#949494}
.view04 .li02 {top:376px}
.view04 .li03 {top:525px}
.view04 .li04 {top:648px}
.view04 .li05 {top:927px}
.view04 .li06 {top:1099px}
.view04 .li07 {top:1290px}

.winList {margin-top:0}
.winList li {width:793px; padding:38px 0; border-bottom:1px solid #e3e3e3}
.winList dl {*zoom:1}
.winList dl:after {display:block; content:""; clear:both}
.winList dt {float:left; width:240px}
.winList dt img {border:1px solid #e3e3e3}
.winList dd {position:relative; float:left; width:553px}
.winList dd a {position:absolute; top:0; right:0}
.winList dd strong {display:block; margin-bottom:14px; font-size:14px; color:#333}
.winList dd span {display:block; margin-top:15px}
.winList dd span em {font-weight:bold; color:#666}

/* 메인 */
#main #content {float:none; padding:81px 0 0; width:1280px; margin:0 auto}
#main .inner {position:relative; width:1280px; margin:0 auto}

#main_visual {overflow:hidden}
#main_visual ul {width:3000em; *zoom:1}
#main_visual ul:after {content:""; display:block; clear:both}
#main_visual li {float:left}

.top_txt {position:absolute; left:128px; top:85px; z-index:9}
.top_txt.d_color p {color:#343ea7 !important}
.top_txt > p {font-size:36px; padding-bottom:119px; color:#fff; letter-spacing:-1px; line-height:30px}
.top_txt > p strong {font-weight:bold}
.top_txt > p span {font-family:'nanum'}
.top_txt .control {*zoom:1; margin-top:381px}
.top_txt .control:after {content:""; display:block; clear:both}
.top_txt .control span {position:relative; top:1px; float:left; margin-right:8px}
.top_txt .control .btn_play {display:none}
.top_txt .control div {float:left; position:relative; .top:-3px}
.top_txt .circle {margin-bottom:25px}
.top_txt .circle a {margin-right:3px}
.top_txt .control img {vertical-align:top}

.d_color .top_roll_txt p {color:#666 !important}
.top_roll_txt {color:#fff; font-size:14px}
.top_roll_txt p:first-child {display:block}
.top_roll_txt p {position:absolute; top:55px; left:0; width:400px; display:none; height:58px; letter-spacing:-1px; line-height:20px}

.top_txt ul {*zoom:1; margin:28px 0 94px}
.top_txt ul:after {content:""; display:block; clear:both}
.top_txt li {float:left; margin-right:9px}
.top_txt li.on {float:left; margin-right:22px}

.detail_btn p:first-child {display:block}
.detail_btn p {display:none; margin-bottom:0}

.txt_list {position:absolute; right:100px; top:0; width:418px; padding:0 11px 0 13px; border:1px solid #b1bdc8; border-top:0; border-bottom:0; background:#fff}
.txt_list h2 {margin-bottom:5px; font-weight:bold; font-size:16px; color:#545454}
.txt_list .sub_h2 {color:#659a97; font-size:11px; line-height:16px}
.txt_list .txt {line-height:18px}
.txt_list .inner {*zoom:1; width:398px !important}
.txt_list .inner:after {content:""; display:block; clear:both}
.txt_list .left {position:relative; float:left; width:200px}
.txt_list .left .ing {width:196px; position:absolute; bottom:-9px; left:-9px; padding:8px 8px 7px; background:#fafafa; border-top:1px solid #ededed; font-size:11px; line-height:12px}
.txt_list .left .ing strong {padding-right:12px; margin-right:8px; color:#5b9ce5; font-weight:bold; background:url('../images/main/bl_gray_bar2.gif') no-repeat right 1px}
.txt_list .right {float:right; width:198px}
.txt_list .social, .txt_list .pressRoom, .txt_list .company {padding:25px 11px 15px 13px; border-bottom:1px solid #ededed}

.txt_list .social {position:relative; padding-top:30px}
.txt_list .social .sub_h2 {margin-bottom:15px}
.txt_list .social .right {position:relative; width:177px}
.txt_list .social li {position:relative}
.txt_list .social li a {font-size:11px; color:#868686}
.txt_list .social span {position:absolute; bottom:0; left:0; display:block; padding:5px 0 4px; width:100%; text-align:center; background:url('../images/main/bg_txt.png') repeat left top}
.txt_list .social .prev {position:absolute; left:11px; top:42px; z-index:1}
.txt_list .social .next {position:absolute; right:11px; top:42px; z-index:1}
.txt_list .social .btn_more {position:absolute; right:7px; top:25px}

.txt_list .pressRoom {position:relative; height:190px; padding-bottom:27px}
.txt_list .pressRoom .btn_more {position:absolute; right:7px; top:25px}
.txt_list .pressRoom .left {width:100%;font-size:0;}
.txt_list .pressRoom .left a {display: inline-block;width: 50%;font-size:12px;vertical-align:top;box-sizing:border-box;}
.txt_list .pressRoom .left a:first-child {padding-right: 10px;}
.txt_list .pressRoom .left a:last-child {padding-left: 10px;}
.txt_list .pressRoom strong {display:block; margin-bottom:11px}
.txt_list .pressRoom em {display:block; font-weight:bold; color:#666; line-height:14px}
.txt_list .pressRoom span {font-size:11px}
.txt_list .pressRoom .right {position:relative; width:177px; padding-left:21px}
.txt_list .pressRoom li {*zoom:1; margin-top:2px; padding-left:8px; color:#666; background:url('../images/main/bl_dot_org.gif') no-repeat left 8px; line-height:16px}
.txt_list .pressRoom li:first-child {margin-top:0}
.txt_list .pressRoom li a {display:inline-block}
.txt_list .pressRoom li span {display:block; font-size:11px; color:#767676}

.txt_list .etc {border-bottom:1px solid #ededed}
.txt_list .etc .left {width:183px; padding:23px 20px 23px 0}
.txt_list .etc .left ul {*zoom:1; margin-bottom:6px}
.txt_list .etc .left ul:after {content:""; display:block; clear:both}
.txt_list .etc .left li {float:left; margin-left:10px; padding-left:11px; background:url('../images/main/bl_gray_bar.gif') no-repeat left 5px}
.txt_list .etc .left li:first-child {margin-left:0; padding-left:0; background:none}
.txt_list .etc .left li a {color:#659a97; font-size:11px}
.txt_list .etc .txt {font-size:11px}
.txt_list .etc .right {position:relative; width:157px; height:115px; padding:23px 11px 23px 26px; border-left:1px solid #ededed}
.txt_list .etc .right li {padding-left:6px; background:url('../images/main/bl_dot_gray.gif') no-repeat left 8px; line-height:18px}
.txt_list .etc .btn_more {position:absolute; right:-2px; top:23px}
.txt_list .etc .sub_h2 {margin-bottom:9px}

.txt_list .company {height:161px; padding-left:8px; border-bottom:none}
.txt_list .company .left {width:205px; height:125px; }
.txt_list .company .left ul {*zoom:1; margin-top:10px}
.txt_list .company .left ul:after {content:""; display:block; clear:both}
.txt_list .company .left li {float:left; width:51px; margin-left:15px}
.txt_list .company .left li:first-child {margin-left:0}
.txt_list .company .left li a {display:block; padding-top:52px; text-align:center; color:#333; font-weight:bold}
.txt_list .company .left li.bg1 a {background:url('../images/main/bg_img1.jpg') no-repeat center top}
.txt_list .company .left li.bg2 a {background:url('../images/main/bg_img2.jpg') no-repeat center top}
.txt_list .company .left li.bg3 a {background:url('../images/main/bg_img3.jpg') no-repeat center top}
.txt_list .company .left .txt {margin-bottom:5px;padding-top: 12px;}

.txt_list .company .right {width:175px;}
.txt_list .company .img_area {margin-top: -25px;}
.txt_list .company .right div {position:relative}
.txt_list .company .right a {font-size:11px; color:#868686}
.txt_list .company .right span {position:absolute; bottom:0; left:0; display:block; padding:5px 0 4px; width:100%; text-align:center; background:url('../images/main/bg_txt.png') repeat left top}
.txt_list .company .sub_h2 {margin-bottom:3px}
.txt_list .company .txt {line-height:16px; font-size:11px}

.fill_spa {margin-bottom:56px; padding-top:7px}
.rec_head {margin-bottom:20px; font-size:23px; line-height:30px; letter-spacing:-1px; color:#333; font-weight:bold}
.rec_head strong {color:#1b6bcb}
.rec_head + .center {padding-top:45px}

#agree2_05 + em {padding:0 5px}


/* 올림푸스 > 대표인사말 */

.mb_60{margin-bottom: 60px;}
.txt_wrap p{margin-bottom: 20px;}
.txt_wrap p:last-child{margin-bottom: 0;}
.sign_area{float: right;}
.sign_area strong{display: block;margin-bottom: 20px;font-size: 17px;line-height:26px;color: #666;}


/* 올림푸스 > 올림푸스의 모든 것 */

.video_wrap > strong{display: block;font-size: 18px;line-height: 26px;letter-spacing:-.25px;margin-bottom: 20px;color: #333;}
.video_box{border: 1px solid #dcdcdc;margin-bottom: 60px;}
.video_box iframe{display: block;width: 100%;height: 385px;}


/* 기업이념 경영방침 */

.txtAlign {text-align:center;}
.bdB {border-bottom: 2px solid #0c4da2;}
.idea_wrap {/* border: 1px solid #dcdcdc; */padding-bottom: 54px;/* text-align: center; */margin-bottom: 30px;}
.idea_wrap p{font-size: 18px;line-height: 26px;letter-spacing:-.25px;color: #333;}
.idea_wrap .txt_box strong{display: block;margin-bottom: 5px;font-size: 16px;line-height: line-height: 21px;letter-spacing:-.25px;color: #333;}
.idea_wrap .txt_box p{font-size: 12px;line-height: 21px;letter-spacing:-.25px;}
.idea_wrap .img_box{padding:46px 0 40px ;}
.idea_wrap .idea_sec {font-weight:600;}
.idea_wrap strong.olympus_tit{display: block;font-size: 18px;line-height: 2.2;letter-spacing:-.25px;color: #333;margin-bottom: 10px;}
.idea_sec .paddingTxt {margin:20px 0; font-size:14px;}

.introductionCont strong.olympus_tit{display: block;font-size: 18px;line-height: 2.2;letter-spacing:-.25px;color: #333;margin-bottom: 10px;}
.introductionCont strong.olympus_tit p {display: inline-block;font-size:12px;line-height:28px;font-weight:300;s}

.idea_wrap.type02 .img_box{padding-top: 0;border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;text-align: center;}
.idea_wrap.type02{padding:50px 34px ;text-align: left;}
.idea_wrap.type02 .txt_box strong{margin-bottom: 0;font-size: 12px;}
.idea_wrap.type02 .txt_box p{}
.idea02_wrap strong.olympus_tit{display: block;font-size: 18px;line-height: 26px;letter-spacing:-.25px;color: #333;margin-bottom: 10px;}
strong.olympus_tit.no_mb{margin-bottom: 0;}
strong.olympus_tit.fc_blue{color: #1b6bcb;}
.idea_wrap02 > h3{font-size: 20px;line-height: 30px;letter-spacing:-.25px;color: #1b6bcb;margin-bottom: 10px;}
.idea_wrap02.bdB{padding-bottom: 30px;border-bottom: 1px dotted #dcdcdc;margin-bottom: 30px;}
.idea_wrap02 > div:last-child{margin-bottom: 0;}
.idea_sec{margin-bottom: 30px;}
.idea_sec ul li{font-size: 12px;line-height: 26px;letter-spacing:-.25px;color: #666;}
.idea_sec .bd_box{margin-top: 10px;position: relative;border: 1px solid #dcdcdc;padding: 22px 0;}
.idea_sec .bd_box .img_box{border-right: 1px solid #dcdcdc;display: inline-block;}
.idea_sec .bd_box .txt_box{position: absolute;padding-left: 292px;width: 100%;box-sizing:border-box;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);letter-spacing:-.25px;font-size: 12px;line-height: 26px;}
.idea_sec .bd_box .txt_box strong{display: block;}
.btn_area{text-align: center;}


/* 올림푸스 창립 */

.establishment_wrap > h3{font-size: 20px;line-height: 30px;letter-spacing:-.25px;color: #333;margin-bottom: 10px;}
.establishment_sec{*zoom:1;margin-bottom: 40px;}
.establishment_sec:after{display: block;clear: both;content:''}
.establishment_sec .img_box{float: left;border: 1px solid #dcdcdc;width: 249px;box-sizing:border-box}
.establishment_sec .img_box strong{display: block;text-align: center;line-height: 49px;font-size: 12px;}
.establishment_sec .txt_box{float: left;width: 522px;padding-left: 20px;box-sizing:border-box}

.col2{*zoom:1;}
.col2:after{display: block;clear: both;content:''}
.col2 > div{float: left;width: 50%;box-sizing:border-box}

.establishment_sec .col2{padding: 20px 0;border: 1px solid #dcdcdc;text-align: center;}
.establishment_sec .col2 div strong{font-size: ;}
.establishment_sec .col2 > div.fl{border-right: 1px solid #dcdcdc;}
.establishment_sec .col2 > div img{width: 100%;}
.tblArea{margin-bottom: 20px;}
.tblArea table{border-top: 2px solid #333;}
.tblArea table th,.tblArea table td{text-align: center;border-bottom: 1px solid #e3e3e3;}
.tblArea table th,.tblArea table td{line-height: 20px;font-size: 12px;line-height: 21px;letter-spacing:-.25px;padding: 15px 0;}
.tblArea table th strong{display: block;}
.tblArea table th:first-child strong{border-right: 1px solid #e3e3e3;}
.tblArea table tr td:last-child{padding-left: 35px;text-align: left;}
.establishment_sec  .img_box02{border: 1px solid #dcdcdc;}
.establishment_sec  .img_box02 img{width: 100%;}
.establishment_sec  .img_box02 strong{display: block;text-align: center;line-height: 49px;color: #333;}



/* 인재육성 171212*/
strong.blue_bar{padding-left: 14px;position: relative;}
strong.blue_bar:after{content:'';position: absolute;width: 3px;height: 18px;border-radius: 2px;background-color: #024da3;left: 0;top: 4px;}
.hireTurn p{-ms-word-break: -all;
word-break: keep-all;}