@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/* light 300 regular 400 semi-bold 600 bold 700 extra-bold 800 */
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
/* thin 100 light 300 regular 400 medium 500 bold 700 black 900 */
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
/* regular 400 bold 600 extra-bold 700 */

/* Base Style Definition */
html {position:relative; width:100%; height:100%; overflow-y:scroll;}
body {position:relative; width:100%; height:100%; margin:0; padding:0; *word-break:break-all; -ms-word-break:break-all}
header, footer, section, article, figure, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, button, table, th, td, img, a {margin:0; padding:0;}
ul, ol {list-style:none;}
button {border:0 none; background:transparent; cursor:pointer; *overflow:visible}
button::-moz-focus-inner {border:0; padding:0} /* firefox fix */
header, footer, section, article, figure, form, fieldset {display:block}
hr, form, fieldset, img {border:0 none}
hr {display:none}
textarea {overflow:auto}
caption, figcaption {display:none} 
em, address {font-style:normal}
label {cursor:pointer}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */
:focus {outline:0 none}
a {background:none;}

/* Common */
body, a, button, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=file], select, textarea {font:300 15px/1.0em 'Noto Sans KR', sans-serif; color:#000;}
*[lang=en] { font-family: 'Open Sans', sans-serif !important; }
a {text-decoration:none;}

div.container {position:relative; width:950px; margin:0 auto;}
div.container:after {clear:both; display:block; content:"";}

.sound_only, .cke_sc {display:none;}

/* Header */
#header {position:absolute; width:100%; height:80px; background:rgba(0,0,0,0.8); z-index:10; overflow:hidden; transition:height .3s;}
#header h1 {position:absolute; left:0; top:28px;}

#gnb {position:absolute; right:0; top:31px;}
#gnb > ul > li {position:relative; float:left;}
#gnb > ul > li + li {margin-left:90px;}
#gnb > ul > li > a {color:#fff; font-size:16px;}
#gnb > ul > li:hover > a, #gnb > ul > li.on > a {color:#ffde00;}
#gnb > ul > li > ul {margin-top:40px; transition:margin-top .3s;}
#gnb > ul > li > ul > li > a {color:rgba(255,255,255,.7); font-size:14px; line-height:1.8;}
#gnb > ul > li > ul > li > a:hover {color:rgba(255,255,255,1);}

#header:hover {height:230px;}
#header:hover #gnb > ul > li > ul {margin-top:20px;}

/* Body */
#content {position:relative; width:100%;}
#content.here-comes-admin {margin-top:30px;}
#content hgroup {width:100%; height:230px; background-color:#888; background-size:cover;}
#content hgroup.company {background-image:url("../_img/company/visual-company.png");}
#content hgroup.business {background-image:url("../_img/business/visual-business.png");}
#content hgroup.performance {background-image:url("../_img/performance/visual-performance.png");}
#content hgroup.library {background-image:url("../_img/library/visual-library.png");}
#content hgroup.community {background-image:url("../_img/community/visual-community.png");}
#content hgroup h2 {width:950px; height:65px; padding-top:165px; margin:0 auto; line-height:0;}

#cnt-container {width:950px; min-height:800px; height:auto !important; height:800px; margin:0 auto; padding:30px 0 100px; z-index:0;}
#cnt-container > h1 {height:50px; margin:50px 0 50px; border-bottom:20px solid #eee; font-size:32px; letter-spacing:-2px;}
#lnb {position:relative; width:342px; z-index:100;}
#lnb ul {display:none; position:absolute; left:0; top:48px; width:342px; background:#000; z-index:1000;}
#lnb ul li {width:342px; height:40px;}
#lnb ul li a {display:block; height:30px; padding:10px 0 0 17px; color:#fff; font-size:14px;}
#lnb ul li a:hover {color:#ffde00;}
#here {width:325px; height:33px; padding:15px 0 0 17px; background:#000 url("../_img/common/here-arrow-down.png") 313px center no-repeat; color:#fff; cursor:pointer; transition:color,border,background 0.5s ease;}
#here.on {width:323px; height:31px; border:1px solid #000; background:#fff url("../_img/common/here-arrow-up.png") 313px center no-repeat; color:#000;}

#cnt-real {width:100%;}

/* Footer */
#footer {position:relative; width:100%; height:80px; background:#ccc;;}
#footer h1 {position:absolute; left:0; top:35px;}
#footer address {position:absolute; left:190px; top:25px; font-size:13px; line-height:1.5;}
#footer address span + span {margin-left:20px;}
#footer a.contact {display:block; position:absolute; right:0; top:35px; font-size:24px; font-weight:700; color:#888;}

/* Main */
article.cnt-main {width:100%; height:723px; background-size:cover;}
article.cnt-main h1 {position:absolute; line-height:0;}
article.cnt-main p.t-box {position:absolute; top:464px; width:335px; height:33px; padding-top:15px; background:rgba(0,0,0,0.8); text-align:center; color:#fff;}
article.cnt-main ul {position:relative;}
article.cnt-main ul li {position:absolute;}
#main01 {background-image:url("../_img/main/bg-01.png");}
#main01 h1 {top:262px; right:0;}
#main01 p {right:0;}
#main02 {background-image:url("../_img/main/bg-02.png");}
#main02 h1 {top:262px; left:0;}
#main02 p {left:0;}
#main03 {background-image:url("../_img/main/bg-03.png");}
#main03 h1 {top:100px; left:50%; margin-left:-113px;}
#main03 ul li {width:200px; height:200px; border:1px solid #fff; border-radius:100px; cursor:pointer;}
#main03 ul li:first-child {top:200px; left:0;}
#main03 ul li:nth-child(2) {top:200px; left:50%; margin-left:-100px;}
#main03 ul li:nth-child(3) {top:200px; right:0;}
#main03 ul li:nth-child(4) {top:430px; left:50%; margin-left:-287.5px;}
#main03 ul li:nth-child(5) {top:430px; left:50%; margin-left:87.5px;}
#main03 ul li dl dt {height:60px; padding-top:70px; text-align:center; font-size:14px; font-weight:700; line-height:1.3em; color:#fff;}
#main03 ul li dl dt.sgl {height:55px; padding-top:75px;}
#main03 ul li dl dd {text-align:center; color:#fff;}
#main04 {background-image:url("../_img/main/bg-04.png");}
#main04 h1 {top:100px; left:50%; margin-left:-149px;}
#main04 p {position:absolute; top:310px; left:50%; margin-left:-396.5px;}
#main05 {background-image:url("../_img/main/bg-05.png");}
#main05 ul li {width:421px;}
#main05 ul li:first-child {top:80px; left:6px;}
#main05 ul li:nth-child(2) {top:80px; right:0;}
#main05 ul li:nth-child(3) {top:400px; left:6px;}
#main05 ul li:nth-child(4) {top:400px; right:0;}
#main05 ul li dl dd {padding-top:20px; text-align:center;}
#main05 ul li dl dd span {padding-right:10px; letter-spacing:1px; font-weight:600;}
#main05 ul li dl dd a {color:#fff;}

#main-new {position:relative; height:900px; z-index:0;}
#main-new ul.show {position:relative; z-index:1;}
#main-new ul.show > li {position:absolute; left:0; top:0; right:0; height:670px; padding-top:230px; opacity:0; transition:opacity 2.5s;}
#main-new ul.show > li.previous {opacity:1;}
#main-new ul.show > li.on {opacity:1; transition:opacity 2.5s;}
#main-new ul.show > li:first-child {background:url("../_img/main/new-01.png") center center no-repeat; background-size:cover;}
#main-new ul.show > li:nth-child(2) {background:url("../_img/main/new-02.png") center center no-repeat; background-size:cover;}
#main-new ul.show > li:nth-child(3) {background:url("../_img/main/new-03.png") center center no-repeat; background-size:cover;}
#main-new ul.show > li:nth-child(4) {background:url("../_img/main/new-04.png") center center no-repeat; background-size:cover;}
#main-new ul.show > li div {position:absolute; width:100%; text-align:center;}
#main-new ul.show > li div p {width:335px; height:33px; margin:30px auto 0; padding-top:15px; background:rgba(0,0,0,0.8); text-align:center; color:#fff;}
#main-new nav {display:none; position:absolute; top:800px; left:50%; background:#ccc;}
#main-new nav ul { text-align: center; }
#main-new nav ul li { display: inline-block; }
#main-new nav ul li.on {background:#000;}
#main-new nav ul li + li { margin-left: 10px; }
#main-new nav ul li button {height:50px;}
#main-new nav .prev {position:absolute; left:-250px; bottom:0; width:50px; height:50px;}
#main-new nav .next {position:absolute; right:-250px; bottom:0; width:50px; height:50px;}

#main-new ul.link {position:relative; width:1000px; margin:0 auto; padding-top:450px; z-index:2;}
#main-new ul.link li {float:left; width:170px; height:170px; background:transparent; border:1px solid #fff; border-radius:100px; cursor:pointer; transition:background .5s, border-color .5s;}
#main-new ul.link li + li {margin-left:35px;}
#main-new ul.link li dl dt {height:60px; padding-top:55px; text-align:center; font-size:14px; font-weight:700; line-height:1.3em; color:#fff;}
#main-new ul.link li dl dt.sgl {height:55px; padding-top:60px;}
#main-new ul.link li dl dd {text-align:center; color:#fff;}
#main-new ul.link li:hover {background:rgba(0,0,0,.8); border-color:rgba(0,0,0,.8);}

#main-new div.txt {position:absolute; width:100%; text-align:center;}
#main-new div.txt {top:180px;}
#main-new div.txt p.t-box {width:335px; height:33px; margin:30px auto 0; padding-top:15px; background:rgba(0,0,0,0.8); text-align:center; color:#fff;}

/* Company */
h2.grt-h {width:100%; height:165px; padding-top:70px; background:url("../_img/company/greetings-img-01.png") right top no-repeat; font-size:30px; color:#0074be; }
p.grt-txt {width:100%; text-align:justify; line-height:2.0em;}
figure.grt-pic {margin-top:50px; padding-bottom:70px; line-height:0;}

ul.ovw-wrap {width:450px; padding:0 500px 77px 0; background:url("../_img/company/overview-img-01.png") right bottom no-repeat;}
ul.ovw-wrap li {width:100%; padding-bottom:25px; border-bottom:1px solid #ccc;}
ul.ovw-wrap li + li {margin-top:25px;}
ul.ovw-wrap dl:after {clear:both; display:block; content:"";}
ul.ovw-wrap dl dt {float:left; width:120px; font-weight:600; line-height:1.5;}
ul.ovw-wrap dl dd {float:left; line-height:1.5;}

div.hst-wrap {margin-top:50px;}
div.hst-wrap:first-child {margin-top:0; padding-left:400px; background:url("../_img/company/history-img-01.png") left top no-repeat;}
div.hst-wrap:nth-child(2) {padding-right:400px; background:url("../_img/company/history-img-02.png") right top no-repeat;}
div.hst-wrap:nth-child(3) {padding-left:400px; background:url("../_img/company/history-img-03.png") left top no-repeat;}
div.hst-wrap:nth-child(4) {padding-right:400px; background:url("../_img/company/history-img-04.png") right top no-repeat;}
div.hst-wrap h2 {height:40px; font-size:40px; font-weight:800; color:#ccc;}
div.hst-wrap ul {width:550px; padding-bottom:50px; border-bottom:1px solid #ccc;}
div.hst-wrap ul + h2 {margin-top:50px;}
div.hst-wrap li + li {margin-top:5px;}
div.hst-wrap dl:after {clear:both; display:block; content:"";}
div.hst-wrap dl dt {float:left; width:30px; font-size:16px; font-weight:700; line-height:1.5em;}
div.hst-wrap dl dd {float:left; line-height:1.5em; letter-spacing:1px;}

ol.ogn-wrap {position:relative; width:950px; background:url("../_img/company/organization-line.png") center 104px no-repeat;}
ol.ogn-wrap > li {width:400px; margin:0 auto; text-align:center; font-size:24px; color:#fff;}
ol.ogn-wrap > li:first-child {height:63px; padding-top:43px; background:#0074be;}
ol.ogn-wrap > li:nth-child(2) {height:60px; margin-top:56px; padding-top:40px; background:#88ba61;}
ol.ogn-wrap > li:nth-child(3) {width:950px !important; padding-top:68px;}
ol.ogn-wrap > li ul {width:100%;}
ol.ogn-wrap > li ul:after {clear:both; display:block; content:"";}
ol.ogn-wrap > li ul li {float:left; width:290px;}
ol.ogn-wrap > li ul li + li {margin-left:40px;}
ol.ogn-wrap > li ul li dl dt {width:100%; height:110px; padding-top:90px;}
ol.ogn-wrap > li ul li:first-child dl dt {background:#aaa url("../_img/company/organization-img-01.png") no-repeat;}
ol.ogn-wrap > li ul li:nth-child(2) dl dt {background:#aaa url("../_img/company/organization-img-02.png") no-repeat;}
ol.ogn-wrap > li ul li:nth-child(3) dl dt {background:#aaa url("../_img/company/organization-img-03.png") no-repeat;}
ol.ogn-wrap > li ul li dl dd {width:100%; height:180px; padding-top:45px; background:#999; font-size:15px; line-height:2.0em;}

figure.map + figure.map {margin-top:80px;}
figure.map div.wrap {width:950px; height:350px;}
figure.map figcaption {display:block; margin-top:30px;}
figure.map figcaption dt {height:20px; font-weight:500;}
figure.map figcaption dd {padding-top:10px; letter-spacing:0.5px;}
figure.map figcaption li {margin-top:5px; letter-spacing:1px;}

/* Performance */
table.pfm-list {width:100%; margin:0 auto; border-collapse:collapse; table-layout:fixed;}
table.pfm-list th {height:50px; background:#555; color:#fff;}
table.pfm-list td {height:49px; border-bottom:1px solid #e3e3e3; text-align:center;}
table.pfm-list td.sbj {text-align:left;}

#adm-login {position:fixed; left:0; top:0; width:100%; height:30px; padding:0 10px; background:#ffde00; color:#000; font-size:14px; line-height:30px; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:9999;}
#adm-login a {display:inline-block; padding:0 10px; background:#000; color:#fff; line-height:30px;}