@charset 'euc-kr';

@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

html, body {width:100%}
body{-webkit-text-size-adjust:none;font-family:/*Noto Sans KR,*/ '³ª´®¹Ù¸¥°íµñ', NanumBarunGothic, Nanum Barun Gothic, '¸¼Àº °íµñ', Malgun Gothic, 'µ¸¿ò', dotum;font-weight:normal;font-size:12px;color:#555;line-height:normal;word-break:keep-all;word-wrap:break-word;overflow-y:scroll;overflow-x:hidden;*overflow-y:none;background:#fff} /* -webkit-text-size-adjust:none; ±ÛÀÚ È®´ë ¹æÁö Ãß°¡ */
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,strong {font-weight:600} /* NanumGothic, bold¸¦ extra bold·Î ó¸®ÇÏ´Â Çö»ó reset */
ul,ol,li{list-style:none}
fieldset{border:none;vertical-align:top}
legend,
caption {display:none}
table {border-collapse:collapse;border-spacing:0}
a {color:#666;text-decoration:none;line-height:1}
a:hover, a:active, a:focus{text-decoration:none}
img {border:0;vertical-align:middle}
input[type=radio],input[type=checkbox],input[type=image] {border:none;padding:0}
input[type=text],
input[type=password],
input[type=file] {background:#fff}
input[type=file],
input[type=submit] {border:none}
input, select, button {font-family:/*Noto Sans KR,*/ '³ª´®¹Ù¸¥°íµñ', NanumBarunGothic, Nanum Barun Gothic, '¸¼Àº °íµñ', Malgun Gothic, 'µ¸¿ò', dotum;font-size:12px;padding:5px;color:#555;vertical-align:middle;background:#fff;border:1px solid #d8d8d8}
label {cursor:pointer}
select {padding:3px}
textarea{padding:4px;font:normal 12px /*Noto Sans KR,*/ '³ª´®¹Ù¸¥°íµñ', NanumBarunGothic, Nanum Barun Gothic, '¸¼Àº °íµñ', Malgun Gothic, 'µ¸¿ò', dotum;color:#444;background:#fff;border:1px solid #c9c9c9}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block} 

/* layout */
#wrap {position:relative;margin:0 75px}
#header {position:absolute;left:0;top:0;width:100%;height:80px;z-index:100;background:#fff}
#contents {position:relative;width:1260px;margin:0 auto;padding-bottom:80px}
#footer {position:relative;width:1260px;margin:0 auto;padding:50px 0;border-top:1px solid #ccc}
 
/* Common */
#header h1 {position:absolute;left:20px;top:24px}
#header h1 img {width:140px}
#gnb {width:1060px;margin:0 auto}
#gnb > ul {margin:0 66px;*zoom:1}
#gnb > ul:after {content:"";display:block;clear:both}
#gnb > ul > li {float:left;width:14.28%;*width:14.2%} 
#gnb > ul > li > a {display:block;height:80px;line-height:80px;/*font-family:'¸¼Àº °íµñ', 'Malgun Gothic';*/font-size:20.5px;font-weight:600;color:#555;text-align:center;letter-spacing:-1px;background:url(../images/bg/gnb_underline.gif) no-repeat 35px bottom}
#gnb > ul > li > a:hover, #gnb > ul > li > a.on {color:#1e56a4;background:url(../images/bg/gnb_underline_on.gif) no-repeat 35px bottom} 
#gnb > ul > li > ul {display:none;padding-top:20px;margin-left:9px}
#gnb > ul > li > ul > li {padding-left:20px}
#gnb > ul > li > ul > li > a {display:inline-block;font-size:14px;color:#333;padding:6px 8px}
#gnb > ul > li > ul > li > a:hover {color:#fff;background:#333}
.util {position:absolute;right:20px;top:32px}
.util ul {overflow:hidden}
.util ul li {float:left}
.util ul li a {display:block;padding:5px 10px;font-size:11px}
.util ul li a.eng {background:url(../images/icon/sline01.png) no-repeat right 50%}
.util ul li a.intranet {padding:6px 13px;padding-right:20px;font-weight:bold;color:#fff;border-radius:3px;background:#3979c7 url(../images/icon/icon_intranet_w.png) no-repeat 92% 50%}
.util ul li a.intranet:hover {background-color:#205da7}
#header .btn-gnbview {display:none;position:absolute;right:20px;top:34px}
#header .btn-gnbview img {width:25px}
#header .btn-gnbclose {display:none;position:absolute;right:220px;top:10px;z-index:900}
#header .btn-gnbclose img {width:35px}

.active-bg {position:fixed;left:0;top:0;width:100%;height:100%;margin-left:-100%;background-color:rgba(0,0,0,.5);z-index:800}

#contents h2 {padding-bottom:10px;font-size:24px;font-weight:bold;color:#333;background:url(../images/icon/h2_bullet.gif) no-repeat left bottom}
#footer .ci {float:left}
#footer .footCon {padding-left:200px;line-height:1.8}
#footer .footUtil {position:absolute;right:0;top:60px}
#footer .footUtil .ftMenu ul {overflow:hidden}
#footer .footUtil .ftMenu ul li {float:left}
#footer .footUtil .ftMenu ul li a {display:block;padding:0 10px;color:#333;background:url(../images/icon/sline02.png) no-repeat right 50%}
#footer .footUtil .ftMenu ul li+li+li a {background:none}
#footer .footUtil .relatedSite {margin:10px 0 0 50px;padding:7px 15px;text-align:right;background:#f4f4f4}
#footer .footUtil .relatedSite a {margin-right:10px}

.subVisual {height:182px;padding-top:80px}
.subVisual.sv1 {background:url(../images/cont/subVisual_01.jpg) no-repeat center bottom}
.subVisual.sv2 {background:url(../images/cont/subVisual_02.jpg) no-repeat center bottom}
.subVisual.sv3 {background:url(../images/cont/subVisual_03.jpg) no-repeat center bottom}
.subVisual.sv4 {background:url(../images/cont/subVisual_04.jpg) no-repeat center bottom}
.subVisual.sv5 {background:url(../images/cont/subVisual_05.jpg) no-repeat center bottom}
.subVisual.sv6 {background:url(../images/cont/subVisual_06.jpg) no-repeat center bottom}
.subVisual.sv7 {background:url(../images/cont/subVisual_07.jpg) no-repeat center bottom}
.subVisual .slogan {display:none;line-height:182px;text-align:center;font-size:16px;color:#fff}

#lnbWrap {height:44px;border-bottom:1px solid #dbdbdb}
#lnb {width:1000px;margin:0 auto;*zoom:1}
#lnb:after {content:"";display:block;clear:both}
#lnb .btn_home {float:left;width:44px;height:44px;line-height:44px;text-align:center;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;background:#f4f4f4}
#lnb .btn_home:hover {background:#fff}
#lnb .lnb_oneD {float:left;width:155px;height:44px;margin:0 20px 0 0;background:url(../images/icon/lnb_arrow.png) no-repeat right 50%}
#lnb .lnb_oneD > a.sel {display:block;height:44px;line-height:44px;padding:0 20px 0 25px;font-size:15px;color:#666;background:url(../images/icon/lnb_bullet.png) no-repeat 85% 50%}
#lnb .lnb_oneD .lnb_lists {position:relative;width:138px;border:1px solid #999;background:#fff;z-index:10}
#lnb .lnb_oneD .lnb_lists li a {display:block;padding:8px 15px 8px 25px;font-size:14px;border-bottom:1px solid #dbdbdb}
#lnb .lnb_oneD .lnb_lists li a:hover, #lnb .lnb_sub .lnb_lists li a.on {color:#fff;border-bottom:1px solid #004b9c;background:#004b9c url(../images/icon/bullet_lnbSub.png) no-repeat 90% 50%}
#lnb .lnb_twoD {float:left;width:779px;text-align:center}
#lnb .lnb_twoD ul {display:inline-block;*zoom:1}
#lnb .lnb_twoD ul:after {content:"";display:block;clear:both}
#lnb .lnb_twoD ul li {float:left}
#lnb .lnb_twoD ul li a {display:block;height:44px;padding:0 40px;line-height:44px;font-size:15px;font-weight:bold;color:#555;text-align:center}
#lnb .lnb_twoD ul li a:hover {color:#000;text-decoration:underline}
#lnb .lnb_twoD ul li a.on {color:#fff;background:#004b9c}
#lnb .lnb_twoD.two ul li a {padding:0 23px}
#lnb .lnb_twoD.three ul {margin-left:-190px}
#lnb .lnb_twoD.three ul li a {padding:0 40px}

#conBody .titSec {height:127px;text-align:center}
#conBody .titSec .titSec_inner {position:relative;width:1000px;margin:0 auto}
#conBody .titSec .titSec_inner h3 {position:relative;display:inline-block;height:127px;line-height:127px;font-size:36px;font-weight:bold;color:#333;border-bottom:1px solid #333;z-index:10}
#conBody .titSec .titSec_inner .pageControl {position:absolute;top:45px;padding-top:25px}
#conBody .titSec .titSec_inner .pageControl.prev {left:0 !important;background:url(../images/btn/pageControl_prev.png) no-repeat left top}
#conBody .titSec .titSec_inner .pageControl.next {right:0 !important;background:url(../images/btn/pageControl_next.png) no-repeat right top}
#conBody .sContent {position:relative;min-height:500px;border-bottom:1px solid #ddd;background:#f4f4f4}
.conDefault {width:1000px;margin:0 auto;padding:65px 0 80px}
.conDefault h4 {padding-bottom:10px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #ccc}
#footer.subFoot {border-top:0}
.btn_goTop {position:absolute;right:0;top:-1px;width:38px;height:38px;line-height:38px;text-align:center;cursor:pointer;background:#666}
.btn_goTop:hover {background:#444}

/* Main */
.mainVisual {position:relative;padding-top:80px;overflow:hidden}
.mainVisual .mv1 {height:765px;background:url(../images/cont/mainVisual_01.jpg) no-repeat center /*top*/-100px}
.mainVisual .mv2 {height:765px;background:url(../images/cont/mainVisual_02.jpg) no-repeat center /*top*/-100px}
.mainVisual .mv3 {height:765px;background:url(../images/cont/mainVisual_03.jpg) no-repeat center /*top*/-100px}
.mainVisual .title {margin:80px 0 0 80px}
.mainVisual .title span {display:inline-block;font-size:35px;font-weight:600;color:#fff}
.mainVisual .slogan {margin:5px 0 0 80px;font-size:22px;font-weight:100;color:#fff}
.mainVisual .place {position:absolute;right:80px;top:90px;font-size:14px;color:#fff}

#slides {position:relative;height:620px;z-index:0} /* Slide */
#slides .slidesjs-navigation {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7} /* Slide Page Control */
#slides .slidesjs-navigation:hover {filter:alpha(opacity=1);-moz-opacity:1;opacity:1}
a.slidesjs-previous {display:block;position:absolute;/*top:400px*/;top:350px;left:50px;width:38px;height:84px;font-size:0;background:url(../images/btn/mainVisual_control_btnPrev.png) no-repeat center 50%;z-index:200}
a.slidesjs-next {display:block;position:absolute;/*top:400px*/;top:350px;right:50px;width:38px;height:84px;font-size:0;background:url(../images/btn/mainVisual_control_btnNext.png) no-repeat center 50%;z-index:200}
a.slidesjs-play,
a.slidesjs-stop {position:absolute;top:300px;left:100px;background-position:-41px 0;text-indent:-9999px}
a.slidesjs-play {display:none;width:15px;background-position:-25px 0}
a:hover.slidesjs-play {display:none;background-position:-25px -18px}
a.slidesjs-stop {display:none;width:18px;background-position:-41px 0}
a:hover.slidesjs-stop {display:none;background-position:-41px -18px}
.slidesjs-pagination {position:absolute;bottom:50px;left:50%;margin-left:-20px;z-index:1000} /* Slide Pagination */
.slidesjs-pagination li {float:left;margin-right:6px}
.slidesjs-pagination li a {display:block;width:10px;height:5px;padding:2px;font-size:0;background:url(../images/btn/slide_pagination.png) no-repeat left top;background-position:0 0}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -11px}
.slidesjs-pagination li a:hover.active {background-position:0 -11px}

.mainBusiness {margin-top:40px}
.mainBusiness .businessCon {margin-top:30px;*zoom:1;background:#f4f4f4}
.mainBusiness .businessCon:after {content:"";display:block;clear:both}
.mainBusiness .businessCon .busiTabs {float:left;width:840px}
.mainBusiness .businessCon .busiTabs ul {overflow:hidden}
.mainBusiness .businessCon .busiTabs ul li {position:relative;float:left;height:209px}
.mainBusiness .businessCon .busiTabs ul li img {width:100%}
.mainBusiness .businessCon .busiTabs ul li .active {position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;line-height:209px;background-color:rgba(0,0,0,.7)}
.mainBusiness .businessCon .busiTabs ul li .active span {display:inline-block;font-size:13px;color:#fff}
.mainBusiness .businessCon .busiView {float:left;width:320px;padding:50px}
.mainBusiness .businessCon .busiView h3 {padding-bottom:25px;font-size:22px;font-weight:bold;color:#333;background:url(../images/icon/h2_bullet.gif) no-repeat left bottom}
.mainBusiness .businessCon .busiView p {padding-top:20px;font-size:14px;color:#333;line-height:1.5}
.mainBusiness .businessCon .busiView .btn_more {display:inline-block;margin-top:30px;padding:5px 13px 6px 10px;font-family:segoe UI, tahoma;font-size:11px;color:#333;border:1px solid #999;background:url(../images/icon/bullet_arrow.png) no-repeat 90% 50%}
.mainBusiness .businessCon .busiView .btn_more:hover {color:#fff;border:1px solid #333;background:#333 url(../images/icon/bullet_arrow_on.png) no-repeat 90% 50%}

.boardSec {margin-top:80px}
.boardSec .tabs {position:relative;height:29px;border-bottom:1px solid #dedede}
.boardSec .tabs ul {position:absolute;left:0;bottom:-1px;*zoom:1}
.boardSec .tabs ul:after {content:"";display:block;clear:both}
.boardSec .tabs ul li {float:left;width:215px;margin-right:-1px}
.boardSec .tabs ul li a {display:block;height:27px;line-height:27px;text-align:center;font-size:15px;font-weight:bold;color:#333;border:1px solid #666}
.boardSec .tabs ul li a:hover,.boardSec .tabs ul li a.on {color:#fff;border:1px solid #333;background:#333}
.boardSec .lists {position:relative;padding-top:70px}
.boardSec .lists ul {overflow:hidden}
.boardSec .lists ul li {float:left;width:16%;padding:0 2%}
.boardSec .lists ul li a {display:block}
.boardSec .lists ul li .title {font-size:18px;font-weight:bold;color:#333;line-height:1.2}
.boardSec .lists ul li .text {padding:25px 0 40px;line-height:1.8;color:#777}
.boardSec .lists ul li .date {display:inline-block;padding-bottom:10px;font-size:11px;color:#999;border-bottom:1px solid #adadad}
.boardSec .lists ul li a:hover .text {color:#444;text-decoration:underline}
.boardSec .lists .btn_more {position:absolute;right:0;top:-29px;width:29px;height:29px;text-align:center;line-height:29px;background:#333}

.resultsWrap {margin-top:80px;*zoom:1}
.resultsWrap:after {content:"";display:block;clear:both}
.resultsWrap .results {float:left;width:993px;margin-right:15px}
.resultsWrap .results .resultsCon {height:245px;margin-top:20px;padding:40px 30px;background:#f4f4f4;overflow:hidden}
.resultsWrap .results .resultsCon .detail {float:left;width:470px}
.resultsWrap .results .resultsCon .detail .thumb {float:left;width:195px}
.resultsWrap .results .resultsCon .detail .exp {padding-left:225px}
.resultsWrap .results .resultsCon .detail .exp h3 {padding-right:10px;font-size:27px;font-weight:bold;color:#333}
.resultsWrap .results .resultsCon .detail .exp dl {margin-top:30px;font-size:13px;overflow:hidden}
.resultsWrap .results .resultsCon .detail .exp dl dt {float:left;color:#333}
.resultsWrap .results .resultsCon .detail .exp dl dd {padding-left:85px;margin-bottom:10px;color:#888;background:url(../images/icon/sline02.png) no-repeat 70px 5px}
.resultsWrap .results .resultsCon .lists {float:left;width:400px;padding-left:32px;border-left:1px solid #b6b6b6}
.resultsWrap .results .resultsCon .lists li {position:relative;height:22px;padding-left:15px;margin:8px 0;line-height:22px;font-size:14px;font-weight:bold;color:#666;cursor:pointer}
.resultsWrap .results .resultsCon .lists li .state {position:absolute;right:0;top:0;width:80px;color:#fff;text-align:center;background:#333}
.resultsWrap .results .resultsCon .lists li .state.completed {background:#adadad}
.resultsWrap .results .resultsCon .lists li .arr {display:none;position:absolute;left:-40px;top:2px;width:9px;height:15px;background:url(../images/icon/results_arrow.png) no-repeat}
.resultsWrap .results .resultsCon .lists li:hover {color:#4aaaca}
.resultsWrap .results .resultsCon .lists li:hover .arr {display:block}
.resultsWrap .results .resultsCon .lists li.on {color:#fff;background:#4aaaca}
.resultsWrap .results .resultsCon .lists li.on .state {background:#4aaaca}
.resultsWrap .results .resultsCon .lists li.on .arr {display:block}
.resultsWrap .shortcut {float:left;width:252px;margin-top:53px}
.resultsWrap .shortcut ul li {height:107px}
.resultsWrap .shortcut ul li a {display:block;height:47px;padding:30px;font-size:11px;color:#616f81;background:#293c54 url(../images/icon/shortcut_icon01.png) no-repeat 85% 50%}
.resultsWrap .shortcut ul li a strong {display:block;padding-bottom:10px;font-size:16px;color:#fff}
.resultsWrap .shortcut ul li a.recruit {background:#233449 url(../images/icon/shortcut_icon02.png) no-repeat 85% 50%}
.resultsWrap .shortcut ul li a.profile {background:#1b2838 url(../images/icon/shortcut_icon03.png) no-repeat 85% 50%}

/* ȸ»ç¼Ò°³ */
.greeting {font-size:15px;background:url(../images/cont/greeting_contImg.jpg) no-repeat right 65px}
.greeting .slogan {width:42%;padding-bottom:20px;font-size:30px;font-weight:bold;color:#215791;line-height:1.4}
.greeting .slogan strong {display:block;margin-bottom:30px}
.greeting p {padding-top:40px;line-height:1.7}
.greeting p strong {color:#333}
.quality_policy .policy_items {position:relative;z-index:1}
.quality_policy .policy_items ol {*zoom:1}
.quality_policy .policy_items ol:after {content:"";display:block;clear:both}
.quality_policy .policy_items ol li {position:relative;float:left;width:198px;height:70px;padding:50px;margin-right:50px;text-align:center;border:1px solid #ccc;border-radius:10px;background:#fff;box-shadow:1px 1px 3px #ccc}
.quality_policy .policy_items ol li.r {margin-right:0}
.quality_policy .policy_items ol li .no {position:absolute;left:20px;top:20px;width:30px;height:30px;font-size:18px;font-weight:bold;color:#000;text-align:left;background:url(../images/icon/bullet_crossLine01.png) no-repeat center 50%}
.quality_policy .policy_items ol li p {font-size:20px;font-weight:bold;color:#333}
.quality_policy .policy_items ol li p strong {color:#004b9c}
.quality_policy .logo {display:block;width:700px;margin:-90px auto;padding:110px 0;text-align:center;border:1px solid #ccc;background:#fff}
.quality_policy .policy_will {position:relative;height:418px;margin-top:-90px;background:url(../images/cont/quality_policy_contImg01.jpg) no-repeat center top}
.quality_policy .policy_will p {height:110px;line-height:110px;font-size:18px;font-weight:bold;color:#82b3e7;text-align:center;background:#205da7;opacity:0.95}
.quality_policy .policy_will p strong {color:#fff}
.history {overflow:hidden}
.history .historyTabs {float:left;width:270px;margin-top:70px}
.history .historyTabs ul li {position:relative;height:167px;border-top:1px solid #ccc}
.history .historyTabs ul li span {position:absolute;left:0;top:-74px;display:inline-block;width:167px;height:167px;line-height:167px;font-size:18px;font-weight:bold;color:#fff;text-align:center;cursor:pointer;background:url(../images/bg/history_tabBg.png) no-repeat center 50%}
.history .historyTabs ul li span.on {background:url(../images/bg/history_tabBg_on.png) no-repeat center 50%}
.history .historyList {float:left;width:679px;padding-left:50px;margin-top:70px;border-left:1px solid #ccc}
.history .historyList .item {position:relative;margin-top:10px;margin-bottom:60px !important;*zoom:1}
.history .historyList .item:after {content:"";display:block;clear:both}
.history .historyList .item .year {float:left;width:100px;border-top:1px solid #5a5a5a}
.history .historyList .item .year span {position:absolute;left:0;top:-20px;display:inline-block;padding-right:30px;background:#f6f6f6}
.history .historyList .item .year span em {display:inline-block;padding:10px 0;font-size:15px;font-weight:bold;color:#333}
.history .historyList .item .lists {float:left;width:533px;padding-left:20px;margin-top:-8px;font-size:13px;color:#333}
.history .historyList .item .lists ul li {position:relative;padding-bottom:10px}
.history .historyList .item .lists ul li em.month {display:inline-block;padding-right:20px;font-weight:bold;letter-spacing:-1px}
.organization {height:625px;margin-top:30px;background:url(../images/cont/ogranization_chart.gif) no-repeat center top}
.location .locationCont dl {font-size:15px;overflow:hidden}
.location .locationCont dl dt {float:left;clear:both;width:70px;font-weight:bold;color:#333;background:url(../images/icon/sline01.png) no-repeat right 5px}
.location .locationCont dl dd {padding-left:90px;margin-bottom:15px}
.location .locationCont dl dd strong {display:inline-block;padding-right:10px;margin-right:10px;color:#333;background:url(../images/icon/sline02.png) no-repeat right 50%}
.location .locationCont dl dd .dataTable {margin:20px 0 30px}
.location .locationCont dl dd ul li {padding-bottom:10px}

/* ÁÖ¿ä»ç¾÷ */
.mBusiness_info {margin-bottom:80px}
.mBusiness_info > ul {*zoom:1}
.mBusiness_info > ul:after {content:"";display:block;clear:both}
.mBusiness_info > ul > li {position:relative;float:left;width:143px;overflow:hidden}
.mBusiness_info > ul > li.first {width:142px}
.mBusiness_info > ul > li a {display:block}
.mBusiness_info > ul > li .thumb {position:relative;height:300px}
.mBusiness_info > ul > li .thumb img {width:140%;height:300px}
.mBusiness_info > ul > li .thumbActive {display:none;position:absolute;left:0;top:0;width:100%;height:300px;text-align:center;background:rgba(0,0,0,.6);z-index:10}
.mBusiness_info > ul > li .thumbActive .btn_view {display:inline-block;width:41px;height:41px;padding:70px 10px 10px 10px;margin:110px auto 0;font-size:12px;color:#fff;line-height:1.2;background:url(../images/bg/btn_view_circleBg1.png) no-repeat}
.mBusiness_info > ul > li.first .thumbActive {width:142px}
.mBusiness_info > ul > li a:hover .thumbActive {display:block}
.mBusiness_info > ul > li .title {height:70px;padding:25px 10px;font-size:12px;color:#a6b7d3;text-align:center;background:#014a9c url(../images/bg/mainBusiness_shortcut_symbol.png) no-repeat -30px -50px}
.mBusiness_info > ul > li .title strong {display:block;padding-bottom:20px;font-size:16px;color:#fff}
.mBusiness_info > ul > li .title.t2 {background-color:#01569b}
.mBusiness_info > ul > li .title.t3 {background-color:#01629b}
.mBusiness_info > ul > li .title.t4 {background-color:#016e9b}
.mBusiness_info > ul > li .title.t5 {background-color:#01899c}
.mBusiness_info > ul > li .title.t6 {background-color:#01949c}
.mBusiness_info > ul > li .title.t7 {background-color:#019684}
.mBusiness_info > ul > li .lists {height:80px;padding:10px 10px 20px 10px;border:1px solid #999;border-left:1px solid #f3f3f3;background:#dedede}
.mBusiness_info > ul > li .lists.first {border-left:1px solid #999}
.mBusiness_info > ul > li .lists ul li {padding-left:5px;margin:10px 0;background:url(../images/icon/bullet_square01.png) no-repeat left 5px}
.businessItem {height:650px;*zoom:1}
.businessItem:after {content:"";display:block;clear:both}
.businessItem .imgSec {float:left;width:629px}
.businessItem .conSec {float:left;width:371px}
.businessItem .conSec .conTitle {height:40px;padding:40px 30px;font-size:15px;color:#a4ced1;background:#00989c url(../images/bg/mainBusiness_shortcut_symbol.png) no-repeat -30px -50px}
.businessItem .conSec .conTitle strong {display:block;margin-right:20px;font-size:24px;color:#fff}
.businessItem .conSec .conTxt {height:450px;padding:40px 30px;background:#333}
.businessItem .conSec .conTxt .exp {min-height:270px;font-size:14px;color:#fff;line-height:1.6}
.businessItem .conSec .conTxt .exp p {margin-bottom:25px}
.businessItem .conSec .conTxt .results {border-top:1px solid #4d4d4d}
.businessItem .conSec .conTxt .results .reTitle {display:inline-block;padding:4px 10px;font-size:14px;color:#ccc;background:#4e4e4e}
.businessItem .conSec .conTxt .results ul {margin-top:20px}
.businessItem .conSec .conTxt .results ul li {padding-left:10px;margin-bottom:5px;font-size:14px;color:#999;background:url(../images/icon/bullet_square02.png) no-repeat left 5px}
.businessItem .conSec .conTxt .btn_more {display:block;margin-top:40px;padding:10px;font-size:15px;font-weight:bold;color:#333;text-align:center;background:#fff url(../images/icon/bullet_more01.png) no-repeat 95% 50%}

/* °ø»ç½ÇÀû */
.capability .tableHead {padding-bottom:10px;font-size:14px;color:#666;overflow:hidden}
.capability .tableHead h4 {float:left;font-size:15px;font-weight:bold;color:#333;border-bottom:0}
.capability .tableHead span {float:right}
.project .projTabs ul {*zoom:1}
.project .projTabs ul:after {content:"";display:block;clear:both}
.project .projTabs ul li {float:left;width:126px;margin-right:-1px}
/*.project .projTabs ul li:last-child {width:125px}*/
.project .projTabs ul li a {display:block;padding:12px;font-size:15px;color:#333;text-align:center;border:1px solid #ccc;background:#fff}
.project .projTabs ul li a:hover,.project .projTabs ul li a.on {position:relative;color:#fff;border:1px solid #004b9c;background:#004b9c;z-index:1}
.project .projCon {margin-top:55px}
.project .projCon .totalNo {display:block;font-size:12px;color:#666;text-align:right}
.project .projCon .projLists {margin-top:10px}
.project .projCon .projLists ul {*zoom:1}
.project .projCon .projLists ul:after {content:"";display:block;clear:both}
.project .projCon .projLists ul li {float:left;width:210px;margin-right:52px;margin-bottom:50px;box-shadow:1px 1px 0 #ddd}
.project .projCon .projLists ul li.r {margin-right:0}
.project .projCon .projLists ul li a {position:relative;display:block}
.project .projCon .projLists ul li a .exp {height:110px;padding:20px;border:1px solid #f4f4f4;background:#fff}
.project .projCon .projLists ul li a .exp .title {display:block;padding-bottom:10px;font-size:15px;font-weight:bold;color:#333}
.project .projCon .projLists ul li a .exp p {font-size:12px;color:#999;line-height:1.4}
.project .projCon .projLists ul li a .active {display:none;position:absolute;left:0;top:0;right:0;bottom:0;padding-top:40px;text-align:center;background:rgba(0,0,0,.6);z-index:10}
.project .projCon .projLists ul li a .active .btn_view {display:inline-block;width:41px;height:41px;padding:70px 10px 10px 10px;margin:50px auto 0;font-size:12px;color:#fff;line-height:1.2;background:url(../images/bg/btn_view_circleBg1.png) no-repeat}
.project .projCon .projLists ul li a:hover .active {display:block}
.project .projCon .dataTable {text-align:center}
.project .projCon .dataTable tbody th, .project .projCon .dataTable tbody td {font-size:13px;padding:8px 25px !important}
.project .projView {margin-top:60px}
.project .projView .viewDefault {*zoom:1}
.project .projView .viewDefault:after {content:"";display:block;clear:both}
.project .projView .viewDefault .defaultImg {float:left;width:500px;margin-right:50px}
.project .projView .viewDefault .defaultImg .thumbs {margin-top:10px;overflow:hidden}
.project .projView .viewDefault .defaultImg .thumbs li {float:left;width:91px;height:68px;margin-right:11px;cursor:pointer;background:#fff}
.project .projView .viewDefault .defaultImg .thumbs li:last-child {margin-right:0}
.project .projView .viewDefault .defaultTxt {float:left;width:450px}
.project .projView .viewDefault .defaultTxt h4 {padding-bottom:15px;font-size:32px;font-weight:bold;color:#333;border-bottom:1px solid #ccc}
.project .projView .viewDefault .defaultTxt .txtExp {margin-top:35px}
.project .projView .viewDefault .defaultTxt .txtExp dl {font-size:14px;overflow:hidden}
.project .projView .viewDefault .defaultTxt .txtExp dl dt {float:left;clear:both;width:65px;margin-right:20px;font-weight:bold;color:#333;padding-right:20px;background:url(../images/icon/sline02.png) no-repeat right 5px}
.project .projView .viewDefault .defaultTxt .txtExp dl dd {margin-bottom:20px}
.project .projView .viewInfo {margin-top:70px}
.project .projView .viewInfo h5 {padding-bottom:10px;font-size:15px;font-weight:bold;color:#333;border-bottom:1px solid #ccc}
.project .projView .viewInfo .infoCon {padding:30px 0;font-size:14px;line-height:1.8}
.project .projView .viewInfo .infoCon p {padding-bottom:20px}
.brochure .title {font-size:33px;font-weight:bold;color:#333}
.brochure .title em {font-weight:bold;color:#004b9c}
.brochure p {font-size:16px}
.brochure .brochure_preview {margin-top:40px;text-align:center}
.brochure .brochure_preview .btn_download {display:inline-block;margin-top:30px;padding:12px 25px 12px 40px;font-size:15px;color:#fff;background:#004b9c url(../images/icon/icon_pdf.png) no-repeat 15px 50%}

/* È«º¸¼¾ÅÍ */
.ci .ciCon {margin-top:30px;overflow:hidden}
.ci .ciCon .ciImg {float:left;width:30%;text-align:center}
.ci .ciCon .ciTxt {float:left;width:70%;font-size:14px;line-height:2}
.ci .ciCon .ciTxt p {padding-bottom:20px}
.ci .ciCon_col {margin-top:30px}
.ci .ciCon_col .ciCon_col_symbol {overflow:hidden}
.ci .ciCon_col .ciCon_col_symbol .item {float:left;width:50%;height:160px;background:url(../images/cont/ci_cont03.jpg) no-repeat 135px 50%}
.ci .ciCon_col .ciCon_col_symbol .item.i2 {background:url(../images/cont/ci_cont04.jpg) no-repeat 60px 50%}
.ci .ciCon_col .ciCon_col_symbol .item .tit {font-size:13px}
.ci .ciCon_col .ciTxt {margin-top:30px;font-size:14px;line-height:2}
.ci .ciCon_col .ciCon_symbol .item {height:50px;background:url(../images/cont/ci_cont05.jpg) no-repeat 135px top}
.ci .ciCon_col .ciCon_symbol .item.i2 {background:url(../images/cont/ci_cont06.jpg) no-repeat 135px 5px}
.ci .ciCon_col .ciCon_symbol .item .tit {display:inline-block;margin-top:10px}
.license .licenseTab {margin-top:-30px;margin-bottom:60px}
.license .licenseTab ul {width:210px;margin:0 auto;overflow:hidden}
.license .licenseTab ul li {float:left;width:50%}
.license .licenseTab ul li a {display:block;padding:8px;font-size:15px;text-align:center;background:#e0e0e0}
.license .licenseTab ul li a:hover {background:#ccc}
.license .licenseTab ul li a.on {color:#fff;background:#004b9c}
.license .licenseList ul {*zoom:1}
.license .licenseList ul:after {content:"";display:block;clear:both}
.license .licenseList ul li {position:relative;float:left;width:189px;height:320px;margin:0 13px 30px 0;background:#fff;box-shadow:1px 1px 0 #ddd;cursor:pointer}
.license .licenseList ul li .thumb {display:block;width:153px;height:228px;margin:20px auto;text-align:center;background:#f9f9f9;overflow:hidden}
.license .licenseList ul li .thumb img {width:100%;vertical-align:middle}
.license .licenseList ul li .view {display:none;position:absolute;left:0;top:0;width:189px;height:268px;background:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
.license .licenseList ul li .view span {display:block;width:90px;height:50px;margin:67px auto;padding:30px 10px;font-weight:bold;color:#fff;text-align:center;letter-spacing:-0.5px;background:#004b9c}
.license .licenseList ul li:hover .view {display:block}
.license .licenseList ul li.r {margin-right:0}
.license .licenseList ul li .exp {display:block;padding:0 20px;text-align:center}
.license .licenseList ul li .exp span {display:block}
.license .licenseList ul li .exp .subject {display:block;padding-bottom:5px;font-size:13px;color:#333}
.license .licenseList ul li .exp .date {font-size:11px;color:#999}
.license .licenseList ul li .active {display:none;position:fixed;left:50%;top:50%;width:400px;margin-left:-200px;top:150px;padding:20px;border:1px solid #666;background:#fff;box-shadow:1px 1px 1px #000;z-index:20}
.license .licenseList ul li .active img {width:100%}
.license .licenseList .licenseMain {padding:30px;border:1px solid #ccc;border-bottom:1px solid #999;border-radius:5px;background:#fff url(../images/bg/symbol_bg.png) no-repeat 110% 70px;overflow:hidden}
.license .licenseList .licenseMain .thumb {float:left;width:231px;border:1px solid #ccc;cursor:pointer;box-shadow:1px 1px 3px #ccc}
.license .licenseList .licenseMain .thumb img {width:100%}
.license .licenseList .licenseMain .cont {padding-top:20px;padding-left:280px;line-height:1.5}
.license .licenseList .licenseMain .cont dl {font-size:16px;overflow:hidden}
.license .licenseList .licenseMain .cont dl dt {float:left;clear:both;width:15%;margin-right:2%;font-weight:bold;color:#333;background:url(../images/icon/sline01.png) no-repeat right 7px}
.license .licenseList .licenseMain .cont dl dd {float:left;width:83%;color:#666;margin-bottom:15px}
.license .licenseList .licenseMain .cont dl dd .iso {font-size:18px;color:#fe5757}
.license .licenseList .licenseMain .active {display:none;position:fixed;left:50%;top:50%;width:400px;margin-left:-200px;top:150px;padding:20px;border:1px solid #666;cursor:pointer;background:#fff;box-shadow:1px 1px 1px #000;z-index:20}
.license .licenseList .licenseMain .active img {width:100%}
.license .licenseList.patent {padding:30px;border:1px solid #ccc;border-bottom:1px solid #999;border-radius:5px;background:#fff url(../images/bg/symbol_bg.png) no-repeat 110% 70px;overflow:hidden}
.license .licenseList.patent ul li {float:left;width:25%;margin-bottom:0;border:1px solid #ccc}
.license.awards .licenseList ul li {position:relative;height:340px !important;cursor:pointer} /* ¼ö»ó½ÇÀû */
.license.awards .licenseList ul li .thumb {height:220px !important}
.license.awards .licenseList ul li .exp {display:block;padding:0 20px}
.license.awards .licenseList ul li .exp span {display:block}
.license.awards .licenseList ul li .exp .subject {display:block;padding-bottom:5px;font-size:13px;color:#333}
.license.awards .licenseList ul li .exp .date {font-size:11px;color:#999}

/* ÅõÀÚÁ¤º¸ */
.overview .overview_head {height:233px;border-bottom:1px solid #666;background:url(../images/cont/overview_contImg01.jpg) no-repeat right bottom}
.overview .overview_head .title {font-size:33px;color:#004b9c}
.overview .overview_head p {width:65%;padding-top:10px;font-size:18px;color:#333;line-height:1.5}
.overview .basicTable tbody td {padding-left:20px;text-align:left}
.overview .basicTable tbody td .btn_licenseView {display:inline-block;padding:10px 30px;font-size:15px;color:#fff;border:0;cursor:pointer;background:#666}
.financial-info .tableHead span {display:block;margin-top:30px;padding-bottom:5px}

/* ÀÎÀçä¿ë */
.recruitInfo .recruitInfo_cont {margin-top:20px;font-size:14px;color:#666}
.recruitInfo .recruitInfo_cont > ol {overflow:hidden}
.recruitInfo .recruitInfo_cont > ol > li {margin-bottom:10px;overflow:hidden}
.recruitInfo .recruitInfo_cont > ol > li .no {float:left;width:18px;height:18px;margin-right:7px;font-size:13px;line-height:18px;color:#fff;text-align:center;background:#004b9c;border-radius:50%}
.recruitInfo .recruitInfo_cont > ol > li .con {float:left;width:975px}
.recruitInfo .recruitInfo_cont > ol > li .con strong {display:inline-block;width:55px;color:#333}
.recruitInfo .recruitInfo_cont > ol > li .con span.linebreak {display:block;padding:5px 0 0 110px} /* ÁٹٲÞó¸® */
.recruitInfo .recruitInfo_cont > ol > li .con a {display:inline-block;font-weight:bold;color:#004b9c;text-decoration:underline}
.recruitInfo .recruitInfo_cont > ol > li .btns {margin:30px 0 0 20px}
.recruitInfo .recruitInfo_cont > ol > li .btns .download {display:inline-block;padding:10px 30px;font-size:15px;color:#fff}
.recruitInfo .recruitInfo_cont > ol > li .btns .download:hover {text-decoration:underline}
.recruitInfo .recruitInfo_cont > ol > li .btns .download.word {padding-left:40px;background:#004b9c url(../images/icon/icon_word.png) no-repeat 10px 50%}
.recruitInfo .recruitInfo_cont > ol > li .btns .download.hwp {padding-left:40px;background:#4e4e4e url(../images/icon/icon_hwp.png) no-repeat 10px 50%}
.recruitInfo .recruitInfo_cont > ol > li .disabled_standard {margin:30px 0 0 30px;padding:30px 50px;color:#333;background:#e1e1e1}
.recruitInfo .recruitInfo_cont > ol > li .disabled_standard ol li {margin-bottom:10px}
.recruitInfo .recruitInfo_cont > ol > li .disabled_standard ol li ul {padding:10px 0 0 20px;font-size:13px;color:#666}
.recruitInfo .recruitInfo_cont.benefits > ol > li > .con strong {width:110px}
.recruit .type {color:#2c5b8f}
.recruit .btn {display:inline-block;padding:2px 10px;font-size:13px;color:#fff;border-radius:3px;background:#4e4e4e}
.recruit .btn:hover {text-decoration:none;color:#fff;background:#333}
.recruit .btn.apply {background:#004b9c}
.recruit .btn.apply:hover {background:#013e80}

/* °í°´¼¾ÅÍ */
.counseling {overflow:hidden}
.counseling .counseling_item {float:left;width:490px;margin-right:20px}
.counseling .counseling_item.r {margin-right:0}
.counseling .counseling_item h4 {border-bottom:0}
.counseling .counseling_item h4 span {display:inline-block;padding-left:10px;font-size:13px;font-weight:normal;color:#666}
.counseling .counseling_item .itemImg {display:block;margin-bottom:40px}
.counseling .counseling_item .itemView {padding:0 40px 50px 0}
.counseling .counseling_item .itemView > ul > li {padding-left:10px;font-size:14px;margin-bottom:20px;line-height:1.8;background:url(../images/icon/bullet_square01.png) no-repeat left 10px}
.counseling .counseling_item .itemView > ul > li a {display:inline-block;padding:5px 25px 5px 20px;font-size:11px;border:1px solid #ddd;background:#fff url(../images/icon/bullet_arrow.png) no-repeat 90% 50%}
.counseling .counseling_item .itemView > ul > li a:hover {border:1px solid #666}
.counseling .counseling_item .itemView > ul > li ol {padding:20px 0}
.counseling .counseling_item .itemView > ul > li ol li {font-size:13px;color:#999}
.counseling .counseling_item .itemBtns {padding-top:30px;text-align:right;border-top:1px solid #c8c8c8}
.counseling .counseling_item .itemBtns a {display:inline-block;margin:0 1px;padding:10px 15px;font-size:15px;color:#fff;background:#004b9c}
.counseling .counseling_item .itemBtns a.btn_check {background:#4e4e4e}

.inquiry .addTxt {margin-top:10px;font-size:13px;color:#666}
.inquiry.check .checkTitle {padding-bottom:20px;font-size:13px;color:#999;border-bottom:1px solid #999}
.inquiry.check .checkTitle strong {display:block;padding-bottom:5px;font-size:16px;color:#333}
.inquiry .privacy {height:120px;padding:30px;margin-top:-1px;border:1px solid #ccc;background:#fff;overflow-y:scroll}
.inquiry .privacy h5 {font-size:14px;font-weight:bold}
.inquiry .privacy p {padding-top:20px;line-height:1.5}
.inquiry .agree {display:block;padding-top:10px;text-align:right}

/* TABLE 񃧯 */
table.basicTable {position:relative;width:100%/*;border-top:2px solid #666*/;border-top:1px solid #000}
table.basicTable thead th {padding:10px 5px;font-size:14px;font-weight:bold;color:#fff;text-align:center;border-left:1px solid #004B9C;border-right:1px solid #408fe4;border-bottom:1px solid #cbcbcb;background:#004B9C}
table.basicTable thead th:last-child, table.basicTable thead th.r {border-right:0}
table.basicTable tbody th,
table.basicTable tbody td {padding:10px 5px;color:#777;vertical-align:middle;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center}
table.basicTable tbody th {font-size:14px;color:#333;border-right:1px solid #cbcbcb}
table.basicTable tbody th.f,
table.basicTable tbody th:first-child {border-left:1px solid #cbcbcb}
table.basicTable tbody th.r,
table.basicTable tbody th:last-child {border-right:normal}
table.basicTable tbody td {font-size:14px;border-right:1px solid #cbcbcb} 
table.basicTable tbody td.f,
table.basicTable tbody td:first-child {border-left:1px solid #cbcbcb}
table.basicTable tbody th.r,
table.basicTable tbody td.r,
table.basicTable tbody td:last-child {border-right:normal}
table.basicTable thead th span, table.basicTable tbody td span {display:block;padding-left:60px;text-align:left}

/* TABLE µ¥ÀÌŸ */
table.dataTable {position:relative;width:100%;border:1px solid #cbcbcb;text-align:left;background:#fff}
table.dataTable thead {background:#444}
table.dataTable thead th {padding:13px 25px;font-size:15px;font-weight:bold;color:#fff}
table.dataTable thead th:last-child, table.dataTable thead th.r {border-right:0}
table.dataTable tbody th,
table.dataTable tbody td {padding:13px 25px;font-size:15px;color:#666;vertical-align:middle;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
table.dataTable tbody th {font-weight:bold;color:#333;border-right:1px solid #cbcbcb;background:#f8f8f8}
table.dataTable tbody td {border-right:1px solid #cbcbcb} 
table.dataTable tbody td a {font-weight:bold;color:#004b9c;text-decoration:underline}
table.dataTable tbody th.r,
table.dataTable tbody td.r,
table.dataTable tbody td span.state {display:inline-block;padding:3px 7px;font-size:14px;text-align:left;color:#fff;border-radius:2px;background:#f75151}
table.dataTable tbody td span.state.completed {background:#666}

/* TABLE Æû */
table.fTable {width:100%;font-size:13px}
table.fTable tbody th {font-weight:bold;color:#666;text-align:left;border-bottom:1px solid #999}
table.fTable tbody td {height:20px;padding:20px 15px;border-bottom:1px solid #dadada}
table.fTable tbody td label {margin:0 10px 0 2px}
table.fTable label {cursor:default}

/* BOARD : ÆäÀÌ¡ */
.pagination {position:relative;padding:40px 0;text-align:center}
.pagination a {display:inline-block;width:26px;height:20px;margin:0 2px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
.pagination a:hover {color:#333;background:#f9f9f9}
.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
.pagination a.first, 
.pagination a.prev, 
.pagination a.next, 
.pagination a.last {border:0;padding-top:0px;border:0}
.pagination .button {position:absolute;right:0;top:30px}
.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* °Ô½ÃÆÇ °Ë»ö */
.search_box {*zoom:1}
.search_box:after {content:"";clear:both;display:block}
.search_box .pages {float:left;padding-top:6px;font-size:11px;color:#7e7e7e}
.search_box .select-search input.btn-search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select-search input.btn-sch {padding:0;border:0;background:none}
.srh-b {margin-top:20px;padding:22px 0;text-align:center;border:1px solid #cbcbcb;background:#fff} /* ÇÏ´Ü °Ë»öâ */
.select_search {display:inline-block}
.select_search select {padding:6px 15px;font-size:13px;border:1px solid #ddd;border-radius:2px;background:#fff}
.select_search input {width:300px;padding:7px 10px;font-size:13px;border:1px solid #ddd;border-radius:2px;background:#fff}
.select_search button {border:none;border-radius:2px;cursor:pointer;background:#555}
.select_search button img {width:22px}

/* ¹öÆ°s */
.btnSec {margin-top:40px;text-align:right;*zoom:1}
.btnSec {content:"";clear:both;display:block}
.btnSec a, .btnSec input[type=submit], .btnSec input[type=reset] {display:inline-block;padding:10px 30px;font-size:15px;color:#fff;border:0;cursor:pointer;background:#666}
.btnSec a:hover, .btnSec input[type=submit]:hover, .btnSec input[type=reset]:hover {background:#444}
.btnSec a.blue, .btnSec input.blue[type=submit], .btnSec input.blue[type=reset] {background:#004b9c}
.btnSec a.btn_rnd {padding-right:40px;background:#004b9c url(../images/icon/bullet_more02.png) no-repeat 90% 50%}
.btnSec a.btn_rnd:hover {background-color:#003977}

/* BOARD : ¸®½ºÆ® */
.board_list {position:relative}
.board_list .totalNo {margin-bottom:10px}
.board_list table {width:100%;font-size:15px}
.board_list thead {color:#333;border:1px solid #999;background:#fff}
.board_list thead th {height:50px;line-height:50px;font-weight:bold;text-align:center}
.board_list tbody td {padding:8px 0;color:#999;text-align:center;border-bottom:1px solid #d5d5d5}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody td .repl_no {margin-right:10px;color:#338104}
.board_list tbody a {display:inline-block;padding:6px 0;font-weight:normal;color:#333;line-height:24px}
.board_list tbody a:hover {color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.attached {padding-left:20px;margin:0;font-family:segoe UI, tahoma;font-size:10px;color:#666}
.board_list tbody a.attached:hover {color:#000;text-decoration:underline}
.board_list tbody a.attached.hwp {background:url(../images/board/attached_hwp.png) no-repeat left 50%}
.board_list tbody a.attached.zip {background:url(../images/board/attached_zip.png) no-repeat left 50%}
.board_list tbody a.attached.pdf {background:url(../images/board/attached_pdf.png) no-repeat left 50%}
.board_list tbody a.repl {padding-left:25px;background:url(../images/icon/icon_reply.png) no-repeat left 2px;background-size:15px} /* ´ä±Û */
.board_list tbody tr:hover {background:#f9f9f9;*cursor:pointer}
.board_list tbody .tl {padding-left:10px;text-align:left}
.board_list tbody .hit {color:#999}
.board_list tbody .notice {font-weight:bold;color:#333}
.board_list .tNote {margin-top:10px;text-align:right;font-size:11px;color:#999;letter-spacing:-1px}
.board_list .attention {display:inline-block;padding:0 3px 1px;font-size:13px;font-weight:bold;color:#fff;border-radius:2px;background:#f75151}

/* BOARD : »ó¼¼ */
.board_view {position:relative;font-size:15px}
.board_view .tit_sec {height:55px;padding:0 30px;line-height:55px;color:#333;border:1px solid #999;background:#fff}
.board_view .tit_sec .tit {float:left;font-size:16px;font-weight:bold}
.board_view .attached {padding:15px 30px;overflow:hidden}
.board_view .attached .attachedFile {float:left}
.board_view .attached .attachedFile strong {display:inline-block;padding-left:20px;font-size:13px;color:#333;background:url(../images/board/icon_attachedFile.png) no-repeat left 50%}
.board_view .attached .attachedFile a {display:inline-block;padding-left:10px;margin-left:5px;background:url(../images/board/icon_sline01.png) no-repeat left 50%}
.board_view .attached .date {float:right;font-size:13px}
.board_view .attached .date img {margin-left:10px}
.board_view .attached .date span {margin-left:10px}
.board_view .cont {position:relative}
.board_view .cont .view_img {position:relative;margin-top:20px}
.board_view .cont .author {text-align:center}
.board_view .cont .author img {border:1px solid #ddd}
.board_view .cont .author span {display:block;padding:10px 0;font-size:12px;text-align:center;color:#888}
.board_view .cont .conTxt {padding:35px 30px;min-height:200px;border:1px solid #ccc;line-height:1.8;background:#fff}
.board_view .cont .conTxt p {padding-bottom:30px}
.board_view .cont .conTxt img {width:100%}
.board_view .attention {display:inline-block;padding:0 3px 1px;font-size:13px;font-weight:bold;color:#fff;line-height:1.4;border-radius:2px;background:#f75151}

.board_view .cont .conTxt table tr td {padding:0 !important}
.board_view .cont .conTxt table tr td p {padding-bottom:0;color:#000}
.board_view .cont .conTxt table tr td table td {border:1px solid #999 !important}

/* À̸ÞÀϹ«´Ü¼öÁý °ÅºÎ */
#popup {width:680px;color:#666;line-height:20px;background:#fff;border-radius:3px}
#popup .title {position:relative;height:86px;border-bottom:1px solid #ccc}
#popup h1 {float:left;height:53px;padding-top:32px;margin-left:30px;margin-bottom:-2px;color:#222;border-bottom:1px solid #333;letter-spacing:-1px}
#popup h2 {margin-bottom:5px;font-size:14px;font-weight:bold;color:#54ab14}
#popup .cont {height:370px;padding:20px 30px 30px;overflow-y:scroll}
#popup .cont p {padding:3px 0}
#popup .cont strong.slogan {display:block;padding-bottom:5px;font-size:15px;color:#8d705e}
#popup .cont ol.prtItems {color:#5ea63b}
#popup .cont .law {padding:21px;margin-top:20px;margin-bottom:30px;border:1px solid #eee;background:#f6f6f6}
#popup .cont .law dl {padding-left:12px}
#popup .cont .law dl dt {font-weight:bold;color:#333;margin-top:20px}
#popup .cont .law dl dd {color:#888}
#popup a.btn_close {position:absolute;top:-50px;right:-50px}

/* UTIL - °£°Ý */
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}
/* UTIL - Á¤·Ä */
.tc {text-align:center !important}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px}
.ib25 {width:25px}
.ib30 {width:30px}
.ib40 {width:40px}
.ib50 {width:50px}
.ib75 {width:75px}
.ib80 {width:80px}
.ib90 {width:90px}
.ib100 {width:100px}
.ib150 {width:150px}
.ib200 {width:200px}
.ib250 {width:250px}
.ib300 {width:300px}
.ib400 {width:400px}
.ib500 {width:500px}
.ib600 {width:600px}
.ib700 {width:700px}
.ib750 {width:750px}
.ib800 {width:800px}
/* UTIL - ¼Ó¼ºÇØÁ¦ */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {position:absolute;left:-1000000px}
.clbh {clear:both}
.dbk {display:block}

/* PC - GNB 1350 ~ 1520 ÇØ»óµµ ´ëÀÀ */
@media(min-width:1350px) and (max-width:1520px){    
	#gnb {width:900px}
	#gnb > ul > li > a {font-size:17px;background:url(../images/bg/gnb_underline.gif) no-repeat 25px bottom}
	#gnb > ul > li > a:hover, #gnb > ul > li > a.on {background:url(../images/bg/gnb_underline_on.gif) no-repeat 25px bottom} 
	#gnb > ul > li > ul {padding-top:15px;margin-left:0}
	#gnb > ul > li > ul > li > a {font-size:14px;letter-spacing:-1px}
}

/* PC - GNB 1350ÀÌÇÏ ÇØ»óµµ ´ëÀÀ */
@media(max-width:1349px){    
	#gnb {width:800px}
	#gnb > ul > li > a {font-size:16px;background:url(../images/bg/gnb_underline.gif) no-repeat 20px bottom}
	#gnb > ul > li > a:hover, #gnb > ul > li > a.on {background:url(../images/bg/gnb_underline_on.gif) no-repeat 20px bottom} 
	#gnb > ul > li > ul {margin-left:-5px}
	#gnb > ul > li > ul > li > a {font-size:13px}
}

/* PC - 1410ÀÌÇÏ ´ëÀÀ */
@media(max-width:1410px){    
	#wrap {margin:0}
	#slides > div, #slides > div > div {width:100% !important}
}

/* PC - 1300ÀÌÇÏ ´ëÀÀ */
@media(max-width:1300px){
	#gnb {width:690px}
	#gnb > ul {margin:0 70px 0 20px}
	#gnb > ul > li > a {background:url(../images/bg/gnb_underline.gif) no-repeat 15px bottom}
	#gnb > ul > li > a:hover,  #gnb > ul > li > a.on {background:url(../images/bg/gnb_underline_on.gif) no-repeat 15px bottom}
	#gnb > ul > li > ul {margin-left:-10px}
	#gnb > ul > li > ul > li > a {font-size:12px}
	
	#contents {width:auto;margin:0 30px}
	
	.mainBusiness .businessCon .busiTabs {width:65%}
	.mainBusiness .businessCon .busiTabs ul li {width:25%;height:auto}
	.mainBusiness .businessCon .busiView {width:25%;padding:30px 5% 20px}
	.mainBusiness .businessCon .busiView h3 {padding-bottom:20px;font-size:21px}
	.mainBusiness .businessCon .busiView p {padding-top:15px;font-size:13px;line-height:1.4}
	.mainBusiness .businessCon .busiView .btn_more {margin-top:10px}
	
	.resultsWrap {margin-top:60px}
	.resultsWrap .results {width:80%;margin-right:0}
	.resultsWrap .results .resultsCon {height:210px}
	.resultsWrap .results .resultsCon .detail {width:52%}
	.resultsWrap .results .resultsCon .detail .thumb {width:48%}
	.resultsWrap .results .resultsCon .detail .thumb img {width:100%}
	.resultsWrap .results .resultsCon .detail .exp {padding-left:52%}
	.resultsWrap .results .resultsCon .detail .exp h3 {font-size:24px}
	.resultsWrap .results .resultsCon .detail .exp dl {margin-top:20px;font-size:12px}
	.resultsWrap .results .resultsCon .detail .exp dl dd {padding-left:85px}
	.resultsWrap .results .resultsCon .lists {width:43%;padding-left:4.8%}
	.resultsWrap .results .resultsCon .lists li {padding-left:5px;margin:4px 0;line-height:20px;font-size:13px}
	.resultsWrap .results .resultsCon .lists li .arr {left:-13.6%}
	.resultsWrap .shortcut {width:20%;margin-top:60px}
	
	#footer {width:auto;margin:0 30px}
}

/* PC - 1024ÀÌÇÏ ´ëÀÀ */
@media(max-width:1024px){
	
	#gnb {display:block;position:fixed;right:0;top:0;width:200px;height:100%;margin:0;margin-right:-200px;background:#f9f9f9 url(../images/title/ci_black.png) no-repeat center 20px;background-size:90px auto;z-index:1000}
	#gnb > ul {margin:0;border-top:1px solid #ececec;background:#fff}
	#gnb > ul > li {float:none;width:auto}
	#gnb > ul > li > a {height:44px;padding:0 25px;font-size:18px;font-weight:600;color:#555;text-align:left;line-height:44px;border-bottom:1px solid #eee}
	#gnb > ul > li > a:hover {color:inherit}
	#gnb > ul > li > a.on {padding-left:21px;color:#2155a1;border-left:5px solid #2155a1}
	#gnb > ul > li > ul {position:relative;left:0 !important;top:0;width:auto;height:auto;margin:0;padding-top:0;border-top:0;background:rgba(0,0,0,.6)}
    #gnb > ul > li > ul > li {padding-left:0}
    #gnb > ul > li > ul > li >  a {display:block;padding:8px 27px;font-size:14px;color:#ccc;border-bottom:1px solid #555}
    
    .util {right:60px}
	
    .mainVisual {height:480px;margin:0 10px}
    .mainVisual .mv1 {height:480px;background:url(../images/cont/mainVisual_01.jpg) no-repeat center /*top*/-180px;background-size:auto 680px}
    .mainVisual .mv2 {height:480px;background:url(../images/cont/mainVisual_02.jpg) no-repeat center /*top*/-180px;background-size:auto 680px}
    .mainVisual .mv3 {height:480px;background:url(../images/cont/mainVisual_03.jpg) no-repeat center /*top*/-180px;background-size:auto 680px}
    .mainVisual .title {margin:50px 0 0 50px}
    .mainVisual .title span {font-size:30px}
    .mainVisual .slogan {margin:5px 0 0 50px;font-size:18px}
    #slides {height:480px} /* Slide */
    a.slidesjs-previous, a.slidesjs-next {top:280px}
	
	#header .btn-gnbview {display:block}
	
	.mainBusiness .businessCon .busiTabs {float:none;width:auto;padding:10px}
	.mainBusiness .businessCon .busiTabs ul li {width:14.28%}
	.mainBusiness .businessCon .busiView {float:none;width:auto;padding:30px}
    .mainBusiness .businessCon .busiTabs ul li .active {line-height:normal}
    .mainBusiness .businessCon .busiTabs ul li .active span {margin-top:10px}
    
    .boardSec {margin-top:50px}
    .boardSec .lists {padding-top:40px}	

	.resultsWrap .results {float:none;width:auto}
	.resultsWrap .results .resultsCon .lists li .arr {left:-13.4%}
	.resultsWrap .shortcut {float:none;width:auto;margin-top:0}
	.resultsWrap .shortcut ul {overflow:hidden}
	.resultsWrap .shortcut ul li {float:left;width:33.33%}
    
    .conDefault {width:auto;margin:0 20px;overflow-x:scroll}
    
    #lnbWrap {display:none}
    
    #conBody .titSec {height:110px}
    #conBody .titSec .titSec_inner {width:auto;margin:0 20px}
    #conBody .titSec .titSec_inner h3 {height:110px;line-height:110px;font-size:33px}
    
    #footer {margin:0 10px;padding:20px 10px 10px}
    #footer .ci {display:none}
    #footer .footCon {padding-left:0;line-height:1.5;color:#888}
    #footer .footUtil {position:relative;right:auto;top:auto}
    #footer .footUtil .ftMenu {margin-top:20px;margin-left:-5px}
    #footer .footUtil .ftMenu ul li a {padding:0 5px;font-size:12px !important}
    #footer .footUtil .ftMenu ul li+li+li a {background:none}
    #footer .footUtil .relatedSite {margin:10px 0 0 0;text-align:left;background:#f4f4f4}
    .btn_goTop {position:fixed;top:auto;bottom:10px;right:10px;width:36px;height:36px;line-height:35px;z-index:100}
    .btn_goTop img {width:15px}
    
    .greeting {font-size:14px;background-size:400px}
    .greeting .slogan {width:50%;font-size:24px}
    .greeting p {padding-top:30px}
    
    .philosophy {width:auto}
    .philosophy img {width:100%}
    
    .quality_policy .policy_items ol li {width:25%;height:70px;padding:50px 3.5%;margin-right:1.5%}
    .quality_policy .policy_items ol li .no {font-size:16px}
    .quality_policy .policy_items ol li p {font-size:18px}
    .quality_policy .logo {width:70%}
    
    .history .historyTabs {width:25%}
    .history .historyList {width:70%;padding-left:4.8%}
    .history .historyList .item {position:relative;margin-top:10px;margin-bottom:60px !important;*zoom:1}
    .history .historyList .item .year {width:15%}
    .history .historyList .item .year span {padding-right:10px}
    .history .historyList .item .lists {width:80%;padding-left:5%}
    
    .organization {height:auto;margin-top:10px/*;background:url(../images/cont/ogranization_chart.gif) no-repeat center top*/}
    .organization img {width:100%}
    
    .location {padding-top:40px}
    .location .locationCont dl {font-size:13px}
    .location .locationCont dl dd {margin-bottom:10px}
    .locationCont .map iframe {width:100% !important;height:300px !important}
    
    .mBusiness_info {margin-bottom:0}
    .mBusiness_info > ul > li {width:14.28%}
    .mBusiness_info > ul > li.first {width:14.28%}
    .mBusiness_info > ul > li .thumb {height:220px}
    .mBusiness_info > ul > li .thumb img {width:auto;height:220px}
    .mBusiness_info > ul > li .thumbActive {height:220px}
    .mBusiness_info > ul > li .thumbActive .btn_view {padding:65px 10px 10px 10px;margin:70px auto 0}
    .mBusiness_info > ul > li.first .thumbActive {width:100%}
    .mBusiness_info > ul > li .title {height:50px}
    .mBusiness_info > ul > li .lists {height:130px;padding:10px}
    .mBusiness_info > ul > li .lists ul li {font-size:11px;letter-spacing:-1px;line-height:1.2}
  
    .businessItem {height:auto}
    .businessItem .imgSec {width:63%;overflow:hidden}
    .businessItem .conSec {width:37%}
    .businessItem .conSec .conTxt .exp {font-size:13px}
    .businessItem .conSec .conTxt .results ul li {font-size:12px}
    .businessItem .conSec .conTxt .btn_more {font-size:13px}
    
    .capability table.basicTable thead th {font-size:13px}
    .capability table.basicTable tbody th,
    .capability table.basicTable tbody td {font-size:12px}
    
    .project .projTabs ul li {width:12.5%}
    .project .projTabs ul li a {font-size:13px}
    
    .project .projCon {margin-top:30px}
    .project .projCon .projLists ul li {width:23%;margin-right:2.5%;margin-bottom:3%}
    .project .projCon .projLists ul li a .thumb img {width:100%}
    
    .project .projView {margin-top:40px}
    .project .projView .viewDefault .defaultImg {width:44%;margin-right:6%}
    .project .projView .viewDefault .defaultImg .vimg img {width:100%}
    .project .projView .viewDefault .defaultImg .thumbs {margin-top:10px;overflow:hidden}
    .project .projView .viewDefault .defaultImg .thumbs li {width:19%;height:auto;margin-right:1.25%}
    .project .projView .viewDefault .defaultImg .thumbs li img {width:100%}
    .project .projView .viewDefault .defaultImg .thumbs li+li+li+li+li {margin-right:0}
    .project .projView .viewDefault .defaultTxt {width:50%}
    .project .projView .viewDefault .defaultTxt h4 {padding-bottom:10px;font-size:25px}
    .project .projView .viewDefault .defaultTxt .txtExp {margin-top:25px}
    .project .projView .viewDefault .defaultTxt .txtExp dl dt {width:26%;padding-right:2%;margin-right:2%}
    .project .projView .viewDefault .defaultTxt .txtExp dl dd {float:left;width:70%;margin-bottom:13px}
    .project .projView .viewInfo {margin-top:40px}
    .project .projView .viewInfo .infoCon {padding:20px 0;font-size:12px}
    
    .license .licenseList ul li {width:23.5%;margin:0 2% 2% 0}
    .license .licenseList ul li.r {margin-right:2%}
    .license .licenseList ul li:nth-child(4n+4) {margin-right:0}
    
    .license .licenseList .licenseMain {padding:20px;background-size:250px;background-position:110% 180%}
    .license .licenseList .licenseMain .thumb {width:27%;margin-right:5%}
    .license .licenseList .licenseMain .cont {float:left;width:66%;padding-left:0;padding-top:5px}
    .license .licenseList .licenseMain .cont dl {font-size:14px !important}
    .license .licenseList .licenseMain .cont dl dt {width:18%;margin-right:2%}
    .license .licenseList .licenseMain .cont dl dd {float:left;width:80%}
    .license .licenseList .licenseMain .cont dl dd .iso {font-size:14px}
    
    .license .licenseList.patent {padding:20px}
    .license .licenseList.patent ul li {width:32%;margin-right:2%}
    .license .licenseList.patent ul li:nth-child(3n+3) {margin-right:0}
    
    .ci .ciCon .ciImg img {width:70%}
    .ci .ciCon .ciTxt {font-size:13px}
    .ci .ciCon .ciTxt p {padding-bottom:15px;line-height:1.7}
    .ci .ciCon_col {margin-top:30px}
    .ci .ciCon_col .ciCon_col_symbol .item {float:left;width:50%;height:160px;background:url(../images/cont/ci_cont03.jpg) no-repeat 70% 50%;background-size:130px !important}
    .ci .ciCon_col .ciCon_col_symbol .item.i2 {background:url(../images/cont/ci_cont04.jpg) no-repeat 60% 50%;background-size:190px !important}
    .ci .ciCon_col .ciCon_col_symbol .item .tit {font-size:13px}
    .ci .ciCon_col .ciTxt {margin-top:10px;font-size:13px;line-height:1.7}
    .ci .ciCon_col .ciCon_symbol .item {height:40px;background:url(../images/cont/ci_cont05.jpg) no-repeat 90px 35%;background-size:130px}
    .ci .ciCon_col .ciCon_symbol .item.i2 {background:url(../images/cont/ci_cont06.jpg) no-repeat 90px 38%;background-size:230px}
    
    .overview .overview_head {height:150px;background-size:300px}
    .overview .overview_head .title {font-size:25px}
    .overview .overview_head p {font-size:15px}
    
    .financial-info table.basicTable colgroup col:nth-child(5), 
    .financial-info table.basicTable colgroup col:nth-child(6),
    .financial-info table.basicTable thead th:nth-child(5),
    .financial-info table.basicTable thead th:nth-child(6),
    .financial-info table.basicTable tbody td:nth-child(5),
    .financial-info table.basicTable tbody td:nth-child(6) {display:none}
    .financial-info table.basicTable thead th {font-size:13px}
    .financial-info table.basicTable tbody td {font-size:12px}
    
    .recruitInfo .recruitInfo_cont {font-size:13px}
    .recruitInfo .recruitInfo_cont > ol > li .con {width:90%}
    .recruitInfo .recruitInfo_cont > ol > li .btns .download {padding:8px;margin:2px 0;font-size:12px}
    .recruitInfo .recruitInfo_cont > ol > li .btns .download.word {padding-left:25px;background:#004b9c url(../images/icon/icon_word.png) no-repeat 5px 50%}
    .recruitInfo .recruitInfo_cont > ol > li .btns .download.hwp {padding-left:25px;background:#4e4e4e url(../images/icon/icon_hwp.png) no-repeat 5px 50%}
    
    .recruit table colgroup col:nth-child(1) {width:5%}
    .recruit table colgroup col:nth-child(2) {width:15%}
    .recruit table colgroup col:nth-child(4), 
    .recruit table colgroup col:nth-child(5), 
    .recruit table colgroup col:nth-child(6) {width:8%}
    .recruit table thead th {font-size:14px}
    .recruit table tbody td {padding:5px;font-size:13px}
    .recruit table tbody td a.btn {font-size:12px}
    
    table.fTable colgroup col:nth-child(1) {width:60px}
    table.fTable tbody td {padding:10px 5px}
    table.fTable tbody td input.ib400,
    table.fTable tbody td input.ib600 {width:90% !important}
    table.fTable tbody td textarea {width:98% !important}
    
    #TB_window {left:0 !important;top:70px !important;width:auto !important;margin:0 10px !important}
    #TB_window #TB_ajaxContent {width:auto !important;height:400px !important}
    #TB_window #TB_ajaxContent #popup {width:auto}  
    #TB_window #TB_ajaxContent #popup .title {height:56px;overflow:hidden}
    #TB_window #TB_ajaxContent #popup h1 {padding-top:18px;margin-left:20px;font-size:18px}
    #TB_window #TB_ajaxContent #popup .cont {padding:20px}
    #TB_window #TB_ajaxContent #popup .cont .law {padding:20px 5px}	
    #TB_window #TB_ajaxContent #popup .btn_close {right:0}
}

/* TABLET - 768ÀÌÇÏ ´ëÀÀ */
@media(max-width:768px){
    
    .util {top:20px;right:50px}
    .util ul li {display:none}
    .util ul li:first-child {display:block;border:1px solid #ccc;border-radius:3px;background-color:#fefefe}
    .util ul li:first-child a {padding:3px 7px 0;line-height:18px;font-weight:500;background-image:none}
    
    .mainVisual {height:330px}
    .mainVisual .mv1,.mainVisual .mv2,.mainVisual .mv3 {height:330px;background-size:auto 600px}
    .mainVisual .place {right:auto;left:50px;top:auto;bottom:30px;font-size:12px}
    #slides {height:330px} /* Slide */
    a.slidesjs-previous, a.slidesjs-next {top:210px;background-size:30px}
    a.slidesjs-previous {left:20px}
    a.slidesjs-next {right:20px}
    
    .boardSec .tabs ul li {width:120px}
    .boardSec .lists ul li:nth-child(4),.boardSec .lists ul li:nth-child(5) {display:none}
    .boardSec .lists ul li {width:33.3%;padding:0}
    .boardSec .lists ul li .title {font-size:15px}
    .boardSec .lists ul li .text {padding:25px 0 30px;line-height:1.6}
    
    .resultsWrap .results .resultsCon {height:auto}
    .resultsWrap .results .resultsCon .detail {float:none;width:auto}
    .resultsWrap .results .resultsCon .detail .thumb {float:left;width:195px}
    .resultsWrap .results .resultsCon .detail .exp {padding-left:225px}
    .resultsWrap .results .resultsCon .lists {float:none;display:block;margin-top:30px;padding:0;padding-top:20px;width:auto;border:0;border-top:1px solid #ccc}
    
    .greeting {padding-bottom:30%;font-size:14px;background-size:55%;background-position:right bottom}
    .greeting .slogan {width:auto;padding-bottom:0;font-size:22px}
    .greeting .slogan strong {margin-bottom:15px;line-height:1.2}
    .greeting p {padding-top:20px}
    
    .quality_policy .policy_items ol li {width:93%;height:auto;padding:15px 3.5%;margin-right:0;margin-bottom:5px;box-shadow:1px 1px 0 #eee}
    .quality_policy .policy_items ol li .no {top:15px;font-size:13px;background-size:15px}
    .quality_policy .policy_items ol li p {padding-left:40px;font-size:15px;text-align:left}
    .quality_policy .logo {width:90%;border:0}
    .quality_policy .logo img {width:130px}
    .quality_policy .policy_will {height:300px;background-size:cover}
    .quality_policy .policy_will p {padding:20px 30px;height:auto;line-height:normal;font-size:14px}
    
    .history .historyTabs {float:none;width:auto;margin-top:-20px}
    .history .historyTabs ul {height:167px;*zoom:1}
    .history .historyTabs ul:after {content:"";display:block;clear:both}
    .history .historyTabs ul li {float:left;width:180px;height:167px;border-top:none}
    .history .historyTabs ul li span {top:0}
    .history .historyList {float:none;width:auto;padding-left:10px;margin-top:50px;border-left:0}
    .history .historyList .item {margin-bottom:40px !important}
    .history .historyList .item .year {width:70px}
    .history .historyList .item .lists {float:left;width:70%;padding-left:5%}
    .history .historyList .item .lists ul li {padding:0}
    .history .historyList .item .lists ul li em.month {padding:3px 5px !important;margin:5px 10px 1px 0;border-bottom:1px solid #999;font-size:12px;border-radius:50%;background:#fff}
    
    .location .locationCont dl dd table.dataTable th,
    .location .locationCont dl dd table.dataTable td {padding:10px;font-size:12px !important}
    
    .mBusiness_info > ul > li {width:33.3%}
    .mBusiness_info > ul > li.first {width:33.4%}
    .mBusiness_info > ul > li .thumb {height:250px}
    .mBusiness_info > ul > li .thumb img {height:250px}
    .mBusiness_info > ul > li .thumbActive {height:250px}
    .mBusiness_info > ul > li .thumbActive .btn_view {margin:80px auto 0}
    .mBusiness_info > ul > li .lists {height:90px}

    .businessItem .imgSec {float:none;width:auto;height:260px}
    .businessItem .imgSec img {width:100%;margin-top:-30%}
    .businessItem .conSec {float:none;width:auto}
    .businessItem .conSec .conTitle {padding:20px 30px;font-size:14px}
    .businessItem .conSec .conTitle strong {font-size:21px}
    .businessItem .conSec .conTxt {height:auto;padding:30px}
    .businessItem .conSec .conTxt .exp {min-height:auto}
    .businessItem .conSec .conTxt .exp p {margin-bottom:20px}
    .businessItem .conSec .conTxt .results .reTitle {font-size:13px}
    .businessItem .conSec .conTxt .results ul {margin-top:30px}
    
    .capability table.basicTable thead th {font-size:12px}
    .capability table.basicTable tbody th,
    .capability table.basicTable tbody td {padding:6px 3px;font-size:11px;letter-spacing:-1px}
    .capability table.basicTable thead th:nth-child(4),
    .capability table.basicTable tbody th:nth-child(6),
    .capability table.basicTable tbody th:nth-child(7),
    .capability table.basicTable tbody td:nth-child(6),
    .capability table.basicTable tbody td:nth-child(7) {display:none}

    .project .projTabs ul li {width:25%;margin-bottom:-1px}
    .project .projTabs ul li a {padding:8px 3px;font-size:12px}
    
    .project .projCon .projLists ul li {width:32%;margin-right:2%}
    .project .projCon .projLists ul li.r {margin-right:2% !important;}
    .project .projCon .projLists ul li:nth-child(3n+3) {margin-right:0}
    .project .projCon .projLists ul li a .thumb img {width:100%}
    
    .project .projView .viewDefault .defaultTxt h4 {padding-bottom:5px;font-size:20px}
    .project .projView .viewDefault .defaultTxt .txtExp {margin-top:10px}
    .project .projView .viewDefault .defaultTxt .txtExp dl {font-size:12px}
    
    .project .projCon .dataTable thead th {padding:10px}
    .project .projCon .dataTable tbody th,
    .project .projCon .dataTable tbody td {font-size:12px !important;padding:6px !important}
    
    .license .licenseList ul li {width:31%;margin:0 3% 3% 0}
    .license .licenseList ul li.r {margin-right:3%}
    .license .licenseList ul li:nth-child(4n+4) {margin-right:3%}
    .license .licenseList ul li:nth-child(3n+3) {margin-right:0}

    .board_list .recruit colgroup col:nth-child(1),
    .board_list .recruit colgroup col:nth-child(4),
    .board_list .recruit thead th:nth-child(1),
    .board_list .recruit thead th:nth-child(4),
    .board_list .recruit tbody td:nth-child(1), 
    .board_list .recruit tbody td:nth-child(4) {display:none}
    .board_list .recruit tbody td {font-size:13px}
    .board_list .recruit colgroup col {width:auto}
}

/* TABLET - 600ÀÌ»ó ´ëÀÀ */
@media(max-width:600px){
    
    .license .licenseList ul li {width:48%;margin:0 4% 4% 0}
    .license .licenseList ul li.r {margin-right:4%}
    .license .licenseList ul li:nth-child(3n+3) {margin-right:4%}
    .license .licenseList ul li:nth-child(2n+2) {margin-right:0}
    
    .license .licenseTab {margin-top:0}    
    .license .licenseList .licenseMain {margin-top:-30px !important}
    .license .licenseList .licenseMain {background-position:110% 150%;text-align:center}
    .license .licenseList .licenseMain .thumb {float:none;display:inline-block;width:190px;margin-right:5%}
    .license .licenseList .licenseMain .cont {float:none;clear:both;width:auto;padding-top:30px !important}
    .license .licenseList .licenseMain .cont dl {font-size:13px !important;text-align:left}
    .license .licenseList .licenseMain .cont dl dd {margin-bottom:10px}
    
    .license .licenseList.patent {padding:10px}
    .license .licenseList.patent ul li {width:48%;height:280px;margin-right:2%}
    .license .licenseList.patent ul li .thumb {height:180px !important}
    .license .licenseList.patent ul li:nth-child(2n+2) {margin-right:0}
    .license .licenseList.patent ul li:nth-child(3n+3) {margin-right:2%}
    
}

/* MOBILE - 500ÀÌÇÏ ´ëÀÀ */
@media(max-width:500px){
    
    #header {height:60px}
    #header h1 {left:10px;top:14px}
    #header h1 img {width:150px}
    #header .btn-gnbview {right:19px;top:22px}
    
    .mainVisual {height:260px;padding-top:60px}
    .mainVisual .mv1,.mainVisual .mv2,.mainVisual .mv3 {height:260px;background-size:auto 440px}
    .mainVisual .mv2 {background-position:-500px !important;}
    .mainVisual .title {margin:30px 0 0 20px;text-shadow:1px 1px 0 #555}
    .mainVisual .title span {font-size:22px}
    .mainVisual .slogan {margin:5px 0 0 20px;font-size:12px}
    #slides {height:260px} /* Slide */
    a.slidesjs-previous, a.slidesjs-next {top:145px;background-size:20px}
    a.slidesjs-previous {left:0}
    a.slidesjs-next {right:0}
    .slidesjs-pagination {bottom:10px} /* Slide Pagination */
    
    #contents {margin:0 10px;padding-bottom:30px}
    #contents h2 {margin-left:5px;font-size:20px}
    
    .mainBusiness {margin-top:25px}
    .mainBusiness .businessCon {margin-top:20px}
    .mainBusiness .businessCon .busiTabs ul li .active span {font-size:11px}
    .mainBusiness .businessCon .busiView {padding:15px}
    .mainBusiness .businessCon .busiView h3 {padding-bottom:0;font-size:17px;background:0}
    .mainBusiness .businessCon .busiView p {font-size:13px}
    
    .boardSec .tabs ul li a {font-size:13px}
    .boardSec .lists {padding-top:25px}
    .boardSec .lists ul li:nth-child(3) {display:none}
    .boardSec .lists ul li {width:46%;padding:0 2%}
    .boardSec .lists ul li .text {padding:10px 0 30px;line-height:1.5}
    .boardSec .lists ul li .date {display:block;border-bottom:1px solid #ddd}
    
    .resultsWrap {margin-top:30px}
    .resultsWrap .results .resultsCon {padding:20px 10px}
    .resultsWrap .results .resultsCon .detail .thumb {float:none;width:auto;height:245px !important}
    .resultsWrap .results .resultsCon .detail .thumb img {height:auto !important;}
    .resultsWrap .results .resultsCon .detail .exp {padding-left:0;padding-top:20px}
    .resultsWrap .results .resultsCon .detail .exp h3 {font-size:13px}
    .resultsWrap .results .resultsCon .detail .exp dl {margin-top:10px;font-size:11px}
    .resultsWrap .results .resultsCon .detail .exp dl dt {width:90px}
	.resultsWrap .results .resultsCon .detail .exp dl dd {padding-left:110px;background-position:100px 5px}
    .resultsWrap .results .resultsCon .lists {margin-top:10px;padding-top:10px}
    .resultsWrap .results .resultsCon .lists li {font-size:11px;margin:1px 0;padding-right:90px;font-weight:400;overflow:hidden}
    
    .shortcut {display:none}
    
    .subVisual {height:90px;padding-top:60px;background-size:auto 70%  !important}
    
    .conDefault {padding:40px 0}
    
    #conBody .sContent {min-height:auto}
    #conBody .titSec {height:70px}
    #conBody .titSec .titSec_inner {margin:0 20px}
    #conBody .titSec .titSec_inner h3 {height:70px;line-height:70px;font-size:22px}
    #conBody .titSec .titSec_inner .pageControl {top:20px;padding-top:20px;font-size:11px;color:#888;background-size:25px !important}
    
    .greeting .slogan {font-size:18px}
    
    .history .historyTabs ul {height:167px;text-align:center}
    .history .historyTabs ul li {float:none;display:inline-block;width:120px;height:120px}
    .history .historyTabs ul li span {width:120px;height:120px;font-size:14px;line-height:120px;background-size:100%}
    .history .historyTabs ul li span.on {background-size:100%}
    .history .historyList {margin-top:0}
    .history .historyList .item .year {width:40px}
    .history .historyList .item .lists {width:80%;margin-top:-15px}
    .history .historyList .item .lists ul li {font-size:12px;color:#666}
    
    .location .locationCont dl dt {float:none;font-size:15px;background:none}
    .location .locationCont dl dd {padding-left:0;margin:8px 0 20px}
    .location .locationCont dl dd strong {font-weight:400}
    .location .locationCont dl dd table.dataTable {margin-top:10px}
    .location .locationCont dl dd table.dataTable th,
    .location .locationCont dl dd table.dataTable td {padding:5px}
    
    .mBusiness_info > ul > li .thumb {height:150px}
    .mBusiness_info > ul > li .thumb img {height:150px}
    .mBusiness_info > ul > li .thumbActive {height:150px}
    .mBusiness_info > ul > li .thumbActive .btn_view {margin:30px auto 0}
    .mBusiness_info > ul > li .title strong {font-size:13px}
    .mBusiness_info > ul > li .lists {padding:5px;border:0 !important}
    .mBusiness_info > ul > li:nth-child(2n+2) .lists {background:#eaeaea !important;}
    
    .project .projCon .projLists ul li {width:48%;margin-right:4%}
    .project .projCon .projLists ul li:nth-child(3n+3) {margin-right:4% !important;}
    .project .projCon .projLists ul li:nth-child(2n+2) {margin-right:0 !important;}
    .project .projCon .projLists ul li a .exp {height:90px;padding:15px}
    .project .projCon .projLists ul li a .exp .title {font-size:13px}
    .project .projCon .projLists ul li a .active .btn_view {margin:30px auto 0}
 
    .pagination a {margin:0}
    
    .select_search select {font-size:12px}
    .select_search input {width:48%;font-size:12px}
    .select_search button {padding:6px}
    .select_search button img {width:18px}
    
    .project .projView .viewDefault .defaultImg {float:none;width:auto;margin-right:0}
    .project .projView .viewDefault .defaultTxt {float:none;width:auto;margin-top:30px}
    .project .projView .viewDefault .defaultTxt h4 {font-size:20px}
    .project .projView .viewDefault .defaultTxt .txtExp {margin-top:15px;padding-bottom:15px;border-bottom:1px solid #999}
    .project .projView .viewDefault .defaultTxt .txtExp dl dt {width:20%}
    .project .projView .viewDefault .defaultTxt .txtExp dl dd {width:76%;margin-bottom:8px}
    .project .projView .viewInfo {margin-top:40px}
    .project .projView .viewInfo .infoCon {padding:20px 0;font-size:12px}
    
    .project .projCon .dataTable colgroup col:nth-child(1),
    .project .projCon .dataTable colgroup col:nth-child(2),
    .project .projCon .dataTable thead th:nth-child(1),
    .project .projCon .dataTable thead th:nth-child(2),
    .project .projCon .dataTable tbody td:nth-child(1),
    .project .projCon .dataTable tbody td:nth-child(2) {display:none}
    .project .projCon .dataTable thead th {padding:5px;font-size:12px}
    .project .projCon .dataTable tbody th,
    .project .projCon .dataTable tbody td {font-size:10px !important;padding:4px !important}
    
    .license .licenseList ul li .thumb {width:125px}
    .license .licenseList ul li .thumb img {width:125px}
    .license.awards .licenseList ul li {height:300px !important;}
    .license.awards .licenseList ul li .thumb {height:180px !important;}
    .license.awards .licenseList ul li .exp {padding:0 18px}
    .license.awards .licenseList ul li .exp strong {font-size:11px !important;font-weight:300}
    
    .license .licenseList ul li .active,
    .license .licenseList .licenseMain .active {width:260px;margin-left:-131px;top:70px;padding:0;border:2px solid #999;box-shadow:none;z-index:1000}
    .license .licenseList .licenseMain .active img {width:100%}
    
    .license .licenseList.patent {margin-top:-30px}
    
    .ci .ciCon .ciTxt {font-size:12px}
    .ci .ciCon .ciTxt p {line-height:1.5}
    .ci .ciCon_col .ciCon_col_symbol .item {float:none;width:auto;background:url(../images/cont/ci_cont03.jpg) no-repeat center 50%}
    .ci .ciCon_col .ciCon_col_symbol .item.i2 {background:url(../images/cont/ci_cont04.jpg) no-repeat center 50%}
    .ci .ciCon_col .ciTxt {font-size:12px;line-height:1.5}
    .ci .ciCon_col .ciCon_symbol .item {background-size:100px}
    .ci .ciCon_col .ciCon_symbol .item.i2 {background-size:180px}
    
    .overview .overview_head {background-size:200px}
    .overview .overview_head .title {font-size:21px}
    .overview .overview_head p {font-size:13px}
    .overview table.basicTable tbody th,
    .overview table.basicTable tbody td {padding:8px;font-size:12px}
    
    .financial-info table.basicTable thead th {padding:6px;font-size:12px}
    .financial-info table.basicTable tbody td {padding:6px;font-size:11px}
    
    .recruitInfo h4 {margin-top:30px !important}
    .recruitInfo h4:first-child {margin-top:0 !important}
    .recruitInfo .recruitInfo_cont {font-size:13px}
    .recruitInfo .recruitInfo_cont > ol > li .btns {margin:30px 0 0 0}
    .recruitInfo .recruitInfo_cont > ol > li .btns .download {font-size:11px}
    .recruitInfo .recruitInfo_cont > ol > li .disabled_standard {margin:30px 0 0 0;padding:20px;background:#eaeaea}
    .recruitInfo .recruitInfo_cont > ol > li .disabled_standard ol li ul {font-size:inherit}
    .recruitInfo .recruitInfo_cont > ol > li .con strong {display:block;width:100%;padding-bottom:3px}
    .recruitInfo .recruitInfo_cont.benefits > ol > li > .con strong {float:none;width:100%;padding-bottom:3px}
    .recruitInfo .recruitInfo_cont > ol > li .con span.linebreak {padding:5px 0 0 0} /* ÁٹٲÞó¸® */
    
    .board_list colgroup col:nth-child(1),
    .board_list thead th:nth-child(1),
    .board_list tbody td:nth-child(1),
    .board_list colgroup col:nth-child(4),
    .board_list thead th:nth-child(4),
    .board_list tbody td:nth-child(4) {display:none}
    .board_list tbody td:nth-child(3) {font-size:11px}
    .board_list colgroup col:nth-child(3) {width:70px}
    .board_list colgroup col:nth-child(4) {width:45px}
    .board_list table thead th {height:35px;line-height:35px;font-size:12px}
    .board_list table tbody td {padding:6px 3px;font-size:12px}
    .board_list table tbody td.tl a{line-height:1.3}
    .board_list table tbody td a.btn {height:17px;line-height:17px;padding:4px;font-size:11px;letter-spacing:-1px}
    
    .board_view {font-size:13px}
    .board_view .tit_sec {height:auto;padding:10px 15px;line-height:1.3;overflow:hidden}
    .board_view .tit_sec .tit {font-size:13px}
    .board_view .attached {padding:15px;font-size:11px}
    .board_view .attached .attachedFile {float:none;width:auto}
    .board_view .attached .attachedFile strong {padding-left:15px;font-size:11px;background-size:10px}
    .board_view .attached .attachedFile a {padding-left:5px}
    .board_view .attached .date {float:none;padding-top:10px;font-size:11px;text-align:right}
    .board_view .attached .date img {width:12px;margin-left:5px}
    .board_view .attached .date span {margin-left:5px}
    .board_view .cont .conTxt {padding:20px;font-size:12px;line-height:1.5}
    .board_view .cont .conTxt p {padding-bottom:20px}
    .board_view .attention {padding:2px 3px;font-size:10px}

    .inquiry .privacy {padding:15px}
    .inquiry .privacy h5 {font-size:13px}
    .inquiry .privacy p {padding-top:10px;color:#777}
	
    table.fTable tbody tr:nth-child(2) td input,
    .inquiry table.fTable tbody tr:nth-child(3) td input {width:22%}
    .inquiry table.fTable tbody tr:nth-child(1) td {font-size:12px;line-height:2}
    
}

/* MOBILE - 414ÀÌÇÏ ´ëÀÀ */
@media(max-width:414px){
 
    .board_list .recruit colgroup col:nth-child(2),
    .board_list .recruit thead th:nth-child(2),
    .board_list .recruit tbody td:nth-child(2) {display:none}
    .board_list .recruit colgroup col:nth-child(3) {width:70%}
    .board_list .recruit colgroup col:nth-child(5),
    .board_list .recruit colgroup col:nth-child(6) {width:15%}
}

/* MOBILE - 360ÀÌÇÏ ´ëÀÀ */
@media(max-width:365px){
    
    .mBusiness_info > ul > li .lists {height:110px}
    
    .license .licenseList .licenseMain .cont dl {font-size:12px !important}
    .license .licenseList .licenseMain .cont dl dt {width:24%;margin-right:2%}
    .license .licenseList .licenseMain .cont dl dd {float:left;width:74%}
    
    .license .licenseList ul li .thumb {width:110px}
    .license .licenseList ul li .thumb img {width:110px}
    .license.awards .licenseList ul li {height:280px !important;}
    .license.awards .licenseList ul li .thumb {height:155px !important;}
    
    .license .licenseList.patent ul li {height:260px}
    .license .licenseList.patent ul li .thumb {height:160px !important}
    
    table.fTable tbody td {padding:6px !important}
    table.fTable tbody td textarea {width:90% !important;}
    .inquiry .addTxt {font-size:11px}
    
}