#container .content.civil-view .inner-content .info-area .cont-box ul li:after {content:" ";display:block;clear:both} /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ html {line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{ background:#000; } article, aside, footer, header, nav, section {display:block} h1 {font-size:2em;margin:0.67em 0} figcaption, figure, main {display:block} figure {margin:1em 40px} hr {box-sizing:content-box;height:0;overflow:visible} pre {font-family:monospace, monospace;font-size:1em} a {background-color:transparent;-webkit-text-decoration-skip:objects} abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b, strong {font-weight:inherit} b, strong {font-weight:bolder} code, kbd, samp {font-family:monospace, monospace;font-size:1em} dfn {font-style:italic} mark {background-color:#ff0;color:#000} small {font-size:80%} sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub {bottom:-0.25em} sup {top:-0.5em} audio, video {display:inline-block} audio:not([controls]) {display:none;height:0} img {border-style:none} svg:not(:root) {overflow:hidden} button, input, optgroup, select, textarea {margin:0} button, input {overflow:visible} button, select {text-transform:none} button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style:none;padding:0} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline:1px dotted ButtonText} legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress {display:inline-block;vertical-align:baseline} textarea {overflow:auto} [type="checkbox"], [type="radio"] {box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto} [type="search"] {-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none} ::-webkit-file-upload-button {-webkit-appearance:button;font:inherit} details, menu {display:block} summary {display:list-item} canvas {display:inline-block} template {display:none} [hidden] {display:none} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline;word-break:keep-all} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} body {line-height:1} ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none} table {border-collapse:collapse;border-spacing:0} @font-face { font-family:'gotham'; font-style:normal; font-weight:400; src:url(../fonts/gotham-book-webfont.woff) format("woff"), url(../fonts/gotham-book-webfont.eot) format("opentype") } @font-face { font-family:'gotham'; font-style:normal; font-weight:500; src:url(../fonts/gotham-medium-webfont.woff) format("woff"), url(../fonts/gotham-medium-webfont.eot) format("opentype") } @font-face { font-family:'gotham'; font-style:normal; font-weight:700; src:url(../fonts/gotham-bold-webfont.woff) format("woff"), url(../fonts/gotham-bold-webfont.eot) format("opentype") } @font-face { font-family:'NanumSquare'; font-style:normal; font-weight:400; src:url(../fonts/nanumsquarer.woff) format("woff"), url(../fonts/nanumsquarer.eot) format("opentype") } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(../fonts/notosanskr-light.woff2) format("woff2"), url(../fonts/notosanskr-light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype") } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(../fonts/notosanskr-regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype") } img {image-rendering:-webkit-optimize-contrast} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none} table {width:100%;text-align:left} button:focus, button:active {padding:0} input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {padding:0;font-family:"Noto Sans KR", sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none} a {text-decoration:none;cursor:pointer;color:#555} a:link, a:visited, a:hover, a:active {text-decoration:none} caption {overflow:hidden;width:1px;height:1px;font-size:20px;line-height:1px;margin-top:-1px} {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:transparent;border:0 none;font-size:15px;font-weight:300;font-family:"Noto Sans KR", sans-serif} select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] {-webkit-appearance:checkbox} select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] {-webkit-appearance:radio} select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand {display:none} textarea {overflow-y:scroll;-webkit-overflow-scrolling:touch} html, body {font-family:"Noto Sans KR", sans-serif;font-size:15px;font-weight:300;color:#555} strong, h1, h2, h3, h4, h5, h6 {font-weight:400} label, button {cursor:pointer;overflow:hidden} /*a:focus, input:focus {outline:1px dotted #222}*/ body {-webkit-backface-visibility:hidden} html {overflow-y:scroll} html.no-scroll {overflow:hidden;padding-right:17px} #wrap {position:relative;width:100%;min-width:1200px} button {padding:0} button span {position:relative} * {-webkit-tap-highlight-color:transparent} .bg-btn {overflow:hidden;text-indent:-999px} .icon {display:inline-block;vertical-align:top;overflow:hidden;text-indent:-999px} .icon img {width:100%} .hidden-txt {overflow:hidden;display:inline-block;text-indent:-999px;width:0;height:0;line-height:1px;position:absolute} .point01 {color:#012b5d !important} .point01 * {color:#012b5d !important} .point02 {color:#0189b1 !important} .point02 * {color:#0189b1 !important} #skipNavigation {position:absolute;width:100%} #skipNavigation a {position:absolute;top:-100px;left:0;z-index:100;width:100%;margin:0 auto} #skipNavigation a:active, #skipNavigation a:focus {position:absolute;top:0;width:100%;border-bottom:1px solid #dbdbdb;background:#f8f7f3;line-height:50px;text-align:center} .icon {display:inline-block} #contentArea.main #spot {position:relative; z-index:1;} #contentArea.main #spot .rolling-container {position:relative;min-width:1180px;height:800px} #contentArea.main #spot .rolling-container .rolling-wrapper {position:relative;overflow:hidden;width:100%;height:100%} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;vertical-align:middle;box-sizing:border-box} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .img-box {width:100%;height:100%;background-repeat:no-repeat;background-position-y:0;background-position-x:50%;-webkit-background-size:cover;background-size:cover} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box {position:absolute;top:0;left:0;width:100%;padding-top:245px;vertical-align:top} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box {position:relative;width:1200px;margin:0 auto} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box .tit {padding-top:133px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:26px;line-height:36px;color:#fff;position:relative;left:50px} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box .tit:before {content:"";position:absolute;top:148px;left:-44px;width:30px;height:2px;background-color:#fff} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box .txt {position:absolute;top:0;left:0;font-size:70px;font-family:"NanumSquare", sans-serif;line-height:100px;font-weight:400;text-transform:uppercase;overflow:hidden} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box .txt:first-child {margin-top:0} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box span {display:inline-block;overflow:hidden;position:relative;vertical-align:top} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box span em {margin-top:65px;display:block} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box span.active:after {opacity:1;filter:alpha(opacity=100);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit-box span:after {width:100%;height:2px;background-color:#fff;display:block;position:absolute;content:"";bottom:0;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);opacity:0;filter:alpha(opacity=0);-webkit-transition:transform .6s ease;-moz-transition:transform .6s ease;-o-transition:transform .6s ease;-ms-transition:transform .6s ease} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .noti-box {overflow:hidden} #contentArea.main #spot .rolling-container .rolling-wrapper .rolling-slide .cont-box .noti-box .noti-txt {margin-top:20px;overflow:hidden;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:22px;line-height:32px;color:#fff;position:relative;left:50px} #contentArea.main #spot .rolling-container .controller-area {position:absolute;bottom:117px;right:50%;width:164px;z-index:10;margin-right:-600px} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-prev {float:left;width:48px;height:48px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;background-color:#fff} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-prev:hover .icon {margin-left:-8px} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-prev .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -270px;width:48px;height:48px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-next {float:right;width:48px;height:48px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;background-color:#fff} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-next:hover .icon {margin-right:-8px} #contentArea.main #spot .rolling-container .controller-area .btn-area .btn-next .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -49px;width:48px;height:48px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #contentArea.main #spot .rolling-container .controller-area .btn-area .controller-box {position:relative;display:block;width:48px;height:48px;vertical-align:top;margin:0 auto} #contentArea.main #spot .rolling-container .controller-area .btn-area .controller-box .btn-play {position:absolute;top:0;left:0;width:48px;height:48px;border:2px solid #fff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #contentArea.main #spot .rolling-container .controller-area .btn-area .controller-box .btn-play.pause .icon {margin:-5px 0 0 -3px;height:0;border-style:solid;border-width:6px 0 6px 10px} #contentArea.main #spot .rolling-container .controller-area .btn-area .controller-box .btn-play .icon {position:absolute;top:50%;left:50%;margin:-3px 0 0 -4px;height:8px;border-style:double;border-width:0 0 0 8px;border-color:transparent transparent transparent #fff;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease} #contentArea.main #spot .rolling-container .controller-area .indi-area {position:relative;float:right;margin-top:40px} #contentArea.main #spot .rolling-container .controller-area .indi-area:before {content:"";width:30px;height:2px;position:absolute;top:9px;left:-40px;background-color:#fff} #contentArea.main #spot .rolling-container .controller-area .indi-area .count {display:inline-block;font-family:"gotham", sans-serif;font-weight:500;font-size:26px;line-height:.8;color:#fff;vertical-align:top} #contentArea.main #spot .rolling-container .controller-area .indi-area .icon {display:inline-block;margin:0 7px;background-image:url(../images/main.png);background-position:0px -752px;width:18px;height:20px;vertical-align:top} #contentArea.main #spot .rolling-container .controller-area .indi-area .total {display:inline-block;margin-top:5px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#fff;opacity:.7;filter:alpha(opacity=70);vertical-align:top} #contentArea.main #spot .rolling-container .scroll_step {width:46px;height:107px;background:url(../images/scroll_icon.png) 50% 50% no-repeat;left:50%;margin-left:-23px;position:absolute;bottom:30px;z-index:50;cursor:pointer} .content.main {overflow:hidden} .content.main .section01 {height:620px; position:relative;} .content.main .section01 .rolling-container {overflow:hidden; position:absolute; top:50%; margin:-308px 0 0; width:100%;} .content.main .section01 .rolling-container .rolling-wrapper {position:relative;width:1200px;margin:0 auto;height:616px; background-color:#fff;} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .img-box {position:absolute;top:0;left:0;width:690px;height:616px} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .img-box img {width:100%;height:100%} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box {position:absolute;top:0;left:740px;width:410px;display:none} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box {padding-top:55px} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:50px;color:#012b5d} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box .noti-tit {display:block;margin-top:30px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:22px;line-height:32px;color:#444} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box .noti-txt {position:relative;display:block;margin-top:72px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .content.main .section01 .rolling-container .rolling-wrapper .rolling-slide .cont-box .noti-txt:before {content:"";position:absolute;top:-34px;left:-159px;width:220px;height:3px;background-color:#0189b1} .content.main .section01 .rolling-container .controller-area {position:absolute;bottom:60px;left:740px;width:410px;z-index:10} .content.main .section01 .rolling-container .controller-area .btn-area {float:left} .content.main .section01 .rolling-container .controller-area .btn-area .btn-prev {float:left;width:38px;height:38px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;background-color:#012b5d;vertical-align:top} .content.main .section01 .rolling-container .controller-area .btn-area .btn-prev:hover .icon {margin-left:-8px} .content.main .section01 .rolling-container .controller-area .btn-area .btn-prev .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -333px;width:38px;height:38px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} .content.main .section01 .rolling-container .controller-area .btn-area .btn-next {float:left;width:38px;height:38px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;background-color:#012b5d;vertical-align:top;margin-left:10px} .content.main .section01 .rolling-container .controller-area .btn-area .btn-next:hover .icon {margin-right:-8px} .content.main .section01 .rolling-container .controller-area .btn-area .btn-next .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -112px;width:38px;height:38px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} .content.main .section01 .rolling-container .controller-area .indi-area {position:relative;float:right;width:60px;height:35px} .content.main .section01 .rolling-container .controller-area .indi-area .count {position:absolute;top:0;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:.8;color:#012b5d;vertical-align:top} .content.main .section01 .rolling-container .controller-area .indi-area .icon {position:absolute;top:7px;left:22px;background-image:url(../images/main.png);background-position:0px -428px;width:21px;height:21px;vertical-align:top} .content.main .section01 .rolling-container .controller-area .indi-area .total {position:absolute;bottom:0;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#a3a3a3;vertical-align:top} .content.main .section02 {height:702px; position:relative;background:url(../images/bg_section02.jpg) no-repeat 50% 0;-webkit-background-size:cover;background-size:cover} .content.main .section02 .content-box {position:absolute;width:1200px;height:702px;margin:-350px 0 0 -600px; left:50%; top:50% } .content.main .section02 .content-box:before {content:"";position:absolute;bottom:0;left:-146px;width:452px;height:277px;background:url(../images/bg_section02_01.gif) no-repeat 0 0} .content.main .section02 .content-box .head-area {position:absolute;top:170px;left:0;width:255px} .content.main .section02 .content-box .head-area .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:1em;color:#fff} .content.main .section02 .content-box .head-area .txt {margin-top:30px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff;opacity:.7;filter:alpha(opacity=70)} .content.main .section02 .content-box .head-area a {width:118px;height:38px;display:block;margin:35px 0 0;border:1px solid #fff;text-align:center;color:#fff;line-height:36px;box-sizing:border-box} .content.main .section02 .content-box .cont-area {position:absolute;top:125px;left:306px;width:894px;padding:70px 20px 70px 100px;background-color:#fff;box-sizing:border-box} .content.main .section02 .content-box .cont-area ul {margin-top:-54px} .content.main .section02 .content-box .cont-area ul li {position:relative;float:left;width:384px;margin-top:54px} .content.main .section02 .content-box .cont-area ul li.list01 .tit:before {background-image:url(../images/main.png);background-position:0px -464px;width:58px;height:48px} .content.main .section02 .content-box .cont-area ul li.list02 .tit:before {background-image:url(../images/main.png);background-position:0px -527px;width:60px;height:48px} .content.main .section02 .content-box .cont-area ul li.list03 .tit:before {background-image:url(../images/main.png);background-position:0px -590px;width:55px;height:48px} .content.main .section02 .content-box .cont-area ul li.list04 .tit:before {background-image:url(../images/main.png);background-position:0px -653px;width:60px;height:48px} .content.main .section02 .content-box .cont-area ul li .tit {display:block;padding-top:76px;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:.8;color:#222;text-transform:uppercase} .content.main .section02 .content-box .cont-area ul li .tit:before {content:"";position:absolute;top:0;left:0} .content.main .section02 .content-box .cont-area ul li .txt {margin-top:13px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .content.main .section03 { padding:210px 0 0; /*background:url(../images/bg_section03.gif) repeat-y 50% 50% #fff*/ background-color:#fff;} .content.main .section03 .inner {width:1200px;margin:0 auto;vertical-align:top; /*background:url(../images/bg_section03.gif) repeat-y 50% 50% #fff*/} .content.main .section03 .side-box {float:left;width:384px;height:398px;margin:0 24px 0 0;background:url(../images/bg_kdc_person.jpg) no-repeat;text-align:center} .content.main .section03 .side-box .tit {padding-top:45px} .content.main .section03 .side-box .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff} .content.main .section03 .side-box .btn-more {margin-top:25px;display:inline-block;vertical-align:top} .content.main .section03 .side-box .btn-more:hover .icon, .content.main .section03 .side-box .btn-more:focus .icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .content.main .section03 .side-box .btn-more .icon {background-image:url(../images/main.png);background-position:0px 0px;width:34px;height:34px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .content.main .section03 .rolling-container {position:relative;height:398px;margin-left:408px;background-color:#e8e8e9} .content.main .section03 .rolling-container .rolling-wrapper {overflow:hidden} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide {position:absolute;top:0;left:0;width:792px;height:398px} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .img-box {position:absolute;bottom:0;left:0} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area {position:relative;width:337px;padding-top:120px;text-align:center; z-index:10;} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:1em;color:#222} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .noti-box {margin-top:20px} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .noti-box .noti-txt {height:60px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:20px;line-height:30px;color:#555} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .noti-box .noti-txt strong {color:#222} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .btn-area {margin-top:15px} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .btn-area .btn-view {display:inline-block;padding:0 30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:36px;color:#012b5d;border:1px solid #012b5d;vertical-align:top} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box {position:absolute;bottom:63px;right:-30px;width:304px;height:182px;background-color:#012b5d} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box {padding-right:30px;text-align:right} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box .name {display:block;margin-top:35px;font-family:"gotham", sans-serif;font-weight:500;font-size:23px;line-height:.8;color:#fff;text-transform:uppercase} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box p {margin-top:9px} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box p .term {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .cont-box .inner-group-box p .position {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff} .content.main .section03 .controller-box {position:absolute;top:0;right:0} .content.main .section03 .controller-box .btn-area {position:absolute;top:110px;right:-30px;width:82px} .content.main .section03 .controller-box .btn-area .btn-prev {float:left;width:27px;height:27px;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;background-color:#a8a9ab} .content.main .section03 .controller-box .btn-area .btn-prev:hover .icon {margin-left:-8px} .content.main .section03 .controller-box .btn-area .btn-prev .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -386px;width:27px;height:27px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} .content.main .section03 .controller-box .btn-area .btn-next {float:right;width:27px;height:27px;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;background-color:#a8a9ab} .content.main .section03 .controller-box .btn-area .btn-next:hover .icon {margin-right:-8px} .content.main .section03 .controller-box .btn-area .btn-next .icon {overflow:hidden;display:inline-block;background-image:url(../images/main.png);background-position:0px -165px;width:27px;height:27px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} .content.main .section03 .controller-box .btn-area .controller-box {position:relative;display:block;width:27px;height:27px;vertical-align:top;margin:0 auto} .content.main .section03 .controller-box .btn-area .controller-box .btn-play {position:absolute;top:0;left:0;width:27px;height:27px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .content.main .section03 .controller-box .btn-area .controller-box .btn-play.pause .icon {margin:-5px 0 0 -4px;height:0;border-style:solid;border-width:5px 0 5px 8px} .content.main .section03 .controller-box .btn-area .controller-box .btn-play .icon {position:absolute;top:50%;left:50%;margin:-5px 0 0 -4px;width:0;height:10px;border-style:double;border-width:0 0 0 8px;border-color:transparent transparent transparent #a8a9ab;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease} .content.main .section03 .controller-box .indi-area {position:absolute;top:275px;right:0;width:54px;height:32px} .content.main .section03 .controller-box .indi-area .count {position:absolute;top:0;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:.8;color:#fff;vertical-align:top} .content.main .section03 .controller-box .indi-area .icon {position:absolute;top:6px;left:22px;background-image:url(../images/main.png);background-position:0px -716px;width:21px;height:21px;vertical-align:top} .content.main .section03 .controller-box .indi-area .total {position:absolute;bottom:0;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#fff;vertical-align:top;opacity:.5;filter:alpha(opacity=50)} .content.main .section03 .content-box {position:relative;width:1200px;height:702px;margin:0 auto} .content.main .section03 .content-box:before {content:"";position:absolute;bottom:0;left:-146px;width:452px;height:277px;background:url(../images/bg_section02_01.gif) no-repeat 0 0} .content.main .section03 .content-box .head-area {position:absolute;top:170px;left:0} .content.main .section03 .content-box .head-area .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:1em;color:#fff} .content.main .section03 .content-box .head-area .txt {margin-top:30px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff;opacity:.7;filter:alpha(opacity=70)} .content.main .section03 .content-box .cont-area {position:absolute;top:100px;left:306px;width:894px;padding:70px 20px 70px 100px;background-color:#fff;box-sizing:border-box} .content.main .section03 .content-box .cont-area ul {margin-top:-50px} .content.main .section03 .content-box .cont-area ul li {position:relative;float:left;width:384px;height:154px;margin-top:50px} .content.main .section03 .content-box .cont-area ul li.list01 .tit:before {background-image:url(../images/main.png);background-position:0px -464px;width:58px;height:48px} .content.main .section03 .content-box .cont-area ul li.list02 .tit:before {background-image:url(../images/main.png);background-position:0px -527px;width:60px;height:48px} .content.main .section03 .content-box .cont-area ul li.list03 .tit:before {background-image:url(../images/main.png);background-position:0px -590px;width:55px;height:48px} .content.main .section03 .content-box .cont-area ul li.list04 .tit:before {background-image:url(../images/main.png);background-position:0px -653px;width:60px;height:48px} .content.main .section03 .content-box .cont-area ul li .tit {display:block;padding-top:78px;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:.8;color:#222} .content.main .section03 .content-box .cont-area ul li .tit:before {content:"";position:absolute;top:0;left:0} .content.main .section03 .content-box .cont-area ul li .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .content.main .section04 { width:100%; background-color:#fff;padding:140px 0;} .content.main .section04 .inner {width:1200px;margin:0 auto;} .content.main .section04 .b-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:1em;color:#222;text-align:center} .content.main .section04 .notice-lists {margin-top:60px} .content.main .section04 .notice-lists ul {display:block;margin:-30px 0 -40px -24px;vertical-align:top;overflow:hidden} .content.main .section04 .notice-lists ul li {float:left;width:282px;margin:30px 0 0 24px;border-bottom:1px solid #dedee1} .content.main .section04 .notice-lists ul li.main-notice {width:588px} .content.main .section04 .notice-lists ul li.main-notice .img-area .img-box {width:100%;height:311px} .content.main .section04 .notice-lists ul li.main-notice .img-area .img-box img {width:100%;height:100%} .content.main .section04 .notice-lists ul li.main-notice .cont-box {height:274px;padding:25px 30px 40px} .content.main .section04 .notice-lists ul li.main-notice .cont-box .tit {display:block;overflow:hidden;max-height:108px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:36px;color:#222} .content.main .section04 .notice-lists ul li.main-notice .cont-box .txt {margin-top:25px;max-height:78px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .content.main .section04 .notice-lists ul li.main-notice .cont-box .date {display:block;margin-top:50px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#012b5d} .content.main .section04 .notice-lists ul li.normal-notice .img-area .img-box {width:100%;height:151px} .content.main .section04 .notice-lists ul li.normal-notice .img-area .img-box img {width:100%;height:100%} .content.main .section04 .notice-lists ul li.normal-notice .cont-box {padding:25px 30px 40px} .content.main .section04 .notice-lists ul li.normal-notice .cont-box .tit {display:block;overflow:hidden;height:56px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:18px;line-height:28px;color:#222} .content.main .section04 .notice-lists ul li.normal-notice .cont-box .date {display:block;margin-top:25px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#012b5d} #container .btit {display:block;margin-top:80px;padding-bottom:60px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:44px;color:#012b5d;text-align:center} #container .tab-area .items {display:table;width:100%;border-right:1px solid #dedee1;box-sizing:border-box} #container .tab-area .items .item {display:table-cell;width:10%} #container .tab-area .items .item .btn {position:relative;display:block;height:48px;line-height:48px;font-size:18px;font-weight:400;color:#555;text-align:center;border:1px solid #dedee1;border-right:none;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .tab-area .items .item .btn:hover, #container .tab-area .items .item .btn.active {color:#fff;background-color:#012b5d;border-color:#012b5d} #container .tab-area .items .item .btn.active .hidden-txt {display:block} #container .tab-area .items .item .btn .hidden-txt {display:none} #container .tab-radio-type-area .items {display:table;width:100%;border-right:1px solid #dedee1;box-sizing:border-box} #container .tab-radio-type-area .items .item {position:relative;display:table-cell;width:10%} #container .tab-radio-type-area .items .item input {position:absolute;top:0;left:0;width:100%;height:100%} #container .tab-radio-type-area .items .item input:checked + label {color:#fff;background-color:#012b5d;border-color:#012b5d} #container .tab-radio-type-area .items .item label {position:relative;display:block;height:48px;line-height:48px;font-size:18px;font-weight:400;color:#555;text-align:center;border:1px solid #dedee1;border-right:none;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .tab-radio-type-area .items .item label:hover {color:#fff;background-color:#012b5d;border-color:#012b5d} #container .input-form {border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .input-form tbody th {padding:15px 20px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#222;background-color:#f7f7f9;border-bottom:1px solid #dedee1} #container .input-form tbody td {padding:15px 20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;border-bottom:1px solid #dedee1} #container .board-col-data-form {border-top:1px solid #012b5d;border-bottom:1px solid #dedee1} #container .board-col-data-form thead th {padding:15px 10px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#222;background-color:#f5f7f9;border:1px solid #dedee1;text-align:center} #container .board-col-data-form tbody td {padding:15px 10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;border:1px solid #dedee1;text-align:center} #container .board-col-data-form tbody td.subject {padding:15px 30px;text-align:left} #container .board-col-data-form tbody td .btn-certification .icon {background-image:url(../images/common.png);background-position:0px -823px;width:19px;height:25px;vertical-align:top} #container .search-area {width:1200px;margin:0 auto;margin-top:50px} #container .search-area .search-form {padding:22px 50px 23px;border:1px solid #dedee1;background-color:#f7f7f9} #container .search-area .search-form th {height:57px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#222;vertical-align:middle;border:none} #container .search-area .search-form th.small {position:relative;padding-left:30px} #container .search-area .search-form th.small:before {content:"";position:absolute;top:18px;left:0;background-color:#dedee1;width:1px;height:22px} #container .search-area .search-form td {padding:8px 0 7px;border:none} #container .search-area .search-form td .tab-radio-area ul {display:inline-block;vertical-align:top} #container .search-area .search-form td .tab-radio-area ul li {float:left;margin-left:10px;position:relative} #container .search-area .search-form td .tab-radio-area ul li:first-child {margin-left:0} #container .search-area .search-form td .tab-radio-area ul li input {position:absolute;top:0;left:0;width:100%;height:100%} #container .search-area .search-form td .tab-radio-area ul li input:checked + label {font-weight:400;background-color:#012b5d;color:#fff;border-color:#012b5d} #container .search-area .search-form td .tab-radio-area ul li label {position:relative;overflow:hidden;display:inline-block;width:124px;height:40px;line-height:40px;border:1px solid #dedee1;text-align:center;color:#555;font-size:16px;font-weight:300;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;vertical-align:top;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #container .search-area .search-form td .tab-radio-area ul li label:hover {border-color:#012b5d} #container .search-area .search-form td .input-box {position:relative;width:398px;background-color:#fff} #container .search-area .search-form td .input-box input[type="text"] {width:100%;height:40px;padding:0 30px;color:#555;font-size:16px;line-height:40px;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #dedee1;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .search-area .search-form td .input-box input[type="text"]::-webkit-input-placeholder {color:#555;line-height:40px;font-size:16px} #container .search-area .search-form td .input-box input[type="text"]::-moz-placeholder {color:#555;line-height:40px;font-size:16px} #container .search-area .search-form td .input-box input[type="text"]:-ms-input-placeholder {color:#555;line-height:40px;font-size:16px} #container .search-area .search-form td .input-box input[type="text"]:-moz-placeholder {color:#555;line-height:40px;font-size:16px} #container .search-area .search-form td .input-box input[type="text"]:focus, #container .search-area .search-form td .input-box input[type="text"]:hover {outline:none;border-color:#012b5d} #container .search-area .search-form td .input-box input[type="text"]:focus + .btn-search .icon, #container .search-area .search-form td .input-box input[type="text"]:hover + .btn-search .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .search-area .search-form td .input-box .btn-search {position:absolute;top:0;right:22px} #container .search-area .search-form td .input-box .btn-search:hover .icon, #container .search-area .search-form td .input-box .btn-search:focus .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .search-area .search-form td .input-box .btn-search .icon {background-image:url(../images/common.png);background-position:0px -477px;width:18px;height:18px;margin:11px;vertical-align:top} #container .search-area .search-form td .checkbox-area ul {display:inline-block;padding:10px 0;vertical-align:top} #container .search-area .search-form td .checkbox-area ul li {float:left;margin-left:30px;vertical-align:top} #container .search-area .search-form td .checkbox-area ul li:first-child {margin-left:0} #container .small-search-area {display:inline-block;width:100%;vertical-align:top} #container .small-search-area .search-btit {float:left;margin-top:14px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .small-search-area .search-form {float:right} #container .small-search-area .search-form > * {margin-left:15px} #container .small-search-area .search-form > *:first-child {margin-left:0} #container .small-search-area .search-form .search-tit {float:left;height:40px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#555} #container .small-search-area .search-form .select-box {position:relative;float:left;height:40px;box-sizing:border-box;z-index:10} #container .small-search-area .search-form .select-box .val-box .val {padding-left:20px;display:block;color:#555;font-size:16px;line-height:40px;background-color:#fff} #container .small-search-area .search-form .select-box .val-box .btn-select-open {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #dedee1;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .small-search-area .search-form .select-box .val-box .btn-select-open:hover, #container .small-search-area .search-form .select-box .val-box .btn-select-open:focus {border:1px solid #012b5d;outline:none} #container .small-search-area .search-form .select-box .val-box .icon {position:absolute;top:15px;right:10px;background-image:url(../images/common.png);background-position:0px -543px;width:15px;height:9px} #container .small-search-area .search-form .select-box .select-lists {position:absolute;top:39px;left:0;width:100%;display:none;z-index:1;border:1px solid #012b5d;border-top:none;max-height:217px;overflow-y:auto} #container .small-search-area .search-form .select-box .select-lists li .btn {display:block;width:100%;color:#555;padding-left:20px;font-size:16px;height:40px;line-height:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-align:left;background-color:#fff} #container .small-search-area .search-form .select-box .select-lists li .btn:hover {color:#fff;background-color:#012b5d} #container .small-search-area .search-form .input-box {float:left;position:relative;background-color:#fff} #container .small-search-area .search-form .input-box input[type="text"] {width:100%;height:40px;padding:0 20px;color:#555;font-size:16px;line-height:40px;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #dedee1;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .small-search-area .search-form .input-box input[type="text"]::-webkit-input-placeholder {color:#555;line-height:38px;font-size:16px} #container .small-search-area .search-form .input-box input[type="text"]::-moz-placeholder {color:#555;line-height:38px;font-size:16px} #container .small-search-area .search-form .input-box input[type="text"]:-ms-input-placeholder {color:#555;line-height:38px;font-size:16px} #container .small-search-area .search-form .input-box input[type="text"]:-moz-placeholder {color:#555;line-height:38px;font-size:16px} #container .small-search-area .search-form .input-box input[type="text"]:hover, #container .small-search-area .search-form .input-box input[type="text"]:focus {outline:none;border-color:#012b5d} #container .small-search-area .search-form .input-box input[type="text"]:hover + .btn-search .icon, #container .small-search-area .search-form .input-box input[type="text"]:focus + .btn-search .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .small-search-area .search-form .input-box .btn-search {position:absolute;top:0;right:9px} #container .small-search-area .search-form .input-box .btn-search:hover .icon, #container .small-search-area .search-form .input-box .btn-search:focus .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .small-search-area .search-form .input-box .btn-search .icon {background-image:url(../images/common.png);background-position:0px -477px;width:18px;height:18px;margin:11px;vertical-align:top} #container .small-search-area .search-form .btn-view {float:left;margin-left:15px} #container .small-search-area .search-form .btn-view span {display:block;height:40px;padding:0 15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#fff;background-color:#012b5d} #container .data-row-txt {border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .data-row-txt tbody tr:first-child th {border-top:none} #container .data-row-txt tbody tr:first-child td {border-top:none} #container .data-row-txt tbody th {padding:15px 10px 15px 20px;font-size:16px;color:#222;text-align:left;line-height:26px;border-top:1px solid #dedee1;font-weight:400;vertical-align:top;background-color:#f5f7f9} #container .data-row-txt tbody td {padding:15px 20px;font-size:16px;color:#555;text-align:left;line-height:26px;border-top:1px solid #dedee1} #container .data-row-form {border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .data-row-form table tbody tr:first-child th {border-top:0} #container .data-row-form table tbody tr:first-child td {border-top:0} #container .data-row-form table tbody th {position:relative;padding:15px 10px 15px 50px;font-size:16px;color:#222;text-align:left;line-height:26px;border-top:1px solid #dedee1;font-weight:400;vertical-align:top;border-color:#dedee1} #container .data-row-form table tbody th .star {position:absolute;top:21px;left:30px} #container .data-row-form table tbody th .star .icon {background-image:url(../images/common.png);background-position:0px -795px;width:13px;height:13px} #container .data-row-form table tbody td {padding:10px 20px;font-size:16px;color:#555;text-align:left;line-height:26px;border-top:1px solid #dedee1;border-color:#dedee1} #container .data-row-form table tbody td.td-declaration .tab-radio-area ul li label {width:162px} #container .data-row-form table tbody td.td-Informant .tab-radio-area ul li label {width:98px} #container .data-row-form table tbody td.td-radio {vertical-align:middle;line-height:0} #container .data-row-form table tbody td.td-radio .inp-radio {margin-left:45px} #container .data-row-form table tbody td.td-radio .inp-radio:first-child {margin-left:0} #container .data-row-form table tbody td.td-text .txt {padding:5px 0} #container .data-row-form table tbody td.td-email .select-box {margin-left:10px} #container .data-row-form table tbody td.td-address .td-box {margin-top:10px;overflow:hidden} #container .data-row-form table tbody td.td-address .td-box:first-child {margin-top:0} #container .data-row-form table tbody td.td-ap .select-box {margin-right:10px} #container .data-row-form table tbody td.td-ap .s-box {float:left;margin-left:10px} #container .data-row-form table tbody td .file-down .icon-file-download {margin:4px 5px 0 0} #container .data-row-form table tbody td .file-box {float:left;vertical-align:top;position:relative} #container .data-row-form table tbody td .file-box input[type="file"] {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} #container .data-row-form table tbody td .file-box input[type="file"]:focus + .btn-file {outline:1px dotted #222} #container .data-row-form table tbody td .file-box .btn-file {float:left;width:112px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:36px;color:#fff;background-color:#717173} #container .data-row-form table tbody td .tab-radio-area ul {display:inline-block;vertical-align:top} #container .data-row-form table tbody td .tab-radio-area ul li {float:left;margin-left:10px;position:relative} #container .data-row-form table tbody td .tab-radio-area ul li:first-child {margin-left:0} #container .data-row-form table tbody td .tab-radio-area ul li input {position:absolute;top:0;left:0;width:100%;height:100%} #container .data-row-form table tbody td .tab-radio-area ul li input:checked + label {background-color:#012b5d;color:#fff;border-color:#012b5d} #container .data-row-form table tbody td .tab-radio-area ul li label {position:relative;overflow:hidden;display:inline-block;height:34px;line-height:34px;border:1px solid #dedee1;text-align:center;color:#555;font-size:16px;font-weight:400;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#f5f7f9} #container .data-row-form table tbody td .tab-radio-area ul li label:hover {border-color:#012b5d} #container .data-row-form table tbody td .textarea-box textarea {border:1px solid #e5e5e5;background-color:#f7f7f7;height:206px;line-height:26px;padding-left:10px;box-sizing:border-box;vertical-align:top;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .data-row-form table tbody td .textarea-box textarea::-webkit-input-placeholder {color:#a8a8a8;line-height:26px;font-size:16px} #container .data-row-form table tbody td .textarea-box textarea::-moz-placeholder {color:#a8a8a8;line-height:26px;font-size:16px} #container .data-row-form table tbody td .textarea-box textarea:-ms-input-placeholder {color:#a8a8a8;line-height:26px;font-size:16px} #container .data-row-form table tbody td .textarea-box textarea:-moz-placeholder {color:#a8a8a8;line-height:26px;font-size:16px} #container .data-row-form table tbody td .textarea-box textarea:hover, #container .data-row-form table tbody td .textarea-box textarea:focus {border-color:#012b5d;outline:none} #container .data-row-form table tbody td .info-txt {float:left;margin-left:20px;font-size:16px;line-height:36px;color:#555} #container .data-row-form table tbody td .input-box {float:left;display:inline-block;vertical-align:top} #container .data-row-form table tbody td .input-box .inp-txt {overflow:hidden;border:1px solid #dedee1;background-color:#f7f7f9;height:36px;line-height:34px;padding-left:10px;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #container .data-row-form table tbody td .input-box .inp-txt::-webkit-input-placeholder {color:#a8a8a8;line-height:34px;font-size:16px} #container .data-row-form table tbody td .input-box .inp-txt::-moz-placeholder {color:#a8a8a8;line-height:34px;font-size:16px} #container .data-row-form table tbody td .input-box .inp-txt:-ms-input-placeholder {color:#a8a8a8;line-height:34px;font-size:16px} #container .data-row-form table tbody td .input-box .inp-txt:-moz-placeholder {color:#a8a8a8;line-height:34px;font-size:16px} #container .data-row-form table tbody td .input-box .inp-txt:hover, #container .data-row-form table tbody td .input-box .inp-txt:focus {border-color:#012b5d;outline:none} #container .data-row-form table tbody td .txt {float:left;padding:5px 10px 5px 10px;font-size:16px;color:#555;line-height:26px;vertical-align:top} #container .data-row-form table tbody td .select-box {position:relative;float:left;display:inline-block;height:36px;box-sizing:border-box} #container .data-row-form table tbody td .select-box .val-box .val {padding-left:10px;display:block;color:#555;font-size:16px;line-height:36px;background-color:#f7f7f9} #container .data-row-form table tbody td .select-box .val-box .btn-select-open {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #dedee1;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .data-row-form table tbody td .select-box .val-box .btn-select-open:hover, #container .data-row-form table tbody td .select-box .val-box .btn-select-open:focus {border:1px solid #012b5d;outline:none} #container .data-row-form table tbody td .select-box .val-box .icon {position:absolute;top:13px;right:10px;background-image:url(../images/common.png);background-position:0px -543px;width:15px;height:9px} #container .data-row-form table tbody td .select-box .select-lists {position:absolute;top:35px;left:0;width:100%;display:none;z-index:1;border:1px solid #012b5d;border-top:none;max-height:217px;overflow-y:auto} #container .data-row-form table tbody td .select-box .select-lists li .btn {display:block;width:100%;color:#555;padding-left:9px;font-size:16px;height:36px;line-height:36px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-align:left;background-color:#f7f7f9} #container .data-row-form table tbody td .select-box .select-lists li .btn:hover {color:#fff;background-color:#012b5d} #container .data-row-form table tbody td .btn-search {float:left;margin-left:9px;padding:0 17px;text-align:center;color:#fff;line-height:36px;background-color:#636363} #container .data-row-form table tbody td .btn-search span {position:relative} #container .data-row-form table tbody td .btn-gray-color {float:left;margin-left:9px;padding:0 17px;text-align:center;color:#fff;line-height:36px;background-color:#636363} #container .data-row-form table tbody td .btn-gray-color span {position:relative} #container .data-col-form {border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .data-col-form table thead tr:first-child th {border-top:none} #container .data-col-form table thead th {padding:15px 10px 15px 20px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-color:#dedee1} #container .data-col-form table tfoot th {padding:15px 10px 15px 20px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-color:#dedee1} #container .data-col-form table tfoot td {padding:15px 20px;font-size:16px;color:#555;text-align:center;line-height:26px;border-color:#dedee1} #container .data-col-form table tbody th {padding:15px 10px 15px 20px;font-size:16px;color:#222;text-align:center;line-height:26px;border-color:#dedee1;font-weight:400;vertical-align:top} #container .data-col-form table tbody td {padding:15px 20px;font-size:16px;color:#555;text-align:center;line-height:26px;border-color:#dedee1} #container .data-col-txt {border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .data-col-txt table thead tr:first-child th {border-top:none} #container .data-col-txt table thead th {padding:15px 10px 15px 10px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-bottom:1px solid #dedee1;border-color:#dedee1} #container .data-col-txt table thead th.bdln {border-left:none} #container .data-col-txt table tfoot th {padding:15px 10px 15px 10px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-color:#dedee1} #container .data-col-txt table tfoot td {padding:15px 20px;font-size:16px;color:#555;text-align:center;line-height:26px;border-color:#dedee1} #container .data-col-txt table tbody th {padding:15px 10px 15px 10px;font-size:16px;color:#222;text-align:center;line-height:26px;border-color:#dedee1;font-weight:400;vertical-align:top;border-bottom:1px solid #dedee1} #container .data-col-txt table tbody th.bdln {border-left:none} #container .data-col-txt table tbody td {padding:15px 10px;font-size:16px;color:#555;text-align:right;line-height:26px;border-color:#dedee1;border-bottom:1px solid #dedee1} #container .data-col-txt table tbody td.num {font-family:"gotham", sans-serif;font-weight:400} #container .data-col-txt table tbody td.subject {text-align:left;padding:15px 30px} #container .data-col-txt table tbody td.bdln {border-left:none} #container .data-col-txt table tbody td .btn-table-download .icon {background-image:url(../images/common.png);background-position:0px -823px;width:19px;height:25px;vertical-align:top} #container .data-col-sa {position:relative;border-top:2px solid #012b5d;border-bottom:1px solid #dedee1} #container .data-col-sa:before {content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#dedee1} #container .data-col-sa table thead tr:first-child th {border-top:none} #container .data-col-sa table thead th {padding:15px 10px 15px 10px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-bottom:1px solid #dedee1;border-color:#dedee1} #container .data-col-sa table thead th.bdln {border-left:none} #container .data-col-sa table tfoot th {padding:15px 10px 15px 10px;font-size:16px;color:#222;text-align:center;line-height:26px;font-weight:400;vertical-align:top;background-color:#f5f7f9;border-color:#dedee1} #container .data-col-sa table tfoot td {padding:15px 50px;font-size:16px;color:#222;text-align:right;line-height:26px;font-weight:400;border-color:#dedee1;background-color:#f5f7f9} #container .data-col-sa table tbody tr.tr-head th, #container .data-col-sa table tbody tr.tr-head td {font-weight:400;color:#222} #container .data-col-sa table tbody th {padding:15px 10px 15px 50px;font-size:16px;color:#222;text-align:left;line-height:26px;border-color:#dedee1;font-weight:300;vertical-align:top;border-bottom:1px solid #dedee1} #container .data-col-sa table tbody th.bdln {border-left:none} #container .data-col-sa table tbody th.total-price {font-weight:400;color:#222} #container .data-col-sa table tbody th.thead-th {color:#222;font-weight:400;background-color:#f5f7f9;text-align:center;padding:15px 10px} #container .data-col-sa table tbody td {padding:15px 50px 15px 10px;font-size:16px;color:#555;text-align:right;line-height:26px;border-color:#dedee1;border-bottom:1px solid #dedee1} #container .data-col-sa table tbody td.num {font-family:"gotham", sans-serif;font-weight:400} #container .data-col-sa table tbody td.subject {text-align:left;padding:15px 30px} #container .data-col-sa table tbody td.bdln {border-left:none} #container .data-col-sa table tbody td.total-price {font-weight:400;color:#222} #container .data-col-sa table tbody td .btn-table-download .icon {background-image:url(../images/common.png);background-position:0px -823px;width:19px;height:25px;vertical-align:top} #container .js-scroll.active:before {height:100%;opacity:1;filter:alpha(opacity=100)} #container .js-scroll:before {content:"";position:absolute;bottom:0;left:0;background-color:#0189b1;width:4px;height:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;-ms-transition:all 1.5s ease} #container .content.company-information {margin-bottom:-150px} #container .content.company-information .noti-box {width:1200px;margin:0 auto} #container .content.company-information .noti-box .noti-txt {margin-top:30px;padding-left:188px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:18px;line-height:28px;color:#555} #container .content.company-information .section01 {margin-top:55px} #container .content.company-information .section01 .visual-area {padding-top:619px;background:url(../images/img_company_information01_01.jpg) no-repeat 50% 0} #container .content.company-information .section01 .visual-area .content-area {width:1200px;margin:0 auto;padding:50px 190px 95px;background-color:#fff;box-sizing:border-box} #container .content.company-information .section01 .visual-area .content-area .tit {float:left;font-family:"gotham", sans-serif;font-weight:400;font-size:38px;line-height:.8;color:#012b5d;text-transform:uppercase} #container .content.company-information .section01 .visual-area .content-area .tit strong {font-weight:500} #container .content.company-information .section01 .visual-area .content-area ul {position:relative;margin:0 0 0 305px} #container .content.company-information .section01 .visual-area .content-area ul:before {content:"";position:absolute;top:15px;left:-65px;width:40px;height:2px;background-color:#0189b1} #container .content.company-information .section01 .visual-area .content-area ul li {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:30px;color:#555} #container .content.company-information .section02 {width:1200px;margin:0 auto;padding-top:80px;border-top:1px solid #dedee1;overflow:hidden} #container .content.company-information .section02 .gallery-area {float:left;margin-right:24px} #container .content.company-information .section02 .gallery-area .img-area {border:2px solid #f0f0f0} #container .content.company-information .section02 .gallery-area .img-area .img-box {position:relative;width:380px;height:534px} #container .content.company-information .section02 .gallery-area .img-area .img-box li {position:absolute;top:0;left:0;display:table;width:380px;height:534px;opacity:0;filter:alpha(opacity=0)} #container .content.company-information .section02 .gallery-area .img-area .img-box li figure {width:100%;display:table-cell;vertical-align:middle} #container .content.company-information .section02 .gallery-area .img-area .img-box li figure img {width:100%} #container .content.company-information .section02 .gallery-area .controller {display:inline-block;width:100%;height:53px;background-color:#f0f0f0;vertical-align:top} #container .content.company-information .section02 .gallery-area .controller .indi-area {float:right;margin:14px 18px 0 0} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number {position:relative;padding-bottom:8px;font-family:"gotham", sans-serif;font-size:16px;font-weight:500;color:#222;margin-left:26px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number:before {content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#0189b1;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number .hidden-txt {display:none} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number.active {color:#0189b1} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number.active .hidden-txt {display:block} #container .content.company-information .section02 .gallery-area .controller .indi-area .btn-number.active:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.company-information .section02 .gallery-area .controller .btn-area {padding:10px} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-prev {position:relative;overflow:hidden;width:37px;height:34px} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-prev .icon {position:absolute;top:10px;left:10px;background-image:url(../images/company.png);background-position:0px -1143px;width:17px;height:14px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-prev:focus .icon, #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-prev:hover .icon {left:8px} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-next {position:relative;overflow:hidden;width:37px;height:34px;margin-left:7px} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-next .icon {position:absolute;top:10px;left:10px;background-image:url(../images/company.png);background-position:0px -1083px;width:17px;height:14px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-next:focus .icon, #container .content.company-information .section02 .gallery-area .controller .btn-area .btn-gallery-next:hover .icon {left:12px} #container .content.company-information .section02 .content-area {overflow:hidden} #container .content.company-information .section02 .content-area .img-box {padding-bottom:60px} #container .content.company-information .section02 .content-area .tit {float:left;font-family:"gotham", sans-serif;font-weight:400;font-size:38px;line-height:.8;color:#012b5d;text-transform:uppercase} #container .content.company-information .section02 .content-area .tit strong {font-weight:500} #container .content.company-information .section02 .content-area ul {position:relative;margin:0 0 0 305px} #container .content.company-information .section02 .content-area ul:before {content:"";position:absolute;top:15px;left:-65px;width:40px;height:2px;background-color:#0189b1} #container .content.company-information .section02 .content-area ul li {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:30px;color:#555} #container .content.company-information .section03 {margin-top:145px;height:530px;background:url(../images/bg_company_information04_05.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;background-attachment:fixed} #container .content.company-information .section03 .tit {padding-top:140px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#fff} #container .content.company-information .section03 ul {width:1200px;margin:60px auto 0} #container .content.company-information .section03 ul li {float:left;text-align:center} #container .content.company-information .section03 ul li.list01 {width:181px} #container .content.company-information .section03 ul li.list02 {width:227px} #container .content.company-information .section03 ul li.list03 {width:181px} #container .content.company-information .section03 ul li.list04 {width:226px} #container .content.company-information .section03 ul li.list05 {width:181px} #container .content.company-information .section03 ul li.list06 {width:203px} #container .content.company-information .section03 ul li strong {display:block;margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#fff;opacity:.8;filter:alpha(opacity=80)} #container .content.company-information .section03 ul li p {display:block;margin-top:6px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff} #container .content.company-information .section03 ul .icon-ci01 {background-image:url(../images/company.png);background-position:0px -488px;width:79px;height:79px} #container .content.company-information .section03 ul .icon-ci02 {background-image:url(../images/company.png);background-position:0px -582px;width:85px;height:79px} #container .content.company-information .section03 ul .icon-ci03 {background-image:url(../images/company.png);background-position:0px -676px;width:147px;height:79px} #container .content.company-information .section03 ul .icon-ci04 {background-image:url(../images/company.png);background-position:0px -770px;width:78px;height:79px} #container .content.company-information .section03 ul .icon-ci05 {background-image:url(../images/company.png);background-position:0px -864px;width:64px;height:79px} #container .content.company-information .section03 ul .icon-ci06 {background-image:url(../images/company.png);background-position:0px -958px;width:96px;height:79px} #container .content.company-information .inner-content .left-area {float:left;width:330px;padding-right:80px} #container .content.company-information .inner-content .left-area .tit {position:relative;padding-left:34px;overflow:hidden;margin-top:80px} #container .content.company-information .inner-content .left-area .tit p {display:block;position:relative;margin:-7px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:30px;line-height:44px;color:#222} #container .content.company-information .inner-content .left-area .tit:before {background-color:#0189b1} #container .content.company-information .inner-content .left-area .info-box {margin-top:125px} #container .content.company-information .inner-content .left-area .info-box .txt {padding-left:35px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.company-information .inner-content .right-area {overflow:hidden} #container .content.company-information .inner-content .right-area .img-area {position:relative} #container .content.company-information .inner-content .right-area .img-area .txt {position:absolute;right:39px;bottom:-56px;width:267px;height:118px;padding:37px 54px;background-color:#012b5d;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:1em;color:#fff;box-sizing:border-box} #container .content.company-information .inner-content .right-area .img-area .txt em {display:block;margin-top:10px;font-size:22px} #container .content.company-information .inner-content .right-area .text-area {margin-top:112px} #container .content.company-information .inner-content .right-area .text-area .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.value-system .section {padding-top:75px;position:relative;width:100%;box-sizing:border-box} #container .content.value-system .section01 .video-box {position:relative !important;overflow:hidden !important;height:100%} #container .content.value-system .section01 .video-box #video {position:absolute;bottom:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1} #container .content.value-system .section01 .play-btn {position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover} #container .content.value-system .section01 .play-btn .icon {position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background-image:url(../images/company.png);background-position:0px -352px;width:70px;height:70px} #container .content.value-system .section02 {display:table;background-color:#f5f7f9;table-layout:fixed} #container .content.value-system .section02 .inner-box {display:table-cell;width:1200px;padding:25px 0;text-align:center;vertical-align:middle} #container .content.value-system .section02 .items {width:1200px;margin:0 auto} #container .content.value-system .section02 .items .item {display:table;width:100%;padding:25px 0;border:2px solid #dedee1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff} #container .content.value-system .section02 .items .item .tit {display:table-cell;width:160px;padding:0 20px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222;vertical-align:middle;text-align:center} #container .content.value-system .section02 .items .item.item01 .cont-box {overflow:hidden;text-align:center;border-left:1px solid #dedee1} #container .content.value-system .section02 .items .item.item01 .cont-box .txt01 {font-family:"gotham", sans-serif;font-weight:500;font-size:18px;line-height:.8;color:#555;text-transform:uppercase} #container .content.value-system .section02 .items .item.item01 .cont-box .txt02 {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:30px;line-height:30px;color:#0189b1} #container .content.value-system .section02 .items .item.item02 {position:relative;margin-top:50px} #container .content.value-system .section02 .items .item.item02:before {content:"";position:absolute;top:-40px;left:50%;margin-left:82px;background-image:url(../images/company.png);background-position:0px -2706px;width:35px;height:65px} #container .content.value-system .section02 .items .item.item02 .cont-box {padding:20px 0 10px;overflow:hidden;text-align:center;border-left:1px solid #dedee1} #container .content.value-system .section02 .items .item.item02 .cont-box .icon-vision {display:block;margin:0 auto 20px;background-image:url(../images/company.png);background-position:0px -2826px;width:111px;height:113px} #container .content.value-system .section02 .items .item.item02 .cont-box .txt01 {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:24px;line-height:1em;color:#222} #container .content.value-system .section02 .items .item.item03 {position:relative;margin-top:50px} #container .content.value-system .section02 .items .item.item03:before {content:"";position:absolute;top:-40px;left:50%;margin-left:82px;background-image:url(../images/company.png);background-position:0px -2706px;width:35px;height:65px} #container .content.value-system .section02 .items .item.item03 .cont-box {overflow:hidden;text-align:center;border-left:1px solid #dedee1} #container .content.value-system .section02 .items .item.item03 .cont-box ul {display:table;padding:10px 25px 10px;width:100%;box-sizing:border-box} #container .content.value-system .section02 .items .item.item03 .cont-box ul li {display:table-cell;width:33.3%} #container .content.value-system .section02 .items .item.item03 .cont-box ul li .icon-value01 {display:block;margin:0 auto 20px;background-image:url(../images/company.png);background-position:0px -2351px;width:64px;height:56px} #container .content.value-system .section02 .items .item.item03 .cont-box ul li .icon-value02 {display:block;margin:0 auto 20px;background-image:url(../images/company.png);background-position:0px -2422px;width:46px;height:64px} #container .content.value-system .section02 .items .item.item03 .cont-box ul li .icon-value03 {display:block;margin:0 auto 20px;background-image:url(../images/company.png);background-position:0px -2501px;width:64px;height:64px} #container .content.value-system .section02 .items .item.item03 .cont-box ul li p {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:24px;line-height:1em;color:#222} #container .content.value-system .section02 .items .item.item04 {margin-top:10px} #container .content.value-system .section02 .items .item.item04 .cont-box {overflow:hidden;padding:5px 0 5px 105px;border-left:1px solid #dedee1} #container .content.value-system .section02 .items .item.item04 .cont-box ul {float:left;width:280px;padding-right:20px;text-align:left} #container .content.value-system .section02 .items .item.item04 .cont-box ul:last-child {padding-right:0} #container .content.value-system .section02 .items .item.item04 .cont-box ul li {position:relative;padding-left:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.value-system .section02 .items .item.item04 .cont-box ul li:before {content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#0189b1} #container .content.value-system .section03 {display:table;background:url(../images/bg_value_system_section03.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;table-layout:fixed} #container .content.value-system .section03 .inner-box {display:table-cell;width:1200px;height:615px;vertical-align:middle} #container .content.value-system .section03 .stit {padding-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:44px;line-height:1em;color:#fff} #container .content.value-system .section03 .lists {display:inline-block;padding-top:170px;vertical-align:top} #container .content.value-system .section03 .lists .list {float:left;position:relative;width:384px;height:376px;background-color:#fff} #container .content.value-system .section03 .lists .list.list01 .tit {background-color:#0189b1} #container .content.value-system .section03 .lists .list.list02 {margin-left:24px} #container .content.value-system .section03 .lists .list.list02 .tit {background-color:#012b5d} #container .content.value-system .section03 .lists .list.list03 {margin-left:24px} #container .content.value-system .section03 .lists .list.list03 .tit {background-color:#a99a71} #container .content.value-system .section03 .lists .list .tit {position:absolute;top:-103px;left:50%;width:163px;height:163px;padding-top:118px;margin-left:-81px;box-sizing:border-box;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#fff} #container .content.value-system .section03 .lists .list .tit .icon {position:absolute;top:30px;left:50%} #container .content.value-system .section03 .lists .list .tit .icon-behavior01 {background-image:url(../images/company.png);background-position:0px 0px;width:64px;height:56px;margin-left:-32px} #container .content.value-system .section03 .lists .list .tit .icon-behavior02 {background-image:url(../images/company.png);background-position:0px -71px;width:46px;height:64px;margin-left:-23px} #container .content.value-system .section03 .lists .list .tit .icon-behavior03 {background-image:url(../images/company.png);background-position:0px -150px;width:64px;height:64px;margin-left:-32px} #container .content.value-system .section03 .lists .list .gallery-area {padding-top:100px} #container .content.value-system .section03 .lists .list .gallery-area .cont-area .img-box {position:relative;height:205px} #container .content.value-system .section03 .lists .list .gallery-area .cont-area .img-box .item {position:absolute;top:0;left:0;width:100%;padding:0 40px;box-sizing:border-box;opacity:0;filter:alpha(opacity=0)} #container .content.value-system .section03 .lists .list .gallery-area .cont-area .img-box .item .import {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:32px;color:#222} #container .content.value-system .section03 .lists .list .gallery-area .cont-area .img-box .item p {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.value-system .section03 .lists .list .gallery-area .controller-area {position:absolute;bottom:40px;left:50%;width:170px;margin-left:-85px} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-prev {float:left;width:30px;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-prev:hover .icon {margin-left:-8px} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-prev .icon {overflow:hidden;display:inline-block;background-image:url(../images/company.png);background-position:0px -2661px;width:30px;height:30px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-next {float:right;width:30px;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-next:hover .icon {margin-right:-8px} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .btn-area .btn-gallery-next .icon {overflow:hidden;display:inline-block;background-image:url(../images/company.png);background-position:0px -2616px;width:30px;height:30px;vertical-align:top;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .indi-area {position:relative;height:30px;width:52px;margin:0 auto} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .indi-area .count {position:absolute;top:3px;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:14px;line-height:.8;color:#0189b1} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .indi-area .icon {position:absolute;top:50%;left:50%;background-image:url(../images/company.png);background-position:0px -2580px;width:21px;height:21px;margin-top:-10.5px;margin-left:-10.5px;vertical-align:top} #container .content.value-system .section03 .lists .list .gallery-area .controller-area .indi-area .total {position:absolute;bottom:5px;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:14px;line-height:.8;color:#000;opacity:.5;filter:alpha(opacity=50)} #container .content.value-system .section03 .play-btn {position:absolute;top:0;left:0;width:100%;height:100%} #container .content.value-system .section03 .play-btn .icon {position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background-image:url(../images/company.png);background-position:0px -352px;width:70px;height:70px} #container .content.value-system .section04 {padding-top:0} #container .content.value-system .section04 #footer {margin-top:0} #container .content.value-system .fp-auto-height {height:auto !important} #container .content.value-system .fp-auto-height .fp-tableCell {height:auto !important} #container .content.ceo .inner-content {width:1200px;margin:0 auto} #container .content.ceo .inner-content .img-area {position:relative} #container .content.ceo .inner-content .img-area .txt {position:absolute;bottom:-68px;left:100px;width:190px;padding:30px 35px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:25px;color:#fff;background-color:#012b5d} #container .content.ceo .inner-content .img-area .txt em {display:block;margin-top:19px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:35px;line-height:35px;color:#fff} #container .content.ceo .inner-content .text-area {padding:105px 0 0 410px} #container .content.ceo .inner-content .text-area .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:30px;line-height:40px;color:#222} #container .content.ceo .inner-content .text-area .txt-big {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:30px;color:#555} #container .content.ceo .inner-content .text-area .txt-box {margin-top:50px} #container .content.ceo .inner-content .text-area .txt-box:first-child .txt {margin-top:0} #container .content.ceo .inner-content .text-area .txt-box .txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.history {position:relative} #container .content.history:before {content:"";position:absolute;top:127px;left:0;width:100%;height:1px;background-color:#dedee1} #container .content.history .inner-content {background-repeat:no-repeat;background-position:50% 348px;-webkit-transition:background-image .2s ease;-moz-transition:background-image .2s ease;-o-transition:background-image .2s ease;-ms-transition:background-image .2s ease} #container .content.history .inner-content .history-tab-area {position:relative;top:11px;width:1200px;margin:0 auto} #container .content.history .inner-content .history-tab-area .btn-area .btn-history-prev {position:absolute;top:-11px;left:0;background-image:url(../images/company.png);background-position:0px -1336px;width:46px;height:46px;z-index:1} #container .content.history .inner-content .history-tab-area .btn-area .btn-history-next {position:absolute;top:-11px;right:0;background-image:url(../images/company.png);background-position:0px -1195px;width:46px;height:46px;z-index:1} #container .content.history .inner-content .history-tab-area .history-content-area {overflow:hidden;margin:0 150px;height:200px} #container .content.history .inner-content .history-tab-area .history-content-area .items {margin-left:368px;width:600%;display:inline-block;vertical-align:top} #container .content.history .inner-content .history-tab-area .history-content-area .items .item {float:left} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box {height:181px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box .btn:before {opacity:1;filter:alpha(opacity=100);height:80px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box .btn .hidden-txt {display:block} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box .btn .icon {width:165px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box .btn .icon:before {opacity:1;filter:alpha(opacity=100)} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .tab-box .history-tit {width:400px;margin-left:-200px;font-size:52px;color:#012b5d} #container .content.history .inner-content .history-tab-area .history-content-area .items .item.active .content-area {display:block} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box {position:relative;float:left;height:48px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .btn:before {content:"";position:absolute;top:25px;left:50%;width:1px;height:0;margin-left:-1px;opacity:0;filter:alpha(opacity=0);background-color:#012b5d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .btn .hidden-txt {display:none} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .btn .icon {position:relative;width:187px;height:47px;z-index:1} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .btn .icon:after {content:"";position:absolute;top:0;left:50%;background-image:url(../images/company.png);background-position:0px -1256px;width:25px;height:25px;margin-left:-12.5px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .btn .icon:before {content:"";position:absolute;top:0;left:50%;background-image:url(../images/company.png);background-position:0px -1296px;width:25px;height:25px;margin-left:-12.5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .tab-box .history-tit {width:200px;position:absolute;bottom:0;left:50%;margin-left:-100px;text-align:center;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:1em;color:#777;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area {display:none;position:absolute;top:208px;left:0;width:100%;padding-top:128px;opacity:0;filter:alpha(opacity=0)} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-noti {position:absolute;top:0;left:0;width:100%;margin-top:7px;font-family:"NanumSquare", sans-serif;font-weight:500;font-size:22px;line-height:36px;color:#222;text-align:center} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box {position:relative;text-align:center} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .history-visual-tit {font-family:"gotham", sans-serif;font-weight:500;font-size:70px;line-height:423px;color:#fff;text-transform:uppercase;letter-spacing:30px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .txt-box {width:396px;height:50px;position:absolute;background-color:#fff;text-align:center;box-sizing:border-box} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .txt-box .txt {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:60px;color:#012b5d} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .txt-box .date {display:block;margin-top:15px;font-family:"gotham", sans-serif;font-weight:500;font-size:17px;line-height:.8;color:#012b5d} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .txt-box.box01 {position:absolute;top:374px;right:50%} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-visual-box .txt-box.box02 {position:absolute;top:374px;left:50%;border-left:1px solid #dedee1} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists {position:relative;display:inline-block;width:100%;margin-top:423px;padding:105px 0 95px;vertical-align:top} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists:before {content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#d6d6d6} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even {position:relative;clear:both;float:left;width:50%;margin-left:50%;margin-top:10px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even:before {content:"";position:absolute;top:0;left:-4px;background-image:url(../images/company.png);background-position:0px -1397px;width:51px;height:8px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even ul {padding-left:56px;clear:both;margin-top:-18px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even ul li {display:inline-block;width:100%;margin-top:10px;vertical-align:top} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even ul li .history-date {float:left;width:70px;padding-right:14px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:26px;color:#222;text-align:right} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .even ul li .history-txt {overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd {position:relative;clear:both;float:left;width:50%;margin-top:10px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd:before {content:"";position:absolute;top:0;right:-4px;background-image:url(../images/company.png);background-position:0px -1172px;width:51px;height:8px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd ul {padding-right:56px;clear:both;margin-top:-18px} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd ul li {display:inline-block;width:100%;margin-top:10px;vertical-align:top;text-align:right} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd ul li .history-date {float:right;padding-left:14px;width:73px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:26px;color:#222;text-align:left} #container .content.history .inner-content .history-tab-area .history-content-area .items .item .content-area .history-lists .odd ul li .history-txt {overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:25px;color:#555} #container .content.relative-summary {width:1200px;margin:0 auto} #container .content.relative-summary .noti-txt {margin-top:45px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:22px;line-height:32px;color:#222;text-align:center} #container .content.relative-summary .info-lists-area {margin-top:35px;border-top:2px solid #012b5d} #container .content.relative-summary .info-lists-area .items {display:inline-block;width:100%;vertical-align:top} #container .content.relative-summary .info-lists-area .items .item {position:relative;float:left;width:300px;height:298px;padding:50px 40px;box-sizing:border-box;border-left:1px solid #dedee1;border-bottom:1px solid #dedee1} #container .content.relative-summary .info-lists-area .items .item.item01:before {background-image:url(../images/company.png);background-position:0px -1621px;width:64px;height:64px} #container .content.relative-summary .info-lists-area .items .item.item02:before {background-image:url(../images/company.png);background-position:0px -1700px;width:63px;height:62px} #container .content.relative-summary .info-lists-area .items .item.item03:before {background-image:url(../images/company.png);background-position:0px -1777px;width:62px;height:64px} #container .content.relative-summary .info-lists-area .items .item.item04 {border-right:1px solid #dedee1} #container .content.relative-summary .info-lists-area .items .item.item04:before {background-image:url(../images/company.png);background-position:0px -1856px;width:65px;height:63px} #container .content.relative-summary .info-lists-area .items .item.item05:before {background-image:url(../images/company.png);background-position:0px -1934px;width:55px;height:66px} #container .content.relative-summary .info-lists-area .items .item.item06:before {background-image:url(../images/company.png);background-position:0px -2015px;width:63px;height:60px} #container .content.relative-summary .info-lists-area .items .item.item07:before {background-image:url(../images/company.png);background-position:0px -2090px;width:63px;height:66px} #container .content.relative-summary .info-lists-area .items .item.item08 {background-color:#012b5d;border:none} #container .content.relative-summary .info-lists-area .items .item.item08:before {background-image:url(../images/company.png);background-position:0px -2171px;width:230px;height:165px;bottom:0;right:0} #container .content.relative-summary .info-lists-area .items .item:before {content:"";position:absolute;bottom:35px;right:50px} #container .content.relative-summary .info-lists-area .items .item .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:24px;line-height:1em;color:#222} #container .content.relative-summary .info-lists-area .items .item ul {margin-top:18px} #container .content.relative-summary .info-lists-area .items .item ul li {position:relative;padding-left:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:30px;color:#555} #container .content.relative-summary .info-lists-area .items .item ul li a {display:inline;vertical-align:top;line-height:1em;padding-bottom:1px;border-bottom:1px solid transparent;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .content.relative-summary .info-lists-area .items .item ul li a:hover {border-color:#555} #container .content.relative-summary .info-lists-area .items .item ul li:before {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background-color:#0189b1} #container .content.relative-view {width:1200px;margin:0 auto} #container .content.relative-view .view-content .items {margin-top:50px;margin-bottom:-60px} #container .content.relative-view .view-content .items .item {position:relative;padding:60px 0;border-top:2px solid #012b5d} #container .content.relative-view .view-content .items .item .head-area {position:absolute;top:54px;left:0;width:380px} #container .content.relative-view .view-content .items .item .head-area .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:40px;color:#222} #container .content.relative-view .view-content .items .item .head-area .btn-box {margin-top:35px} #container .content.relative-view .view-content .items .item .head-area .btn-box .btn-link {position:relative;display:inline-block;overflow:hidden;padding:0 45px 0 30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.relative-view .view-content .items .item .head-area .btn-box .btn-link:hover:before {right:29px} #container .content.relative-view .view-content .items .item .head-area .btn-box .btn-link:before {content:"";position:absolute;top:19px;right:31px;background-image:url(../images/company.png);background-position:0px -1420px;width:5px;height:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.relative-view .view-content .items .item .cont-area {padding-left:408px;width:792px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area {position:relative;padding-bottom:40px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .img-area {width:792px;height:380px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .img-area .img-box {position:relative} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .img-area .img-box li {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .img-area .img-box li figure {width:792px;height:380px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .btn-area {position:absolute;bottom:-6px;left:-10px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .btn-area .btn-gallery-prev {float:left;padding:10px;height:36px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .btn-area .btn-gallery-prev .icon {background-image:url(../images/company.png);background-position:0px -1112px;width:22px;height:16px;vertical-align:top} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .btn-area .btn-gallery-next {float:left;padding:10px;height:36px} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .btn-area .btn-gallery-next .icon {background-image:url(../images/company.png);background-position:0px -1052px;width:22px;height:16px;vertical-align:top} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area {position:absolute;bottom:0;right:0} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number {position:relative;padding-bottom:8px;font-family:"gotham", sans-serif;font-size:16px;font-weight:500;color:#222;margin-left:26px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number:before {content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#0189b1;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number .hidden-txt {display:none} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number.active {color:#0189b1} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number.active .hidden-txt {display:block} #container .content.relative-view .view-content .items .item .cont-area .gallery-area .indi-area .btn-number.active:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.relative-view .view-content .items .item .cont-area .company-info-area {position:relative;overflow:hidden;margin-top:60px;padding-left:23px} #container .content.relative-view .view-content .items .item .cont-area .company-info-area .ompany-txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;margin-bottom:-5px} #container .content.relative-view .view-content .items .item .cont-area .company-summary-area {margin-top:60px} #container .content.relative-view .view-content .items .item .cont-area .company-summary-area .box {margin-top:40px} #container .content.relative-view .view-content .items .item .cont-area .company-summary-area .box .summary-tit {padding-bottom:15px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:22px;line-height:1em;color:#222} #container .content.location .tab-area {width:300px; margin:0 auto 50px;} #container .content.location .location-content #map {height:554px} #container .content.location .location-content .map-area {position:relative} #container .content.location .location-content .map-area .map-info-box {display:table;position:absolute;top:442px;left:50%;width:1200px;margin-left:-600px;padding:70px 0;background-color:#012b5d;box-sizing:border-box;z-index:1} #container .content.location .location-content .map-area .map-info-box .map-tit {display:table-cell;width:464px;padding:0 20px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:36px;line-height:46px;color:#fff;text-align:center;vertical-align:middle} #container .content.location .location-content .map-area .map-info-box .cont-box {overflow:hidden;border-left:1px solid #4e6b8e;padding-left:55px} #container .content.location .location-content .map-area .map-info-box .cont-box p {padding:30px 0 0; font-weight:500; color:#0189b1; font-size:18px;} #container .content.location .location-content .map-area .map-info-box .cont-box address {display:block;margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:18px;line-height:28px;color:#fff} #container .content.location .location-content .map-area .map-info-box .cont-box .tel-box {margin-bottom:-5px;margin-top:15px} #container .content.location .location-content .map-area .map-info-box .cont-box .tel-box .tel {font-family:"gotham", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#fff} #container .content.location .location-content .map-area .map-info-box .cont-box .tel-box .tel strong {padding-right:7px;font-weight:500} #container .content.location .location-content .location-info-area {width:1200px;margin:0 auto;margin-top:200px} #container .content.location .location-content .location-info-area .items {display:inline-block;width:100%;padding-left:153px;vertical-align:top;box-sizing:border-box} #container .content.location .location-content .location-info-area .items .item {display:block;float:left;position:relative} #container .content.location .location-content .location-info-area .items .item:first-child {width:398px} #container .content.location .location-content .location-info-area .items .item:first-child .tit {padding-left:65px} #container .content.location .location-content .location-info-area .items .item:first-child .cont-box {margin:15px 0 0 16px} #container .content.location .location-content .location-info-area .items .item .icon-subway {position:absolute;top:0;left:0;background-image:url(../images/company.png);background-position:0px -1445px;width:36px;height:53px} #container .content.location .location-content .location-info-area .items .item .icon-bus {position:absolute;top:0;left:0;background-image:url(../images/company.png);background-position:0px -1513px;width:54px;height:49px} #container .content.location .location-content .location-info-area .items .item .tit {position:relative;padding-left:78px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:22px;line-height:53px;color:#222} #container .content.location .location-content .location-info-area .items .item .cont-box {overflow:hidden;position:relative;padding-left:50px;margin:15px 0 0 25px;height:135px} #container .content.location .location-content .location-info-area .items .item .txt {display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;margin-top:-5px} #container .content.location .location-content .location-info-area .items .item .txt strong {color:#0189b1} #container .content.location .location-content .location-info-area .items .item ul {margin-top:15px} #container .content.location .location-content .location-info-area .items .item ul li {margin-top:9px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:14px;line-height:27px} #container .content.location .location-content .location-info-area .items .item ul li.list01 strong {display:inline-block;margin-right:10px;background-color:#0096ff;padding:0 10px;line-height:27px;color:#fff;vertical-align:top;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #container .content.location .location-content .location-info-area .items .item ul li.list02 strong {display:inline-block;margin-right:10px;background-color:#e70000;padding:0 10px;line-height:27px;color:#fff;vertical-align:top;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #container .content.location .location-content .location-info-area .items .item ul li.list03 strong {display:inline-block;margin-right:10px;background-color:#54bc00;padding:0 10px;line-height:27px;color:#fff;vertical-align:top;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #container .content.business-overview {width:1200px;margin:0 auto;margin-bottom:-80px} #container .content.business-overview .inner-content .txt-area {padding-top:60px;border-top:1px solid #dedee1;text-align:left} #container .content.business-overview .inner-content .txt-area .stit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.business-overview .inner-content .txt-area .stxt {display:block;margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.business-overview .inner-content .gallery-area {position:relative;margin:35px auto 100px} #container .content.business-overview .inner-content .gallery-area .cont-area .items {position:relative;height:468px;overflow:hidden} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item {position:absolute;top:0;left:-408px} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child {left:0} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child .img-box .label {left:0} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item {left:408px} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item .img-box .label {left:0} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item + .item {left:816px} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item + .item .img-box .label {left:0} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item + .item + .item {left:1224px} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item:first-child + .item + .item + .item .img-box .label {left:0} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item .img-box {position:relative;width:384px;height:340px;overflow:hidden} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item .img-box .label {position:absolute;top:30px;left:-154px;width:90px;height:35px;box-sizing:border-box;text-align:center;font-weight:400;font-size:17px;line-height:35px;color:#012b5d;background-color:#fff;text-transform:uppercase;letter-spacing:3px} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item .img-box img {width:100%;height:100%} #container .content.business-overview .inner-content .gallery-area .cont-area .items .item .cont-box .txt {margin-top:10px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.business-overview .inner-content .gallery-area .btn-area {position:absolute;bottom:0;left:50%;margin-left:-95px;width:190px} #container .content.business-overview .inner-content .gallery-area .btn-area .btn-gallery-prev {float:left;background-image:url(../images/bi.png);background-position:0px -301px;width:36px;height:36px} #container .content.business-overview .inner-content .gallery-area .btn-area .btn-gallery-next {float:right;background-image:url(../images/bi.png);background-position:0px -250px;width:36px;height:36px} #container .content.business-overview .inner-content .gallery-area .indi-area {position:relative;width:60px;height:36px;margin:0 auto} #container .content.business-overview .inner-content .gallery-area .indi-area .count {position:absolute;top:4px;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} #container .content.business-overview .inner-content .gallery-area .indi-area .icon {position:absolute;left:50%;margin-left:-10px;top:08px;background-image:url(../images/bi.png);background-position:0px -352px;width:21px;height:21px} #container .content.business-overview .inner-content .gallery-area .indi-area .total {position:absolute;bottom:4px;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#000;opacity:.5;filter:alpha(opacity=50)} #container .content.business-overview .inner-content .business-overview-lists .items .item {padding:80px 0;border-top:2px solid #012b5d} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content {overflow:hidden;width:1200px;margin:0 auto;vertical-align:top} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area {float:left;width:204px;padding-right:102px} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area .tit {position:relative;padding-bottom:118px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area .tit .icon {position:absolute;bottom:30px;left:0} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area .tit .icon-business-overview01 {background-image:url(../images/bi.png);background-position:0px -64px;width:49px;height:47px} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area .tit .icon-business-overview02 {background-image:url(../images/bi.png);background-position:0px -126px;width:53px;height:47px} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area .tit .icon-business-overview03 {background-image:url(../images/bi.png);background-position:0px -188px;width:52px;height:47px} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul {border-top:1px solid #dedee1} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li {border-bottom:1px solid #dedee1} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li:hover a, #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li.active a {color:#012b5d} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li:hover a:before, #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li.active a:before {right:0;opacity:1;filter:alpha(opacity=100)} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li:hover a:after, #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li.active a:after {right:0;opacity:1;filter:alpha(opacity=100)} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li a {position:relative;display:block;padding:14px 0 15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li a:before {content:"";position:absolute;top:21px;right:5px;background-image:url(../images/bi.png);background-position:0px -36px;width:7px;height:13px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .head-area ul li a:after {content:"";position:absolute;top:27px;right:20px;width:25px;height:1px;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .cont-area .tit {display:block;margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .cont-area .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.business-overview .inner-content .business-overview-lists .items .item .inner-content .cont-area .img-box {margin-top:55px} #container .content.civil-list .tab-area {width:840px;margin:0 auto;font-family:"NanumSquare", sans-serif} #container .content.civil-list .tab-area .items .item {width:20%;vertical-align:middle} #container .content.civil-list .inner-content {width:1200px;margin:50px auto 0;padding-top:30px;border-top:2px solid #012b5d} #container .content.civil-list .inner-content .search-lists-area {border-bottom:1px solid #dedee1} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item {width:282px;margin-bottom:24px;opacity:0;filter:alpha(opacity=0)} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a {display:block} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a:hover .cont-box:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box {position:relative} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box .icon-import {position:absolute;bottom:-18px;right:30px;width:35px;height:35px;z-index:1} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box .icon-import.active:before {top:0;opacity:1;filter:alpha(opacity=100)} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box .icon-import.active:after {top:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box .icon-import:before {content:"";position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);background-image:url(../images/bi.png);background-position:0px -416px;width:35px;height:35px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box .icon-import:after {content:"";position:absolute;top:35px;left:0;-webkit-transform:rotate(540 degdeg);-moz-transform:rotate(540 degdeg);-ms-transform:rotate(540 degdeg);-o-transform:rotate(540 degdeg);transform:rotate(540 degdeg);background-image:url(../images/bi.png);background-position:0px -466px;width:35px;height:35px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .img-box img {width:100%} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box {position:relative;padding:25px 30px 22px;border:1px solid #dedee1} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box ul {margin-top:12px} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box ul li .dt {float:left;display:block;width:70px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:32px;color:#555} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box ul li .dd {overflow:hidden;display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:32px;color:#555} #container .content.civil-list .inner-content .search-lists-area .grid .grid-item a .cont-box:before {content:"";position:absolute;bottom:-1px;left:-1px;width:0;padding:0 1px;height:4px;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-list .inner-content .more-area {margin-top:40px;text-align:center} #container .content.civil-list .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.civil-list .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.civil-list .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.civil-list .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.civil-list .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-view .inner-content {position:relative} #container .content.civil-view .inner-content .info-area {padding:133px 0 0;background-color:#f2f2f2;text-align:center} #container .content.civil-view .inner-content .info-area .inner-bg {width:1200px;display:inline-block;margin:0 auto;vertical-align:top;padding-bottom:110px} #container .content.civil-view .inner-content .info-area .right-area {float:left;width:690px;padding-bottom:50px;position:relative} #container .content.civil-view .inner-content .info-area .right-area .gallery-area {background-color:#fff} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .img-area .img-box {position:relative;height:690px} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .img-area .img-box li {position:absolute;top:0;left:0;display:table;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .img-area .img-box li figure {width:100%;display:table-cell;vertical-align:middle} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .img-area .img-box li figure img {max-width:100%;max-height:690px} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-area {position:absolute;bottom:0;left:-10px;z-index:1} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-area .btn-gallery-prev {float:left;height:36px} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-area .btn-gallery-prev .icon {margin:10px 10px;background-image:url(../images/company.png);background-position:0px -1112px;width:22px;height:16px;vertical-align:top} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-area .btn-gallery-next {float:left;height:36px} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-area .btn-gallery-next .icon {margin:10px 10px;background-image:url(../images/company.png);background-position:0px -1052px;width:22px;height:16px;vertical-align:top} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area {position:absolute;bottom:0;left:0;width:100%;text-align:center} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number {position:relative;padding-bottom:7px;font-family:"gotham", sans-serif;font-size:16px;font-weight:500;color:#222;margin-left:26px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number:before {content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#0189b1;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number .hidden-txt {display:none} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number.active {color:#0189b1} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number.active .hidden-txt {display:block} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .indi-area .btn-number.active:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-popup {position:absolute;bottom:-3px;right:-10px;width:41px;height:41px;z-index:1} #container .content.civil-view .inner-content .info-area .right-area .gallery-area .btn-popup .icon {background-image:url(../images/bi.png);background-position:0px 0px;width:21px;height:21px;position:absolute;left:50%;width:21px;margin-left:-10.5px;position:absolute;top:50%;height:21px;margin-top:-10.5px} #container .content.civil-view .inner-content .info-area .cont-box {float:left;position:relative;width:510px;height:650px;margin-top:-14px;padding:0 65px 0 0;box-sizing:border-box;text-align:left} #container .content.civil-view .inner-content .info-area .cont-box .tit {display:inline;padding-bottom:6px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:40px;line-height:68px;color:#222;border-bottom:2px solid #222} #container .content.civil-view .inner-content .info-area .cont-box ul {margin-top:46px} #container .content.civil-view .inner-content .info-area .cont-box ul li .dt {float:left;display:block;width:100px;padding:7px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#222} #container .content.civil-view .inner-content .info-area .cont-box ul li .dd {overflow:hidden;display:block;padding:7px 0;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.civil-view .inner-content .info-area .map-area {clear:both} #container .content.civil-view .inner-content .info-area .map-area #map {width:100%;height:400px} #container .content.civil-view .inner-content .similar-lists-area {position:relative;width:1200px;margin:0 auto;margin-top:80px} #container .content.civil-view .inner-content .similar-lists-area .similar-tit {padding-bottom:25px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item {width:282px;margin-bottom:24px;opacity:0;filter:alpha(opacity=0)} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a {display:block} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a:hover .cont-box:before, #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a:focus .cont-box:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box {position:relative} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box .icon-import {position:absolute;bottom:-18px;right:30px;width:35px;height:35px;z-index:1} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box .icon-import.active:before {top:0;opacity:1;filter:alpha(opacity=100)} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box .icon-import.active:after {top:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box .icon-import:before {content:"";position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);background-image:url(../images/bi.png);background-position:0px -416px;width:35px;height:35px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box .icon-import:after {content:"";position:absolute;top:35px;left:0;-webkit-transform:rotate(540 degdeg);-moz-transform:rotate(540 degdeg);-ms-transform:rotate(540 degdeg);-o-transform:rotate(540 degdeg);transform:rotate(540 degdeg);background-image:url(../images/bi.png);background-position:0px -466px;width:35px;height:35px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .img-box img {width:100%} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box {position:relative;padding:25px 30px 22px;border:1px solid #dedee1} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box ul {margin-top:12px} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box ul li .dt {float:left;display:block;width:70px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:32px;color:#555} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box ul li .dd {overflow:hidden;display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:32px;color:#555} #container .content.civil-view .inner-content .similar-lists-area .grid .grid-item a .cont-box:before {content:"";position:absolute;bottom:-1px;left:-1px;width:0;padding:0 1px;height:4px;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.civil-view .inner-content .similar-lists-area .btn-total-view {position:absolute;top:7px;right:0;padding-right:14px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.civil-view .inner-content .similar-lists-area .btn-total-view:hover:before, #container .content.civil-view .inner-content .similar-lists-area .btn-total-view:focus:before {right:-2px} #container .content.civil-view .inner-content .similar-lists-area .btn-total-view:before {content:"";position:absolute;top:10px;right:0;background-image:url(../images/bi.png);background-position:0px -516px;width:4px;height:8px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.civil-view .inner-content .btn-history-back {position:absolute;top:70px;left:50%;width:80px;margin-left:-600px;padding:10px 0 10px 34px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#222} #container .content.civil-view .inner-content .btn-history-back:hover:before, #container .content.civil-view .inner-content .btn-history-back:focus:before {left:-8px} #container .content.civil-view .inner-content .btn-history-back:before {content:"";position:absolute;top:12px;left:0;background-image:url(../images/bi.png);background-position:0px -388px;width:24px;height:13px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history-view .section {padding-top:0;position:relative;width:100%;box-sizing:border-box} #container .content.history-view .section01 {background:url("../images/history_view_bg1.jpg") no-repeat;background-size:cover;position:relative} #container .content.history-view .section01 .wrap {position:absolute;top:50%;margin-top:-200px;width:100%;text-align:center} #container .content.history-view .section01 .wrap .text-wrap {margin:0 0 0 -735px;font-family:'gotham';color:#fff} #container .content.history-view .section01 .wrap .text-wrap .top {font-size:32px} #container .content.history-view .section01 .wrap .text-wrap .bot {font-size:70px;font-weight:300} #container .content.history-view .section01 .wrap .btn-wrap {margin-top:100px} #container .content.history-view .section01 .wrap .btn-wrap a {display:inline-block;box-sizing:border-box;width:214px;height:55px;line-height:52px;border:1px solid #fff;color:#fff;margin:0 9px;font-size:20px;overflow:visible;font-weight:500;transition:all 0.3s ease;background:url("../images/history_tab_bg.png") repeat} #container .content.history-view .section01 .wrap .btn-wrap a.active, #container .content.history-view .section01 .wrap .btn-wrap a:hover {border:1px solid #012b5d;background:#012b5d;position:relative} #container .content.history-view .section01 .wrap .btn-wrap a.active:before, #container .content.history-view .section01 .wrap .btn-wrap a:hover:before {content:"";width:12px;height:6px;background:url("../images/history_tab_arrow.png") no-repeat;position:absolute;left:50%;top:54px;margin-left:-6px} #container .content.history-view .section01 .scroll_step {width:23px;height:52px;background:url("../images/history_scroll_icon.png") no-repeat;position:fixed;left:50%;margin-left:-11px;bottom:30px;z-index:200} #container .content.history-view .section01 .scroll_step.abs {position:absolute} #container .content.history-view .section01 .btn-wrap {width:100%;position:absolute;top:50%; margin:-100px 0 0;height:439px;transition:background .2s ease-in-out} #container .content.history-view .section01 .btn-wrap .wrap {width:1200px;height:439px;margin:0 auto;position:absolute;top:0;left:50%;margin-left:-600px} #container .content.history-view .section01 .btn-wrap .wrap:after {content:'';display:block;clear:both;} #container .content.history-view .section01 .btn-wrap .wrap li {float:left;width: 300px;height:195px;} #container .content.history-view .section01 .btn-wrap .wrap li:nth-child(1) {margin:147px 0 0;} #container .content.history-view .section01 .btn-wrap .wrap li:nth-child(2) {margin:99px 0 0;} #container .content.history-view .section01 .btn-wrap .wrap li:nth-child(3) {margin:49px 0 0;} #container .content.history-view .section01 .btn-wrap .wrap li:nth-child(4) {} #container .content.history-view .section01 .btn-wrap .wrap li a {position:relative;height:195px;display:block;text-align: center;} #container .content.history-view .section01 .btn-wrap .wrap li a:focus {border:1px dotted #fff} #container .content.history-view .section01 .btn-wrap .wrap li a:after {content:'';position:absolute; top:110px; left:0; width: 300px;height: 18px;margin:0 auto;vertical-align:middle;background:url('../images/bg_history_btn.png')no-repeat 0 0;background-size:100%;transition:all .2s ease-in-out;} #container .content.history-view .section01 .btn-wrap .wrap li a:hover:after {width:306px;height:39px;background-image:url('../images/bg_history_btn_on.png');} #container .content.history-view .section01 .btn-wrap .wrap li a span {position:absolute;top:73px;left:0;z-index:10;width:300px;font-size: 25px;font-weight:300;color:#fff;transition:all .2s ease-in-out;} #container .content.history-view .section01 .btn-wrap .wrap li a.history-btn4 span {line-height:37px;top:35px} #container .content.history-view .section01 .btn-wrap .wrap li a:hover span {top:73px;font-size:34px;font-weight:400;text-shadow: 3px 4px 5px rgba(0,0,0,1);} #container .content.history-view .section01 .btn-wrap .wrap li a.history-btn4:hover span {top:35px;} #container .content.history-view .section02 {position:relative;background:url("../images/history_view_bg2_1.jpg") no-repeat;background-size:cover} #container .content.history-view .section02.active0 {background:url("../images/history_view_bg2_1.jpg") no-repeat;background-size:cover} #container .content.history-view .section02.active1 {background:url("../images/history_view_bg2_2.jpg") no-repeat;background-size:cover} #container .content.history-view .section02.active2 {background:url("../images/history_view_bg2_3.jpg") no-repeat;background-size:cover} #container .content.history-view .section02.active3 {background:url("../images/history_view_bg2_4.jpg") no-repeat;background-size:cover} #container .content.history-view .section02 > .wrap {width:1200px;position:absolute;height:750px;top:50%;left:50%;margin-top:-604px;margin-left:-600px} #container .content.history-view .section02 > .wrap .swiper-container {top:135px;width:1200px;height:750px} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper {padding:150px 0 0 344px;height:457px;width:100000px} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide {float:left} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide.active .wrap {width:714px;height:457px;margin-top:0} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide.active .wrap:after {opacity:0;filter:alpha(opacity=0)} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide.active .left-text-area dl {top:350px;opacity:1;filter:alpha(opacity=100)} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide.active .top-text-area p {top:0;opacity:1;filter:alpha(opacity=100)} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .wrap {position:relative;overflow:hidden;width:357px;height:228px;margin-top:116px;padding:0 0 0 40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .wrap:after {display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;content:"";opacity:.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .wrap img {width:100%;height:100%} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area {position:absolute;top:17px;left:102px;z-index:10;min-width:450px} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area p {position:absolute;top:40px;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area p.active {top:0;opacity:1;filter:alpha(opacity=100)} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl {position:absolute;top:390px;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;width:285px;word-break:break-word} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dt {font-size:22px;color:#0189b1;font-weight:500} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dd {font-size:16px;color:#fff;line-height:26px;margin-top:14px} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .top-text-area {position:absolute;right:102px;top:30px;text-align:right;width:100%} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .top-text-area p {position:absolute;right:0;font-size:22px;font-weight:500;color:#fff;line-height:30px;top:40px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease} #container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .top-text-area p.active {top:0;opacity:.8} #container .content.history-view .section02 > .wrap .swiper-button-prev {width:59px;height:21px;background:url("../images/history_roll_prv.png") no-repeat;position:absolute;top:372px;left:0;margin-top:0;color:transparent;opacity:1;filter:alpha(opacity=100)} #container .content.history-view .section02 > .wrap .swiper-button-prev:focus {outline:1px dotted #fff} #container .content.history-view .section02 > .wrap .swiper-button-prev:disabled {opacity:.35;filter:alpha(opacity=35)} #container .content.history-view .section02 > .wrap .swiper-button-next {width:59px;height:21px;background:url("../images/history_roll_nxt.png") no-repeat;position:absolute;top:372px;right:0;margin-top:0;color:transparent;opacity:1;filter:alpha(opacity=100)} #container .content.history-view .section02 > .wrap .swiper-button-next:focus {outline:1px dotted #fff} #container .content.history-view .section02 > .wrap .swiper-button-next:disabled {opacity:.35;filter:alpha(opacity=35)} #container .content.history-view .section02 > .wrap .swiper-pagination { position: absolute; width: 974px; bottom: 40px; left: 0; z-index: 10; /* text-align: center; */ left: 50%; transform: translateX(-50%);} #container .content.history-view .section02 > .wrap .swiper-pagination:before {position: absolute; /* left: 113px; */ top: 11px; width: 974px; height: 1px; background: #fff; content: "";} #container .content.history-view .section02 > .wrap .swiper-pagination .bl {position:relative;width:23px;height:23px;opacity:1;margin-right:200px;overflow:visible} /*#container .content.history-view .section02 > .wrap .swiper-pagination .bl span {position:relative;overflow:hidden;top:0;left:0;margin:7px 0 0 7px;width:9px;height:9px;text-indent:-999px;background:#fff;border-radius:9px}*/ #container .content.history-view .section02 > .wrap .swiper-pagination .bl span {position:absolute;/*overflow:hidden;*/top:28px;left:530px;margin:7px 0 0 7px;width:9px;height:9px;text-indent:-999px;color:#fff;display:inline-block;} #container .content.history-view .section02 > .wrap .swiper-pagination .bl.active span {/*background:#0189b1*/} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:focus {outline:1px dotted #fff} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:after {width:180px;position:absolute;left:0;top:30px;font-size:18px;color:#fff} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(1):after {content:"";text-align:left;} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4):after {content:"";text-align: left;} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7):after {content:""} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10):after {content:""} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10) {margin-left:66px} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(1):before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4):before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7):before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10):before {position:absolute;left:0;top:0;width:23px;height:23px;border-radius:23px;background:#fff;opacity:.2;filter:alpha(opacity=20);content:""} #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(1).active:before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4).active:before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7).active:before, #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10).active:before {background:#0189b1} #container .content.history-view .section03 #footer {margin-top:0} #container .content.history-view .fp-auto-height {height:auto !important} #container .content.history-view .fp-auto-height .fp-tableCell {height:auto !important} #container .content.ethical-management01 .tab-area {width:601px;margin:0 auto} #container .content.ethical-management01 .tab-area .items .item {width:25%} #container .content.ethical-management01 .inner-content {width:1200px;margin:0 auto;margin-top:50px} #container .content.ethical-management01 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.ethical-management01 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.ethical-management01 .inner-content .info-area .info-cont {padding-left:305px} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management01 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.ethical-management01 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.ethical-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.ethical-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.ethical-management01 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management01 .inner-content .section01 {position:relative;margin-top:55px} #container .content.ethical-management01 .inner-content .section01 .section-tit {position:absolute;top:50%;left:0;margin-top:-133px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#012b5d;background-image:url(../images/sm.png);background-position:0px -1261px;width:266px;height:266px} #container .content.ethical-management01 .inner-content .section01 .section-tit span {position:absolute;top:168px;width:100%;left:0;text-align:center} #container .content.ethical-management01 .inner-content .section01 .section-lists {padding-left:483px} #container .content.ethical-management01 .inner-content .section01 .section-lists li {position:relative;display:inline-block;width:100%;padding:40px;border:2px solid #dedee1;margin-top:40px;vertical-align:top;box-sizing:border-box} #container .content.ethical-management01 .inner-content .section01 .section-lists li:first-child {margin-top:0} #container .content.ethical-management01 .inner-content .section01 .section-lists li:first-child:before {content:"";position:absolute;top:50%;left:-120px;margin-top:-4px;background-image:url(../images/sm.png);background-position:0px -1542px;width:123px;height:220px} #container .content.ethical-management01 .inner-content .section01 .section-lists li:first-child + li:before {content:"";position:absolute;top:50%;left:-220px;margin-top:-115px;background-image:url(../images/sm.png);background-position:0px -1777px;width:223px;height:230px} #container .content.ethical-management01 .inner-content .section01 .section-lists li:first-child + li + li:before {content:"";position:absolute;top:50%;left:-120px;margin-top:-220px;background-image:url(../images/sm.png);background-position:0px -2022px;width:123px;height:220px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .cont-area {width:330px;padding-right:10px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .cont-area .list-tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:1em;color:#012b5d} #container .content.ethical-management01 .inner-content .section01 .section-lists li .cont-area .list-txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area {position:absolute;top:50%;right:40px;margin-top:-42px;width:243px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .btn-fixed-download {overflow:hidden;width:241px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#fff;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#0189b1} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .btn-fixed-download:hover .icon:before {top:2px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .btn-fixed-download span {position:relative;vertical-align:top;padding-left:27px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .btn-fixed-download .icon {position:absolute;top:5px;left:0;width:17px;height:16px} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .btn-fixed-download .icon:before {content:"";position:absolute;top:0;left:0;background-image:url(../images/sm.png);background-position:0px -2367px;width:17px;height:16px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.ethical-management01 .inner-content .section01 .section-lists li .download-area .inner-box .date-txt {display:block;margin-top:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222;text-align:center} #container .content.ethical-management02 .tab-area {width:601px;margin:0 auto} #container .content.ethical-management02 .tab-area .items .item {width:25%} #container .content.ethical-management02 .inner-content {width:1200px;margin:0 auto;margin-top:50px} #container .content.ethical-management02 .inner-content .section01 {position:relative;margin-top:55px;padding-top:60px;border-top:2px solid #012b5d} #container .content.ethical-management02 .inner-content .section01 .section-head {position:absolute;top:148px;left:110px;width:267px;height:260px;background:url(../images/bg_ethical_management02.gif) no-repeat 0 0} #container .content.ethical-management02 .inner-content .section01 .section-head p {display:table;width:170px;height:168px;margin:62px auto 0} #container .content.ethical-management02 .inner-content .section01 .section-head p strong {display:table-cell;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:30px;color:#fff;vertical-align:middle;text-align:center} #container .content.ethical-management02 .inner-content .section01 .section-head ul li {position:absolute;width:200px;text-align:center;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.ethical-management02 .inner-content .section01 .section-head ul li.list01 {top:-34px;left:33px} #container .content.ethical-management02 .inner-content .section01 .section-head ul li.list02 {bottom:4px;left:-113px} #container .content.ethical-management02 .inner-content .section01 .section-head ul li.list03 {bottom:4px;right:-113px} #container .content.ethical-management02 .inner-content .section01 .section-cont {margin:-5px 0 0 510px} #container .content.ethical-management02 .inner-content .section01 .section-cont .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:28px;line-height:38px;color:#222} #container .content.ethical-management02 .inner-content .section01 .section-cont .txt-box {margin-top:30px} #container .content.ethical-management02 .inner-content .section01 .section-cont .txt-box:first-child .txt {margin-top:0} #container .content.ethical-management02 .inner-content .section01 .section-cont .txt-box .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management03 .tab-area {width:601px;margin:0 auto} #container .content.ethical-management03 .tab-area .items .item {width:25%} #container .content.ethical-management03 .inner-content {width:1200px;margin:0 auto;margin-top:50px} #container .content.ethical-management03 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.ethical-management03 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.ethical-management03 .inner-content .info-area .info-cont {padding-left:305px} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management03 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.ethical-management03 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.ethical-management03 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.ethical-management03 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.ethical-management03 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management03 .inner-content .section01 {position:relative;margin-top:60px} #container .content.ethical-management03 .inner-content .section01 .items {display:inline-block;width:100%;vertical-align:top} #container .content.ethical-management03 .inner-content .section01 .items .item {float:left;width:384px;margin-left:24px} #container .content.ethical-management03 .inner-content .section01 .items .item:first-child {margin-left:0} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area {box-sizing:border-box;padding:40px 30px 25px;height:300px;border:1px solid #dedee1;border-bottom:none} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .item-tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:24px;line-height:1em;color:#222} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .item-tit .number {padding-right:10px;font-family:"gotham", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box p {margin-top:5px} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box .import {color:#0189b1} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box .inner-lists {margin-top:5px} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box .inner-lists li {position:relative;padding-left:13px} #container .content.ethical-management03 .inner-content .section01 .items .item .cont-area .txt-box .inner-lists li:before {content:"";position:absolute;top:13px;left:0;width:5px;height:1px;background-color:#555} #container .content.ethical-management03 .inner-content .section01 .items .item .btn-area {background-color:#0189b1} #container .content.ethical-management03 .inner-content .section01 .items .item .btn-area .btn-popup {position:relative;display:block;width:100%;padding:0 64px 0 30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:56px;color:#fff;box-sizing:border-box;text-align:left} #container .content.ethical-management03 .inner-content .section01 .items .item .btn-area .btn-popup:hover:before {right:22px} #container .content.ethical-management03 .inner-content .section01 .items .item .btn-area .btn-popup:before {content:"";position:absolute;top:22px;right:30px;background-image:url(../images/sm.png);background-position:0px -50px;width:24px;height:11px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management04 .tab-area {width:601px;margin:0 auto} #container .content.ethical-management04 .tab-area .items .item {width:25%} #container .content.ethical-management04 .inner-content {width:1200px;margin:0 auto;margin-top:50px} #container .content.ethical-management04 .inner-content .info-area {position:relative;display:inline-block;width:100%;padding-top:60px;border-top:2px solid #012b5d;vertical-align:top} #container .content.ethical-management04 .inner-content .info-area .info-cont {float:left;width:600px;margin-right:75px} #container .content.ethical-management04 .inner-content .info-area .info-cont .info-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.ethical-management04 .inner-content .info-area .info-cont .info-txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management04 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.ethical-management04 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.ethical-management04 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.ethical-management04 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management04 .inner-content .info-area .info-box {position:relative;overflow:hidden;padding:27px 45px 27px 38px;background-color:#f5f7f9;vertical-align:top} #container .content.ethical-management04 .inner-content .info-area .info-box .import {position:relative;width:200px;float:left;padding:6px 0 6px 85px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.ethical-management04 .inner-content .info-area .info-box .import:before {content:"";position:absolute;top:50%;left:0;background-image:url(../images/sm.png);background-position:0px -2257px;width:64px;height:64px;margin-top:-32px} #container .content.ethical-management04 .inner-content .info-area .info-box .btn-area {display:table;float:right} #container .content.ethical-management04 .inner-content .info-area .info-box .btn-link {position:absolute;top:50%;right:45px;margin-top:-24px;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.ethical-management04 .inner-content .info-area .info-box .btn-link:hover:before {right:28px} #container .content.ethical-management04 .inner-content .info-area .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.ethical-management04 .inner-content .step-area {padding-bottom:60px} #container .content.ethical-management04 .inner-content .step-area .items {display:table;width:100%} #container .content.ethical-management04 .inner-content .step-area .items .item {position:relative;display:table-cell;width:33.3%;background-color:#a8a9ab;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:78px;color:#fff;text-align:center;border-left:1px solid #b9babc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.ethical-management04 .inner-content .step-area .items .item .hidden-txt {display:none} #container .content.ethical-management04 .inner-content .step-area .items .item:before {content:"";position:absolute;bottom:0;left:50%;margin-left:-10px;height:0;width:0;border-bottom:10.5px solid #fff;border-left:10.5px solid transparent;border-right:10.5px solid transparent;opacity:0;filter:alpha(opacity=0)} #container .content.ethical-management04 .inner-content .step-area .items .item:first-child {border-left:none} #container .content.ethical-management04 .inner-content .step-area .items .item.active {background-color:#012b5d;border-color:#012b5d} #container .content.ethical-management04 .inner-content .step-area .items .item.active .hidden-txt {display:block} #container .content.ethical-management04 .inner-content .step-area .items .item.active:before {opacity:1;filter:alpha(opacity=100)} #container .content.ethical-management04 .inner-content .step-area .items .item.active + .item {border-color:#a8a9ab} #container .content.ethical-management04 .inner-content .step-area .items .item .number {padding-right:8px;font-family:"gotham", sans-serif;font-weight:500;font-size:22px;color:#fff} #container .content.ethical-management04 .inner-content .section01 {position:relative;margin-top:80px} #container .content.ethical-management04 .inner-content .section01 .term-area .term-tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:24px;line-height:1em;color:#222;text-align:center} #container .content.ethical-management04 .inner-content .section01 .term-area .term-box {margin-top:40px;padding:65px 100px 105px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;border:1px solid #dedee1} #container .content.ethical-management04 .inner-content .section01 .term-area .term-box p {margin-top:15px} #container .content.ethical-management04 .inner-content .section01 .term-area .term-box p:first-child {margin-top:0} #container .content.ethical-management04 .inner-content .section01 .agree-box {padding:60px 0 30px;border-bottom:2px solid #636363;text-align:center} #container .content.ethical-management04 .inner-content .section01 .agree-box .agree-txt {display:inline-block;margin-right:47px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:23px;color:#222;vertical-align:top} #container .content.ethical-management04 .inner-content .section01 .agree-box .agree-lists {display:inline-block;vertical-align:top} #container .content.ethical-management04 .inner-content .section01 .agree-box .agree-lists li {margin-left:27px;display:inline-block;vertical-align:top} #container .content.ethical-management04 .inner-content .section01 .agree-box .agree-lists li:first-child {margin-left:0} #container .content.ethical-management04 .inner-content .section01 .btn-area {margin-top:40px} #container .content.ethical-management04 .inner-content .section02 {position:relative;margin-top:60px} #container .content.ethical-management04 .inner-content .section02 .data-table-area .import-txt {margin-top:15px;position:relative;padding-left:50px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:25px;color:#555} #container .content.ethical-management04 .inner-content .section02 .data-table-area .import-txt:before {content:"";position:absolute;top:5px;left:30px;background-image:url(../images/common.png);background-position:0px -795px;width:13px;height:13px} #container .content.ethical-management04 .inner-content .section02 .btn-area {margin-top:10px} #container .content.ethical-management04 .inner-content .section03 {position:relative;margin-top:60px} #container .content.ethical-management04 .inner-content .section03 .complete-area {padding:70px 0 70px 0;border:2px solid #dedee1;text-align:center} #container .content.ethical-management04 .inner-content .section03 .complete-area .complete .noti {position:relative;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#a8a9ab;text-transform:uppercase;letter-spacing:4px} #container .content.ethical-management04 .inner-content .section03 .complete-area .complete .txt {margin-top:16px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:34px;line-height:1em;color:#222} #container .content.ethical-management04 .inner-content .section03 .complete-area .complete .txt em {color:#0189b1} #container .content.ethical-management04 .inner-content .btn-area {text-align:center} #container .content.ethical-management04 .inner-content .btn-area .btn {margin-left:12px} #container .content.ethical-management04 .inner-content .btn-area .btn:first-child {margin-left:0} #container .content.ethical-management04 .inner-content .btn-area .btn-point02:focus {outline:1px dotted #222} #container .content.ethical-management04 .inner-content .btn-area .btn-point02 span {display:inline-block;overflow:hidden;padding:0 28px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:17px;line-height:52px;color:#555;border:2px solid #555;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.ethical-management04 .inner-content .btn-area .btn-point01:focus {outline:1px dotted #222} #container .content.ethical-management04 .inner-content .btn-area .btn-point01 span {display:inline-block;overflow:hidden;padding:0 30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:17px;line-height:56px;color:#fff;background-color:#012b5d;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.safety-management01 .tab-area {width:301px;margin:0 auto} #container .content.safety-management01 .tab-area .items .item {width:50%} #container .content.safety-management01 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.safety-management01 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.safety-management01 .inner-content .info-area .info-cont {padding-left:305px} #container .content.safety-management01 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.safety-management01 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.safety-management01 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.safety-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.safety-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.safety-management01 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.safety-management01 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.safety-management01 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.safety-management01 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.safety-management01 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.safety-management01 .inner-content .info-area {width:1200px;margin:50px auto 0} #container .content.safety-management01 .inner-content .section01 {margin-top:60px;padding:80px 0;background-color:#f5f7f9} #container .content.safety-management01 .inner-content .section01 .inner-box {width:1200px;margin:0 auto} #container .content.safety-management01 .inner-content .section01 .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.safety-management01 .inner-content .section01 .section-lists {position:relative;display:inline-block;margin-top:50px;height:470px;vertical-align:top} #container .content.safety-management01 .inner-content .section01 .section-lists > li {position:absolute;width:265px;padding-left:140px} #container .content.safety-management01 .inner-content .section01 .section-lists > li.list01 {top:0;left:111px} #container .content.safety-management01 .inner-content .section01 .section-lists > li.list02 {top:224px;left:324px;padding-top:48px} #container .content.safety-management01 .inner-content .section01 .section-lists > li.list03 {top:0;left:536px} #container .content.safety-management01 .inner-content .section01 .section-lists > li.list04 {top:224px;left:750px;padding-top:48px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit {display:block;margin-top:30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:1em;color:#012b5d} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit .icon {position:absolute;top:0;left:0} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit .icon.icon-item01 {background-image:url(../images/sm.png);background-position:0px -2423px;width:120px;height:237px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit .icon.icon-item02 {background-image:url(../images/sm.png);background-position:0px -2675px;width:120px;height:246px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit .icon.icon-item03 {background-image:url(../images/sm.png);background-position:0px -2936px;width:120px;height:237px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area .list-tit .icon.icon-item04 {background-image:url(../images/sm.png);background-position:0px -3188px;width:120px;height:246px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area ul {margin-top:20px} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area ul li {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.safety-management01 .inner-content .section01 .section-lists > li .cont-area ul li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #container .content.safety-management01 .inner-content .section02 {width:1200px;margin:0 auto} #container .content.safety-management01 .inner-content .section02 .section-tit {margin-top:80px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.safety-management01 .inner-content .section02 .section-lists {position:relative;height:440px;margin-top:50px;background:url(../images/bg_safety_management02.gif) no-repeat 50% 0} #container .content.safety-management01 .inner-content .section02 .section-lists > li {position:absolute;width:293px} #container .content.safety-management01 .inner-content .section02 .section-lists > li.section-list01 {top:67px;left:0;text-align:right} #container .content.safety-management01 .inner-content .section02 .section-lists > li.section-list02 {top:21px;right:0;text-align:left} #container .content.safety-management01 .inner-content .section02 .section-lists > li.section-list03 {top:327px;left:0;text-align:right} #container .content.safety-management01 .inner-content .section02 .section-lists > li.section-list04 {top:280px;right:0;text-align:left} #container .content.safety-management01 .inner-content .section02 .section-lists > li .cont-area .list-tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:1em;color:#012b5d} #container .content.safety-management01 .inner-content .section02 .section-lists > li .cont-area ul {margin-top:20px} #container .content.safety-management01 .inner-content .section02 .section-lists > li .cont-area ul li {position:relative;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.safety-management01 .inner-content .section02 .import {display:table;position:absolute;top:50%;left:50%;margin:-128px 0 0 -166px;background-image:url(../images/sm.png);background-position:0px -3666px;width:332px;height:332px;font-family:"gotham", sans-serif;font-weight:500;font-size:30px;line-height:36px;color:#012b5d;box-sizing:border-box;text-align:center} #container .content.safety-management01 .inner-content .section02 .import span {display:table-cell;vertical-align:middle} #container .content.safety-management02 .tab-area {width:301px;margin:0 auto} #container .content.safety-management02 .tab-area .items .item {width:50%} #container .content.safety-management02 .inner-content {width:1200px;margin:0 auto} #container .content.safety-management02 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.safety-management02 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.safety-management02 .inner-content .info-area .info-cont {padding-left:305px} #container .content.safety-management02 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.safety-management02 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.safety-management02 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.safety-management02 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.safety-management02 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.safety-management02 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.safety-management02 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.safety-management02 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.safety-management02 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.safety-management02 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.safety-management02 .inner-content .info-area {width:1200px;margin:50px auto 0} #container .content.safety-management02 .inner-content .section01 {margin-top:60px;text-align:right} #container .content.safety-management02 .inner-content .section01 .info-box {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:1em;color:#555} #container .content.safety-management02 .inner-content .section01 .info-box .performance {display:inline-block} #container .content.safety-management02 .inner-content .section01 .info-box .performance .icon {margin:3px 5px 0 0;background-image:url(../images/sm.png);background-position:0px -2398px;width:10px;height:10px} #container .content.safety-management02 .inner-content .section01 .info-box .average {display:inline-block;margin-left:15px} #container .content.safety-management02 .inner-content .section01 .info-box .average .icon {margin:3px 5px 0 0;background-image:url(../images/sm.png);background-position:0px 0px;width:26px;height:10px} #container .content.safety-management02 .inner-content .section01 .img-box {margin-top:24px} #container .content.safety-management02 .inner-content .section01 .img-box img {width:100%} #container .content.safety-management02 .inner-content .section01 .data-table-area {margin-top:60px} #container .content.environmental-management01 .inner-content {margin-bottom:-150px} #container .content.environmental-management01 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.environmental-management01 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.environmental-management01 .inner-content .info-area .info-cont {padding-left:305px} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.environmental-management01 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.environmental-management01 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.environmental-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.environmental-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.environmental-management01 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.environmental-management01 .inner-content .info-area {width:1200px;margin:0 auto} #container .content.environmental-management01 .inner-content .section01 {margin-top:60px;padding:60px 0 150px;background-color:#f5f7f9} #container .content.environmental-management01 .inner-content .section01 .inner-box {width:1150px;margin:0 auto} #container .content.environmental-management01 .inner-content .section01 .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.environmental-management01 .inner-content .section01 .section-lists {display:inline-block;width:100%;margin-top:50px;vertical-align:top;background:url(../images/bg_environmental_management01.gif) no-repeat 0 0} #container .content.environmental-management01 .inner-content .section01 .section-lists > li {float:left;margin-top:307px;text-align:center} #container .content.environmental-management01 .inner-content .section01 .section-lists > li:not(.section-list06) .step {display:block;position:relative;box-sizing:border-box;text-transform:uppercase;font-family:"gotham", sans-serif;font-weight:400;font-size:16px;line-height:.8;color:#555} #container .content.environmental-management01 .inner-content .section01 .section-lists > li:not(.section-list06) .step em {padding-left:5px;font-weight:500} #container .content.environmental-management01 .inner-content .section01 .section-lists > li:not(.section-list06) .list-tit {display:block;margin-top:8px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:28px;color:#222;text-align:center} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list01 {width:140px;padding-right:15px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list02 {width:150px;padding:0 10px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list03 {width:150px;padding:0 10px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list04 {width:150px;padding:0 10px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list05 {width:150px;padding:0 10px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list06 {position:relative;margin-left:70px;width:245px} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list06 .step {position:absolute;top:-213px;left:0;width:100%;padding-top:0;font-family:"gotham", sans-serif;font-weight:500;font-size:22px;line-height:30px;color:#fff;text-transform:uppercase;text-align:center} #container .content.environmental-management01 .inner-content .section01 .section-lists > li.section-list06 .list-tit {display:block;margin-top:0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:24px;line-height:26px;color:#222} #container .content.quality-management01 .inner-content {margin-bottom:-150px} #container .content.quality-management01 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.quality-management01 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.quality-management01 .inner-content .info-area .info-cont {padding-left:305px} #container .content.quality-management01 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.quality-management01 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.quality-management01 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.quality-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.quality-management01 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.quality-management01 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.quality-management01 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.quality-management01 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.quality-management01 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.quality-management01 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.quality-management01 .inner-content .info-area {width:1200px;margin:0 auto} #container .content.quality-management01 .inner-content .section01 {text-align:center;margin-top:60px;padding:60px 0 150px;background-color:#f5f7f9} #container .content.quality-management01 .inner-content .section01 .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.quality-management01 .inner-content .section01 .section-lists {position:relative;margin:50px auto 0;width:1024px;height:400px;background:url(../images/bg_quality_management01.gif) no-repeat 0 50%} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list01 {position:absolute;top:109px;left:12px;width:180px;height:180px;display:table;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:27px;color:#012b5d;text-align:center} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list01 p {display:table-cell;vertical-align:middle} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 strong {position:absolute;top:50%;left:50%;width:150px;height:100px;margin:-50px 0 0 -75px;display:table;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:32px;color:#222;text-align:center} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 strong span {display:table-cell;vertical-align:middle} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li {display:table;position:absolute;width:100px;height:100px;font-family:"gotham", sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li.section-list02-01 {top:150px;left:320px} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li.section-list02-02 {top:10px;left:460px} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li.section-list02-03 {top:150px;left:600px} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li.section-list02-04 {top:290px;left:460px} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list02 ul li p {display:table-cell;vertical-align:middle} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list03 {display:table;position:absolute;top:110px;right:10px;width:180px;height:180px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:27px;color:#fff;text-align:center} #container .content.quality-management01 .inner-content .section01 .section-lists .section-list03 p {display:table-cell;vertical-align:middle} #container .content.introduction01 .tab-area {width:301px;margin:0 auto} #container .content.introduction01 .tab-area .items .item {width:50%} #container .content.introduction01 .inner-content {width:1200px;margin:0 auto} #container .content.introduction01 .inner-content .info-area {position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.introduction01 .inner-content .info-area .info-tit {position:absolute;top:60px;left:0;width:295px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.introduction01 .inner-content .info-area .info-cont {padding-left:305px} #container .content.introduction01 .inner-content .info-area .info-cont .info-txt {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.introduction01 .inner-content .info-area .info-cont .btn-box {margin-top:35px} #container .content.introduction01 .inner-content .info-area .info-cont .btn-box .btn-popup {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.introduction01 .inner-content .info-area .info-cont .btn-box .btn-popup:hover:before {right:27px} #container .content.introduction01 .inner-content .info-area .info-cont .btn-box .btn-popup:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.introduction01 .inner-content .info-area .info-cont .info-box {display:inline-block;margin-top:35px;width:100%;padding:14px 50px;background-color:#f5f7f9;vertical-align:top;box-sizing:border-box} #container .content.introduction01 .inner-content .info-area .info-cont .info-box .import {float:left;display:block;width:590px;padding:11px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555} #container .content.introduction01 .inner-content .info-area .info-cont .info-box .btn-link {float:right;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.introduction01 .inner-content .info-area .info-cont .info-box .btn-link:hover:before {right:28px} #container .content.introduction01 .inner-content .info-area .info-cont .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.introduction01 .inner-content .info-area {width:1200px;margin:50px auto 0} #container .content.introduction01 .inner-content .section01 {margin-top:50px;padding-top:60px;border-top:1px solid #dedee1} #container .content.introduction01 .inner-content .section01 .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.introduction01 .inner-content .section01 .section-txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:center} #container .content.introduction01 .inner-content .section01 .section-items {display:inline-block;margin-top:45px;vertical-align:top} #container .content.introduction01 .inner-content .section01 .section-items .section-item {float:left;margin-left:24px} #container .content.introduction01 .inner-content .section01 .section-items .section-item:first-child {margin-left:0} #container .content.introduction01 .inner-content .section01 .section-items .section-item .head-area {position:relative} #container .content.introduction01 .inner-content .section01 .section-items .section-item .head-area .tit-box {position:absolute;bottom:-60px;left:30px;min-width:180px;padding:0 30px;background-color:#012b5d;box-sizing:border-box;text-align:center} #container .content.introduction01 .inner-content .section01 .section-items .section-item .head-area .tit-box em {display:block;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:30px;line-height:117px;color:#fff} #container .content.introduction01 .inner-content .section01 .section-items .section-item .cont-area ul {margin-top:80px;padding-left:30px} #container .content.introduction01 .inner-content .section01 .section-items .section-item .cont-area ul li {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.introduction01 .inner-content .section01 .section-items .section-item .cont-area ul li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #container .content.introduction02 .tab-area {width:301px;margin:0 auto} #container .content.introduction02 .tab-area .items .item {width:50%} #container .content.introduction02 .inner-content {width:1200px;margin:0 auto} #container .content.introduction02 .inner-content .info-area {position:relative;width:1200px;margin:50px auto 0;padding-top:45px;border-top:2px solid #012b5d} #container .content.introduction02 .inner-content .info-area .info-cont .info-txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:20px;line-height:30px;color:#222;text-align:center} #container .content.introduction02 .inner-content .small-search-area {margin-top:45px} #container .content.introduction02 .inner-content .board-col-data-form {margin-top:50px} #container .content.introduction02 .inner-content .more-area {margin-top:40px;text-align:center} #container .content.introduction02 .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.introduction02 .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.introduction02 .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.introduction02 .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.introduction02 .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.social-contribution01 .tab-area {width:301px;margin:0 auto} #container .content.social-contribution01 .tab-area .items .item {width:50%} #container .content.social-contribution01 .inner-content .info-area {position:relative;width:1200px;margin:50px auto 0;padding-top:55px;border-top:2px solid #012b5d} #container .content.social-contribution01 .inner-content .info-area .info-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;text-align:center} #container .content.social-contribution01 .inner-content .info-area .info-txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:center} #container .content.social-contribution01 .inner-content .section {margin-top:95px} #container .content.social-contribution01 .inner-content .section .inner-box {overflow:hidden} #container .content.social-contribution01 .inner-content .section .inner-box .head-box .img-box {position:relative;height:520px;width:100%;text-align:center} #container .content.social-contribution01 .inner-content .section .inner-box .head-box .img-box img {position:absolute;top:0;left:50%;margin-left:-960px} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box {position:relative;width:1200px;margin:0 auto;margin-top:50px;padding-left:305px;box-sizing:border-box} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box .section-category {position:absolute;top:0;left:0;padding:0 50px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:58px;color:#fff;background-color:#0189b1} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box .section-tit {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:27px;line-height:38px;color:#222} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box .section-txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:25px;color:#222} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box ul {display:inline-block;margin-top:20px;margin-left:-30px;vertical-align:top} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box ul li {float:left;position:relative;margin-left:30px;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #container .content.social-contribution01 .inner-content .section .inner-box .cont-box ul li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #container .content.social-contribution01 .inner-content .section.section01 {margin-top:45px} #container .content.social-contribution01 .inner-content .section .icon-item01 {display:inline-block;margin:15px 10px 0 0;background-image:url(../images/sm.png);background-position:0px -4013px;width:19px;height:25px;vertical-align:top} #container .content.social-contribution01 .inner-content .section .icon-item02 {display:inline-block;margin:20px 10px 0 0;background-image:url(../images/sm.png);background-position:0px -4053px;width:24px;height:18px;vertical-align:top} #container .content.social-contribution01 .inner-content .section .icon-item03 {display:inline-block;margin:17px 10px 0 0;background-image:url(../images/sm.png);background-position:0px -4086px;width:22px;height:24px;vertical-align:top} #container .content.social-contribution01 .inner-content .section .icon-item04 {display:inline-block;margin:17px 10px 0 0;background-image:url(../images/sm.png);background-position:0px -4125px;width:24px;height:24px;vertical-align:top} #container .content.social-contribution02-list .tab-area {width:301px;margin:0 auto} #container .content.social-contribution02-list .tab-area .items .item {width:50%} #container .content.social-contribution02-list .inner-content {width:1200px;margin:0 auto;margin-top:50px;padding-top:50px;border-top:2px solid #012b5d} #container .content.social-contribution02-list .inner-content .item-lists-area {border-bottom:1px solid #dedee1} #container .content.social-contribution02-list .inner-content .item-lists-area .items {overflow:hidden;padding-bottom:40px;margin-left:-24px;vertical-align:top} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item {float:left;margin:40px 0 0 24px;background-color:#f5f7f9} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a {position:relative;display:block;width:282px;height:360px} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a:hover:before, #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a:focus:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a:hover .label, #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a:focus .label {background-color:#012b5d;color:#fff} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item a:before {content:"";position:absolute;bottom:0;left:0;height:4px;width:0;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.img-type .cont-box {height:127px;padding:30px 30px 30px} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.img-type .cont-box .date {display:block;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.img-type .cont-box .tit {overflow:hidden;height:60px;margin-top:15px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.img-type .cont-box .name {position:absolute;bottom:30px;left:30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#555} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.txt-type .cont-box {padding:50px 30px 30px} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.txt-type .cont-box .date {display:block;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:.8;color:#012b5d} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.txt-type .cont-box .tit {overflow:hidden;max-height:60px;margin-top:15px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item.txt-type .cont-box .txt {overflow:hidden;height:156px;margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item .label {position:absolute;top:30px;left:0;letter-spacing:3px;min-width:154px;height:35px;box-sizing:border-box;padding:0 30px;font-family:"gotham", sans-serif;font-weight:500;font-size:12px;line-height:35px;color:#012b5d;background-color:#fff;text-transform:uppercase;z-index:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item .img-box {overflow:hidden;position:relative;width:282px;max-height:212px} #container .content.social-contribution02-list .inner-content .item-lists-area .items .item .img-box img {width:100%} #container .content.social-contribution02-list .inner-content .more-area {margin-top:40px;text-align:center} #container .content.social-contribution02-list .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.social-contribution02-list .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.social-contribution02-list .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.social-contribution02-list .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.social-contribution02-list .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.social-contribution02-view .tab-area {width:301px;margin:0 auto} #container .content.social-contribution02-view .tab-area .items .item {width:50%} #container .content.social-contribution02-view .inner-content {width:1200px;margin:0 auto;position:relative;margin-top:50px;padding-top:60px;border-top:2px solid #012b5d} #container .content.social-contribution02-view .inner-content .view-header-area {position:absolute;top:60px;left:0;width:310px} #container .content.social-contribution02-view .inner-content .view-header-area .tit {position:relative;padding-left:27px;overflow:hidden} #container .content.social-contribution02-view .inner-content .view-header-area .tit span {display:block;position:relative;margin:-5px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;line-height:42px;color:#222} #container .content.social-contribution02-view .inner-content .view-header-area .tit:before {background-color:#012b5d} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box {position:relative;margin-top:60px;height:42px;padding:10px 15px;background-color:#f5f7f9} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-list-page {position:absolute;top:10px;left:50%;margin-left:-20px} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-list-page:hover .icon, #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-list-page:focus .icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-list-page .icon {background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-prev {float:left;padding:15px 15px 15px 14px;vertical-align:top} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-prev:hover span, #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-prev:focus span {margin-left:-8px} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-prev span {display:block;background-image:url(../images/common.png);background-position:0px -449px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-next {float:right;padding:15px;vertical-align:top} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-next:hover span, #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-next:focus span {margin-right:-8px} #container .content.social-contribution02-view .inner-content .view-header-area .navigation-box .btn-next span {display:block;background-image:url(../images/common.png);background-position:0px -421px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.social-contribution02-view .inner-content .view-content-area {overflow:hidden;padding-left:410px} #container .content.social-contribution02-view .inner-content .view-content-area .view-content-box {margin-top:-5px} #container .content.social-contribution02-view .inner-content .view-content-area .view-content-box .view-txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.social-contribution02-view .inner-content .view-content-area .view-content-box .btn-area {margin-top:35px} #container .content.social-contribution02-view .inner-content .view-content-area .view-content-box .img-area {margin-top:40px} #container .content.social-contribution02-view .inner-content .view-content-area .view-content-box .img-area .img-box img {max-width:790px} #container .content.stock-price-information01 .tab-area {width:301px;margin:0 auto} #container .content.stock-price-information01 .tab-area .items .item {width:50%} #container .content.stock-price-information01 .inner-content {width:1200px;margin:0 auto} #container .content.stock-price-information01 .inner-content .chart-area {margin-top:50px} #container .content.stock-price-information01 .inner-content .section01 {margin-top:80px} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.stock-price-information01 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.stock-price-information02 .tab-area {width:301px;margin:0 auto} #container .content.stock-price-information02 .tab-area .items .item {width:50%} #container .content.stock-price-information02 .inner-content {width:1200px;margin:0 auto} #container .content.stock-price-information02 .inner-content .section01 {margin-top:60px} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.stock-price-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.financial-information01 .tab-area {width:301px;margin:0 auto} #container .content.financial-information01 .tab-area .items .item {width:50%} #container .content.financial-information01 .inner-content {width:1200px;margin:0 auto} #container .content.financial-information01 .inner-content .section01 {margin-top:60px} #container .content.financial-information01 .inner-content .section01 .chart-table-area {position:relative;display:inline-block;width:100%;margin-top:80px;vertical-align:top} #container .content.financial-information01 .inner-content .section01 .chart-table-area:first-child {margin-top:0} #container .content.financial-information01 .inner-content .section01 .chart-table-area .chart-area {float:left;width:600px} #container .content.financial-information01 .inner-content .section01 .chart-table-area .data-table-area {padding-top:70px;overflow:hidden} #container .content.financial-information01 .inner-content .section01 .chart-table-area .data-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top;text-align:right} #container .content.financial-information01 .inner-content .section01 .chart-table-area .data-table-area .data-table-head .data-table-tit {position:absolute;top:0;left:0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.financial-information01 .inner-content .section01 .chart-table-area .data-table-area .data-table-head .data-table-noti {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:1em;color:#555} #container .content.financial-information01 .inner-content .section01 .only-table-area {margin-top:80px} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-foot {margin-top:15px;margin-bottom:-5px} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-foot .txt {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #container .content.financial-information01 .inner-content .section01 .only-table-area .data-table-foot .txt:before {content:"*";position:absolute;top:3px;left:0;color:#012b5d} #container .content.financial-information02 .tab-area {width:301px;margin:0 auto} #container .content.financial-information02 .tab-area .items .item {width:50%} #container .content.financial-information02 .inner-content {width:1200px;margin:0 auto} #container .content.financial-information02 .inner-content .section01 {margin-top:60px} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.financial-information02 .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.financial-information02 .inner-content .section01 .info-box {margin-top:60px;padding:40px 50px;background-color:#f5f7f9;vertical-align:top;text-align:center} #container .content.financial-information02 .inner-content .section01 .info-box .import {display:inline-block;position:relative;margin:10px 40px 0 0;padding-left:12px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:18px;line-height:26px;color:#555} #container .content.financial-information02 .inner-content .section01 .info-box .import:before {content:"";position:absolute;top:11px;left:2px;width:4px;height:4px;background-color:#0189b1} #container .content.financial-information02 .inner-content .section01 .info-box .btn-link {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.financial-information02 .inner-content .section01 .info-box .btn-link:hover:before {right:28px} #container .content.financial-information02 .inner-content .section01 .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.financial-information02 .inner-content .more-area {margin-top:40px;text-align:center} #container .content.financial-information02 .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.financial-information02 .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.financial-information02 .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.financial-information02 .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.financial-information02 .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.financial-information02-view .tab-area {width:301px;margin:0 auto} #container .content.financial-information02-view .tab-area .items .item {width:50%} #container .content.financial-information02-view .inner-content .section01 {width:1200px;margin:0 auto;text-align:center} #container .content.financial-information02-view .inner-content .section01 .items {position:relative;display:inline-block;margin-top:60px;width:100%;vertical-align:top;text-align:center} #container .content.financial-information02-view .inner-content .section01 .items .item {display:inline-block;vertical-align:top} #container .content.financial-information02-view .inner-content .section01 .items .item:first-child .tab-box {margin-left:0} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box {overflow:hidden;position:relative;width:160px;padding-bottom:4px;margin:0 0 0 20px;text-align:center;background-color:#dedee1} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn {width:100%;padding-bottom:15px;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn:before {content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background-color:#012b5d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0;filter:alpha(opacity=0)} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn.active {color:#012b5d} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn.active:before {bottom:0;opacity:1;filter:alpha(opacity=100)} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn.active .hidden-txt {display:block} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn.active span {font-weight:500;color:#012b5d} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn .hidden-txt {display:none} #container .content.financial-information02-view .inner-content .section01 .items .item .tab-box .btn span {display:block;font-family:"gotham", sans-serif;font-weight:400;font-size:22px;line-height:.8;color:#555;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area {position:absolute;top:38px;left:0;width:100%} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area ul {margin-left:-24px;text-align:left} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area ul li {position:relative;float:left;width:588px;height:164px;margin:24px 0 0 24px;padding:35px 40px;border:1px solid #dedee1;box-sizing:border-box;background-color:#f5f7f9} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area ul li:nth-child(2n+1) {clear:both} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area ul li .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area ul li .txt {margin-top:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon {position:absolute;top:50%;right:60px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps01 {background-image:url(../images/careers.png);background-position:0px -330px;width:49px;height:41px;margin-top:-20.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps02 {background-image:url(../images/careers.png);background-position:0px -386px;width:50px;height:52px;margin-top:-26px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps03 {background-image:url(../images/careers.png);background-position:0px -453px;width:54px;height:56px;margin-top:-28px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps04 {background-image:url(../images/careers.png);background-position:0px -524px;width:50px;height:45px;margin-top:-22.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps05 {background-image:url(../images/careers.png);background-position:0px -584px;width:52px;height:56px;margin-top:-28px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps06 {background-image:url(../images/careers.png);background-position:0px -655px;width:54px;height:53px;margin-top:-26.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps07 {background-image:url(../images/careers.png);background-position:0px -723px;width:52px;height:54px;margin-top:-27px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps08 {background-image:url(../images/careers.png);background-position:0px -792px;width:53px;height:56px;margin-top:-28px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps09 {background-image:url(../images/careers.png);background-position:0px -863px;width:67px;height:42px;margin-top:-21px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps10 {background-image:url(../images/careers.png);background-position:0px -920px;width:46px;height:51px;margin-top:-25.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps11 {background-image:url(../images/careers.png);background-position:0px -986px;width:51px;height:42px;margin-top:-21px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps12 {background-image:url(../images/careers.png);background-position:0px -1043px;width:43px;height:49px;margin-top:-24.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .content-area .icon-ps13 {background-image:url(../images/careers.png);background-position:0px -1107px;width:48px;height:53px;margin-top:-26.5px} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area {margin-top:60px;text-align:center} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-head {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:22px;line-height:1em;color:#222} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-head .date {display:inline-block;vertical-align:top} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-head .txt {display:inline-block;margin-left:14px;vertical-align:top;font-weight:400} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-cont {margin-top:40px;padding-top:35px;border-top:1px solid #dedee1} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-cont .info {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.financial-information02-view .inner-content .section01 .items .item .info-area .info-cont .import {display:block;margin-top:10px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.financial-information02-view .inner-content .section01 .only-table-area {margin-top:80px;text-align:left} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-foot {margin-top:15px;margin-bottom:-5px} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-foot .txt {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #container .content.financial-information02-view .inner-content .section01 .only-table-area .data-table-foot .txt:before {content:"*";position:absolute;top:3px;left:0;color:#012b5d} #container .content.disclosure-information .inner-content {width:1200px;margin:0 auto} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head {display:inline-block;width:100%;padding-bottom:25px;vertical-align:top} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-noti {float:right;margin-top:-23px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-noti span {position:relative;float:left;margin-left:15px;padding-left:15px} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child {margin-left:0;padding-left:0} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:first-child:before {display:none} #container .content.disclosure-information .inner-content .section01 .data-table-area .data-table-head .data-table-noti span:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background-color:#a2a2a4} #container .content.disclosure-information .inner-content .section01 .info-box {margin-top:60px;padding:40px 50px;background-color:#f5f7f9;vertical-align:top;text-align:center} #container .content.disclosure-information .inner-content .section01 .info-box .import {display:inline-block;position:relative;margin:10px 40px 0 0;padding-left:12px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:18px;line-height:26px;color:#555} #container .content.disclosure-information .inner-content .section01 .info-box .import:before {content:"";position:absolute;top:11px;left:2px;width:4px;height:4px;background-color:#0189b1} #container .content.disclosure-information .inner-content .section01 .info-box .btn-link {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} #container .content.disclosure-information .inner-content .section01 .info-box .btn-link:hover:before {right:28px} #container .content.disclosure-information .inner-content .section01 .info-box .btn-link:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.disclosure-information .inner-content .more-area {margin-top:40px;text-align:center} #container .content.disclosure-information .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.disclosure-information .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.disclosure-information .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.disclosure-information .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.disclosure-information .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.disclosure-information-view .tab-area {width:301px;margin:0 auto} #container .content.disclosure-information-view .tab-area .items .item {width:50%} #container .content.disclosure-information-view .inner-content {width:1200px;margin:0 auto;position:relative;padding-top:60px;border-top:2px solid #012b5d} #container .content.disclosure-information-view .inner-content .view-header-area {position:absolute;top:60px;left:0;width:310px} #container .content.disclosure-information-view .inner-content .view-header-area .tit {position:relative;padding-left:27px;overflow:hidden} #container .content.disclosure-information-view .inner-content .view-header-area .tit span {display:block;position:relative;margin:-5px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:32px;line-height:42px;color:#222} #container .content.disclosure-information-view .inner-content .view-header-area .tit:before {background-color:#012b5d} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box {position:relative;margin-top:60px;height:42px;padding:10px 15px;background-color:#f5f7f9} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box:before {content:"";position:absolute;top:10px;left:50%;margin-left:-20px;background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-list-page {position:absolute;top:10px;left:50%;margin-left:-20px} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-list-page:hover .icon, #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-list-page:focus .icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-list-page .icon {background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-prev {float:left;padding:15px 15px 15px 14px;vertical-align:top} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-prev:hover span, #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-prev:focus span {margin-left:-8px} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-prev span {display:block;background-image:url(../images/common.png);background-position:0px -449px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-next {float:right;padding:15px;vertical-align:top} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-next:hover span, #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-next:focus span {margin-right:-8px} #container .content.disclosure-information-view .inner-content .view-header-area .navigation-box .btn-next span {display:block;background-image:url(../images/common.png);background-position:0px -421px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.disclosure-information-view .inner-content .view-content-area {overflow:hidden;padding-left:410px} #container .content.disclosure-information-view .inner-content .view-content-area .view-content-box {margin-top:-5px} #container .content.disclosure-information-view .inner-content .view-content-area .view-content-box .view-txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.disclosure-information-view .inner-content .view-content-area .view-content-box .btn-area {margin-top:35px} #container .content.disclosure-information-view .inner-content .view-content-area .view-content-box .img-area {margin-top:40px} #container .content.disclosure-information-view .inner-content .view-content-area .view-content-box .img-area .img-box img {max-width:790px} #container .content.kdn-list {width:1200px;margin:0 auto} #container .content.kdn-list .inner-content .item-lists-area {border-bottom:1px solid #dedee1} #container .content.kdn-list .inner-content .item-lists-area .items {overflow:hidden;padding-bottom:40px;margin-left:-24px;vertical-align:top} #container .content.kdn-list .inner-content .item-lists-area .items .item {float:left;margin:40px 0 0 24px;background-color:#f5f7f9} #container .content.kdn-list .inner-content .item-lists-area .items .item a {position:relative;display:block;width:282px;height:400px} #container .content.kdn-list .inner-content .item-lists-area .items .item a:hover:before, #container .content.kdn-list .inner-content .item-lists-area .items .item a:focus:before {width:100%;opacity:1;filter:alpha(opacity=100)} #container .content.kdn-list .inner-content .item-lists-area .items .item a:hover .label, #container .content.kdn-list .inner-content .item-lists-area .items .item a:focus .label {background-color:#012b5d;color:#fff} #container .content.kdn-list .inner-content .item-lists-area .items .item a:before {content:"";position:absolute;bottom:0;left:0;height:4px;width:0;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.kdn-list .inner-content .item-lists-area .items .item.img-type .cont-box {height:127px;padding:30px 30px 30px} #container .content.kdn-list .inner-content .item-lists-area .items .item.img-type .cont-box .date {display:block;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} #container .content.kdn-list .inner-content .item-lists-area .items .item.img-type .cont-box .tit {overflow:hidden;height:60px;margin-top:15px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.kdn-list .inner-content .item-lists-area .items .item.img-type .cont-box .name {position:absolute;bottom:30px;left:30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#555} #container .content.kdn-list .inner-content .item-lists-area .items .item.txt-type .cont-box {padding:95px 30px 30px} #container .content.kdn-list .inner-content .item-lists-area .items .item.txt-type .cont-box .date {display:block;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} #container .content.kdn-list .inner-content .item-lists-area .items .item.txt-type .cont-box .tit {overflow:hidden;max-height:60px;margin-top:15px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.kdn-list .inner-content .item-lists-area .items .item.txt-type .cont-box .txt {overflow:hidden;height:130px;margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.kdn-list .inner-content .item-lists-area .items .item.txt-type .cont-box .name {position:absolute;bottom:30px;left:30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#555} #container .content.kdn-list .inner-content .item-lists-area .items .item .label {position:absolute;top:30px;left:0;letter-spacing:3px;min-width:154px;height:35px;box-sizing:border-box;padding:0 30px;font-family:"gotham", sans-serif;font-weight:500;font-size:12px;line-height:35px;color:#012b5d;background-color:#fff;text-transform:uppercase;z-index:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.kdn-list .inner-content .item-lists-area .items .item .img-box {overflow:hidden;position:relative;width:282px;max-height:212px} #container .content.kdn-list .inner-content .item-lists-area .items .item .img-box img {width:100%} #container .content.kdn-list .inner-content .more-area {margin-top:40px;text-align:center} #container .content.kdn-list .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.kdn-list .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.kdn-list .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.kdn-list .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.kdn-list .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.kdn-view {width:1200px;margin:0 auto} #container .content.kdn-view .inner-content {position:relative;margin-top:120px} #container .content.kdn-view .inner-content .view-header-area {position:absolute;top:0;left:0;width:310px} #container .content.kdn-view .inner-content .view-header-area .label {position:absolute;top:-40px;left:27px;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d;letter-spacing:4px;text-transform:uppercase} #container .content.kdn-view .inner-content .view-header-area .tit {position:relative;padding-left:27px;overflow:hidden} #container .content.kdn-view .inner-content .view-header-area .tit span {display:block;position:relative;margin:-5px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;line-height:42px;color:#222} #container .content.kdn-view .inner-content .view-header-area .tit:before {background-color:#012b5d} #container .content.kdn-view .inner-content .view-header-area .navigation-box {position:relative;margin-top:60px;height:42px;padding:10px 15px;background-color:#f5f7f9} #container .content.kdn-view .inner-content .view-header-area .navigation-box:before {content:"";position:absolute;top:10px;left:50%;margin-left:-20px;background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-list-page {position:absolute;top:10px;left:50%;margin-left:-20px} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-list-page:hover .icon, #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-list-page:focus .icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-list-page .icon {background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-prev {float:left;padding:15px 15px 15px 14px;vertical-align:top} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-prev:hover span, #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-prev:focus span {margin-left:-2px} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-prev span {display:block;background-image:url(../images/common.png);background-position:0px -449px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-next {float:right;padding:15px;vertical-align:top} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-next:hover span, #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-next:focus span {margin-right:-2px} #container .content.kdn-view .inner-content .view-header-area .navigation-box .btn-next span {display:block;background-image:url(../images/common.png);background-position:0px -421px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.kdn-view .inner-content .view-content-area {overflow:hidden;padding-left:410px} #container .content.kdn-view .inner-content .view-content-area .view-content-box {margin-top:-5px} #container .content.kdn-view .inner-content .view-content-area .view-content-box .view-txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.kdn-view .inner-content .view-content-area .view-content-box .btn-area {margin-top:35px} #container .content.kdn-view .inner-content .view-content-area .view-content-box .img-area {margin-top:40px} #container .content.kdn-view .inner-content .view-content-area .view-content-box .img-area .img-box img {max-width:790px} #container .content.cibi {width:1200px;margin:0 auto} #container .content.cibi .inner-content {position:relative} #container .content.cibi .inner-content .ci-area {position:relative;padding-top:58px;border-top:2px solid #012b5d} #container .content.cibi .inner-content .ci-area .head-area {position:absolute;top:58px;left:0} #container .content.cibi .inner-content .ci-area .head-area .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.cibi .inner-content .ci-area .head-area .btn-area {margin-top:40px} #container .content.cibi .inner-content .ci-area .content-area {padding-left:306px} #container .content.cibi .inner-content .ci-area .content-area .txt {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.cibi .inner-content .ci-area .content-area .color-area {margin-top:35px} #container .content.cibi .inner-content .ci-area .content-area .color-area .ntit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.cibi .inner-content .ci-area .content-area .color-area ul {display:inline-block;margin-top:25px;vertical-align:top} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li {float:left;width:282px;margin-left:24px} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li:first-child {margin-left:0} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li.blue .color-box {background-color:#1b2e5a} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li.gray .color-box {background-color:#666666} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li.light-gray .color-box {background-color:#a1a1a1} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li .color-box {height:109px;box-sizing:border-box;padding:35px 30px;font-family:"gotham", sans-serif;font-weight:500;font-size:22px;line-height:1em;color:#fff;text-transform:uppercase} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li .color-box span {display:block;margin-top:13px;font-weight:400;line-height:1em;font-size:14px} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li .txt-box {margin:15px 0 0 -7px;font-family:"gotham", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555;text-transform:uppercase} #container .content.cibi .inner-content .ci-area .content-area .color-area ul li .txt-box strong {margin-left:7px;font-weight:500} #container .content.cibi .inner-content .bi-area {position:relative;margin-top:55px;padding-top:58px;border-top:2px solid #012b5d} #container .content.cibi .inner-content .bi-area .head-area {position:absolute;top:58px;left:0} #container .content.cibi .inner-content .bi-area .head-area .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.cibi .inner-content .bi-area .head-area .btn-area {margin-top:40px} #container .content.cibi .inner-content .bi-area .content-area {padding-left:306px} #container .content.cibi .inner-content .bi-area .content-area .txt {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.cibi .inner-content .bi-area .content-area .txt02 {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.cibi .inner-content .bi-area .content-area .txt02 .import01 {color:#e87e00} #container .content.cibi .inner-content .bi-area .content-area .txt02 .import02 {color:#5c4637} #container .content.cibi .inner-content .bi-area .content-area .color-area {margin-top:35px} #container .content.cibi .inner-content .bi-area .content-area .color-area .ntit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.cibi .inner-content .bi-area .content-area .color-area ul {display:inline-block;margin-top:25px;vertical-align:top} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li {float:left;width:435px;margin-left:24px} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li:first-child {margin-left:0} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li.orange .color-box {background-color:#e87e00} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li.brown .color-box {background-color:#5c4637} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li .color-box {height:109px;box-sizing:border-box;padding:35px 30px;font-family:"gotham", sans-serif;font-weight:500;font-size:22px;line-height:1em;color:#fff;text-transform:uppercase} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li .color-box span {display:block;margin-top:13px;font-weight:400;line-height:1em;font-size:14px} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li .txt-box {margin:15px 0 0 -7px;font-family:"gotham", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#555;text-transform:uppercase} #container .content.cibi .inner-content .bi-area .content-area .color-area ul li .txt-box strong {margin-left:7px;font-weight:500} #container .content.cibi .inner-content .bi-area .content-area .logo-area {margin-top:35px} #container .content.cibi .inner-content .bi-area .content-area .logo-area .ntit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul {display:inline-block;margin-top:25px;vertical-align:top} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li {float:left;width:207px;margin-left:22px} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li:first-child {margin-left:0} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li .img-box {border:1px solid #dedee1} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li .color-box {height:109px;box-sizing:border-box;padding:35px 30px;font-family:"gotham", sans-serif;font-weight:500;font-size:22px;line-height:1em;color:#fff;text-transform:uppercase} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li .color-box span {display:block;margin-top:13px;font-weight:400;line-height:1em;font-size:14px} #container .content.cibi .inner-content .bi-area .content-area .logo-area ul li .txt-box {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#555;text-align:center} #container .content.careers-list {width:1200px;margin:0 auto} #container .content.careers-list .tab-radio-type-area {width:601px;margin:0 auto} #container .content.careers-list .tab-radio-type-area .items .item {width:25%} #container .content.careers-list .tab-area {width:601px;margin:0 auto} #container .content.careers-list .tab-area .items .item {width:25%} #container .content.careers-list .inner-content {margin-top:50px;padding-top:60px;border-top:2px solid #012b5d} #container .content.careers-list .inner-content .small-search-area {display:inline-block;width:100%;vertical-align:top} #container .content.careers-list .inner-content .small-search-area .search-message-box {float:left} #container .content.careers-list .inner-content .small-search-area .search-message-box .message {padding:5px 0;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:20px;line-height:30px;color:#222} #container .content.careers-list .inner-content .small-search-area .search-form-box {float:right} #container .content.careers-list .inner-content .small-search-area .search-form-box .search-tit {float:left;height:40px;margin-right:15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#555} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box {position:relative;float:left;height:40px;box-sizing:border-box;z-index:10} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .val-box .val {padding-left:20px;display:block;color:#555;font-size:16px;line-height:40px;background-color:#fff} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .val-box .btn-select-open {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #dedee1;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .val-box .btn-select-open:hover, #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .val-box .btn-select-open:focus {border:1px solid #012b5d;outline:none} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .val-box .icon {position:absolute;top:15px;right:10px;background-image:url(../images/common.png);background-position:0px -543px;width:15px;height:9px} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .select-lists {position:absolute;top:39px;left:0;width:100%;display:none;z-index:1;border:1px solid #012b5d;border-top:none;max-height:217px;overflow-y:auto} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .select-lists li .btn {display:block;width:100%;color:#555;padding-left:20px;font-size:16px;height:40px;line-height:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-align:left;background-color:#fff} #container .content.careers-list .inner-content .small-search-area .search-form-box .select-box .select-lists li .btn:hover {color:#fff;background-color:#012b5d} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box {float:left;position:relative;background-color:#fff;margin-left:15px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"] {width:100%;height:40px;padding:0 20px;color:#555;font-size:16px;line-height:40px;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #dedee1;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]::-webkit-input-placeholder {color:#555;line-height:38px;font-size:16px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]::-moz-placeholder {color:#555;line-height:38px;font-size:16px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:-ms-input-placeholder {color:#555;line-height:38px;font-size:16px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:-moz-placeholder {color:#555;line-height:38px;font-size:16px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:hover, #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:focus {border:1px solid #012b5d;outline:none} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:hover + .btn-search .icon, #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box input[type="text"]:focus + .btn-search .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box .btn-search {position:absolute;top:0;right:9px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box .btn-search:hover .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #container .content.careers-list .inner-content .small-search-area .search-form-box .input-box .btn-search .icon {background-image:url(../images/common.png);background-position:0px -477px;width:18px;height:18px;margin:11px;vertical-align:top} #container .content.careers-list .inner-content .small-search-area .search-form-box .btn-view {float:left;margin-left:15px} #container .content.careers-list .inner-content .small-search-area .search-form-box .btn-view span {display:block;height:40px;padding:0 15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#fff;background-color:#012b5d} #container .content.careers-list .inner-content .careers-lists-area {margin-top:40px} #container .content.careers-list .inner-content .careers-lists-area .items {padding-bottom:50px;border-bottom:1px solid #dedee1} #container .content.careers-list .inner-content .careers-lists-area .items .item {position:relative;overflow:hidden;margin-top:20px;padding:32px 40px 32px 30px;border:1px solid #dedee1;background-color:#f5f7f9} #container .content.careers-list .inner-content .careers-lists-area .items .item.complete {background-color:#fff} #container .content.careers-list .inner-content .careers-lists-area .items .item.complete * {color:#777 !important} #container .content.careers-list .inner-content .careers-lists-area .items .item.complete .label {color:#fff !important} #container .content.careers-list .inner-content .careers-lists-area .items .item:before {content:"";position:absolute;bottom:0;left:0;width:4px;height:0;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.careers-list .inner-content .careers-lists-area .items .item:hover:before {height:100%;opacity:1;filter:alpha(opacity=100)} #container .content.careers-list .inner-content .careers-lists-area .items .item .date-area {position:absolute;top:20px;left:0;width:110px;padding:7px 0 7px;border-right:1px solid #dedee1;text-align:center} #container .content.careers-list .inner-content .careers-lists-area .items .item .date-area .day {display:block;font-family:"gotham", sans-serif;font-weight:400;font-size:34px;line-height:.8;color:#222} #container .content.careers-list .inner-content .careers-lists-area .items .item .date-area .date {display:block;margin-top:9px;font-family:"gotham", sans-serif;font-weight:400;font-size:16px;line-height:.8;color:#222} #container .content.careers-list .inner-content .careers-lists-area .items .item .cont-area {float:left;padding-left:110px} #container .content.careers-list .inner-content .careers-lists-area .items .item .cont-area .link {display:block;width:650px;padding:2px 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #container .content.careers-list .inner-content .careers-lists-area .items .item .cont-area .link .category {margin-right:5px;color:#012b5d} #container .content.careers-list .inner-content .careers-lists-area .items .item .info-area {float:right} #container .content.careers-list .inner-content .careers-lists-area .items .item .info-area .between {margin-right:40px;font-family:"gotham", sans-serif;font-weight:400;font-size:18px;line-height:35px;color:#555} #container .content.careers-list .inner-content .careers-lists-area .items .item .info-area .label {overflow:hidden;display:inline-block;width:80px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:35px;color:#fff;vertical-align:top;text-align:center} #container .content.careers-list .inner-content .careers-lists-area .items .item .info-area .label.ing {background-color:#0189b1} #container .content.careers-list .inner-content .careers-lists-area .items .item .info-area .label.end {background-color:#a8a9ab} #container .content.careers-list .inner-content .more-area {margin-top:40px;text-align:center} #container .content.careers-list .inner-content .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.careers-list .inner-content .more-area .btn-more:hover .icon:before {top:2px} #container .content.careers-list .inner-content .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.careers-list .inner-content .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.careers-list .inner-content .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.careers-view {width:1200px;margin:0 auto} #container .content.careers-view .inner-content {position:relative;margin-top:120px} #container .content.careers-view .inner-content .view-header-area {position:absolute;top:0;left:0;width:310px} #container .content.careers-view .inner-content .view-header-area .category {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#012b5d} #container .content.careers-view .inner-content .view-header-area .tit-box {position:relative;padding-left:27px;overflow:hidden} #container .content.careers-view .inner-content .view-header-area .tit-box:before {background-color:#012b5d} #container .content.careers-view .inner-content .view-header-area .tit-box .tit span {display:block;position:relative;margin:15px 0 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;line-height:42px;color:#222} #container .content.careers-view .inner-content .view-header-area .tit-box .info-area {margin-top:15px} #container .content.careers-view .inner-content .view-header-area .tit-box .info-area .between {margin-right:40px;font-family:"gotham", sans-serif;font-weight:400;font-size:18px;line-height:.8;color:#555} #container .content.careers-view .inner-content .view-header-area .tit-box .info-area .label {overflow:hidden;display:inline-block;margin-top:20px;width:74px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:31px;color:#fff;vertical-align:top;text-align:center} #container .content.careers-view .inner-content .view-header-area .tit-box .info-area .label.ing {background-color:#0189b1} #container .content.careers-view .inner-content .view-header-area .tit-box .info-area .label.end {background-color:#a8a9ab} #container .content.careers-view .inner-content .view-header-area .navigation-box {position:relative;margin-top:60px;height:42px;padding:10px 15px;background-color:#f5f7f9} #container .content.careers-view .inner-content .view-header-area .navigation-box:before {content:"";position:absolute;top:10px;left:50%;margin-left:-20px;background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-list-page {position:absolute;top:10px;left:50%;margin-left:-20px} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-list-page:hover .icon, #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-list-page:focus .icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-list-page .icon {background-image:url(../images/common.png);background-position:0px -364px;width:42px;height:42px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-prev {float:left;padding:15px 15px 15px 14px;vertical-align:top} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-prev:hover span, #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-prev:focus span {margin-left:-8px} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-prev span {display:block;background-image:url(../images/common.png);background-position:0px -449px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-next {float:right;padding:15px;vertical-align:top} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-next:hover span, #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-next:focus span {margin-right:-8px} #container .content.careers-view .inner-content .view-header-area .navigation-box .btn-next span {display:block;background-image:url(../images/common.png);background-position:0px -421px;width:24px;height:13px;text-indent:-999px;overflow:hidden;-webkit-transition:margin .3s ease;-moz-transition:margin .3s ease;-o-transition:margin .3s ease;-ms-transition:margin .3s ease} #container .content.careers-view .inner-content .view-content-area {overflow:hidden;padding-left:410px} #container .content.careers-view .inner-content .view-content-area .view-content-box {text-align:left} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul {margin-top:-5px} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul li {position:relative;margin-top:20px;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul li:first-child {margin-top:0} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul li .dt {float:left;display:block;width:100px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#222} #container .content.careers-view .inner-content .view-content-area .view-content-box .view-txt ul li .dd {overflow:hidden;display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.careers-view .inner-content .view-content-area .view-content-box .btn-area {display:inline-block;margin-top:35px;vertical-align:top} #container .content.careers-view .inner-content .view-content-area .view-content-box .img-area {margin-top:40px} #container .content.careers-view .inner-content .view-content-area .view-content-box .img-area .img-box img {max-width:790px} #container .content.personnel_system .inner-content .section01 {width:1200px;margin:0 auto;padding-bottom:75px;text-align:center} #container .content.personnel_system .inner-content .section01 .stit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.personnel_system .inner-content .section01 .stxt {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.personnel_system .inner-content .section01 .img-box {position:relative;margin-top:80px;height:304px;background:url(../images/bg_personnel_system01.gif) no-repeat 0 0} #container .content.personnel_system .inner-content .section01 .img-box ul li.list01 span {position:absolute;top:144px;left:87px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list01 strong {position:absolute;bottom:0;left:200px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list02 span {position:absolute;top:140px;left:294px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list02 strong {position:absolute;bottom:0;left:420px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list03 span {position:absolute;top:126px;left:519px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list03 strong {position:absolute;bottom:0;left:650px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list04 span {position:absolute;top:117px;left:760px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list04 strong {position:absolute;bottom:0;left:900px} #container .content.personnel_system .inner-content .section01 .img-box ul li.list05 span {position:absolute;top:104px;left:1025px} #container .content.personnel_system .inner-content .section01 .img-box ul li span {width:116px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#fff;text-align:center} #container .content.personnel_system .inner-content .section01 .img-box ul li strong {width:100px;text-align:center} #container .content.personnel_system .inner-content .section01 .img-box ul li strong em {display:inline-block;padding:0 12px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:28px;color:#fff;background-color:#a8a9ab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #container .content.personnel_system .inner-content .section01 .info-list {display:inline-block;width:100%;margin-top:75px;vertical-align:top;text-align:left} #container .content.personnel_system .inner-content .section01 .info-list li {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #container .content.personnel_system .inner-content .section01 .info-list li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #container .content.personnel_system .inner-content .section02 {padding:80px 0 0;text-align:center;background-color:#f5f7f9} #container .content.personnel_system .inner-content .section02 .inner {width:1200px;margin:0 auto} #container .content.personnel_system .inner-content .section02 .stit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.personnel_system .inner-content .section02 .stxt {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.personnel_system .inner-content .section02 .items {position:relative;display:inline-block;margin-top:45px;width:100%;height:352px;vertical-align:top} #container .content.personnel_system .inner-content .section02 .items .item.item03 .content-area ul li {font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:20px;color:#222} #container .content.personnel_system .inner-content .section02 .items .item .tab-box {position:relative;float:left;width:400px;height:78px;z-index:1} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn {width:100%;height:100%;background-color:#a8a9ab;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;border-left:1px solid #f5f7f9} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn:before {content:"";position:absolute;bottom:-11px;left:50%;height:0;width:0;border-bottom:10.5px solid #f5f7f9;border-left:10.5px solid transparent;border-right:10.5px solid transparent;margin-left:-7px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn.active {background-color:#012b5d} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn.active:before {bottom:0} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn.active .hidden-txt {display:block} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn .hidden-txt {display:none} #container .content.personnel_system .inner-content .section02 .items .item .tab-box .btn span {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:78px;color:#fff} #container .content.personnel_system .inner-content .section02 .items .item .content-area {display:none;position:absolute;top:78px;left:0;width:100%;padding:60px 40px 80px;box-sizing:border-box;text-align:center} #container .content.personnel_system .inner-content .section02 .items .item .content-area .tit {display:block;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#0189b1;text-align:center} #container .content.personnel_system .inner-content .section02 .items .item .content-area .tit span {margin-top:30px;display:block} #container .content.personnel_system .inner-content .section02 .items .item .content-area .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:center} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul {display:inline-block;margin-top:45px;vertical-align:top} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li {position:relative;float:left;width:150px;height:174px;padding:40px 20px;margin-left:60px;background:url(../images/bg_tab_step01.png) no-repeat 0 0;box-sizing:border-box;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:15px;line-height:20px;color:#222;text-align:center;text-transform:uppercase} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li:first-child {margin-left:0} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li:first-child:before {display:none} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li .num {display:block;padding-bottom:15px;font-family:"gotham", sans-serif;font-weight:500;font-size:40px;line-height:.8;color:#0189b1} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li .user {position:absolute;bottom:-30px;left:0;width:100%;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#222} #container .content.personnel_system .inner-content .section02 .items .item .content-area ul li:before {content:"";position:absolute;top:86px;left:-50px;background-image:url(../images/careers.png);background-position:0px -2153px;width:40px;height:7px} #container .content.personnel_system .inner-content .section02 .items .item .icon-tab01 {background-image:url(../images/careers.png);background-position:0px -1175px;width:125px;height:125px} #container .content.personnel_system .inner-content .section02 .items .item .icon-tab02 {background-image:url(../images/careers.png);background-position:0px -1501px;width:125px;height:125px} #container .content.personnel_system .inner-content .section02 .items .item .icon-tab03 {background-image:url(../images/careers.png);background-position:0px -1827px;width:125px;height:125px} #container .content.personnel_system .inner-content .section03 {width:1200px;margin:0 auto;padding:80px 0 0;text-align:center} #container .content.personnel_system .inner-content .section03 .stit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.personnel_system .inner-content .section03 .stxt {margin-top:25px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.personnel_system .inner-content .section03 .items {position:relative;display:inline-block;margin-top:55px;width:100%;vertical-align:top} #container .content.personnel_system .inner-content .section03 .items .item {width:520px;margin:0 auto} #container .content.personnel_system .inner-content .section03 .items .item:first-child .tab-box {margin-left:0} #container .content.personnel_system .inner-content .section03 .items .item .tab-box {overflow:hidden;position:relative;float:left;width:160px;padding-bottom:4px;margin:0 0 0 20px;text-align:center;background-color:#dedee1} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn {width:100%;padding-bottom:15px;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn:before {content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background-color:#012b5d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0;filter:alpha(opacity=0)} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn.active {color:#012b5d} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn.active:before {bottom:0;opacity:1;filter:alpha(opacity=100)} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn.active .hidden-txt {display:block} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn.active span {font-weight:400;color:#012b5d} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn .hidden-txt {display:none} #container .content.personnel_system .inner-content .section03 .items .item .tab-box .btn span {display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:19px;line-height:1em;color:#555;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.personnel_system .inner-content .section03 .items .item .content-area {position:absolute;top:54px;left:0} #container .content.personnel_system .inner-content .section03 .items .item .content-area ul {margin-left:-24px;text-align:left} #container .content.personnel_system .inner-content .section03 .items .item .content-area ul li {position:relative;float:left;width:588px;height:164px;margin:24px 0 0 24px;padding:35px 40px;border:1px solid #dedee1;box-sizing:border-box;background-color:#f5f7f9} #container .content.personnel_system .inner-content .section03 .items .item .content-area ul li:nth-child(2n+1) {clear:both} #container .content.personnel_system .inner-content .section03 .items .item .content-area ul li .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #container .content.personnel_system .inner-content .section03 .items .item .content-area ul li .txt {margin-top:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon {position:absolute;top:50%;right:60px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps01 {background-image:url(../images/careers.png);background-position:0px -330px;width:49px;height:41px;margin-top:-20.5px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps02 {background-image:url(../images/careers.png);background-position:0px -386px;width:50px;height:52px;margin-top:-26px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps03 {background-image:url(../images/careers.png);background-position:0px -453px;width:54px;height:56px;margin-top:-28px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps04 {background-image:url(../images/careers.png);background-position:0px -524px;width:50px;height:45px;margin-top:-22.5px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps05 {background-image:url(../images/careers.png);background-position:0px -584px;width:52px;height:56px;margin-top:-28px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps06 {background-image:url(../images/careers.png);background-position:0px -655px;width:54px;height:53px;margin-top:-26.5px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps07 {background-image:url(../images/careers.png);background-position:0px -723px;width:52px;height:54px;margin-top:-27px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps08 {background-image:url(../images/careers.png);background-position:0px -792px;width:53px;height:56px;margin-top:-28px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps09 {background-image:url(../images/careers.png);background-position:0px -863px;width:67px;height:42px;margin-top:-21px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps10 {background-image:url(../images/careers.png);background-position:0px -920px;width:46px;height:51px;margin-top:-25.5px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps11 {background-image:url(../images/careers.png);background-position:0px -986px;width:51px;height:42px;margin-top:-21px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps12 {background-image:url(../images/careers.png);background-position:0px -1043px;width:43px;height:49px;margin-top:-24.5px} #container .content.personnel_system .inner-content .section03 .items .item .content-area .icon-ps13 {background-image:url(../images/careers.png);background-position:0px -1107px;width:48px;height:53px;margin-top:-26.5px} #container .content.job-introduction {width:1200px;margin:0 auto} #container .content.job-introduction .inner-content .section01 .items {vertical-align:top;margin:-30px 0 0 -24px;overflow:hidden;padding-bottom:20px} #container .content.job-introduction .inner-content .section01 .items .item {position:relative;float:left;width:384px;margin:30px 0 0 24px} #container .content.job-introduction .inner-content .section01 .items .item .btn {padding-bottom:86px} #container .content.job-introduction .inner-content .section01 .items .item .btn:focus {outline:1px dotted #222} #container .content.job-introduction .inner-content .section01 .items .item .btn:hover .content-box {padding:30px 30px;background-color:#012b5d} #container .content.job-introduction .inner-content .section01 .items .item .btn:hover .content-box:before {right:30px} #container .content.job-introduction .inner-content .section01 .items .item .btn:hover .content-box .term {color:#fff} #container .content.job-introduction .inner-content .section01 .items .item .btn:hover .content-box .name {color:#fff} #container .content.job-introduction .inner-content .section01 .items .item .btn .img-box {position:relative;padding:0;width:384px;height:384px} #container .content.job-introduction .inner-content .section01 .items .item .btn .img-box img {width:100%;height:100%} #container .content.job-introduction .inner-content .section01 .items .item .btn .content-box {position:absolute;bottom:0;left:20px;width:344px;padding:9px 30px;background-color:#fff;text-align:left;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;box-sizing:border-box} #container .content.job-introduction .inner-content .section01 .items .item .btn .content-box:before {content:"";position:absolute;bottom:35px;right:40px;background-image:url(../images/careers.png);background-position:0px -129px;width:35px;height:11px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.job-introduction .inner-content .section01 .items .item .btn .content-box .term {display:block;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#012b5d;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.job-introduction .inner-content .section01 .items .item .btn .content-box .name {display:block;margin-top:13px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#222;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #container .content.talent .inner-content {position:relative;margin:20px 0 -150px} #container .content.talent .inner-content .visual-box {text-align:center} #container .content.talent .inner-content .visual-box .kdc {height:315px;background:url(../images/bg_talent01.jpg) no-repeat 50% 0} #container .content.talent .inner-content .visual-box ul {display:inline-block;margin-top:35px;vertical-align:top} #container .content.talent .inner-content .visual-box ul li {float:left;width:344px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:22px;line-height:30px;color:#555} #container .content.talent .inner-content .visual-box ul li.list01 strong {position:relative;color:#012b5d} #container .content.talent .inner-content .visual-box ul li.list01 strong:before {content:"";overflow:hidden;position:absolute;top:-2px;left:8px;width:4px;height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#012b5d} #container .content.talent .inner-content .visual-box ul li.list02 strong {position:relative;color:#0189b1} #container .content.talent .inner-content .visual-box ul li.list02 strong:before {content:"";overflow:hidden;position:absolute;top:-2px;left:8px;width:4px;height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#0189b1} #container .content.talent .inner-content .visual-box ul li.list03 strong {position:relative;color:#a99a71} #container .content.talent .inner-content .visual-box ul li.list03 strong:before {content:"";overflow:hidden;position:absolute;top:-2px;left:8px;width:4px;height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#a99a71} #container .content.talent .inner-content .talent-area {height:568px;margin-top:115px;background:url(../images/bg_talent03.jpg) no-repeat 50% 0;background-attachment:fixed;-webkit-background-size:cover;background-size:cover;text-align:center} #container .content.talent .inner-content .talent-area .cont-box {padding-top:227px;width:1200px;margin:0 auto} #container .content.talent .inner-content .talent-area .cont-box .tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:65px;line-height:1em;color:#fff} #container .content.talent .inner-content .talent-area .cont-box .tit strong {position:relative} #container .content.talent .inner-content .talent-area .cont-box .tit strong:before {content:"";overflow:hidden;position:absolute;top:-20px;left:30px;width:6px;height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff} #container .content.talent .inner-content .talent-area .cont-box .tit strong.gulim {font-family:gulim} #container .content.talent .inner-content .talent-area .cont-box .txt {padding:27px 83px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:25px;line-height:35px;color:#fff} #container .content.goryeo-people .section {padding-top:0;position:relative;width:100%;box-sizing:border-box} #container .content.goryeo-people .section01 {background:#e7e7e7;position:relative} #container .content.goryeo-people .section01:before {content:"";width:27px;height:84px;background:url(../images/grpeo_srcoll_icon.png) no-repeat;position:absolute;bottom:30px;left:50%;margin-left:-13px;z-index:6} #container .content.goryeo-people .section01 .bg-wrap {background:url(../images/kdc_people_bg.png) 50% 100% no-repeat;position:absolute;width:100%;height:100%;left:0;top:0;z-index:4} #container .content.goryeo-people .section01 .txt-wrap {width:1200px;height:100%;margin:0 auto;position:relative} #container .content.goryeo-people .section01 .txt-wrap .text-01 {position:absolute;bottom:500px;opacity:0;left:200px;z-index:5} #container .content.goryeo-people .section01 .txt-wrap .text-02 {position:absolute;bottom:200px;opacity:0;left:538px;z-index:5} #container .content.goryeo-people .section01 .txt-wrap .text-03 {position:absolute;bottom:400px;opacity:0;left:200px;font-size:25px;color:#fff;z-index:5;line-height:34px} #container .content.goryeo-people .section02 {background-color:#191a1a} #container .content.goryeo-people .section02 .wrap {width:1200px;height:600px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-272px} #container .content.goryeo-people .section02 .wrap ul li {width:300px;height:600px;float:left} #container .content.goryeo-people .section02 .wrap ul li a {display:block;width:100%;height:100%;position:relative} #container .content.goryeo-people .section02 .wrap ul li a .pic-area {width:100%;height:515px;transition:all 0.3s ease;z-index:2;position:relative} #container .content.goryeo-people .section02 .wrap ul li a .pic-area.p-01 {background:url(../images/gr_people01.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a .pic-area.p-02 {background:url(../images/gr_people02.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a .pic-area.p-03 {background:url(../images/gr_people03.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a .pic-area.p-04 {background:url(../images/gr_people04.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a .pic-area p {position:absolute;top:239px;left:100px;opacity:0;transition:all 0.3s ease} #container .content.goryeo-people .section02 .wrap ul li a .pic-area p span {position:relative;padding-bottom:7px;font-family:'gotham';font-size:42px;color:#fff;font-weight:500;text-shadow:2px 3px 4px rgba(0, 0, 0, 0.51)} #container .content.goryeo-people .section02 .wrap ul li a .pic-area p span:before {content:"";width:100%;height:2px;background:#fff;position:absolute;bottom:0;left:0} #container .content.goryeo-people .section02 .wrap ul li a .pic-area p span:after {content:"";width:36px;height:36px;background:url(../images/gr_people_arrow.png) no-repeat;position:absolute;right:-49px;top:9px} #container .content.goryeo-people .section02 .wrap ul li a .info-area {color:#fff;padding:28px 20px 0} #container .content.goryeo-people .section02 .wrap ul li a .info-area .value {font-family:"NanumSquare", sans-serif;opacity:.5;filter:alpha(opacity=50)} #container .content.goryeo-people .section02 .wrap ul li a .info-area .value span {font-family:'gotham'} #container .content.goryeo-people .section02 .wrap ul li a .info-area .name {font-size:26px;font-family:"Noto Sans KR", sans-serif;font-weight:500;margin-top:10px} #container .content.goryeo-people .section02 .wrap ul li a:before {content:"";position:absolute;top:0;left:0;width:0px;height:515px;background:#0189b1;transition:all 0.3s ease} #container .content.goryeo-people .section02 .wrap ul li a:hover .pic-area.p-01 {background:url(../images/gr_people01_active.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a:hover .pic-area.p-02 {background:url(../images/gr_people02_active.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a:hover .pic-area.p-03 {background:url(../images/gr_people03_active.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a:hover .pic-area.p-04 {background:url(../images/gr_people04_active.png) no-repeat} #container .content.goryeo-people .section02 .wrap ul li a:hover .pic-area p {left:60px;opacity:1} #container .content.goryeo-people .section02 .wrap ul li a:hover:before {width:120px} #container .content.goryeo-people .section03 #footer {margin-top:0} #container .content.goryeo-people .fp-auto-height {height:auto !important} #container .content.goryeo-people .fp-auto-height .fp-tableCell {height:auto !important} #container .content.gr-view {width:100%} #container .content.gr-view .gr-people-top {background:#e3e3e3} #container .content.gr-view .gr-people-top.p-01 {background:url(../images/gr_people_top01.jpg) 50% 50% no-repeat} #container .content.gr-view .gr-people-top.p-02 {background:url(../images/gr_people_top02.jpg) 50% 50% no-repeat} #container .content.gr-view .gr-people-top.p-03 {background:url(../images/gr_people_top03.jpg) 50% 50% no-repeat} #container .content.gr-view .gr-people-top.p-04 {background:url(../images/gr_people_top04.jpg) 50% 50% no-repeat} #container .content.gr-view .gr-people-top .wrap {width:1200px;height:652px;margin:0 auto} #container .content.gr-view .gr-people-top .wrap .text-wrap {padding-top:80px} #container .content.gr-view .gr-people-top .wrap .text-wrap .back-bt a span {font-size:16px;font-family:"gotham", sans-serif;color:#222;font-weight:500;position:relative;padding-left:33px} #container .content.gr-view .gr-people-top .wrap .text-wrap .back-bt a span:before {content:"";left:0;position:absolute;top:2px;width:24px;height:13px;background:url(../images/back_bt_arrow.png) no-repeat;transition:all 0.2s ease} #container .content.gr-view .gr-people-top .wrap .text-wrap .back-bt a:hover span:before {left:-2px} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area {overflow:hidden;margin-top:46px} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area.tp .tit {margin-top:13px} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area.tp .typist-text {margin-top:0} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area .tit {display:block;text-align:right;font-size:22px;color:#0189b1;font-weight:500;padding-right:2px} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area .typist-text {margin-top:7px;letter-spacing:-1px;height:75px;position:relative;display:block;color:#0189b1;font-size:70px;font-family:"gotham", sans-serif;font-weight:500} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area .typist-text span {display:inline-block} #container .content.gr-view .gr-people-top .wrap .text-wrap .typist-area .typist-text span:after {position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0189b1;content:""} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area {margin-top:58px} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .team {font-size:24px;color:#555;font-weight:500} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .name {font-size:34px;color:#222;font-weight:500;margin-top:12px} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .name span {font-family:"gotham", sans-serif;font-size:16px;margin-left:6px;position:relative;top:-2px} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .text {margin-top:32px;padding-left:27px;position:relative;top:7px;overflow:hidden} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .text span {color:#555;line-height:26px;display:block;position:relative;margin:-5px 0} #container .content.gr-view .gr-people-top .wrap .text-wrap .info-area .text:before {background-color:#012b5d} #container .content.gr-view .gr-people-itv {width:1200px;margin:0 auto} #container .content.gr-view .gr-people-itv .img {margin-top:80px} #container .content.gr-view .gr-people-itv dl {margin-top:73px;overflow:hidden} #container .content.gr-view .gr-people-itv dl dt {width:305px;line-height:36px;float:left;font-size:26px;color:#222;font-weight:500} #container .content.gr-view .gr-people-itv dl dd {width:895px;float:left;font-size:16px;color:#555;line-height:26px} #container .content.gr-view .gr-people-bot {width:100%;background:#1a1a1a;margin-bottom:-150px;margin-top:145px} #container .content.gr-view .gr-people-bot .people-list {width:1200px;height:315px;margin:0 auto;overflow:hidden} #container .content.gr-view .gr-people-bot .people-list li {float:left} #container .content.gr-view .gr-people-bot .people-list li a {display:block;width:400px;height:315px;transition:all 0.3s ease;position:relative} #container .content.gr-view .gr-people-bot .people-list li a.people-01 {background:url(../images/people_bg1_off.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a.people-02 {background:url(../images/people_bg2_off.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a.people-03 {background:url(../images/people_bg3_off.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a.people-04 {background:url(../images/people_bg4_off.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a:hover.people-01 {background:url(../images/people_bg1_on.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a:hover.people-02 {background:url(../images/people_bg2_on.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a:hover.people-03 {background:url(../images/people_bg3_on.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a:hover.people-04 {background:url(../images/people_bg4_on.png) no-repeat} #container .content.gr-view .gr-people-bot .people-list li a p {position:absolute;bottom:22px;right:0;color:#fff;font-size:24px;font-weight:500} #container .content.gr-view .gr-people-bot .people-list li a p span {font-size:18px;letter-spacing:1.5px;position:relative;top:-2px;right:18px;text-shadow:2px 2px 5px #333} #container .content.gr-view .gr-people-bot .people-list li a p span span {font-family:'gotham'} #container .content.total-search {width:1200px;margin:0 auto} #container .content.total-search .search-form-area {padding-bottom:30px;text-align:center} #container .content.total-search .search-form-area .input-box {position:relative;display:inline-block;vertical-align:top} #container .content.total-search .search-form-area .input-box .inp-txt {padding:17px 20px 17px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:20px;line-height:1em;color:#555;border:3px solid #012b5d} #container .content.total-search .search-form-area .input-box .btn-search {position:absolute;top:3px;right:3px} #container .content.total-search .search-form-area .input-box .btn-search .icon {width:63px;height:63px;background:url(../images/search_btn.gif) no-repeat 50% 50%;vertical-align:top} #container .content.total-search .search-form-area .search-message-box {margin-top:50px} #container .content.total-search .search-form-area .search-message-box .message {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:20px;line-height:1em;color:#222} #container .content.total-search .tab-radio-type-area {width:1050px;margin:0 auto} #container .content.total-search .tab-radio-type-area .items .item {width:14.28%} #container .content.total-search .inner-content {margin-top:50px;border-top:2px solid #012b5d} #container .content.total-search .inner-content .search-lists li {padding:30px 0 25px;border-bottom:1px solid #dedee1} #container .content.total-search .inner-content .search-lists li h4 {display:inline-block;width:100%;vertical-align:top} #container .content.total-search .inner-content .search-lists li h4 span {float:left;padding-left:36px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222;background:url(../images/search_txt_arrow.gif) no-repeat 15px 4px} #container .content.total-search .inner-content .search-lists li h4 span:first-child {padding-left:0;background:none} #container .content.total-search .inner-content .search-lists li .link {display:inline-block;margin-top:9px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;vertical-align:top} #container .content.total-search .more-area {margin-top:40px;text-align:center} #container .content.total-search .more-area .btn-more {position:relative;overflow:visible;padding:0 47px 0 0;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#555} #container .content.total-search .more-area .btn-more:hover .icon:before {top:2px} #container .content.total-search .more-area .btn-more span {display:block;padding:5px 0;border-bottom:1px solid #555} #container .content.total-search .more-area .btn-more .icon {position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -148px;width:29px;height:29px} #container .content.total-search .more-area .btn-more .icon:before {content:"";position:absolute;top:0;right:0;background-image:url(../images/common.png);background-position:0px -192px;width:29px;height:29px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #container .content.sitemap {width:1200px;margin:0 auto} #container .content.sitemap .inner-content {position:relative;overflow:hidden;background:url(../images/bg_sitemap_line.gif) repeat -29px 0} #container .content.sitemap .inner-content:before {content:"";position:absolute;bottom:0;right:0;width:599px;height:371px;background:url(../images/img_sitemap.png) no-repeat 0 0} #container .content.sitemap .inner-content .depth01-lists {display:inline-block;vertical-align:top;margin:-86px 0 0 -60px} #container .content.sitemap .inner-content .depth01-lists .depth01-list {float:left;width:255px;padding-left:30px;margin-left:30px;margin-top:86px} #container .content.sitemap .inner-content .depth01-lists .depth01-list:first-child + li + li + li + li {clear:both} #container .content.sitemap .inner-content .depth01-lists .depth01-list .depth01 {position:relative;display:block;padding:0 48px 0 30px;background-color:#012b5d;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:17px;line-height:45px;color:#fff} #container .content.sitemap .inner-content .depth01-lists .depth01-list .depth01:hover:before {right:28px} #container .content.sitemap .inner-content .depth01-lists .depth01-list .depth01:before {content:"";position:absolute;top:15px;right:30px;background-image:url(../images/etc.png);background-position:0px -25px;width:8px;height:15px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #container .content.sitemap .inner-content .depth02-lists {padding:18px 30px 4px 30px} #container .content.sitemap .inner-content .depth02-lists .depth02-list .depth02 {position:relative;padding-left:12px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:36px;color:#222} #container .content.sitemap .inner-content .depth02-lists .depth02-list .depth02:before {content:"";position:absolute;top:11px;left:0;overflow:hidden;width:4px;height:4px;background-color:#222;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #container .content.sitemap .inner-content .depth03-lists {padding:0 0 4px 12px} #container .content.sitemap .inner-content .depth03-lists .depth03-list .depth03 {position:relative;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:28px;color:#555} #container .content.terms01 {width:1200px;margin:0 auto} #container .content.terms01 .inner-content .noti-box {margin-top:40px;padding:22px 30px;border:1px solid #dedee1} #container .content.terms01 .inner-content .noti-box .txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:32px;color:#555} #container .content.terms01 .inner-content .terms-area {margin-top:60px} #container .content.payment {width:1200px;margin:0 auto} #container .content.payment .inner-content .noti-area .noti-b {margin-top:-5px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:center} #container .content.payment .inner-content .noti-area .info-box {display:table;margin-top:35px;padding:25px 50px;background-color:#f5f7f9} #container .content.payment .inner-content .noti-area .info-box .info-txt {display:table-cell;vertical-align:top;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.payment .inner-content .noti-area .info-box .btn-area {display:table-cell;width:240px;vertical-align:middle;text-align:right} #container .content.payment .inner-content .section01 {position:relative;margin-top:60px;padding-top:60px;border-top:2px solid #012b5d} #container .content.payment .inner-content .section01 .head-area {width:285px;position:absolute;top:60px;left:0} #container .content.payment .inner-content .section01 .head-area .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.payment .inner-content .section01 .cont-area {padding-left:305px} #container .content.payment .inner-content .section01 .cont-area .article01 .stit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.payment .inner-content .section01 .cont-area .article01 .txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.payment .inner-content .section01 .cont-area .article01 ul {display:inline-block;width:100%;margin-top:20px;vertical-align:top} #container .content.payment .inner-content .section01 .cont-area .article01 ul li {float:left;margin-left:15px} #container .content.payment .inner-content .section01 .cont-area .article01 ul li:first-child {margin-left:0} #container .content.payment .inner-content .section01 .cont-area .article01 ul li .img-box {border:1px solid #dedee1} #container .content.payment .inner-content .section01 .cont-area .article01 ul li .info-txt {margin-top:10px;padding:0 10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:center} #container .content.payment .inner-content .section01 .cont-area .article02 {margin-top:55px} #container .content.payment .inner-content .section01 .cont-area .article02 .stit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#222} #container .content.payment .inner-content .section01 .cont-area .article02 > ul {margin-top:25px} #container .content.payment .inner-content .section01 .cont-area .article02 > ul > li {position:relative;padding-left:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.payment .inner-content .section01 .cont-area .article02 > ul > li:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#0189b1} #container .content.payment .inner-content .section01 .cont-area .article02 > ul > li ul li {margin-left:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-indent:-20px} #container .content.payment .inner-content .section02 {position:relative;margin-top:70px} #container .content.payment .inner-content .section02 .head-area {width:285px;position:absolute;top:5px;left:0} #container .content.payment .inner-content .section02 .head-area .section-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #container .content.payment .inner-content .section02 .cont-area {padding-left:305px} #container .content.payment .inner-content .section02 .cont-area .article01 > ul > li {position:relative;padding-left:10px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #container .content.payment .inner-content .section02 .cont-area .article01 > ul > li:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#0189b1} #container .content.ob-club {width:1200px;margin:0 auto} #container .content.ob-club .inner-content .ob-member-area {position:relative;height:566px;background:url(../images/bg_ob_club.jpg) no-repeat 100% 0} #container .content.ob-club .inner-content .ob-member-area .ob-member-box {position:absolute;top:66px;left:0;width:480px;padding:60px;background-color:#012b5d;box-sizing:border-box} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#fff} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .txt {margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#fff;opacity:.8;filter:alpha(opacity=80)} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .btn-area {margin-top:35px} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .btn-area .btn-link span {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#fff;text-align:center;border:1px solid #fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .btn-area .btn-link span:hover:before {right:28px} #container .content.ob-club .inner-content .ob-member-area .ob-member-box .btn-area .btn-link span:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/etc.png);background-position:0px 0px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #pop {overflow:hidden} #pop .pop-civil-view {padding:60px 70px} #pop .pop-civil-view .head-area {text-align:left} #pop .pop-civil-view .head-area .btit {display:block;padding:0 200px 40px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-civil-view .gallery-area {position:relative} #pop .pop-civil-view .gallery-area .img-area {width:100%;height:730px} #pop .pop-civil-view .gallery-area .img-area .img-box {position:relative;width:100%} #pop .pop-civil-view .gallery-area .img-area .img-box li {position:absolute;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);height:732px} #pop .pop-civil-view .gallery-area .img-area .img-box li figure {max-width:100%;max-height:732px;text-align:center} #pop .pop-civil-view .gallery-area .img-area .img-box li figure img {max-width:100%} #pop .pop-civil-view .gallery-area .btn-area {position:absolute;top:-72px;right:0;margin-left:-95px;width:190px} #pop .pop-civil-view .gallery-area .btn-area .btn-gallery-prev {float:left;background-image:url(../images/bi.png);background-position:0px -301px;width:36px;height:36px} #pop .pop-civil-view .gallery-area .btn-area .btn-gallery-next {float:right;background-image:url(../images/bi.png);background-position:0px -250px;width:36px;height:36px} #pop .pop-civil-view .gallery-area .indi-area {position:absolute;top:-72px;right:65px;width:60px;height:36px;margin:0 auto} #pop .pop-civil-view .gallery-area .indi-area .count {position:absolute;top:4px;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} #pop .pop-civil-view .gallery-area .indi-area .icon {position:absolute;left:50%;margin-left:-10px;top:08px;background-image:url(../images/bi.png);background-position:0px -352px;width:21px;height:21px} #pop .pop-civil-view .gallery-area .indi-area .total {position:absolute;bottom:4px;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#222} #pop .pop-ethical-management03 {padding:60px 0 60px 70px;height:800px} #pop .pop-ethical-management03 .head-area {text-align:center} #pop .pop-ethical-management03 .head-area .btit {display:block;padding:0 0 40px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-ethical-management03 .content-area {overflow-y:scroll;height:730px;padding-right:70px} #pop .pop-ethical-management03 .content-area .items .item {margin-top:60px} #pop .pop-ethical-management03 .content-area .items .item:first-child {margin-top:0} #pop .pop-ethical-management03 .content-area .items .item .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #pop .pop-ethical-management03 .content-area .items .item .txt-box {margin-top:15px} #pop .pop-ethical-management03 .content-area .items .item .txt-box .txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #pop .pop-safety-management01 {padding:60px 60px 60px 70px;height:800px} #pop .pop-safety-management01 .head-area {text-align:center} #pop .pop-safety-management01 .head-area .btit {display:block;padding:0 0 40px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-safety-management01 .head-area .btxt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #pop .pop-safety-management01 .content-area {margin-top:25px;padding-top:40px;border-top:2px solid #012b5d} #pop .pop-safety-management01 .content-area .img-area {float:left;margin-right:40px} #pop .pop-safety-management01 .content-area .img-area .img-box {border:1px solid #dedee1} #pop .pop-safety-management01 .content-area .items {overflow:hidden;padding-top:25px} #pop .pop-safety-management01 .content-area .items .item {margin-top:30px} #pop .pop-safety-management01 .content-area .items .item:first-child {margin-top:0} #pop .pop-safety-management01 .content-area .items .item .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #pop .pop-safety-management01 .content-area .items .item ul {margin-top:20px} #pop .pop-safety-management01 .content-area .items .item ul li {position:relative;padding-left:11px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #pop .pop-safety-management01 .content-area .items .item ul li:before {content:"";position:absolute;top:12px;left:2px;width:3px;height:3px;background-color:#0189b1} #pop .pop-environmental-management01 {padding:60px 60px 60px 70px;height:800px} #pop .pop-environmental-management01 .head-area {text-align:center} #pop .pop-environmental-management01 .head-area .btit {display:block;padding:0 0 40px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-environmental-management01 .head-area .btxt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #pop .pop-environmental-management01 .content-area {padding-top:40px;border-top:2px solid #012b5d} #pop .pop-environmental-management01 .content-area .img-area {float:left;margin-right:40px} #pop .pop-environmental-management01 .content-area .img-area .img-box {border:1px solid #dedee1} #pop .pop-environmental-management01 .content-area .items {overflow:hidden;padding-top:18px} #pop .pop-environmental-management01 .content-area .items .item {margin-top:30px} #pop .pop-environmental-management01 .content-area .items .item:first-child {margin-top:0} #pop .pop-environmental-management01 .content-area .items .item .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #pop .pop-environmental-management01 .content-area .items .item ul li {padding:3px 0} #pop .pop-environmental-management01 .content-area .items .item ul li .dt {float:left;display:block;width:105px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:32px;color:#222} #pop .pop-environmental-management01 .content-area .items .item ul li .dd {overflow:hidden;display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:32px;color:#555} #pop .pop-environmental-management01 .content-area .items .info {margin-top:21px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #pop .pop-quality-management01 {padding:60px 60px 60px 70px;height:800px} #pop .pop-quality-management01 .head-area {text-align:center} #pop .pop-quality-management01 .head-area .btit {display:block;padding:0 0 40px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-quality-management01 .head-area .btxt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;text-align:left} #pop .pop-quality-management01 .content-area {margin-top:25px;padding-top:40px;border-top:2px solid #012b5d} #pop .pop-quality-management01 .content-area .img-area {float:left;margin-right:40px} #pop .pop-quality-management01 .content-area .img-area .img-box {border:1px solid #dedee1} #pop .pop-quality-management01 .content-area .items {overflow:hidden;padding-top:18px} #pop .pop-quality-management01 .content-area .items .item {margin-top:30px} #pop .pop-quality-management01 .content-area .items .item:first-child {margin-top:0} #pop .pop-quality-management01 .content-area .items .item .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} #pop .pop-quality-management01 .content-area .items .item ul li {padding:3px 0} #pop .pop-quality-management01 .content-area .items .item ul li .dt {float:left;display:block;width:105px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:32px;color:#222} #pop .pop-quality-management01 .content-area .items .item ul li .dd {overflow:hidden;display:block;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:32px;color:#555} #pop .pop-quality-management01 .content-area .items .info {margin-top:21px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#222} #pop .pop-introduction02 {padding:60px 60px 60px 70px;height:800px;overflow-y:scroll} #pop .pop-introduction02 .head-area {text-align:center} #pop .pop-introduction02 .head-area .btit {display:block;padding:0 0 20px 0;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:32px;color:#222} #pop .pop-introduction02 .head-area .date-box {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #pop .pop-introduction02 .head-area .date-box .date-day {display:inline-block;position:relative;padding-left:18px;vertical-align:top} #pop .pop-introduction02 .head-area .date-box .date-day:before {content:"";position:absolute;top:6px;left:7px;width:1px;height:16px;background-color:#dedee1} #pop .pop-introduction02 .content-area {margin-top:35px;border-top:2px solid #012b5d} #pop .pop-introduction02 .content-area .info-box {padding:30px 0 40px} #pop .pop-introduction02 .content-area .info-box .info-txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} #pop .pop-introduction02 .content-area .img-box {border:1px solid #dedee1} #pop .pop-introduction02 .content-area .img-box img {max-width:100%} .btn-download {position:relative;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block} .btn-download:hover .icon:before {top:2px} .btn-download span {display:inline-block;vertical-align:top;padding:0 30px 0 57px} .btn-download .icon {position:absolute;top:15px;left:30px;width:17px;height:16px} .btn-download .icon:before {content:"";position:absolute;top:0;left:0;background-image:url(../images/sm.png);background-position:0px -2336px;width:17px;height:16px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .com-btn-link span {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top;background-color:#fff} .com-btn-link span:hover:before {right:28px} .com-btn-link span:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} .hidden-box {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0} .modal-pop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);z-index:100;overflow-y:scroll} .modal-pop-wrap .modal-pop-container {width:1028px;margin:150px auto 35px;background-color:#fff} .modal-pop-wrap .modal-pop-container .modal-pop-content {padding-bottom:80px} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area {position:relative;height:511px;background:url(../images/visuble_job_introduction.gif) no-repeat 0 0} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .img-box {float:left} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box {width:360px;padding:130px 0 0 518px} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .info-box .tit {overflow:hidden;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:30px;line-height:40px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .info-box .txt {margin-top:12px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .person-info-box {position:absolute;left:518px;bottom:55px;display:inline-block;margin-top:50px;padding:48px 67px 25px 25px;background-color:#012b5d;vertical-align:top} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .person-info-box:before {content:"";position:absolute;bottom:36px;right:-36px;width:88px;height:2px;background-color:#0189b1} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .person-info-box .term {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:18px;line-height:1em;color:#fff} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .content-box .person-info-box .name {display:block;margin-top:10px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:26px;line-height:1em;color:#fff} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .indi-area {position:absolute;bottom:50px;right:60px;width:57px;height:30px} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .indi-area .count {position:absolute;top:0;left:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#012b5d} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .indi-area .icon {position:absolute;left:50%;margin-left:-10px;top:08px;background-image:url(../images/careers.png);background-position:0px -93px;width:21px;height:21px} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .indi-area .total {position:absolute;bottom:0;right:0;font-family:"gotham", sans-serif;font-weight:500;font-size:16px;line-height:1em;color:#222;opacity:.5;filter:alpha(opacity=50)} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-prev {position:fixed;top:213px;left:42px;width:36px;height:36px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-prev:hover {background-color:#012b5d} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-prev .icon {background-image:url(../images/careers.png);background-position:0px -279px;width:37px;height:36px} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-next {position:fixed;top:213px;right:42px;width:36px;height:36px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-next:hover {background-color:#012b5d} .modal-pop-wrap .modal-pop-container .modal-pop-content .gallery-area .btn-area .btn-gallery-next .icon {background-image:url(../images/careers.png);background-position:0px -228px;width:37px;height:36px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .info-box {padding:55px 0;margin:0 60px;border-bottom:1px solid #dedee1} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .info-box .txt {font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box {padding:0 60px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box .group-box {overflow:hidden} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box .group-box .cont-box {overflow:hidden} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box .group-box .cont-box .tit {font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#222} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box .group-box .cont-box .tit:before {content:"Q.";color:#0189b1;margin-right:5px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box .group-box .cont-box .txt {margin-top:15px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type01 {padding-top:60px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type01 .cont-box {padding:15px 60px 0 0} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type01 .img-box {float:right} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type01 .img-box img {max-width:545px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type02 {padding-top:80px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type02 .cont-box {padding:15px 0 0 60px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type02 .img-box {float:left} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type02 .img-box img {max-width:545px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 {padding-top:80px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 .group-box {margin-top:55px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 .group-box:first-child {margin-top:0} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 .cont-box {padding:15px 60px 0 0} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 .img-box {float:right} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type03 .img-box img {max-width:545px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type04 {padding-top:75px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type04 .cont-box {padding:35px 0 0 0} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .box.type04 .img-box img {max-width:100%} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .btn-area {margin-top:35px;text-align:center} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .btn-area .btn {display:inline-block;min-width:190px;padding:0 30px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:17px;line-height:57px;color:#fff;background-color:#012b5d;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-sizing:border-box;margin-left:17px} .modal-pop-wrap .modal-pop-container .modal-pop-content .content-area .btn-area .btn:first-child {margin-left:0} .modal-pop-wrap .modal-pop-container .modal-pop-content .btn-close {position:absolute;top:0;right:-68px;color:#fff;z-index:1;background-color:#012b5d} .modal-pop-wrap .modal-pop-container .modal-pop-content .btn-close .icon {background-image:url(../images/careers.png);background-position:0px -155px;width:58px;height:58px} .modal-pop-wrap > .btn-area .btn-gallery-prev {position:fixed;top:50%;left:50%;margin:-18px 0 0 -590px;width:36px;height:36px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease} .modal-pop-wrap > .btn-area .btn-gallery-prev:hover {background-color:#012b5d} .modal-pop-wrap > .btn-area .btn-gallery-prev .icon {background-image:url(../images/careers.png);background-position:0px -279px;width:37px;height:36px} .modal-pop-wrap > .btn-area .btn-gallery-next {position:fixed;top:50%;left:50%;margin:-18px 0 0 535px;width:36px;height:36px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#a8a9ab;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease} .modal-pop-wrap > .btn-area .btn-gallery-next:hover {background-color:#012b5d} .modal-pop-wrap > .btn-area .btn-gallery-next .icon {background-image:url(../images/careers.png);background-position:0px -228px;width:37px;height:36px} .no-data {padding:50px 0;text-align:center} .no-data .icon-no-data {display:inline-block;width:92px;height:72px;background:url(../images/search_no_data.gif) no-repeat 0 0} .no-data .btn-area {margin-top:40px} .no-data .btn-area .btn-return {display:inline-block;position:relative;padding:0 45px 0 30px;overflow:hidden;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:46px;color:#555;text-align:center;border:1px solid #dedee1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:top} .no-data .btn-area .btn-return:hover:before {right:28px} .no-data .btn-area .btn-return:before {content:"";position:absolute;top:19px;right:30px;background-image:url(../images/sm.png);background-position:0px -25px;width:5px;height:10px;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease;-ms-transition:right .3s ease} #menu {position:absolute;top:50%;right:60px;width:21px;margin-top:-103px} #menu li {position:relative;padding-top:72px} #menu li:first-child {padding-top:0} #menu li:first-child:before {display:none} #menu li:before {content:"";position:absolute;top:10px;left:10px;width:1px;height:52px;background-color:#a2a2a4;opacity:.4;filter:alpha(opacity=40)} #menu li.active a:before {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} #menu li.active .icon {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} #menu li a {position:relative;display:inline-block;vertical-align:top} #menu li a:before {content:"";position:absolute;top:0;left:0;background-image:url(../images/company.png);background-position:0px -265px;width:21px;height:21px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #menu li .icon {background-image:url(../images/company.png);background-position:0px -229px;width:21px;height:21px;vertical-align:top;opacity:1;filter:alpha(opacity=100)} #menu.main_indi {position:fixed; z-index:150; margin-top:-70px;} #menu.main_indi li {padding:20px 0 0;} #menu.main_indi li:before {background-color:#fff; display:none;} #menu.main_indi li a:before {background-image:url(../images/indi_icon_active.png); background-position:50% 50%; -webkit-background-size:cover;background-size:cover; background-repeat:no-repeat;} #menu.main_indi li .icon {background-image:url(../images/indi_icon.png); background-position:50% 50%; background-repeat:no-repeat; } #menu.main_indi.indi_active li a:before {background-image:url(../images/indi_icon_active.png);background-position:50% 50%;} #menu.main_indi.indi_active li .icon {background-image:url(../images/indi_icon.png);background-position:50% 50%;} #topBtn {width:50px;height:50px;background:url(../images/scroll_top.png) 50% 50% no-repeat #fff;text-indent:-9999px;position:absolute;border:1px solid #dedee1;bottom:346px;left:50%;margin:0 0 0 700px;display:none;cursor:pointer} .value-system-header {position:fixed;width:100%;height:75px;background-color:#012b5d;z-index:30} .value-system-header .header-box {width:1200px;margin:0 auto;text-align:center;padding-top:25px} .value-system-header .header-box .logo {display:inline-block;vertical-align:top} .value-system-header .header-box .logo .icon {background-image:url(../images/company.png);background-position:0px -2786px;width:154px;height:25px} .value-system-header .header-box .tit {position:relative;margin:3px 0 0 30px;padding-left:30px;display:inline-block;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:20px;line-height:1em;color:#fff;vertical-align:top} .value-system-header .header-box .tit:before {content:"";position:absolute;top:0;left:0;width:1px;height:20px;background-color:#fff;opacity:.3;filter:alpha(opacity=30)} #header {position:absolute;top:0;left:0;width:100%;min-width:1200px;height:86px;overflow:hidden;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;z-index:30} #header:before {content:"";position:absolute;top:85px;left:0;width:100%;height:1px;background-color:#fff;opacity:.25;filter:alpha(opacity=25);-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease} #header.main-header {position:fixed; z-index:150;} #header.main-header, #header.hover {background-color:#fff} #header.main-header:before, #header.hover:before {background-color:#e3e3e3;opacity:1;filter:alpha(opacity=100)} #header.main-header #logo .icon, #header.hover #logo .icon {background-image:url(../images/header_on.png);background-position:0px 0px;width:154px;height:25px} #header.main-header #gnb .depth01-lists .depth01-list .depth01, #header.hover #gnb .depth01-lists .depth01-list .depth01 {color:#222} #header.main-header #gnb .depth01-lists .depth01-list .depth01.hover + .depth02-lists, #header.hover #gnb .depth01-lists .depth01-list .depth01.hover + .depth02-lists {background-color:#f5f7f9} #header.main-header #gnb .depth01-lists .depth01-list .depth01.hover span:before, #header.hover #gnb .depth01-lists .depth01-list .depth01.hover span:before {background-color:#012b5d} #header.main-header #gnb .depth02-lists, #header.hover #gnb .depth02-lists {opacity:1;filter:alpha(opacity=100)} #header.main-header .util-menu .btn-search-open .icon, #header.hover .util-menu .btn-search-open .icon {background-image:url(../images/header_on.png);background-position:0px -40px;width:18px;height:18px} #header.main-header .util-menu .btn-lang, #header.hover .util-menu .btn-lang {color:#222} #header.main-header .util-menu .btn-menu-open span, #header.hover .util-menu .btn-menu-open span {background-color:#333} #header.main-header .banner-area, #header.hover .banner-area {opacity:1;filter:alpha(opacity=100)} #header .outer {width:1200px;margin:0 auto} #header .inner {position:relative} #header #logo {position:absolute;top:30px;left:0} #header #logo .icon {background-image:url(../images/header.png);background-position:0px 0px;width:154px;height:25px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease} #header #gnb {padding-left:215px} #header #gnb .depth01-lists {display:inline-block;vertical-align:top} #header #gnb .depth01-lists .depth01-list {float:left;width:132px;text-align:center} #header #gnb .depth01-lists .depth01-list:first-child .depth02-lists {border-left:1px solid #dcdddd} #header #gnb .depth01-lists .depth01-list .depth01 {display:block;padding:7px 0;margin:30px 0 26px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:16px;color:#fff} #header #gnb .depth01-lists .depth01-list .depth01 span {position:relative;display:inline-block;vertical-align:top} #header #gnb .depth01-lists .depth01-list .depth01 span:before {content:"";position:absolute;bottom:-7px;left:0;width:100%;height:2px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease} #header #gnb .depth02-lists {height:230px;padding-top:20px;border-right:1px solid #dcdddd;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #header #gnb .depth02-lists .depth02-list .depth02 {display:block;padding:10px 0;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:15px;color:#555;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease} #header #gnb .depth02-lists .depth02-list .depth02:hover {font-weight:400;color:#012b5d} #header .util-menu {position:absolute;top:27px;right:-10px} #header .util-menu .btn-search-open {float:left;padding:10px;vertical-align:top;margin-right:8px} #header .util-menu .btn-search-open .icon {background-image:url(../images/header.png);background-position:0px -40px;width:18px;height:18px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease} #header .util-menu .btn-lang {float:left;margin:4px 8px 0 0;height:30px;line-height:30px;font-size:16px;font-family:"gotham", sans-serif;color:#fff;font-weight:500;vertical-align:top} #header .util-menu .btn-menu-open {float:left;position:relative;width:40px;height:38px;vertical-align:top;text-indent:-999px;overflow:hidden} #header .util-menu .btn-menu-open span {position:absolute;left:10px;width:20px;height:2px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;background-color:#fff} #header .util-menu .btn-menu-open span:nth-of-type(1) {top:10px} #header .util-menu .btn-menu-open span:nth-of-type(2) {top:18px} #header .util-menu .btn-menu-open span:nth-of-type(3) {top:26px} #header .banner-area {position:absolute;bottom:0;left:1007px;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;opacity:0;filter:alpha(opacity=0)} #header .banner-area a {display:block} #header .banner-area .btn-banner img {vertical-align:top} #contentArea.company .spot-area {background-image:url(../images/bg_spot_company.jpg)} #contentArea.etc .spot-area {background-image:url(../images/bg_spot_etc.jpg)} #contentArea.bi .spot-area {background-image:url(../images/bg_spot_bi.jpg)} #contentArea.careers .spot-area {background-image:url(../images/bg_spot_careers.jpg)} #contentArea.ii .spot-area {background-image:url(../images/bg_spot_ii.jpg)} #contentArea.pr .spot-area {background-image:url(../images/bg_spot_pr.jpg)} #contentArea.sm .spot-area {background-image:url(../images/bg_spot_sm.jpg)} #contentArea #container #spot .spot-area {width:100%;height:390px;text-align:center;background-position:50% 50%;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover} #contentArea #container #spot .spot-area .spot-tit {display:block;padding-top:200px;font-size:24px;color:#fff;text-transform:uppercase;letter-spacing:8px;font-weight:400} #contentArea #container #spot .spot-area span {display:block;font-family:"gotham", sans-serif;font-weight:700;font-size:38px;color:#fff;text-transform:uppercase;letter-spacing:8px;margin-top:20px} #contentArea #container #spot #location {height:56px;position:relative;z-index:20;min-width:1200px} #contentArea #container #spot #location.scroll .outer {position:fixed;top:0;left:0;width:100%} #contentArea #container #spot #location .outer {display:inline-block;height:56px;vertical-align:top;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;background-color:#012b5d} #contentArea #container #spot #location .outer .inner {position:relative;width:1200px;margin:0 auto} #contentArea #container #spot #location .outer .inner .home {float:left;height:56px;width:76px;text-align:center;border-left:1px solid #34557d;border-right:1px solid #34557d} #contentArea #container #spot #location .outer .inner .home .icon-home {margin:18px 0 0 0;background-image:url(../images/common.png);background-position:0px -257px;width:19px;height:18px} #contentArea #container #spot #location .outer .inner .path-area {text-align:center} #contentArea #container #spot #location .outer .inner .path-area .btn {position:relative;display:block;padding:20px 35px 13px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#fff} #contentArea #container #spot #location .outer .inner .path-area .btn:focus {opacity:1;filter:alpha(opacity=100);outline:1px dotted #fff} #contentArea #container #spot #location .outer .inner .path-area .btn span {position:relative;display:inline-block;padding-bottom:7px;vertical-align:top} #contentArea #container #spot #location .outer .inner .path-area .btn span:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;opacity:0;filter:alpha(opacity=0)} #contentArea #container #spot #location .outer .inner .path-area ul {display:inline-block;border-right:1px solid #34557d;vertical-align:top} #contentArea #container #spot #location .outer .inner .path-area ul li {float:left;border-left:1px solid #34557d} #contentArea #container #spot #location .outer .inner .path-area ul li.active a {opacity:1;filter:alpha(opacity=100)} #contentArea #container #spot #location .outer .inner .path-area ul li.active a span:before {opacity:1;filter:alpha(opacity=100)} #contentArea #container #spot #location .outer .inner .path-area ul li a {position:relative;display:block;padding:20px 35px 13px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#fff;opacity:.5;filter:alpha(opacity=50);-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease} #contentArea #container #spot #location .outer .inner .path-area ul li a:hover {opacity:1;filter:alpha(opacity=100)} #contentArea #container #spot #location .outer .inner .path-area ul li a:focus {opacity:1;filter:alpha(opacity=100);outline:1px dotted #fff} #contentArea #container #spot #location .outer .inner .path-area ul li a span {position:relative;display:inline-block;padding-bottom:7px;vertical-align:top} #contentArea #container #spot #location .outer .inner .path-area ul li a span:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;opacity:0;filter:alpha(opacity=0)} #contentArea #container #spot #location .outer .inner .location-btn-area {position:absolute;top:6px;right:-10px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area {float:left} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .btn-share {padding:10px;float:left} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .btn-share .icon {background-image:url(../images/common.png);background-position:0px -328px;width:22px;height:21px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer {display:none;position:absolute;top:50px;right:0;padding:30px;background-color:#f5f7f9;border:1px solid #012b5d;border-top:none;opacity:0;filter:alpha(opacity=0)} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer:before {content:"";position:absolute;top:-7px;right:67px;height:0;width:0;border-bottom:8.5px solid #f5f7f9;border-left:8.5px solid transparent;border-right:8.5px solid transparent} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists {display:inline-block;width:190px;vertical-align:top} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li {float:left;margin-left:15px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li:first-child {margin-left:0} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-facebook .icon {background-image:url(../images/common.png);background-position:0px -591px;width:36px;height:36px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-twitter .icon {background-image:url(../images/common.png);background-position:0px -744px;width:36px;height:36px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-googleplus .icon {background-image:url(../images/common.png);background-position:0px -642px;width:36px;height:36px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-linkedin .icon {background-image:url(../images/common.png);background-position:0px -693px;width:36px;height:36px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .form-box {position:relative;margin-top:15px} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .form-box .inp-txt {float:left;font-family:"Noto Sans KR", sans-serif;font-weight:300;color:#555;box-sizing:border-box;vertical-align:top} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .form-box .inp-txt input {padding:5px 0 5px 10px;font-size:14px;line-height:23px;border:1px solid #dedee1;background-color:#fff} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .form-box .btn-copy {position:absolute;top:0;right:0;vertical-align:top;background-color:#555555} #contentArea #container #spot #location .outer .inner .location-btn-area .share-area .share-layer .form-box .btn-copy span {display:block;padding:0 11px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:15px;line-height:35px;color:#fff} #contentArea #container #spot #location .outer .inner .location-btn-area .btn-print {padding:10px;float:left;margin-left:10px} #contentArea #container #spot #location .outer .inner .location-btn-area .btn-print .icon {background-image:url(../images/common.png);background-position:0px -290px;width:27px;height:23px} #contentArea #container #fullpage #location {height:56px;position:relative;z-index:20;min-width:1200px} #contentArea #container #fullpage #location.scroll .outer {position:fixed;top:0;left:0;width:100%} #contentArea #container #fullpage #location .outer {display:inline-block;height:56px;vertical-align:top;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;background-color:#012b5d} #contentArea #container #fullpage #location .outer .inner {position:relative;width:1200px;margin:0 auto} #contentArea #container #fullpage #location .outer .inner .home {float:left;height:56px;width:76px;text-align:center;border-left:1px solid #34557d;border-right:1px solid #34557d} #contentArea #container #fullpage #location .outer .inner .home .icon-home {margin:18px 0 0 0;background-image:url(../images/common.png);background-position:0px -257px;width:19px;height:18px} #contentArea #container #fullpage #location .outer .inner .path-area {text-align:center} #contentArea #container #fullpage #location .outer .inner .path-area ul {display:inline-block;border-right:1px solid #34557d;vertical-align:top} #contentArea #container #fullpage #location .outer .inner .path-area ul li {float:left;border-left:1px solid #34557d} #contentArea #container #fullpage #location .outer .inner .path-area ul li.active a {opacity:1;filter:alpha(opacity=100)} #contentArea #container #fullpage #location .outer .inner .path-area ul li.active a span:before {opacity:1;filter:alpha(opacity=100)} #contentArea #container #fullpage #location .outer .inner .path-area ul li a {position:relative;display:block;padding:20px 35px 13px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#fff;opacity:.5;filter:alpha(opacity=50);-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease} #contentArea #container #fullpage #location .outer .inner .path-area ul li a:hover {opacity:1;filter:alpha(opacity=100)} #contentArea #container #fullpage #location .outer .inner .path-area ul li a:focus {opacity:1;filter:alpha(opacity=100);outline:1px dotted #fff} #contentArea #container #fullpage #location .outer .inner .path-area ul li a span {position:relative;display:inline-block;padding-bottom:7px;vertical-align:top} #contentArea #container #fullpage #location .outer .inner .path-area ul li a span:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;opacity:0;filter:alpha(opacity=0)} #contentArea #container #fullpage #location .outer .inner .location-btn-area {position:absolute;top:6px;right:-10px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area {float:left} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .btn-share {padding:10px;float:left} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .btn-share .icon {background-image:url(../images/common.png);background-position:0px -328px;width:22px;height:21px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer {display:none;position:absolute;top:50px;right:0;padding:30px;background-color:#f5f7f9;border:1px solid #012b5d;border-top:none;opacity:0;filter:alpha(opacity=0)} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer:before {content:"";position:absolute;top:-7px;right:67px;height:0;width:0;border-bottom:8.5px solid #f5f7f9;border-left:8.5px solid transparent;border-right:8.5px solid transparent} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists {display:inline-block;width:190px;vertical-align:top} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li {float:left;margin-left:15px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li:first-child {margin-left:0} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-facebook .icon {background-image:url(../images/common.png);background-position:0px -591px;width:36px;height:36px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-twitter .icon {background-image:url(../images/common.png);background-position:0px -744px;width:36px;height:36px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-googleplus .icon {background-image:url(../images/common.png);background-position:0px -642px;width:36px;height:36px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .share-lists li .btn.btn-share-linkedin .icon {background-image:url(../images/common.png);background-position:0px -693px;width:36px;height:36px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box {position:relative;margin-top:15px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box .inp-txt {float:left;font-family:"Noto Sans KR", sans-serif;font-weight:300;color:#555;box-sizing:border-box;vertical-align:top} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box .inp-txt input {padding:5px 0 5px 10px;font-size:14px;line-height:23px;border:1px solid #dedee1;background-color:#fff} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box .btn-copy {position:absolute;top:0;right:0;vertical-align:top;background-color:#555555} #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box .btn-copy span {display:block;padding:0 11px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:15px;line-height:35px;color:#fff} #contentArea #container #fullpage #location .outer .inner .location-btn-area .btn-print {padding:10px;float:left;margin-left:10px} #contentArea #container #fullpage #location .outer .inner .location-btn-area .btn-print .icon {background-image:url(../images/common.png);background-position:0px -290px;width:27px;height:23px} #footer {position:relative;margin-top:150px;z-index:120;background-color:#011d3f} #footer .inner {width:1200px;padding:60px 0;margin:0 auto} #footer .top-area {display:inline-block;width:100%;height:100px;vertical-align:top;border-bottom:1px solid #1b3453} #footer .top-area .address-box {float:left} #footer .top-area .address-box .logo {display:inline-block;background-image:url(../images/common.png);background-position:0px -72px;width:154px;height:25px;vertical-align:top} #footer .top-area .address-box address {display:block;margin-top:20px;font-family:"Noto Sans KR", sans-serif;font-size:16px;color:#9e9fa7} #footer .top-area .link-area {float:right;margin-top:13px} #footer .top-area .link-area .link-box {text-align:right} #footer .top-area .link-area .link-box a {position:relative;display:inline-block;margin-left:20px;font-size:16px;line-height:26px;font-weight:400;color:#a3a4af;vertical-align:top} #footer .top-area .link-area .link-box a.imfor {color:#fff;font-weight:400} #footer .top-area .link-area .link-box a:focus {outline:1px dotted #fff} #footer .top-area .link-area .link-box a:first-child {margin-left:0} #footer .top-area .link-area .link-box a:first-child:before {display:none} #footer .top-area .link-area .link-box a:before {content:"";position:absolute;top:13px;left:-10px;width:2px;height:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#a3a4af} #footer .mid-area {margin-top:22px} #footer .mid-area .copyright {margin-top:10px;display:inline-block;font-family:"gotham", sans-serif;font-weight:400;font-size:16px;vertical-align:top;color:#9d9ea6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden} #footer .mid-area .family-site-area {float:right;position:relative} #footer .mid-area .family-site-area.active .btn-family-site-open .icon:before {opacity:0;filter:alpha(opacity=0)} #footer .mid-area .family-site-area .btn-family-site-open {height:33px;width:170px} #footer .mid-area .family-site-area .btn-family-site-open:focus {outline:1px dotted #dedee1} #footer .mid-area .family-site-area .btn-family-site-open span {position:relative;display:inline-block;padding:0 45px 0 20px;height:33px;line-height:33px;font-family:"gotham", sans-serif;font-weight:400;color:#9d9ea6;background-color:#0b294d;font-size:16px;vertical-align:top;text-transform:uppercase} #footer .mid-area .family-site-area .btn-family-site-open .icon {position:absolute;top:11px;right:20px;width:11px;height:11px} #footer .mid-area .family-site-area .btn-family-site-open .icon:before {content:"";position:absolute;top:0;left:5px;width:1px;height:11px;background-color:#9d9ea6;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease} #footer .mid-area .family-site-area .btn-family-site-open .icon:after {content:"";position:absolute;top:5px;left:0;width:11px;height:1px;background-color:#9d9ea6} #footer .mid-area .family-site-area .family-site-box {display:none;position:absolute;bottom:33px;right:0;width:445px;padding:35px 40px;background-color:#fff;border:1px solid #012b5d;vertical-align:top} #footer .mid-area .family-site-area .family-site-box .box {display:table-cell} #footer .mid-area .family-site-area .family-site-box .box:nth-of-type(1) {padding-right:40px} #footer .mid-area .family-site-area .family-site-box .box:nth-of-type(1) .family-tit:before {left:0} #footer .mid-area .family-site-area .family-site-box .box:nth-of-type(2) {padding-left:40px;border-left:1px solid #dedee1} #footer .mid-area .family-site-area .family-site-box .box:nth-of-type(2) .family-tit:before {right:0} #footer .mid-area .family-site-area .family-site-box .box .family-tit {display:block;position:relative;padding-bottom:13px;font-size:18px;font-weight:400;color:#011d3f} #footer .mid-area .family-site-area .family-site-box .box .family-tit.active:before {width:100%;opacity:1;filter:alpha(opacity=100)} #footer .mid-area .family-site-area .family-site-box .box .family-tit:before {content:'';position:absolute;bottom:0;width:0;height:2px;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #footer .mid-area .family-site-area .family-site-box .box ul {margin-top:12px} #footer .mid-area .family-site-area .family-site-box .box ul li a {display:block;font-size:15px;line-height:31px;color:#555} #footer .mid-area .family-site-area .btn-family-site-close {display:none;position:absolute;bottom:0;right:0;width:170px;height:33px} #footer #emailLayer {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:100} #footer #emailLayer .layer-outer {display:table;width:100%;height:100%} #footer #emailLayer .layer-outer .layer-inner {display:table-cell;vertical-align:middle;text-align:center} #footer #emailLayer .layer-outer .layer-inner .layer-box {position:relative;display:inline-block;width:590px;vertical-align:top;text-align:left;z-index:1} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-head {padding:20px 56px 19px 40px;background-color:#012b5d} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-head .layer-tit {font-family:"NanumSquare", sans-serif;font-weight:400;font-size:24px;line-height:34px;color:#fff} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont {padding:35px 40px;font-family:"Noto Sans KR", sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#555;background-color:#fff} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area {display:inline-block;width:100%;vertical-align:top} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-btit {float:left;margin-top:14px;font-family:"NanumSquare", sans-serif;font-weight:400;font-size:28px;line-height:1em;color:#222} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form {float:left} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form > * {margin-left:15px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form > *:first-child {margin-left:0} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .search-tit {float:left;height:40px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#555} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box {position:relative;float:left;height:40px;box-sizing:border-box;z-index:10} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .val-box .val {padding-left:20px;display:block;color:#555;font-size:16px;line-height:40px;background-color:#fff} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .val-box .btn-select-open {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #dedee1;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .val-box .btn-select-open:hover, #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .val-box .btn-select-open:focus {border:1px solid #012b5d;outline:none} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .val-box .icon {position:absolute;top:15px;right:10px;background-image:url(../images/common.png);background-position:0px -543px;width:15px;height:9px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .select-lists {position:absolute;top:39px;left:0;width:100%;display:none;z-index:1;border:1px solid #012b5d;border-top:none;max-height:217px;overflow-y:auto} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .select-lists li .btn {display:block;width:100%;color:#555;padding-left:20px;font-size:16px;height:40px;line-height:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-align:left;background-color:#fff} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .select-box .select-lists li .btn:hover {color:#fff;background-color:#012b5d} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box {float:left;position:relative;background-color:#fff} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"] {width:100%;height:40px;padding:0 20px;color:#555;font-size:16px;line-height:40px;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #dedee1;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]::-webkit-input-placeholder {color:#555;line-height:38px;font-size:16px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]::-moz-placeholder {color:#555;line-height:38px;font-size:16px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:-ms-input-placeholder {color:#555;line-height:38px;font-size:16px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:-moz-placeholder {color:#555;line-height:38px;font-size:16px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:hover, #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:focus {outline:none;border-color:#012b5d} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:hover + .btn-search .icon, #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box input[type="text"]:focus + .btn-search .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box .btn-search {position:absolute;top:0;right:9px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box .btn-search:hover .icon, #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box .btn-search:focus .icon {background-image:url(../images/common.png);background-position:0px -510px;width:18px;height:18px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .input-box .btn-search .icon {background-image:url(../images/common.png);background-position:0px -477px;width:18px;height:18px;margin:11px;vertical-align:top} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .btn-view {float:left;margin-left:15px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .small-search-area .search-form .btn-view span {display:block;height:40px;padding:0 15px;font-family:"Noto Sans KR", sans-serif;font-weight:400;font-size:16px;line-height:40px;color:#fff;background-color:#012b5d} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .noti-content {margin-top:25px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .noti-content p {margin-top:15px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .noti-content p strong {margin-right:5px} #footer #emailLayer .layer-outer .layer-inner .layer-box .layer-cont .noti-content p:first-child {margin-top:0} #footer #emailLayer .layer-outer .layer-inner .btn-close {position:absolute;top:15px;right:15px;padding:10px} #footer #emailLayer .layer-outer .layer-inner .btn-close .icon {background-image:url(../images/common.png);background-position:0px -112px;width:21px;height:21px} #footer #emailLayer .layer-outer .layer-inner .btn-dim-close {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.38);cursor:default} .inp-radio {display:inline-block;position:relative} .inp-radio input[type="radio"] {position:absolute;top:1px;left:1px;width:21px;height:21px;overflow:hidden;border:none} .inp-radio input[type="radio"]:focus {outline:1px dotted #222} .inp-radio .radio-txt {padding-left:37px;position:relative;display:block;text-align:left;color:#555;line-height:23px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:16px;font-family:"Noto Sans KR", sans-serif} .inp-radio .radio-txt .icon-check {overflow:hidden;position:absolute;width:21px;height:21px;top:0;left:0;z-index:1;border:1px solid #dedee1;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#fbfbfb;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .inp-radio .radio-txt .icon-check:after {content:"";position:absolute;top:5px;left:5px;width:11px;height:11px;background-color:#012b5d;opacity:0;filter:alpha(opacity=0);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .inp-radio input[type="radio"]:checked + .radio-txt .icon-check:after {opacity:1;filter:alpha(opacity=100);background-color:#012b5d} .inp-check {display:inline-block;position:relative;vertical-align:top;min-height:18px} .inp-check input[type="checkbox"] {position:absolute;top:1px;left:1px;width:19px;height:19px;overflow:hidden;border:none} .inp-check input[type="checkbox"]:focus {outline:2px dotted #222} .inp-check .check-txt {position:relative;display:block;text-align:left;color:#555;line-height:21px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:16px;font-family:"Noto Sans KR", sans-serif} .inp-check .check-txt .icon-check {overflow:hidden;position:absolute;width:21px;height:21px;top:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;z-index:1;background-image:url(../images/common.png);background-position:0px 0px;width:21px;height:21px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .inp-check .check-txt .icon-check:after {background-color:#fff;content:"";position:absolute;top:0;left:0;background-image:url(../images/common.png);background-position:0px -36px;width:21px;height:21px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .inp-check input[type="checkbox"]:checked + .check-txt .icon-check:after {opacity:1;filter:alpha(opacity=100);background-color:#012b5d} .inp-check.left.full {width:100%} .inp-check.left.full .check-txt {display:block;box-sizing:border-box} .inp-check.left .check-txt {text-align:left;padding-left:28px} .inp-check.left .check-txt .icon-check {top:0;left:0} .inp-check.none input[type="checkbox"] {top:0;left:0} .inp-check.none .check-txt {text-align:left;padding-left:18px} .inp-check.none .check-txt .icon-check {top:0;left:0} .inp-check.center.full {width:100%} .inp-check.center.full .check-txt {display:block;box-sizing:border-box} .inp-check.center input[type="checkbox"] {top:0;left:0} .inp-check.center .check-txt {text-align:center;padding-left:18px} .inp-check.center .check-txt .icon-check {top:0;left:0} .inp-check.right.full {width:100%} .inp-check.right.full .check-txt {display:block;box-sizing:border-box} .inp-check.right input[type="checkbox"] {top:0;right:0} .inp-check.right .check-txt {padding-right:27px;text-align:left} .inp-check.right .check-txt .icon-check {top:0;right:0} textarea {-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;-ms-transition:border .3s ease} textarea:focus {border-color:#012b5d !important} .select-box {position:relative;height:36px;box-sizing:border-box} .select-box.on .val-box .val {border-color:#012b5d} .select-box.on .val-box .icon {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);top:14px} .select-box.on .select-lists {border-color:#012b5d} .select-box .val-box {position:relative} .select-box .val-box .val {display:block;font-size:15px;line-height:36px;font-weight:300} .select-box .val-box .btn-select-open {position:absolute;top:0;left:0;width:100%;height:100%} .select-box .val-box .icon {position:absolute;top:16px;right:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .select-box .select-lists {position:absolute;top:35px;left:0;width:100%;display:none;background-color:#fff;z-index:1;max-height:228px;overflow-y:auto;border:1px solid #f00;border-top:none;box-sizing:border-box;-webkit-overflow-scrolling:touch} .select-box .select-lists li .btn {display:block;color:#555;padding-left:11px;font-size:15px;height:34px;line-height:34px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-align:left;width:100%;box-sizing:border-box} .select-box .select-lists li .btn:hover {background-color:#012b5d;color:#012b5d} /* 2018-05-23 추가 */ #contentArea #container #fullpage #location .outer .inner .location-btn-area .share-area .share-layer .form-box .inp-txt label {display:none;} .content.main .section03 .rolling-container .rolling-wrapper .rolling-slide .info-area .btn-area {display:none;} .content.main .section04 .notice-lists ul li.main-notice a {display:block;} .content.main .section04 .notice-lists ul li a {display:block;} #container .content.safety-management01 .tab-area {width:450px;margin:0 auto} #container .content.safety-management01 .tab-area .items .item {width:42%} #container .content.safety-management01 .tab-area .items .item:first-child {width:34%} #container .content.safety-management01 .tab-area .items .item:last-child {width:24%} #container .content.safety-management02 .tab-area {width:450px;margin:0 auto} #container .content.safety-management02 .tab-area .items .item {width:42%} #container .content.safety-management02 .tab-area .items .item:first-child {width:34%} #container .content.safety-management02 .tab-area .items .item:last-child {width:24%} #container .content.quality-management01 .tab-area {width:301px;margin:0 auto} #container .content.quality-management01 .tab-area .items .item {width:50%} #container .content.quality-management01 .inner-content .info-area {margin:50px auto 0;} #container .content.environmental-management01 .tab-area {width:301px;margin:0 auto} #container .content.environmental-management01 .tab-area .items .item {width:50%} #container .content.environmental-management01 .inner-content .info-area {margin:50px auto 0;} #pop .pop-safety-management01.ty02 {width:713px; height:1025px; padding:60px 103px 0 103px;} #pop .pop-safety-management01.ty02 .head-area .btit {font-weight:bold;} #pop .pop-safety-management01.ty02 .head-area .btxt {font-weight:bold; font-size:18px; color:#222; line-height:20px; text-align:center;} #pop .pop-safety-management01.ty02 .in_box_b_n01 {position:relative; padding:34px 0 25px 180px; border:1px solid #fff; border-bottom:1px solid #d7d7d7;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item01 {background:url('../images/icon_pop01_off.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item02 {background:url('../images/icon_pop02_off.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item03 {background:url('../images/icon_pop03_off.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .in_box_b_n01 dt {font-weight:bold; font-size:20px; color:#67778c; line-height:20px; padding-bottom:8px;} #pop .pop-safety-management01.ty02 .in_box_b_n01 dd {font-size:16px; color:#999; line-height:26px;} #pop .pop-safety-management01.ty02 .in_box_b_n01 dd span {font-weight:bold;} #pop .pop-safety-management01.ty02 .in_box_b_n01.on {border:1px solid #012b5d;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item01.on {background:url('../images/icon_pop01_on.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item02.on {background:url('../images/icon_pop02_on.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .in_box_b_n01.item03.on {background:url('../images/icon_pop03_on.png') no-repeat 37px 38px;} #pop .pop-safety-management01.ty02 .btm_tx_box {font-weight:bold; font-size:18px; color:#636363; line-height:20px; padding:65px 0; text-align:center;} #pop .pop-safety-management01.ty02 .btm_tx_box p.date {font-weight:bold; font-size:20px; color:#636363; padding:30px 0;} #pop .pop-safety-management01.ty02 .btm_tx_box p span.tx01 {padding:0 45px 0 0;} #pop .pop-safety-management01.ty02 .btm_tx_box p span.tx02 {padding:0 20px 0 0;} #footer .top-area { position:relative;} #footer .top-area .wa_img { position:absolute; right:0; top:10px;} #footer .top-area .link-area .link-box { text-align:left;} #footer .top-area .link-area { margin-right:140px;} #contentArea.main #spot { width:100%; position:fixed;} .content.main .section01 { background-color:rgba(0, 0, 0, 0.5); position:relative;} .content.main .section02:before { display:block; content:""; width:600px; height:100%; background-color:#012b5d; position:absolute; left:50%; top:0; margin-left:-894px; } .content.main .section03 .rolling-container:after { display:block; content:""; position:absolute; background-color:#e8e8e9; height:100%; width:1200px; z-index:-1;} /*#container .content.safety-management01 .inner-content {margin-bottom:-150px;} #container .content.safety-management01 .inner-content .section01 .inner-box > p {padding:20px 0 65px; text-align:center; font-size:16px;} #container .content.quality-management01 .inner-content .section01 .inner-box > p {padding:20px 0 65px; text-align:center; font-size:16px;} #container .content.environmental-management01 .inner-content .section01 .inner-box > p {padding:20px 0 65px; text-align:center; font-size:16px;}*/ #kdcTopBtn {width:50px;height:50px;background:url(../images/scroll_top.png) 50% 50% no-repeat #fff;text-indent:-9999px;position:absolute;border:1px solid #dedee1;bottom:50px;left:50%;margin:0 0 0 700px;}