@charset "utf-8";
/* @import url(../../../fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(normalize.css);
@import url(stylesheets/NotoSansKR-Hestia.css);

html, body {font-family:'Noto Sans KR', sans-serif; -webkit-tap-highlight-color:transparent; font-weight:400;}
button {border:none; background:transparent;}
h1, h2, dl, dt, dd, ul, ol, li, p {margin:0; padding:0; list-style-type:none;}
button, input, optgroup, select, textarea {font-family:'Noto Sans KR', sans-serif;}
a {text-decoration:none;}
img {vertical-align:top;}
i, em {font-style:normal;}

/* Swipe works with mouse as well but often causes text selection. */
#demo-page * {
    /*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;Noto Sans TC
        */
    -webkit-tap-highlight-color:transparent;
}

#demo-page .ui-header .ui-btn-inner {
    border: none;
}

.mt50 {margin-top:50px !important;}



.blind {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);}
.bold {font-weight:600;}
.hideMo {display:none;}

.mainTopBanner {display:none;}
.btnTop {display:block; opacity:0; position:fixed; right:20px; bottom:100px; width:30px; height:30px; background:url(../img/btn_top_m.png) no-repeat left top; background-size:30px; z-index:999;}

.wrap {overflow:hidden; min-width:320px;}

.header {position:fixed; top:0; left:0; right:0; width:100%; z-index:500; transition:background .3s}
.header .logo {height:3.846rem;}
.header .logo a {display:block; position:absolute; top:20px; width:112px; height:28px; background:url(../img/logo_m.png) no-repeat left top; background-size:112px;}
.body.sub .header .logo a {background-image:url(../img/logo_on.png);}
.body.sub .header .gnb > li > a {color:#13426b;}
.body.sub #demo-page .ui-header .ui-btn {background:url("../img/menu_btn_m.png") no-repeat; background-size:25px;}
.header .openGNB {position:absolute; right:1.538rem; top:1.615rem; width:22px; height:13px; background:url(../img/btn_menu_open.gif) no-repeat left top; background-size:auto 13px;}
.header .closeGNB {position:absolute; right:1.769rem; top:1.538rem; width:15px; height:16px; background:url(../img/btn_menu_close.png) no-repeat left top; background-size:15px auto;}
.header nav {display:none; position:fixed; width:100%; top:3.846rem; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.header .gnb {text-align:center;}
.header .gnb a {display:block; padding:1.154rem}
.header .gnb > li > a {background:#fff; color:#000;}
.header .gnb .depth2 {border-top:1px solid #d8d8d8;}
.header .gnb .depth2 li {border-bottom:1px solid #d8d8d8;}
.header .gnb .depth2 a {background:#f2f2f2; color:#666;}
.header .language {position:absolute; top:1.3814rem; right:65px;}
.header .language a {position:relative; margin-left:0.7692rem; padding-left:0.8462rem; font-size:0.9231rem; color:#272727;}
.header .language a:after {display:block; content:''; width:1px; height:0.8462rem; position:absolute; left:0; top:50%; margin-top:-0.4231rem; background:#d8d8d8;}
.header .language a:first-child {margin-left:0; padding-left:0;}
.header .language a:first-child:after {display:none;}
.header .language a.on {color:#004f9f;}
.header .closeGNB,
.header .language {display:none;}

.header.on, .header.active {background-color:#fff;}
.header.on:after {content:''; position:absolute; left:0; right:0; top:3.846rem; width:100%; height:1px; background:#d8d8d8;}
.header.on .logo a, .header.active .logo a {background-image:url(../img/logo_on.png)}
.header.active .openGNB {background-image:url(../img/btn_menu_open_active.gif);}
.header.on .openGNB {display:none;}
.header.on nav,
.header.on .closeGNB,
.header.on .language {display:block;}

.footer {position:relative; padding:15px 0.0625rem; letter-spacing:0; background:#fff;}
.footer .util {margin-top:0.3846rem; margin-bottom:1.154rem;}
.footer .util a { position:relative;margin-left: 4px;padding-left: 6px;font-size:0.7692rem;color:#000;font-weight:100; }
.footer .util a:after {display:block; content:''; width:1px; height:0.8462rem; position:absolute; left:0; top:50%; margin-top:-0.4231rem; background:#d8d8d8;}
.footer .util a:first-child {margin-left:0; padding-left:0;}
.footer .util a:first-child:after {display:none;}
.footer .address {font-size:0.6154rem; line-height:1.154rem; color:#000; font-weight:100;}
.footer .copyright {font-size:0.6154rem; line-height:1.154rem; color:#666; font-weight:100;}
.footer .openFamilySite { position:absolute;right:1.538rem;top:0.7692rem;width: 94px;height:1.846rem;line-height:1.846rem;padding: 0 6px;border:1px solid #adadad;font-size:0.7692rem;color:#666;text-align:left; }  /* 2019-05-22 수정 */
/*.footer .openFamilySite {position:absolute; right:1.538rem; top:0.7692rem; width:9.385rem; height:1.846rem; line-height:1.846rem; padding:0 0.7692rem; border:1px solid #adadad; font-size:0.7692rem; color:#666; text-align:left;} */  /* 2019-05-22 주석 */
.footer .openFamilySite span {display:block; background:url(../img/ico_family.png) no-repeat right center; background-size:6px auto;}
.footer .familySite {position:fixed; top:0; right:0; bottom:0; left:100%; overflow-y:auto; width:100%; background:#fff; z-index:600;}
.footer .familySite .realSize {width:100%;}
.footer .familySite.mOn {display:block; top:0 !important; left:0; animation:menuOpen .5s cubic-bezier(0.250, 0.460, 0.450, 0.940); -webkit-overflow-scrolling:touch; z-index:999;}
.footer .familySite.mOff {left:100%; animation-name:menuClose; animation-duration:.5s; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.footer .familySite h1 {padding:1.769rem 0 1.154rem 1.538rem; border-bottom:1px solid #d8d8d8; font-size:1rem;}
.footer .familySite a {display:block; color:#000;}
.footer .familySite .subHead {display:block; padding:1.238rem;border-bottom:1px solid #d8d8d8; background:#fff; color:#000;}
.footer .familySite ul {display:none;}
.footer .familySite ul li {border-bottom:1px solid #d8d8d8;}
.footer .familySite ul li a {background:#f2f2f2; color:#666; padding:1.238rem;}
.footer .familySite .subHead a {padding:0;}
.footer .closePop {position:absolute; right:1.538rem; top:2rem; width:15px; height:16px; background:url(../img/btn_menu_close.png) no-repeat left top; background-size:15px auto;}

.accordion {position:relative;}
.accordion .ico {display:block; position:absolute; top:50%; right:1.538rem; width:16px; height:9px; margin-top:-4.5px; background:url(../img/ico_acco.png) no-repeat left top; background-size:16px auto; transition:all .45s;}
.accordion.on .ico {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

@keyframes menuClose {
    from {left:0%;}
    to {left:100%;}
}
@keyframes menuOpen {
    from {left:100%;}
    to {left:0%;}
}


/* bxSlider */
.bx-wrapper {margin-bottom:2.5rem;}
.bx-wrapper .bx-viewport {border:0; left:0;}
.bx-wrapper .bx-pager {padding-top:1.5rem;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#666;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#c9c5bf; margin:0 0.4rem; border-radius:50%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center; width:100%;}
.bx-wrapper .bx-controls-auto a {margin-right:1rem;}
.bx-wrapper .bx-controls-auto .bx-stop {width:10px; height:10px; margin:0; background:url("../img/btn_stop_m.png") no-repeat center; background-size:8px auto;}
.bx-wrapper .bx-controls-auto .bx-start {width:10px; height:10px; margin:0; background:url("../img/btn_play_m.png") no-repeat center; background-size:8px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:1.1rem; left:50%; margin-left:2.438rem;}
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-start.active {display:none; background-position:center;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-start:hover {background-position:center;}

.mainVisualList li {overflow:hidden; height:275px; position:relative;}
.mainVisualList img {height:100%; position:absolute; left:50%; margin-left:-500px;}
.mainVisualList .txtWrap {position:absolute; top:6.154rem; left:1.538rem; color:#fff;}
.mainVisualList .txtWrap strong {font-size:2.308rem}
.mainVisualList .txtWrap p {line-height:1.538rem;}

.main .visual .bx-wrapper {margin-bottom:0;}
.main .visual .bx-wrapper .bx-pager,
.main .visual .bx-wrapper .bx-controls-auto {bottom:1.923rem;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a {border:2px solid #fff; background-color:transparent; margin:0 0.3125rem; box-sizing:border-box;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main .visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:16px; border-radius:5px;}
.main .visual .bx-wrapper .bx-viewport {border:none; box-shadow:none; -webkit-box-shaodw:none; position:static !important;}
.main .visual .bx-wrapper img {max-width:none;}



/* sub */
.subContainer {position:relative; padding:45px 0 0;}
.subContainer .contents {}
.subContainer .head {display:block; margin-bottom:0.7692rem; font-weight:600; color:#004f9f; text-align:center;}
.subContainer .subHead {display:block; margin-bottom:0.7692rem; line-height:1.538rem; font-weight:600; color:#3c9cf0; text-align:center;}
.subContainer .para {line-height:1.538rem; color:#272727;}

.subVisual {position:relative; text-align:center;}
.subVisual .subTopWrap {display:table; margin:0 auto; height:174px; padding-top:3.846rem; overflow:hidden;}
.subVisual .tit {display:table-cell; width:100%; vertical-align:middle;}
.subVisual .tit h1, .subVisual .tit p {font-size:2.625rem; vertical-align:middle; color:#13426b; font-weight:600; box-sizing:border-box;}
.subVisual .tit p {font-weight:300; font-size:1rem; line-height:1.667rem;}
.subVisual .img {overflow:hidden; position:absolute; bottom:0; width:100%; height:125px; text-align:center; z-index:-1;}
.subVisual .img img {height:100%; position:absolute; left:50%; margin-left:-521px; z-index:-1;}

/* lnb */
.lnb {position:absolute; left:0; right:0; top:0; width:100%; height:45px; border-bottom:1px solid #e8e8e8; background:#fff; z-index:400;}
.lnb:before {display:block; content:''; position:absolute; left:0; top:0; bottom:0; width:20px; background:url(../img/bg_lnb_left.png) repeat-y left top; background-size:20px auto; z-index:5;}
.lnb:after {display:block; content:''; position:absolute; right:0; top:0; bottom:0; width:20px; background:url(../img/bg_lnb_right.png) repeat-y right top; background-size:20px auto; z-index:5;}
.lnb ul {padding:0 1.538rem; background:#fff;}
.lnb ul li {float:left; width:auto; margin-left:2rem; background:#fff;}
.lnb ul li:first-child {margin-left:0;}
.lnb ul li a {display:block; padding:0.833rem 0; color:#666; font-weight:300; font-size:1rem; letter-spacing:0; }
.lnb ul li.on {border-bottom:2px solid #004f9f; box-sizing:border-box;}
.lnb ul li.on a {color:#004f9f; font-weight:600;}
.lnb ul li:last-child {margin-right:2.5rem;}
.swiper-container {width:100%; height:45px; background:#fff;}


/* history */
.history {position:relative; margin:0 -1.25rem; padding:0 1.538rem 3.846rem 3.692rem; background:url(../img/bg_history_m.jpg) no-repeat left bottom; background-size:320px auto;}
.history > li {position:relative; padding:0 0 2.308rem 0;}
.history > li:after {content:''; display:block; position:absolute; top:0px; bottom:0; left:0; width:1px; background:#ccc;}
.history > li:first-child {padding-top:0;}
.history > li:first-child:after {top:0.6154rem;}
.history > li:last-child {margin-top:-0.4615rem;}
.history > li:last-child:after {display:none;}
.history .year {display:block; position:relative; margin-bottom:0.6923rem; padding-left:3.231rem; font-size:1.231rem; color:#1fa5ff;}
.history .year:before {content:''; display:block; position:absolute; left:-0.1538rem; top:0.6154rem; width:0.3846rem; height:0.3846rem; background:#1fa5ff; border-radius:100%; z-index:10;}
.history .year:after {content:''; display:block; position:absolute; left:-0.3077rem; top:0.4615rem; width:0.5385rem; height:0.5385rem; border:1px solid #1fa5ff; border-radius:100%; z-index:10;}
.history .thumb {width:58px; height:58px; position:absolute; left:0; top:0; margin-left:-29px; z-index:10;}
.history .thumb img {width:100%;}
.history .circleList {padding-left:3.231rem;}
.circleList li {position:relative; margin-top:0.5385rem; padding-left:0.5385rem; color:#272727;}
.circleList li:after {content:''; display:block; position:absolute; left:0; top:0.3846rem; width:0.2308rem; height:0.2308rem; background:#004f9f; border-radius:100%;}
.circleList li:first-child {margin-top:0;}
strong.blue {font-weight:300; color:#004f9f;}


/* R&D */
.rnd {margin-bottom:3.846rem;}
.rnd .subHead {text-align:left;}
.rnd .pipe.pc {display:none;}
.progBox {margin-top:1.154rem; padding-top:1.154rem; border-top:1px solid #ccc;}
.progBox:first-of-type {margin-top:0; padding-top:0; border-top:none;}
.progBar {margin:1.154rem 0;}
.progBar ol {overflow:hidden;}
.progBar li {float:left; position:relative; padding-bottom:15px; background:url(../img/bg_progbar.gif) repeat-x left bottom; background-size:auto 12px;}
.progBar li:before {display:block; content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#fff;}
.progBar li:first-child:after {display:none;}
.progBar li:nth-of-type(1) {width:23%;}
.progBar li:nth-of-type(2) {width:23%;}
.progBar li:nth-of-type(3) {width:18%;}
.progBar li:nth-of-type(4) {width:18%;}
.progBar li:nth-of-type(5) {width:18%;}
.progBar li.done {background-image:url(../img/bg_progbar_on.gif);}
.progBar li.ing {background-image:url(../img/bg_progbar_on.gif);}
.progBar li.ing:after {display:block; content:''; position:absolute; right:0; bottom:0; width:15px; height:12px; background:url(../img/bg_progbar_last.gif) no-repeat right center; background-size:15px 12px;}
.progBar li:first-child.ing:after {right:-7px;}
.progBar li > span {font-size:0.7692rem; color:#004f9f;}



.performance .head {margin-bottom:1.923rem; font-size:1.077rem; color:#004f9f; text-align:left;}
.performance li {position:relative; padding:0 0 1.923rem 3.077rem;}
.performance li:after {display:block; content:''; position:absolute; left:15px; top:0; bottom:0; width:1px; background:#3c9cf0;}
.performance li:last-child:after {display:none !important;}
.performance .badgeWrap {position:absolute; left:0; display:table; width:31px; height:36px; z-index:5;}
.performance .badge {display:table-cell; width:31px; height:36px; background:url(../img/ico_badge_gray.png) no-repeat left top; background-size:31px 36px; font-size:9px; color:#fff; text-align:center; box-sizing:border-box; vertical-align:middle;}
.performance .ing .badge {background-image:url(../img/ico_badge_sky.png)}
.performance .badge i {display:block; font-style:normal;}
.performance .para {color:#272727;}
.performance .para > span {display:block; margin-top:0.3846rem; font-size:0.8462rem;}
.performance .para .desc {color:#656565;}

.performance .best .badge {background-image:url(../img/ico_badge_blue.png)}
.performance .best .para strong {display:block; margin-bottom:5px; color:#004f9f;}

.performance .complete {margin:0 -1.538rem 0; padding:1.923rem 1.538rem 1.538rem; background:url(../img/bg_performance_m.jpg) no-repeat center top; background-size:cover;}
.performance .complete li:after {background:#999;}

/* notice */
.notice {margin:-3.231rem 0 3.846rem;}
.notice .list {margin-bottom:1.923rem;}
.notice .list .notiWrap {position:relative; padding:2.154rem 0 0.7692rem; border-bottom:1px solid #ccc}
.notice .list .notiWrap a:active, .notice .list .notiWrap a:visited {color:#272727;}
.notice .list .tag {position:absolute; left:0; top:0.7692rem; font-size:0.8462rem; color:#1fa5ff;}
.notice .list .tag.type2 {color:#fc650c;}
.notice .list .num {display:none;}
.notice .list .title .txt {color:#272727;}
.notice .list .date {position:absolute; left:2.077rem; top:0.8462rem; padding-left:0.5385rem; font-size:0.8462rem; color:#656565;}
.notice .list .date:after {display:block; content:''; position:absolute; left:0; top:1px; width:1px; height:0.6923rem; background:#d0d0d0;}
.noticeHead {display:none;}
.notice .list.viewHead {margin-bottom:0;}

.noticeView {padding:1.923rem 0; border-bottom:1px solid #ccc; font-size:1rem; line-height:1.538rem; color:#272727;}

.btnArea {margin-top:1.923rem; text-align:center;}
.btnDefault {display:inline-block; width:6.923rem; height:1.923rem; line-height:1.923rem; font-size:0.7692rem; color:#333; text-align:center;}

.paging {text-align:center;}
.paging a {display:inline-block; width:29px; height:29px; margin:0 1px; border:1px solid #ccc; background:#fff; line-height:27px; color:#272727; box-sizing:border-box; vertical-align:middle;}
.paging a.first {background:url(../img/ico_paging_first.gif) no-repeat center; background-size:28px;}
.paging a.prev {background:url(../img/ico_paging_prev.gif) no-repeat center; background-size:28px;}
.paging a.next {background:url(../img/ico_paging_next.gif) no-repeat center; background-size:28px;}
.paging a.last {background:url(../img/ico_paging_last.gif) no-repeat center; background-size:28px;}
.paging a.on {background:#004f9f; color:#fff;}










html, body {font-size:14px; letter-spacing:-0.05em; word-break:keep-all;}
.body {overflow:hidden;}
.body .realSize {width:90.625%; margin:0 auto;}
.body .paging_wrap.realSize {text-align:center;}
.ui-loader {display:none;}
.ui-btn-left {display:block;}

.pc_v {display:none;}
.m_v {display:block;}

.tac {text-align:center;}

.dim_wrap.on {display:block;}
.dim_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:url("../img/sitemap_bg.png") repeat; z-index:9999; display:none;}
.dim_wrap span {display:block; text-align:right; margin-top:1rem !important;}
.dim_wrap ul.gnb {overflow:hidden; width:100%; margin:0 5%;}
.dim_wrap ul.gnb li {width:40%; display:inline-block; float:left; text-align:center; margin-left:10%;}
.dim_wrap ul.gnb li:nth-child(3) {clear:both; margin-left:0;}
.dim_wrap ul.gnb li:nth-child(3) {margin-top:40px;}
.dim_wrap ul.gnb li:nth-child(4) {margin-top:40px;}
.dim_wrap ul.gnb li:first-child {margin-left:0;}
.dim_wrap ul.gnb li a {font-size:1.417rem; color:#fff; font-weight:400;}
.dim_wrap ul.depth2 {border-top:1px solid #2c567a; overflow:hidden; padding-top:1rem; margin-top:1rem;}
.dim_wrap ul.depth2 li {width:100%; margin-left:0; margin-top:0 !important;}
.dim_wrap ul.depth2 li a {font-size:1.083rem; color:#648ca6; font-weight:400; line-height:1.5; padding-bottom:0.01rem;}
.dim_wrap .close_btn img {cursor:pointer;}


#demo-page .ui-header .ui-btn {top:26px; width:25px; height:15px; background:url("../img/menu_btn.png") no-repeat; background-size:100% 100%; z-index:501;}

h2.s_title {color:#333333; font-weight:500; font-size:1.417rem; margin-top:2rem !important;}
h2.s_title + ul.main {margin-top:2rem;}

h2.s_title.tac {text-align:left;}

.contents p.con_txt {font-size:1.083rem; line-height:1.667rem; color:#666; font-weight:300;}
.contents h2.s_title + p.con_txt {}
.contents p.port_txt {margin-top:1rem; padding-bottom:45px;}
.contents p.port_txt .info {font-size:1.083rem; line-height:1.6667rem; color:#666; font-weight:300; letter-spacing:0; display:block;}
.contents p.port_txt .info em {color:#333; font-weight:400;}
.contents .motionWrap {position:relative;}
.contents .motionWrap .height_box {display:table; position:absolute; left:0; height:365px; z-index:1;}
.contents .motionWrap .txt {display:table-cell; vertical-align:middle;width:560px; font-size:4em; line-height:1; font-weight:600; color:#a9d2ee; letter-spacing:-0.05em;}
.contents .motionWrap .txt span {}
.contents .motionWrap .txt span:after {clear:both; content:""; display:block;}
.contents .motionWrap .imgWrap {position:relative; z-index:0; margin-left:13.57%; padding-top:2rem; padding-bottom:0;}
.contents .motionWrap .imgWrap img {height:310px;}

.port_contents {text-align:center; position:relative; padding-bottom:2rem;}
.port_contents img {z-index:2; position:relative; width:90.625%; margin:0 auto;}
.port_contents .bg_color {width:100%; height:18rem; top:0;}
.port_contents .bg_color {position:absolute; top:0; z-index:1;}
.port_contents .c_f45a40 {background:#f45a40;}
.port_contents .c_14446c {background:#14446c;}
.port_contents .c_68a5d4 {background:#68a5d4;}
.port_contents .c_ff7923 {background:#ff7923;}
.port_contents .c_58cacb {background:#58cacb;}
.port_contents .news_txt {font-size:1rem; line-height:1.667rem; width:90.625%; margin:0 auto; text-align:left; color:#666; word-break:break-all;}
.port_contents .news_txt img {width:100%;}
.port_contents .news_letter_contents_v1 table {width:100%;}
.port_contents .news_letter_contents_v1.pc_news_link {display:none;}
.port_contents .news_letter_contents_v1.mobile_news_link {display:block; width:100%;}
.port_contents .news_letter_contents_v1 img {width:100%;}
.port_contents .news_letter_contents_v1 table td {vertical-align:top;}
.port_contents .news_letter_contents_v1 img.dot {width:25px;}
.port_contents .news_letter_contents_v1.mobile_news_link p font {color:#000; font-weight:500;}
.port_contents .news_letter_contents_v1.mobile_news_link a {color:#333; font-weight:300;}
.port_contents .news_letter_contents_v1.mobile_news_link a span {font-weight:500; margin-right:5px;}



.bottom_media {background:#f2f2f2; overflow:hidden; padding-bottom:1rem;}
.bottom_media ul.main {overflow:hidden;}
.bottom_media ul.main li {display:inline-block; float:left; background:#fff; width:47.93%; margin-right:4.1%; padding-bottom:1rem; margin-bottom:1rem;}
.bottom_media ul.main li.list2, .bottom_media ul.main li.list4,
.bottom_media ul.main li.list6, .bottom_media ul.main li.list8 {margin-right:0;}
.bottom_media ul.main li p {width:92.80%; margin:0 auto; font-size:1rem; line-height:1.6em;}
.bottom_media ul.main li .subject {color:#999; font-weight:500; margin-top:1rem;}
.bottom_media ul.main li .title {color:#333; font-weight:500;}
.bottom_media ul.main li .sub_txt {margin-top:0.7rem; font-weight:300; color:#999;}
.bottom_media ul.main li img {width:100%;}
.bottom_media .checkbox {padding:2rem 0;}
.bottom_media .checkbox h2.tac {margin-top:4rem !important; text-align:center !important;}
.bottom_media .checkbox .con_txt.tac {margin-top:0.3rem;}
.bottom_media .checkbox .news_sort {position:relative;}
.bottom_media .checkbox .news_sort li {padding-left:15px; margin-right:15px; background:url("../img/icon_dot.png") 0 50% no-repeat; display:inline-block; font-weight:300; font-size:1rem;}
.bottom_media .checkbox .news_sort li:first-child {padding-left:0; background:none;}
.bottom_media .checkbox .news_sort li.on a {color:#333;}
.bottom_media .checkbox .news_sort li a {color:#999;}
.bottom_media .checkbox .news_sort .search_wrap {position:relative; width:100%; padding:1.5rem 0 0; overflow:hidden;}
.bottom_media .checkbox .news_sort .search_wrap input {width:100% !important; height:39px; line-height:39px; color:#ccc; font-weight:300; border:none; border-bottom:1px solid #ccc; background:#f2f2f2; display:inline-block; font-size:1rem;}
.bottom_media .checkbox .news_sort .search_wrap input:focus { color:#333; }
.bottom_media .checkbox .news_sort .search_wrap .btn_search {width:10%; height:42px; display:inline-block; float:left; background:url("../img/search_btn.png") 0 bottom no-repeat; text-indent:-9999px; overflow:hidden;}
.bottom_media .checkbox .news_sort .search_wrap input {display:inline-block; float:left; width:89% !important;}
.chLine:first-child {display:block;}


.partWrap {padding-bottom:60px;}
.partner_wrap {overflow:hidden; padding-bottom:2rem; margin-top:1.2rem;}
.partner_wrap li {width:47.81%; height:60px; display:inline-block; float:left; border:1px solid #e1e1e1; margin-right:2.85%; margin-top:0.8rem;}
.partner_wrap li.list2, .partner_wrap li.list4,
.partner_wrap li.list6, .partner_wrap li.list8,
.partner_wrap li.list10, .partner_wrap li.list12,
.partner_wrap li.list14, .partner_wrap li.list16,
.partner_wrap li.list18, .partner_wrap li.list20,
.partner_wrap li.list22, .partner_wrap li.list24,
.partner_wrap li.list26, .partner_wrap li.list28,
.partner_wrap li.list30, .partner_wrap li.list32, .partner_wrap li.list34, .partner_wrap li.list36 {margin-right:0;}
.partner_wrap li span {height:60px; display:flex; text-align:center; width:100%; vertical-align:middle;}
.partner_wrap li span img {margin:0 auto; width:135px;}

.greeting_wrap {background:url("../img/greeting_m_bg.jpg") center top no-repeat; background-size:100%; padding-top:2rem; padding-top:24rem; padding-bottom:2rem;}
.greeting_wrap .animation_element h2 {line-height:1.4; margin-top:0 !important;}
.greeting_wrap .animation_element .con_txt {line-height:1.5; margin-top:1.7rem;}
.greeting_wrap .animation_element .con_txt span.sign {font-weight:400; display:block; margin-top:1.7rem;}
.greeting_wrap .animation_element .con_txt span.sign strong {font-weight:600; font-size:1.083rem; color:#333; margin-left:5px;}
.greeting_wrap .animation_element .con_txt span.sign img {width:80px;}

.mission_wrap {padding:2rem 0;}
.mission_wrap .blue{color:#13426b;}
.mission_wrap .s_title{margin-bottom:30px;margin-top:0 !important;width:100%;line-height:1.4;font-weight:600;}
.mission_wrap .mis_service{}
.mission_wrap .mis_service li{margin-bottom:40px;}
.mission_wrap .mis_service li img{width:100%;display:block;}
.mission_wrap .mis_service dl dt{margin:0.4rem 0 0.2rem;font-size:1.125rem;color:#13426b;font-weight:600;line-height:1.6rem;}
.mission_wrap .mis_service dl dd{font-size:1rem;color:#666;line-height:1.6rem;}
.mission_wrap .mis_service .br_pc{display:none;}

.history_wrap {padding:2rem 0;}
.history_wrap div {overflow:hidden;}
.history_wrap h2.s_title {margin-top:0 !important; text-align:left;}
.history_wrap h3 {width:100%; margin:0; color:#13426b; font-weight:600; font-size:1.417rem; display:block; padding:2rem 0 1rem;}
.history_wrap h3.bottom {border-top:none;}
.history_wrap dl {width:100%; margin-left:0px; display:inline-block; float:left; font-size:1rem; line-height:1.4rem;}
.history_wrap dl dt, .history_wrap dl dd {padding:1rem 0 0.5rem; display:inline-block;}
.history_wrap dl .bottom {border-top:none;}
.history_wrap dl dt {float:left; color:#333; font-size:1.083rem; font-weight:500;}
.history_wrap dl dd {color:#666; font-weight:300;}
.history_wrap dl dd li {padding-bottom:0.5rem;}
.history_wrap dl dd li p {text-indent:-12px;}
.history_wrap {overflow:hidden;}
.history_wrap dt {width:20%; margin-bottom:0;}
.history_wrap dd {color:#666; float:left; width:82%;}

.organWrap {padding:2rem 0;}
.organWrap h2.s_title {text-align:left;}
.organWrap img {width:100%; margin-top:2rem;}

.certifi_wrap {overflow:hidden; padding:2rem 0;}
.certifi_wrap li {width:45%; display:inline-block; float:left; text-align:center; margin-bottom:1rem; margin-left:10%;}
.certifi_wrap li:nth-child(odd) {clear:both; margin-left:0;}
.certifi_wrap li p {color:#13426b; font-size:1.083rem; font-weight:600; padding-top:1rem; margin-top:1rem; background:url("../img/certi_line.gif") 50% top no-repeat;}
.certifi_wrap li p span {display:block; font-size:1rem; line-height:1.5; color:#333; font-weight:300; margin-top:0px;}
.certifi_wrap li p span em {display:block;}
.certifi_wrap li p span.title {color:#13426b; font-weight:500;}





.contents .innerWrap .write_info {position:relative; margin-bottom:1rem; margin-top:0.3rem;}
.contents .innerWrap .write_info em {margin-right:10px;}
.contents .innerWrap {padding-top:0; position:relative;}
.contents .innerWrap .write_info {font-size:1rem; color:#666; font-weight:300;}
.contents .innerWrap .write_info span {display:inline-block; margin-right:15px; margin-top:0.5rem;}
.contents .innerWrap .write_info span.file {padding-right:15px; background:url("../img/icon_file.png") 100% 50% no-repeat;  background-size:11px; color:#333;}
.contents .innerWrap .write_info em {color:#333; font-weight:400;}
.contents p.con_txt {font-size:1rem; line-height:28px;}
.contents p.port_txt {margin-top:20px; padding-bottom:45px;}
.contents p.port_txt .info {font-size:1rem; margin-right:53px; display:inline-block;}
.contents p.port_txt .info em {margin-right:5px;}
.contents p.port_txt .info a {color:#666;}


.business .icon_wrap {overflow:hidden; margin-top:25px;}
.business .icon_wrap li {width:32%; display:inline-block; float:left; margin-right:25%; text-align:center;}
.business .icon_wrap li:nth-child(2n) {margin-right:0;}
.business .icon_wrap li img {width:100%;}
.business .icon_wrap li p {width:100%; font-size:1rem; line-height:1.667rem; color:#333; margin-top:0.8rem; margin-bottom:0.8rem;}

.business dl {font-size:16px; line-height:18px; margin-top:20px;}
.business dl dt, .business dl dd { padding:20px 0 10px;}
.business dl .bottom {border-top:none;}
.business dl dt {color:#333;}
.business dl dd {color:#666; font-weight:300;}
.business dl dd li {padding-bottom:10px;}
.business dl dd li p {text-indent:-11px; margin-left:12px; line-height:1.5;}
.business {overflow:hidden;}
.business dt {float:left; width:23.21%; margin-bottom:0; font-size:1.125rem;}
.business dt > span {display:block;}
.business dd {float:left; width:76%; overflow:hidden; margin-left:0px;}
.business dd a.link {color:#666; background:url("../img/icon_link.gif") 100% 50% no-repeat; padding-right:25px;}
.animation_element + .animation_element h2 {margin-top:1.2rem !important;}

.contactWrap {padding:0px 0 2rem;}
.contactWrap .contact_txt {font-size:1rem; line-height:1.667rem; font-weight:300; color:#666;}
.contactWrap .contact_txt span {font-weight:400; color:#333; width:25.53%; display:inline-block; float:left;}
.contactWrap .s_title + .contact_txt {margin-top:1rem;}
.contactWrap .s_title {margin-top:2rem !important;}
.contactWrap .map {margin-top:1rem; width:110%; margin-left:-5%;}


.m_menu nav a {padding:1rem 11.53%; display:block;}
.m_menu nav li {border-bottom:1px solid #2b557a; padding:0.6rem 0;}
.m_menu ul.depth2 a {color:#648ca6; font-size:0.9rem;}
.m_menu ul.depth2 a:hover {background:#113b60; color:#fff;}
.m_menu ul.depth2 li {border-bottom:none; padding:0;}


/* checkbox */
.flcheckbox {display:inline-block; vertical-align:top; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.flcheckbox .ckbBox {display:inline-block; width:20px; height:20px; margin-right:6px; background:url("../img/checkbox_bg.png") no-repeat; padding:0;}
.flcheckbox.flchecked .ckbBox {background:#fff url('../img/checkbox_on_bg.png') 0 0 no-repeat;}
.flcheckbox.disabled .ckbBox {border:1px solid #ccc; background:#eaeaea none;}
.flcheckbox.disabled .ckbBox {cursor:default;}
.flcheckbox.flchecked + .ckbText {color:#333;}
.flcheckbox .ckbText {display:inline-block; vertical-align:top; margin-top:2px; padding:0; border-bottom:none; width:auto; color:#999;}
.flcheckbox.black .ckbText {color:#333;}
.ui-checkbox {display:inline-block;}
.chLine {width:32%; display:inline-block; margin-bottom:0.5rem;}

/* paging */
.paging_wrap {margin-top:30px;}
.paging_wrap .paging_area{padding-bottom:0px;}
.paging_wrap .paging_area a {display:inline-block; position:relative; min-width:48px; font-size:16px; font-weight:300; color:#333; text-align:center;}
.paging_wrap .paging_area strong{display:inline-block; position:relative; min-width:48px; padding:20px 0; font-size:16px; font-weight:300; color:#333; text-align:center;}
.paging_wrap .paging_area a:hover,
.paging_wrap .paging_area strong.active {border-bottom:1px solid #333;}
.paging_wrap .paging_area .prev{}
.paging_wrap .paging_area .next{}
.paging_wrap .paging_area span{display:inline-block; position:relative; width:6px; height:9px;}
.paging_wrap .paging_area span:hover {}
.paging_wrap .paging_area .prev span{background:url("../img/paging_prev.png") no-repeat center center;}
.paging_wrap .paging_area .prev:hover {border-bottom:none;}
.paging_wrap .paging_area .next span{background:url("../img/paging_next.png") no-repeat center center;}
.paging_wrap .paging_area a.next:hover {border-bottom:none;}


/* animation */
.animation_element {transition:all 700ms; opacity:0;}

.animation_element.delay50 {transition-delay:50ms;}
.animation_element.delay100 {transition-delay:100ms;}
.animation_element.delay150 {transition-delay:150ms;}
.animation_element.delay250 {transition-delay:250ms;}
.animation_element.delay300 {transition-delay:300ms;}
.animation_element.delay350 {transition-delay:350ms;}
.animation_element.delay450 {transition-delay:450ms;}
.animation_element.delay500 {transition-delay:500ms;}
.animation_element.delay550 {transition-delay:550ms;}
.animation_element.delay600 {transition-delay:600ms;}
.animation_element.delay700 {transition-delay:700ms;}
.animation_element.delay750 {transition-delay:750ms;}
.animation_element.delay900 {transition-delay:900ms;}
.animation_element.delay1000 {transition-delay:1000ms;}
.animation_element.delay1050 {transition-delay:1050ms;}
.animation_element.delay1150 {transition-delay:1150ms;}
.animation_element.delay1300 {transition-delay:1300ms;}
.animation_element.delay1400 {transition-delay:1400ms;}
.animation_element.delay1450 {transition-delay:1450ms;}
.animation_element.delay1700 {transition-delay:1700ms;}
.animation_element.delay1850 {transition-delay:1850ms;}
.animation_element.delay2000 {transition-delay:2000ms;}
.animation_element.delay2100 {transition-delay:2100ms;}
.animation_element.delay2300 {transition-delay:2300ms;}
.animation_element.delay2400 {transition-delay:2400ms;}
.animation_element.delay2450 {transition-delay:2450ms;}
.animation_element.delay2550 {transition-delay:2550ms;}
.animation_element.delay3000 {transition-delay:3000ms;}
.animation_element.delay3300 {transition-delay:3300ms;}
.animation_element.delay3450 {transition-delay:3450ms;}
.animation_element.b_to_t {transform:translate(0px, 50px);}
.animation_element.l_to_r {transform:translate(-50px, 0px);}
.animation_element.animation_set {transform:translate(0px, 0px) !important; opacity:1;}


/* onScroll */
.onScroll { position:relative; }
/* .inUp {
  opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.inDown {
  opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
} */
.inLeft {
  opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}
.inRight {
  opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(200px,0,0);
  -webkit-transform: translate3d(200px,0,0);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px,0,0);
}
.onScroll.active {
  opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/* table */

.table.list {margin:0 auto;}
.table.list table {border-collapse:collapse; border-spacing:0; font-size:16px; line-height:16px;}
.table.list .title {padding-left:30px; text-align:left;}
.table.list.news th, .table.list.news td {padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.table.list.news .tal {padding-left:20px; text-align:left;}
.table.list.news .tar {padding-right:20px; text-align:right;}
.table.list.news .bbsViewPaging {margin-top:2rem; width:100%;}
.table.list.news .bbsViewPaging td {font-weight:300; color:#666;}
.table.list.news .bbsViewPaging td a {color:#666; line-height:1.2;}
.table.list.news .bbsViewPaging th {color:#333; font-weight:400; text-align:center;}
.table.list.news .bbsViewPaging th span {font-weight:400;}


.btnArea {margin-top:1.923rem; text-align:center;}
.btnDefault {display:inline-block; text-align:center; color:#333; width:7.5rem; height:2.375rem; line-height:2.375rem; font-size:0.875rem; border:1px solid #ccc;}


.owl_wrap {
    margin:0 auto;
    text-align:left;
    margin:0 auto;
    position:absolute;
    width:90%;
    left:5%;
	position:absolute;
    top:150px;
	color:#fff;
    font-size:1.2rem;
    z-index:3;
}
.owl_wrap h2 {
    margin:0;
    top:10px;
    font-weight:100;
    color:#fff;
    font-size:2.625rem;
    padding-top:5px;
}
.owl_wrap h3 {
    margin:0;
    font-weight:500;
    color:#fff;
    font-size:2.625rem;
    padding-top:85px;
}
.owl_wrap_dim {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
    background:url("../img/m_dim.png") repeat;
}
.owl-carousel .owl-item p {
	color: #fff;
    margin:0 auto;
    font-size:1rem;
    line-height:1.5;
}
.owl-carousel .owl-item strong {
	color: #689e00;
    font-weight:600;
    padding-top:20px;
    display:block;
    font-size:1rem;
    line-height:1.5;
}
.owl-carousel .owl-item a.btn_link {
    border:1px solid #689e00;
	color: #689e00;
    font-weight:300;
    width:110px;
    line-height:32px;
    display:inline-block;
    text-align:center;
    margin-top:15px;
    font-size:1rem;
}

.item {
    background-size:cover;
}

.item.img01 {
    background: url('../img/kv_img_01.png') 70% 50% no-repeat;
}
.item.img02 {
	background: url('../img/kv_img_02.png') 70% 50% no-repeat;
}
.item.img03 {
	background: url('../img/kv_img_03.png') 70% 50% no-repeat;
}
.item.img04 {
    background: url('../img/kv_img_04.png') 70% 50% no-repeat;
}
.item.img05 {
    background: url('../img/kv_img_05.png') 70% 50% no-repeat;
}
.item.img06 {
    background: url('../img/kv_img_06.png') 70% 50% no-repeat;
}

.bxmain .item { height: 446px; position:relative; }
.bxmain .owl-carousel .owl-stage-outer { width: 100%; height: 446px; }

.intro_wrap.on {display:none;}
.intro_wrap {display:none;}

.bottom_media .ui-checkbox label {margin-left:5px; height:0; line-height:1;}
.chLine {margin-bottom:0;}

/* pagenation */
    .pagenation {
        margin: 20px auto 0;
        text-align: center;
    }

    .pagenation a {
        display: inline-block;
        /*margin: 0 26px;*/
        width:28px;
        height:28px;
        line-height:28px;
        border: 1px solid #d2d2d2;
        color: #000;
        background:#f2f2f2;
        vertical-align: middle;
    }

    .pagenation a.selected {
        border: none;
        border: 1px solid #d2d2d2;
        background-color: #13426b;
        color: #fff;
    }

    .pagingImg {
        width: 28px;
        height: 28px;
        padding: 0 !important;
        vertical-align: middle;
    }

    .pagingWrap {
        position: relative;
        margin-top: 110px;
    }

    .pagingWrap .btnStyle {
        position: absolute;
        top: -75px;
        right: 0;
    }

/* #### PC #### */
@media screen and (min-width:641px) {




    .owl_wrap_dim {display:none;}
    .bottom_media .checkbox {padding:2rem 0;}
    .chLine {margin-bottom:0.5rem;}
    .bottom_media .ui-checkbox label {margin-left:5px; height:0; line-height:1}

	html, body {font-size:15px;}
	.wrap {min-width:960px;}
	.body .realSize {width:940px; margin:0 auto;}
	.hideMo {display:inline;}
	.block {display:block;}
    .ui-btn-left {display:none;}

    .intro_wrap.on {display:block;}
    .intro_wrap {display:none;}

    .pc_v {display:block;}
    .m_v {display:none;}

    .tac {text-align:center !important;}

	.btnTop {width:42px; height:42px; left:50%; margin-left:428px; background-image:url(../img/btn_top.png); background-size:100%;}

    .bxmain .item { height: 530px; }
    .buttonWrap.bxmain {display:none;}
    .bxmain .row .owl-dot span {display:none !important;}
    .bxmain .owl-carousel .owl-stage-outer { height: 530px; }
    .bxmain .owl-theme .owl-controls {text-indent:0 !important;}
    .owl-dots {width:776px; margin:0 auto; overflow:hidden;} /* 2019-01-04 width값 수정*/
    /*.owl-dots {width:940px; margin:0 auto; overflow:hidden;}*/
    .owl_wrap {
        width:940px;
        margin:0 auto;
        text-align:left;
        position:relative;
        left:0;
    }
    .owl_wrap h3 {
        font-size:42px;
        padding-top:128px;
        margin-left:70px;
        opacity:0;
    }
    .owl-carousel .owl-item p {
	    font-size: 18px;
	    line-height: 30px;
	    color: #fff;
	    padding-left: 0px;
        width:488px;
        margin:0;
        margin-left:70px;
    }
    .owl-carousel .owl-item strong {
	    font-size: 16px;
	    line-height: 28px;
	    color: #689e00;
        font-weight:600;
        padding-top:20px;
        display:block;
        margin-left:70px;
    }
    .owl-carousel .owl-item a.btn_link {
	    font-size: 16px;
	    line-height: 34px;
        border:1px solid #689e00;
	    color: #689e00;
        font-weight:300;
        width:110px;
        display:inline-block;
        text-align:center;
        margin-top:15px;
        margin-left:70px;
    }
    .owl-dot.dot6 {
        border-right:1px solid #fff;
    }
    .owl-dot {
        width:154px;
        height:44px;
        float:left;
        border-top:1px solid #fff;
        border-bottom:1px solid #fff;
        border-left:1px solid #fff;
    }
    .item.img01 {
        background: url('../img/kv_img_01.png') top center no-repeat;
    }
    .item.img02 {
	    background: url('../img/kv_img_02.png') top center no-repeat;
    }
    .item.img03 {
	    background: url('../img/kv_img_03.png') top center no-repeat;
    }
    .item.img04 {
        background: url('../img/kv_img_04.png') top center no-repeat;
    }
    .item.img05 {
        background: url('../img/kv_img_05.png') top center no-repeat;
    }
    .item.img06 {
        background: url('../img/kv_img_06.png') top center no-repeat;
    }

    .owl-dot.dot1 {
        background: url('../img/dot_txt02.png') 50% 50% no-repeat;
    }
    .owl-dot.dot2 {
        background: url('../img/dot_txt03.png') 50% 50% no-repeat;
    }
    .owl-dot.dot3 {
        background: url('../img/dot_txt04.png') 50% 50% no-repeat;
    }
    .owl-dot.dot4 {
        background: url('../img/dot_txt05.png') 50% 50% no-repeat;
    }
    .owl-dot.dot5 {
        background: url('../img/dot_txt06.png') 50% 50% no-repeat;
    }
    .owl-dot.dot6 {
        background: url('../img/dot_txt01.png') 50% 50% no-repeat;
    }

    .owl-dot.dot1.active {
        background:#fff url('../img/dot_txt02_on.png') 50% 50% no-repeat;
    }
    .owl-dot.dot2.active {
        background:#fff url('../img/dot_txt03_on.png') 50% 50% no-repeat;
    }
    .owl-dot.dot3.active {
        background:#fff url('../img/dot_txt04_on.png') 50% 50% no-repeat;
    }
    .owl-dot.dot4.active {
        background:#fff url('../img/dot_txt05_on.png') 50% 50% no-repeat;
    }
    .owl-dot.dot5.active {
        background:#fff url('../img/dot_txt06_on.png') 50% 50% no-repeat;
    }
    .owl-dot.dot6.active {
        background:#fff url('../img/dot_txt01_on.png') 50% 50% no-repeat;
    }

    .dim_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:url("../img/sitemap_bg.png") repeat; z-index:999; display:none;}
    .dim_wrap.on {display:block;}
    .dim_wrap span {display:block; text-align:right; margin-top:26px !important;}
    .dim_wrap ul.gnb {overflow:hidden; width:940px; margin:0 auto;}
    .dim_wrap ul.gnb li {width:160px; display:inline-block; float:left; text-align:center; margin-left:100px;}
    .dim_wrap ul.gnb li:nth-child(3) {margin-left:100px; clear:none; margin-top:0;}
    .dim_wrap ul.gnb li:nth-child(4) {margin-left:100px; margin-top:0;}
    .dim_wrap ul.gnb li:first-child {margin-left:0;}
    .dim_wrap ul.gnb li a {font-size:26px; color:#fff; font-weight:400;}
    .dim_wrap ul.depth2 {border-top:1px solid #2c567a; overflow:hidden; padding-top:23px; margin-top:30px;}
    .dim_wrap ul.depth2 li {margin-left:0;}
    .dim_wrap ul.depth2 li:nth-child(3) {margin-left:0;}
    .dim_wrap ul.depth2 li:nth-child(4) {margin-left:0;}
    .dim_wrap ul.depth2 li a {font-size:18px; color:#648ca6; font-weight:400; line-height:30px; padding-bottom:10px;}
    .dim_wrap .close_btn img {cursor:pointer;}



    h2.s_title {font-size:26px; line-height:35px; margin-left:0; margin-top:30px !important;}
    h2.s_title + ul.main {margin-top:20px;}


    .contents .innerWrap {padding-top:40px; position:relative;}
    .contents .innerWrap .write_info {font-size:16px; color:#666; font-weight:300; position:relative; margin-bottom:30px; margin-top:0;}
    .contents .innerWrap .write_info span {margin-top:15px;}
    .contents .innerWrap .write_info span.file {padding-right:25px; background:url("../img/icon_file.png") 100% 90% no-repeat; background-size:14px; margin-left:35px;}
    .contents .innerWrap .write_info em {color:#333; font-weight:400;}
    .contents p.con_txt {font-size:16px; line-height:28px; margin-left:0 !important;}
    .contents p.port_txt {margin-top:20px; padding-bottom:45px; margin-left:0 !important;}
    .contents .write_info + p.con_txt {margin-top:20px;}
    .contents p.port_txt .info {font-size:16px; margin-right:53px; display:inline-block;}
    .contents p.port_txt .info em {margin-right:5px;}


    .port_contents {text-align:center; position:relative; padding-bottom:60px;}
    .port_contents img {z-index:2; position:relative; width:auto !important;}
    .port_contents .bg_color {width:100%; height:520px; top:0;}
    .port_contents .bg_color.c_f45a40 {position:absolute; top:0; background:#f45a40; z-index:1;}
    .port_contents .news_txt {font-size:16px; line-height:28px; width:940px;}
    .port_contents .pc_news_link {display:block;}
    .port_contents .mobile_news_link {display:none;}

    .port_contents .news_letter_contents_v1 table {width:940px;}
    .port_contents .news_letter_contents_v1.pc_news_link {width:940px; display:block;}
    .port_contents .news_letter_contents_v1.pc_news_link p font {color:#000; font-weight:500;}
    .port_contents .news_letter_contents_v1.pc_news_link a {color:#333; font-weight:300;}
    .port_contents .news_letter_contents_v1.pc_news_link a span {font-weight:500; margin-right:5px;}
    .port_contents .news_letter_contents_v1.mobile_news_link {display:none;}
    .port_contents .news_letter_contents_v1 img {width:auto;}


    .bottom_media {padding-bottom:60px;}
    .bottom_media ul.main li {width:220px; height:290px; margin-right:20px !important; margin-bottom:20px; word-break:break-all;}
    .bottom_media ul.main li.list1, .bottom_media ul.main li.list3,
    .bottom_media ul.main li.list6, .bottom_media ul.main li.list8 {background:none;}
    .bottom_media ul.main li.list4, .bottom_media ul.main li.list8 {margin-right:0 !important;}
    .bottom_media ul.main li p {width:180px; margin:0 auto;}
    .bottom_media ul.main li .subject {font-size:14px; line-height:26px; margin-top:12px;}
    .bottom_media ul.main li .title {font-size:16px; line-height:24px;}

    .bottom_media .checkbox {padding:70px 0 50px;}
    .bottom_media .checkbox h2.tac {margin-top:120px !important;}
    .bottom_media .checkbox .con_txt.tac {margin-top:10px;}
    .bottom_media .checkbox .news_sort {margin-left:0;}
    .bottom_media .checkbox .news_sort .search_wrap {position:absolute; top:-15px; right:0; width:225px; padding:0;}
    .bottom_media .checkbox .news_sort .search_wrap input {width:100% !important; height:39px; line-height:39px; color:#ccc; font-weight:300; border:none; border-bottom:1px solid #ccc; background:#f2f2f2; display:inline-block;}
    .bottom_media .checkbox .news_sort .search_wrap input:focus { color:#333; }
    .bottom_media .checkbox .news_sort .search_wrap .btn_search {width:31px; height:42px; display:inline-block; float:left; background:url("../img/search_btn.png") 0 bottom no-repeat; text-indent:-9999px; overflow:hidden;}
    .bottom_media .checkbox .news_sort .search_wrap input {display:inline-block; float:left; width:192px !important;}
    .bottom_media .checkbox .news_sort li {padding-left:35px; margin-right:30px;}

    .chLine {width:auto; margin-right:38px; margin-bottom:0;}
    .chLine:first-child {display:inline-block;}

    .m_menu nav {display:none;}


    .contents .motionWrap .txt {font-size:80px; line-height:80px;}
    .contents .motionWrap .imgWrap {margin-left:310px; padding-top:72px; padding-bottom:40px;}
    .contents .motionWrap .height_box {display:table; position:absolute; left:0; height:558px; z-index:1;}
    .contents .motionWrap .txt {width:560px; height:500px; font-weight:600; color:#a9d2ee; letter-spacing:-0.05em;}
    .contents .motionWrap .imgWrap img {height:auto;}

    .contactWrap {padding:20px 0 60px;}
    .contactWrap .contact_txt {font-size:16px; line-height:35px;}
    .contactWrap .contact_txt span {width:110px;}
    .contactWrap .s_title + .contact_txt {margin-top:15px;}
    .contactWrap .s_title {margin-top:50px !important;}
    .contactWrap .map {margin-top:20px; width:auto; margin-left:0;}

    .partner_wrap {padding-bottom:60px; margin-top:50px;}
    .partner_wrap li {width:228px; height:98px; margin-right:6px !important; margin-top:6px;}
    .partner_wrap li.list4, .partner_wrap li.list8, .partner_wrap li.list12,
    .partner_wrap li.list16, .partner_wrap li.list20, .partner_wrap li.list24,
    .partner_wrap li.list28, .partner_wrap li.list32, .partner_wrap li.list36 {margin-right:0 !important;}
    .partner_wrap li img {width:auto !important; vertical-align:middle;}
    .partner_wrap li span {height:98px; line-height:98px; display:block;}

    .greeting_wrap {height:838px; background:url("../img/greeting_bg.jpg") 50% 0 no-repeat; padding-top:33px; padding-bottom:0;}
    .greeting_wrap .animation_element h2 {margin-left:480px; line-height:35px; position:relative; top:0;}
    .greeting_wrap .animation_element .con_txt {margin-left:480px !important; line-height:24px; margin-top:40px;}
    .greeting_wrap .animation_element .con_txt span.sign {margin-top:40px;}
    .greeting_wrap .animation_element .con_txt span.sign strong {font-size:18px; margin-left:5px;}
    .greeting_wrap .animation_element .con_txt span.sign img {width:auto;}

    .mission_wrap {padding:60px 0;}
    .mission_wrap .s_title{margin-bottom:10px;line-height:35px;width:100%;}
    .mission_wrap .mis_service li{position:relative;padding-right:50%;margin-bottom:80px;}
    .mission_wrap .mis_service dl{position:absolute;right:0;bottom:0;width:50%;padding-left:30px;box-sizing:border-box;}
    .mission_wrap .mis_service dl dt{margin-bottom:0.5rem;font-size:1.3rem;}
    .mission_wrap .mis_service li.img_right{padding-right:0;padding-left:50%;}
    .mission_wrap .mis_service li.img_right dl{right:auto;left:0;padding-right:30px;}
    .mission_wrap .mis_service .br_pc{display:block;}

    .history_wrap {padding:60px 0;}
    .history_wrap h2.s_title {padding-bottom:50px; text-align:center; width:100% !important;}
    .history_wrap h3 {width:220px; margin:0; padding-top:20px; font-size:26px; display:inline-block; float:left; padding-bottom:0;}
    .history_wrap dl {width:640px; margin-left:80px; font-size:16px; line-height:18px;}
    .history_wrap dl dt, .history_wrap dl dd {padding:20px 0 10px;}
    .history_wrap dl dt {font-size:18px;}
    .history_wrap dl dd {}
    .history_wrap dl dd li {padding-bottom:10px;}
    .history_wrap {}
    .history_wrap dt {width:100px; margin-bottom:0;}
    .history_wrap dd {width:537px;}

    .organWrap {padding:60px 0;}
    .organWrap h2.s_title {text-align:center; margin-top:0 !important;}
    .organWrap img {width:auto;}


    .certifi_wrap {padding:20px 0 10px;}
    .certifi_wrap li {width:310px; margin-bottom:50px; margin-left:0;}
    .certifi_wrap li p {font-size:18px;padding-top:10px; margin-top:15px;}
    .certifi_wrap li p span {font-size:16px; line-height:22px;}
    .certifi_wrap li:nth-child(odd) {clear:none;}


    .business .icon_wrap li {width:140px; margin-right:95px !important;}
    .business .icon_wrap li img {width:auto;}
    .business .icon_wrap li p {font-size:16px; line-height:20px; margin-top:15px;}
    .business dl {font-size:16px; line-height:18px; margin-top:20px;}
    .business dl dt, .business dl dd {padding:20px 0 10px;}
    .business dl .bottom {}
    .business dl dt {}
    .business dl dd {}
    .business dl dd li {padding-bottom:10px;}
    .business {}
    .business dt {width:240px; margin-bottom:0;}
    .business dt > span {}
    .business dd {width:640px; margin-left:60px;}
    .animation_element + .animation_element h2 {margin-top:50px !important;}

    .btnArea {margin-top:50px;}
    .btnDefault {width:148px; height:43px; line-height:43px; font-size:16px;}


    .table.list table {font-size:16px; line-height:16px;}
    .table.list .title {padding-left:30px;}
    .table.list.news th, .table.list.news td {padding:15px 0;}
    .table.list.news .tal {padding-left:0px;}
    .table.list.news .bbsViewPaging {margin-top:50px;}






	.mainTopBanner {display:block; position:relative; padding:1.063rem 0 1.563rem; background:#fff;}
	.mainTopBanner .realSize {position:relative; padding:0 0.625rem; box-sizing:border-box;}
	.mainTopBanner .tit {display:block; margin-bottom:0.3125rem; font-size:0.875rem; font-weight:600; color:#272727;}
	.mainTopBanner .txt {margin-bottom:0.9375rem; font-size:0.875rem; color:#656565;}
	.mainTopBanner .link {font-family:'돋움', 'Dotum'; font-size:0.6875rem; color:#1b1c66;}
	.mainTopBanner .btns {position:absolute; right:0; bottom:0;}
	.mainTopBanner .btns .link {position:relative; margin-left:0.625rem; padding-left:0.6875rem;}
	.mainTopBanner .btns .link:after {display:block; content:''; position:absolute; left:0; top:0; width:1px; height:0.625rem; background:#adc5ec;}
	.mainTopBanner .btns .link:first-child {margin:0; padding:0;}
	.mainTopBanner .btns .link:first-child:after {display:none;}

	.mainTopBannerW + .wrap .header {position:absolute; top:auto;}

	.header {overflow:hidden; position:fixed; top:0; left:0; right:0; width:100%; height:70px; z-index:500;}
	.header .logo {float:left; height:auto; width:112px; margin-top:20px; margin-right:150px;}
	.header .logo a {display:block; position:static; width:112px; height:28px; margin-left:0; background:url(../img/logo.png) no-repeat left top;}
	.header .openGNB {display:none;}
	.header .closeGNB {display:none;}
	.header nav {display:block; float:left; position:static; top:auto; width:678px; height:400px; overflow-y:visible;}
	.header .gnb {display:block !important; text-align:left; text-align:center;}
	.header .gnb > li {float:left; width:25%; position:relative;}
	.header .gnb > li > a {position:relative; padding:25px 0; background:none; color:#fff; font-size:18px;}
	.header .gnb .depth2 {margin:20px 0 40px; padding-top:20px; border-top:none;}
	.header .gnb .depth2 li {margin-top:15px; border-bottom:none;}
	.header .gnb .depth2 li:first-child {margin-top:0;}
	.header .gnb .depth2 a {padding:0; background:none;}
	.header .gnb .depth2 a:hover {color:#004f9f; font-weight:500;}
	.header .gnb li:nth-child(2) .depth2 {}

	.gnb .line {display:block; position:absolute; left:70px; right:0; bottom:0; width:0; height:2px; background:#004f9f; transition:all .3s ease-out}
	.gnb .line.lineShow {left:0; width:100%;}

	.header .language {display:block; float:right; position:relative; right:0; width:71px; margin-right:10px;}
	.header .language a {position:absolute; left:0; width:100%; height:30px; margin:0; padding:0; background:#004f9f; font-size:1rem; line-height:30px; color:#fff; text-align:center; border-radius:0.9375rem;}
	.header .language a:after {display:none;}
	.header .language a.on {z-index:10; color:#fff;}

	.header.pcOn, .header.active {background-color:#fff;}

	.header:hover {background:#fff; /* height:470px;padding-bottom:400px;*/}
	.header.active .logo a, .header.pcOn .logo a, .header:hover .logo a {background-image:url(../img/logo_on.png);}

	.header.pcOn .gnb > li > a, .header:hover .gnb > li > a, .header.active .gnb > li > a {color:#13426b;}
	.header:hover:after {content:''; position:absolute; left:0; right:0; top:70px; width:100%; height:1px; background:#d8d8d8;}

	.container {border-bottom:1px solid #e8e8e8;}

	.mainProd {padding:0;}
	.mainProd ul {overflow:hidden; background-color:inherit;}
	.mainProd li {float:left; width:33.3333%; padding:1.875rem 0; border-top:none;}
	.mainProd li .tit {font-size:1.25rem;}
	.mainProd li .ico {width:70px; height:70px; margin:1.688rem auto 1.438rem;}
	.mainProd li .txt {font-size:0.875rem; line-height:1.25rem;}
	.mainProd.type2 {padding-bottom:0;}
	.mainProd.type2 ul {padding-bottom:4.375rem; background-color:inherit;}

	.footer {min-width:960px; padding:0; background:#fff;}
	.footer .info {position:relative; padding:1.25rem 0; background:#fff; z-index:100;}
	.footer .util {margin-top:0; margin-bottom:9px;}
	.footer .util a {margin-left:0.875rem; padding-left:0.9375rem; font-size:14px;}
	.footer .util a:after {height:0.8125rem; margin-top:-0.4062rem;}
	.footer .address {font-size:14px; line-height:21px;}
	.footer .copyright {margin-top:3px; font-size:12px;}
	.footer .openFamilySite {left:50%; top:1.25rem; width:166px; height:2.063rem; line-height:2.063rem; margin-left:300px; padding:0 0.6875rem; font-size:14px; letter-spacing:-1px; word-spacing:-1px; cursor:pointer;}
	.footer .openFamilySite span {background-image:url(../img/ico_family_pc.gif); background-size:11px;}
	.footer .familySite {position:absolute; top:auto; left:0; bottom:auto; width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; z-index:90;}
	.footer .familySite .realSize {overflow:hidden; background:url(../img/bg_familySite.gif) repeat-y center top; width:940px; margin:0 auto;}
	.footer .familySite h1 {display:none;}
	.footer .familySite .box {float:left; width:16.6666%; position:relative; padding:1.875rem 0.625rem; box-sizing:border-box;}
	.footer .familySite a {display:inline; padding:0; font-size:0.875rem;}
	.footer .familySite a:hover {color:#004f9f;}
	.footer .familySite .subHead {margin-bottom:0.9375rem; padding:0; border-bottom:none; font-weight:600; color:#000; font-size:0.875rem;}
	.footer .familySite .accordion .ico {display:none;}
	.footer .familySite ul {display:block;}
	.footer .familySite ul li {margin-bottom:0.9375rem; border-bottom:none;}
	.footer .familySite ul li a {background:none; padding:0;}
	.footer .closePop {display:none;}



	.mainVisualList li {overflow:hidden; height:550px;}
	.mainVisualList img {position:absolute; margin-left:-1000px;}
	.mainVisualList .txtWrap {top:6.154rem; left:50%; margin-left:-470px;}
	.mainVisualList .txtWrap strong {display:block; margin-bottom:1.25rem; font-size:3.438rem; line-height:3.75rem;}
	.mainVisualList .txtWrap p {line-height:1.75rem;}

	/* bxSlider */
	.bx-wrapper .bx-controls-auto .bx-stop {width:14px; height:14px; position:relative; top:1px; background:url("../img/btn_stop.png") no-repeat center; background-size:12px;}
	.bx-wrapper .bx-controls-auto .bx-start {width:14px; height:14px; position:relative; top:1px; background:url("../img/btn_play.png") no-repeat center; background-size:12px;}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {margin-left:2.813rem;}

	.main .visual .bx-wrapper .bx-pager,
	.main .visual .bx-wrapper .bx-controls-auto {bottom:3.125rem;}
	.main .visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 0.3125rem;}
	.main .visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#fff;}
	.main .visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:24px; border-radius:7px;}
	.main .visual .bx-wrapper .bx-viewport {border:none; box-shadow:none; -webkit-box-shaodw:none; position:static !important;}
	.main .visual .bx-wrapper img {max-width:none;}

	/* sub */
	.subContainer {padding:59px 0 0;}
	.subContainer .contents {}
	.subContainer .head {margin-bottom:1.875rem; font-size:1.125rem;}
	.subContainer .subHead {margin-bottom:0.9375rem; line-height:1.5rem;}
	.subContainer .para {line-height:1.5rem;}

	.subVisual {overflow:hidden;}
    .subVisual .subTopWrap {height:260px; display:table; padding-top:65px;}
	.subVisual .tit {display:table-cell; width:100%;}
	.subVisual .tit h1 {font-size:60px;}
    .subVisual .tit p {font-size:16px; line-height:22px; margin-top:6px;}
	.subVisual .img {height:240px;}
	.subVisual .img img {margin-left:-1000px;}

	/* lnb */
	.lnb {height:auto;}
	.lnb:before, .lnb:after {display:none;}
	.lnb ul {display:block; width:960px; height:auto; margin:0 auto; padding:0 0.625rem; text-align:center;}
	.lnb ul li {width:20%; margin-left:0; border-bottom:2px solid #fff; display:inline-block; float:none;}
	.lnb ul li a {padding:18px 0; text-align:center; font-size:18px;}
	.lnb ul li.on {border-color:#004f9f; box-sizing:border-box; font-weight:600;}
    .lnb.business ul li {width:13%;}
	.swiper-container {height:auto;}
	.swiper-wrapper {transform:none !important}
	.lnb.twoLine:after {content:''; display:block; left:0; right:0; top:50%; width:100%; height:1px; background:#e8e8e8; z-index:1;}
	.lnb.twoLine li {width:25%;}

	/* mission & vision */
	.vision {position:relative; width:960px; height:390px; margin:0 auto; padding:0 0.625rem; box-sizing:border-box;}
	.vision .row {width:29.88rem;}
	.vision .row .cell {display:table-cell; width:50%; vertical-align:middle;}
	.vision .txt {padding:1.875rem 1.375rem 0; background:url(../img/bg_vision_quot.png) no-repeat 1.563rem top; background-size:20px 18px; font-size:1.5rem; line-height:2rem; word-spacing:-2px; letter-spacing:-1px;}
	.vision .txt > span:first-child {margin-bottom:0; font-size:1.125rem;}
	.vision .row.wideImg {position:absolute; top:0; right:0.6875rem; width:700px; z-index:-1;}

	.mission {width:960px; margin:3.125rem auto 6.25rem; padding:0 0.625rem; box-sizing:border-box;}
	.mission .row {overflow:hidden;}
	.mission .cell {float:left; width:33.33333%; margin-top:3.125rem; padding:0 1.25rem; box-sizing:border-box;}
	.mission .ico {width:86px; margin:0 auto 1.875rem;}

	/* history */
	.history {overflow:hidden; position:relative; margin:0 -10px; padding:0 10px 100px; background:url(../img/bg_history_pc.jpg) no-repeat center bottom; background-size:100%;}

	.history > li {padding-bottom:1.875rem;}
	.history > li:after {top:0px; left:50%; margin-left:-1px;}
	.history > li:first-child:after {top:15px;}
	.history > li:last-child {margin-top:0; padding-bottom:0;}
	.history > li:last-child:after {display:block; bottom:auto; height:15px;}

	.history .year {margin-bottom:1.125rem; font-size:2rem;}
	.history .year:before {width:8px; height:8px; top:50%; margin-top:-4px;}
	.history .year:after {width:10px; height:10px; top:50%; margin-top:-6px;}

	.history > li.thumbWrap {min-height:116px;}
	.history .thumb {width:116px; height:116px; left:50%; top:0; margin-left:-59px; z-index:15;}

	.circleList li {margin-top:0.625rem; padding-left:0.75rem;}
	.circleList li:after {top:8px; width:4px; height:4px;}

	.history > li:nth-child(odd) {padding-left:50%;}
	.history > li:nth-child(odd) .year {padding-left:2.5rem;}
	.history > li:nth-child(odd) .year:before {left:-4px;}
	.history > li:nth-child(odd) .year:after {left:-6px;}
	.history > li:nth-child(odd) .circleList {padding-left:2.5rem;}
	.history > li.thumbWrap:nth-child(odd) .year, .history > li.thumbWrap:nth-child(odd) .circleList {padding-left:5rem;}

	.history > li:nth-child(even) {padding-right:50%; text-align:right;}
	.history > li:nth-child(even) .year {padding-right:2.5rem; padding-left:0;}
	.history > li:nth-child(even) .year:before {left:auto; right:-4px;}
	.history > li:nth-child(even) .year:after {left:auto; right:-6px;}
	.history > li:nth-child(even) .circleList {padding-right:2.5rem; padding-left:0;}
	.history > li:nth-child(even) .circleList li {padding:0 0.75rem 0 0;}
	.history > li:nth-child(even) .circleList li:after {left:auto; right:0;}
	.history > li.thumbWrap:nth-child(even) .year, .history > li.thumbWrap:nth-child(even) .circleList {padding-right:5rem;}

	/* location */
	.location {width:940px; margin:0 auto 100px;}
	.location .info {margin-top:3.125rem; padding-left:5.25rem; background-position:left top; background-size:50px; line-height:1.5rem;}
	.location .info .head {margin-bottom:1.25rem; font-size:1.125rem;}
	.location .info.bus .way {position:relative; padding-left:10rem;}
	.location .info.bus .first {position:absolute; left:0;}
	.location .info.car .subHead {margin:1.25rem 0 0;}




	.performance {margin-top:3.875rem;}
	.performance .head {position:absolute; left:0; top:0; margin-bottom:0; font-size:1.125rem; line-height:1.875rem;}
	.performance .head span {display:block;}
	.performance li {min-height:68px; padding:0 0 1.875rem 320px;}
	.performance li:after {left:269px;}
	.performance .badgeWrap {left:240px; width:60px; height:68px;}
	.performance .badge {width:60px; height:68px; background-size:60px 68px; font-size:14px;}
	.performance .badge i {display:inline;}
	.performance .para > span {margin-top:0; font-size:1rem;}

	.performance .best .para strong {margin-bottom:0;}

	.performance .ing {width:940px; margin:0 auto; position:relative;}
	.performance .complete {margin:0 -1.25rem 0; padding:3.125rem 1.25rem 4.375rem; background:url(../img/bg_performance_pc.jpg) no-repeat center top; background-size:cover;}
	.performance .complete .realSize {width:940px;}

	/* notice */
	.notice {width:940px; margin:-3.438rem auto 6.25rem;}
	.notice .list {display:table; width:100%; margin-bottom:3.125rem;}
	.notice .list .notiWrap {display:table-row; padding:0 ; border-bottom:none;}
	.notice .list .notiWrap > div {display:table-cell !important; height:2.5rem; padding:0.8125rem 0 0.625rem; border-bottom:1px solid #ccc; box-sizing:border-box;}
	.notice .list .num {width:8%; text-align:center;}
	.notice .list .tag {position:relative; left:auto; top:-2px; padding:0 0.3125rem; margin-right:0.25rem; background:#737373; font-size:0.6875rem; color:#fff;}
	.notice .list .tag.type2 {background:#fc650c; color:#fff;}
	.notice .list .title .txt {color:#272727;}
	.notice .list .date {width:15%; position:static; left:auto; top:auto; padding-left:0; font-size:1rem; color:#272727; text-align:center;}
	.notice .list .date:after {display:none;}

	.noticeHead {display:table; width:100%}
	.noticeHead > div {display:table-cell; height:2.5rem; padding:0.8125rem 0 0.625rem; border-top:1px solid #272727; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center;}
	.noticeHead > div.num {width:8%;}
	.noticeHead > div.date {width:15%;}

	.notice .list.viewHead .notiWrap > div {border-top:1px solid #272727;}
	.noticeView {padding:3.125rem 0; line-height:1.5rem;}


	.paging a {width:30px; height:30px; font-size:1rem; line-height:27px;}


	/* overview */
	.overview {overflow:hidden; position:relative; width:940px; margin:0 auto 6.25rem;}
	.overview .visual {float:right; width:460px; height:390px; padding-top:0;}
	.overview .visual img {width:auto;}
	.overview .visual .img1 {width:365px;}
	.overview .visual .txt {font-size:2.25rem; line-height:2.75rem;}
	.overview .visual .txt .img2 {width:107px;}

	.overview .desc {float:left; width:390px; margin-right:5.625rem;}
	.overview .desc .para + .para {margin-top:1.25rem;}
	.overview .head {margin-top:0; font-size:1.625rem;}
	.overview .circleList {margin-top:3.125rem;}
	.overview .circleList li {margin-top:1.563rem;}
	.overview .circleList li:first-child {margin-top:0;}
	.overview .circleList li strong {font-weight:600;}

	/* network */
	.network {width:940px; margin:-4.063rem auto 6.25rem; padding:4.375rem 0 0; background-position:center 1.875rem; background-size:100%;}
	.network .intro .sky {margin-bottom:0.3125rem; font-size:1rem;}
	.network .intro .blue {font-size:2.25rem;}
	.network .cont {overflow:hidden;}
	.network [class^="group"] {float:left; width:20%; margin-top:3.125rem; padding:50px 0.9375rem 0; background-position:15px top; background-size:auto; box-sizing:border-box;}
	.network [class^="group"] .tit {height:3.75rem; margin:1.875rem 0; font-size:1.625rem; color:#272727;}
	.network [class^="group"] .tit span {display:block;}
	.network [class^="group"] a:hover {text-decoration:underline;}
	.network [class^="group"] .list {float:none; width:100%; box-sizing:border-box;}
	.network [class^="group"] .list:first-child {padding-right:0;}
	.network [class^="group"] .list dd, .network [class^="group"] .list li {margin-top:0.875rem;}
	.network [class^="group"] a {color:#272727; font-weight:500;}
	.network .group1 {background-image:url(../img/ico_network_1_pc.png);}
	.network .group1 .list:first-child {margin-bottom:4.375rem;}
	.network .group2 {background-image:url(../img/ico_network_2_pc.png);}
	.network .group2 .list:first-child {margin-bottom:2.813rem;}
	.network .group3 {background-image:url(../img/ico_network_3_pc.png);}
	.network .group3 .list:first-child {margin-bottom:1.813rem;}
	.network .group4 {background-image:url(../img/ico_network_4_pc.png);}
	.network .group5 {margin-left:-1px; padding-left:1.875rem; background-image:url(../img/ico_network_5_pc.png); background-position:left top;}
}









/* motion */
.visual .left .box1.off {position:relative; animation:motion_bottom_from 0.5s; bottom:-200px; opacity:0;}
.visual .left .box1.on {position:relative; animation:motion_bottom_to 0.5s; bottom:0px; opacity:1;}
.visual .right .box2.off {position:relative; animation:motion_bottom_from 0.7s; bottom:-200px; opacity:0;}
.visual .right .box2.on {position:relative; animation:motion_bottom_to 0.7s; bottom:0px; opacity:1;}
.visual .right .box3.off {position:relative; animation:motion_bottom_from 0.9s; bottom:-200px; opacity:0;}
.visual .right .box3.on {position:relative; animation:motion_bottom_to 0.9s; bottom:0px; opacity:1;}
.visual .right .box3.off .txtCont h2.tit {position:relative; animation:motion_bottom_from 1.1s; bottom:-200px; opacity:0;}
.visual .right .box3.off .txtCont h2.tit.on {position:relative; animation:motion_bottom_to 1.1s; bottom:0px; opacity:1;}
.visual .right .box3.off .txtCont p.txt {position:relative; animation:motion_bottom_from 1.3s; bottom:-200px; opacity:0;}
.visual .right .box3.off .txtCont p.txt.on {position:relative; animation:motion_bottom_to 1.3s; bottom:0px; opacity:1;}
.subTopWrap .tit h1.off {position:relative; animation:motion_bottom_from 0.7s; bottom:-200px; opacity:0;}
.subTopWrap .tit h1.on {position:relative; animation:motion_bottom_to 0.7s; bottom:0px; opacity:1;}
.subTopWrap .tit p.off {position:relative; animation:motion_bottom_from 1.2s; bottom:-200px; opacity:0;}
.subTopWrap .tit p.on {position:relative; animation:motion_bottom_to 1.2s; bottom:0px; opacity:1;}
.motionWrap img.off {position:relative; animation:motion_right_from 1.2s; right:-200px; opacity:0;}
.motionWrap img.on {position:relative; animation:motion_right_to 1.2s; right:0px; opacity:1;}

@keyframes motion_bottom_from {
	0% {bottom:0px; opacity:1;}
	100% {bottom:-200px; opacity:0;}
}
@keyframes motion_bottom_to {
	0% {bottom:-200px; opacity:0;}
	100% {bottom:0px; opacity:1;}
}
@keyframes motion_right_from {
    0% {right:0px; opacity:1;}
    100% {right:-200px; opacity:0;}
}
@keyframes motion_right_to {
    0% {right:-200px; opacity:0;}
    100% {right:0px; opacity:1;}
}


/*
	.rndDescBox:nth-child(2) dd p {position:relative; animation:motion_bottom_from 0.5s;bottom:-300px; opacity:0;}
	@keyframes motion_bottom_from {
		0% {bottom:0px; opacity:1;}
		100% {bottom:-300px; opacity:0;}
	}
	.rndDescBox:nth-child(2) dd p.on {position:relative; animation:motion_bottom_to 0.5s;bottom:0px; opacity:1;}
	@keyframes motion_bottom_to {
		0% {bottom:-300px; opacity:0;}
		100% {bottom:0px; opacity:1;}
	}

	.rndDescBox .icoList li {position:relative; animation:motion_right_from 0.5s;right:-1000px; opacity:0;}
	@keyframes motion_right_from {
		0% {right:0px; opacity:1;}
		100% {right:-1000px; opacity:0;}
	}
	.rndDescBox .icoList li.on {position:relative; animation:motion_right_to 0.5s;right:0px; opacity:1;}
	@keyframes motion_right_to {
		0% {right:-1000px; opacity:0;}
		100% {right:0px; opacity:1;}
	}
*/




@media screen and (max-width:667px) {
    html {font-size:17px;}
}
@media screen and (max-width:568px) {
    html {font-size:16px;}
}