@charset "utf-8";

/* 공통스타일 */
.business {clear:both;overflow:hidden;width:100%;padding:20px 0;}
.business dt {padding:2px 0 10px 20px;font-size:18px;font-weight:600;color:#000;background:url(/theme/iwootec/images/bulet.gif) no-repeat 0 8px;}
.business dd {padding:0;margin:0; font-size:15px;}
.business dd span.text1 {padding:0;margin:0; font-size:17px;font-weight:600;color:#005CC2; text-decoration:underline; line-height:2.5;}
.business dd ol {padding:0 0 0 20px;margin:0 0 0 0px;}
.business dd ul {padding:0 0 0 20px;margin:0;list-style:none; font-size:15px;}
.business dd ul li{ padding:6px 0 5px 13px;margin:0; background:url(/theme/iwootec/images/s_bulet.gif) no-repeat 0 15px;}
.business dd ul li strong.text1 { font-weight:600; color:#0070BC;}
.business dd ul li ul{padding:0;margin:0;list-style:none;}
.business dd ul li ul li{padding:5px 0 3px 14px;margin:0; background:url(/theme/iwootec/images/s_bulet1.gif) no-repeat 3px 14px;}

/* 인사말 */
#greeting {padding:0;margin:0;background:url(/theme/iwootec/images/sub1_1_img01.jpg) no-repeat 0 20px;}
#greeting h4 {padding:40px 0 0 300px;margin:0 0 10px 0;font-size:24px;font-weight:600;color:#000;letter-spacing:-1.5px;line-height:1.4;}
#greeting h4 strong {font-size:30px;font-weight:600;color:#235EBA;}
#greeting p {padding:20px 0 0 300px;font-size:16px; line-height:1.7;}
#greeting p u {font-size:18px;font-weight:600;color:#005CC2;}
#greeting p strong {font-size:25px;font-weight:600; padding-left:20px;}

/* 박스형 */
#tabNav1 {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 30px 0;list-style:none;}
#tabNav1 ul {clear:both;overflow:hidden;float:right;padding:0;margin:0;width:100%;list-style:none;}
#tabNav1 li {display:inline;float:left;margin:2px;font-weight:600;}
#tabNav1 li a {float:left;width:180px;padding:7px 0;color:#000;text-align:center;border:1px solid #D2D2D2;background-color:#EFF1F2;}
#tabNav1 li a:hover,
#tabNav1 li.current a {text-decoration:none;color:#fff;border:1px solid #C16852;background-color:#D57863;}
/* 탭형 */
#tabNav2 {clear:both;overflow:hidden;width:98%;padding-left:2%;margin-bottom:30px;border-bottom:1px solid #999;}
#tabNav2 ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;}
#tabNav2 ul li {display:inline;float:left;font-weight:600;border-top:1px solid #D2D2D2;border-right:1px solid #D2D2D2;background-color:#EFF1F2;}
#tabNav2 ul li a {display:inline-block;padding:10px 30px;color:#000;}
#tabNav2 ul li a:hover,
#tabNav2 ul li.current a {color:#fff;text-decoration:none;background-color:#4573B8;}
/* 탭형(년도별보기 추가) */
#tabNav3 {clear:both;width:100%;padding-left:2%;margin-bottom:30px;border-bottom:1px solid #999;height:43px;z-index:2;}
#tabNav3 ul {clear:both;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;position:relative;}
#tabNav3 ul li {display:inline;float:left;font-weight:600;border-top:1px solid #D2D2D2;border-right:1px solid #D2D2D2;background-color:#EFF1F2;}
#tabNav3 ul li a {display:inline-block;padding:7px 25px;color:#000;}
#tabNav3 ul li a:hover,
#tabNav3 ul li.current a {color:#fff;text-decoration:none;background-color:#4573B8;}
#tabNav3 ul li.past-years {position:absolute;right:0;background:none;border:none;}
#tabNav3 ul li.past-years a.trigger {padding-right:20px;background:url(/2016/_cs_/icon/16/333/entypo/chevron-thin-down.png) no-repeat 100% 50%;}
#tabNav3 ul li.past-years a.trigger:hover {color:#000;}
#tabNav3 ul li.past-years ul {position:absolute;top:100%;right:0;width:100%;border-bottom:solid 1px #ccc;display:none;}
#tabNav3 ul li.past-years ul li {float:none;display:block;}
#tabNav3 ul li.past-years ul li a {display:block;}
#tabNav3 ul li.past-years:hover ul {display:block;}

#tabs1 {clear:both;overflow:hidden;width:100%;padding:0;margin-bottom:30px;}
#tabs1 ul {clear:both;overflow:hidden;width:100%;padding:0;margin:0;list-style:none;}
#tabs1 ul li {display:inline;float:left;margin:3px;}
#tabs1 ul li a {display:block;padding:7px 59px 7px 20px;color:#fff;font-weight:600;text-decoration:none;border:1px solid #ea6242;background:#D57863;}
#tabs1 ul li a:hover,
#tabs1 ul li.current a {color:#333;border:1px solid #d1d1d1;background:url(/2016/coding/images/direction-orange.png) no-repeat 90% 16px;}

/* 테이블 기본 속성 */
.data_t {clear:both;overflow:hidden;width:100%;margin-bottom:10px;border-left:1px solid #C0C0C0;border-collapse:separate;empty-cells:show;border-spacing:0;}
.data_t caption {padding-left:17px;margin:5px 0 5px 0;font-size:11pt;text-align:left;font-weight:600;background:url(/public/sub1/images/bullet1.gif) no-repeat 1px 7px;}
.data_t caption span {float:right;right:0;font-size:9pt;font-weight:400;color:#333;}
.data_t thead th {padding:8px 0;font-weight:600;text-transform:uppercase;}
.data_t thead th.none {border-top:none;}
.data_t th,
.data_t td {padding:8px 5px;text-align:center;font-size:15px;line-height:1.8em;border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0;color:#333;text-align:center;}
.data_t tbody th {font-weight:600;}
.data_t tfoot th,
.data_t tfoot td {background-color:#f6f6f6;}
.data_t tbody td.txLeft {text-align:left;}

.data_t1 { width:100%; clear:both; margin-bottom:10px; font-size:10pt; border-collapse:collapse;}
.data_t1 caption {padding:2px 0 10px 30px;font-size:18px;font-weight:600;color:#BF3625;background:url(/coding/sub1/images/bulet.gif) no-repeat 0 7px;text-align:left;}
.data_t1 caption span {padding-left:0;margin-bottom:5px;text-align:left;font-size:13px; color:#3A3A3A;}
.data_t1 thead th {padding:10px 10px;color:#CF6A23;border:1px solid #CF6A23;background-color:#FEF3ED;font-size:12pt;text-align:center;}
.data_t1 tbody td {border:1px solid #9B9B9B;padding:10px 15px;font-size:11pt;text-align:center;}
.data_t1 tbody th {padding:10px 10px;color:#CF6A23;border:1px solid #CF6A23;background-color:#FEF3ED;font-size:12pt;text-align:center;}

/* 테이블 td 왼쪽 정렬 */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #4D90D0;}
table.blue thead th {color:#004C95;border-bottom:1px solid #4D90D0;background-color:#F9FBFE;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #008550;background-color:#EDFAF5;}
table.orange {border-top:1px solid #FF6600;}
table.orange thead th {color:#FF6600;border-bottom:1px solid #FF6600;background-color:#FEEFDE;}
table.violet {border-top:1px solid #8560A8;}
table.violet thead th {color:#64259E;border-bottom:1px solid #8560A8;background-color:#F7EFF8;}
table.gray {border-top:1px solid #C0C0C0;}
table.gray thead th {color:#000;border-bottom:1px solid #C0C0C0;background-color:#F2F4F6;}
table.gray thead tr {color:#fff;border-bottom:1px solid #C0C0C0;background-color:#777;font-weight:600;}

/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#1F62C8;}
table.green tr a,
table.green td a,
a.green {color:#008550;border-bottom:1px dashed #008550;}
table.orange tr a,
table.orange td a,
a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;}
table.violet tr a,
table.violet td a,
a.violet {color:#64259E;border-bottom:1px dashed #8560A8;}

/* 회사소개 :: 공통 */
#companyCon{width:96%; margin:0px auto;}
.sub-tit-txt{padding-bottom:35px;}
.sub-tit{font-size:24px;}
.sub-tit strong{font-size:28px;}
.sub-content-txt{width:90%; margin:0px auto; font-size:14px; word-break:keep-all; line-height:24px;}
.sub-content-txt br{display:none}
.sub-tit2{font-size:28px;}

.summury-top-left{display:none;}
.summury-top-right{float:none; width:100%; padding-bottom:30px; text-align:center;}
.summury-top-con .summury-tit{font-size:32px; padding-bottom:15px;}
.summury-top-con .summury-txt{padding-top:12px; font-size:14px; ;}
#companySummury .map-tbl{border-top:2px solid #3c3c3c;}

#contactCon{padding-bottom:120px;}
.contact-us-tab-list{text-align:center; padding:40px 0;}
.contact-us-tab-list a{display:inline-block; width:30%; margin:0 0.5%; padding:0 2%; max-width:124px; height:42px; line-height:42px; border:1px solid #adadad; color:#313131; background-color:#efefef;}
.contact-us-tab-list a.print-btn{background-color:#0060a1; border:1px solid #3b3b3b; color:#fff;}
.contact-us-tab-list a img{float:left; margin-top:10px; }
.contact-us-tab-list a span{float:right;  font-size:15px; letter-spacing:-0.6px; font-weight:300;}
#mapCon{width:100%; height:595px; border:1px solid #e0e0e0; }
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:13px 0; line-height:-0.3px;  text-indent:10%; }
.map-tbl th{width:20%; border-bottom:1px solid #000; color:#1e1e1e; font-size:16px; text-align:left; font-weight:600;}
.map-tbl td{width:80%; border-bottom:1px solid #d8d8d8; color:#333; font-size:16px;}

/* 회사소개 :: 연혁 */
#historyListCon{overflow:hidden;}
.left-tit{float:left; width:280px;}
#historyListBox{float:left; width:918px; border-left:1px solid #dfdfdf; }
#historyListBox > ul{}
#historyListBox > ul li{overflow:hidden;}
#historyListBox > ul li h4{float:left; width:15%; text-align:center; color:#0060a1; font-size:30px; font-weight:500; letter-spacing:-1.5px; font-style:italic}
#historyListBox > ul li .history-list-con{float:left; width:80%; border-left:1px solid #dfdfdf;}
#historyListBox > ul li dl {overflow:hidden;}
#historyListBox > ul li dl dt{position:relative; float:left; width:20%; text-align:center;  }
#historyListBox > ul li dl dt:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#0060a1; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
#historyListBox > ul li dl dt strong{color:#1e1e1e; font-weight:500; font-size:20px; border-bottom:1px solid #000; font-style:italic}
#historyListBox > ul li dl dd{float:left; width:68%; border-left:1px solid #dfdfdf;}
#historyListBox > ul li dl:last-child dd{  padding-bottom:35px;}
#historyListBox > ul li dl dd p{padding-bottom:18px; padding-left:5%; color:#5b5b5b; font-size:15px; letter-spacing:-0.5px; line-height:1.8em;}