@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(normalize.css);
@import url(/asset/css/stylesheets/NotoSansKR-Hestia.css);

html, body {font-family:'Noto Sans KR', sans-serif; -webkit-tap-highlight-color:transparent; font-size:13px; font-weight:400; word-break:keep-all;}
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;}
.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:25px; height:25px; background:url(../img/btn_top_m.png) no-repeat left top; background-size:25px; z-index:110;}

.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:1.154rem; width:103px; height:26px; margin-left:1.538rem; background:url(../img/logo.png) no-repeat left top; background-size:103px auto;}
.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:3rem 1.538rem; border-top:1px solid #e8e8e8;}
.footer .util {margin-top:0.3846rem; margin-bottom:1.154rem;}
.footer .util a {position:relative; margin-left:0.7692rem; padding-left:0.8462rem; font-size:0.7692rem; color:#272727;}
.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:#272727;}
.footer .copyright {font-size:0.6154rem; line-height:1.154rem; color:#999;}
.footer .openFamilySite {position:absolute; right:1.538rem; top:0.7692rem; width:9.385rem; height:1.846rem; padding:0 0.7692rem; border:1px solid #adadad; font-size:0.7692rem; color:#272727; text-align:left;}
.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.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;}
.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; padding:1.154rem}
.footer .familySite .subHead {display:block; padding:1.538rem;border-bottom:1px solid #d8d8d8; background:#fff; color:#000;}
.footer .familySite .subHead > a {padding:0; 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;}
.footer .closePop {position:absolute; right:1.538rem; top:1.538rem; 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%;}
}

/* caution */
.caution {width:960px; margin:0 auto; background:url(../img/caution_icon01.gif) 15px 0 no-repeat; margin-top:100px;}
.caution p.top {padding-left:240px; font-size:26px; line-height:38px; color:#272727; font-weight:300;}
.caution p.top span {font-weight:500;}
.caution p.txt {padding-left:240px; font-size:18px; color:#666666; line-height:26px; margin-top:20px;}
.caution ul {margin-top:24px;}
.caution ul li {font-size:16px; line-height:26px; font-weight:400; color:#666666; padding-left:15px; background:url(../img/caution_icon05.gif) 0 13px no-repeat; }
.caution .btnWrap {overflow:hidden;}
.caution .btnWrap p {font-size:18px; color:#272727; line-height:1; margin-top:35px;}
.caution .btnWrap span {display:inline-block; float:left; border:1px solid #ccc; font-size:16px; color:#272727; width:318px; height:53px; line-height:53px; margin-top:25px;}
.caution .btnWrap a {display:inline-block; float:left; padding-left:43px; padding-right:25px; color:#272727; letter-spacing:-0.5px; background:url(../img/caution_icon04.gif) 100% center no-repeat;}
.caution .btnWrap span.v01 {background:url(../img/caution_icon02.gif) 8px center no-repeat; }
.caution .btnWrap span.v02 {width:248px; margin-left:22px; background:url(../img/caution_icon03.gif) 10% center no-repeat; }
.caution .btnWrap span.v02 a {padding-left:73px;}
.caution .bottom {margin-top:30px; display:block; width:100%; font-size:16px; color:#272727; line-height:24px; font-weight:400;}
.caution .bottom span {color:#009dca }

/* 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;}

.mainProd {padding:0 1.538rem; background-color:#5bddc1;}
.mainProd li {padding:1.154rem 0; border-top:1px solid rgba(255, 255, 255, .5); text-align:center; color:#fff;}
.mainProd li:first-child {border-top:none;}
.mainProd li a {display:inline-block; color:#fff;}
.mainProd li .tit {font-size:1.077rem; font-weight:600;}
.mainProd li .ico {display:block; width:35px; height:35px; margin:1.154rem auto; position:relative;}
.mainProd li .ico img {width:100%;}
.mainProd li .txt {font-size:0.9231rem; line-height:1.308rem;}
.mainProd li a:hover .txt {text-decoration:underline;}
.mainProd.type2 {padding-bottom:3.846rem; background-color:#58cacb;}


/* sub */
.subContainer {position:relative; padding:5.154rem 0 0;}
.subContainer .contents {padding:0 1.25rem;}
.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; height:125px; text-align:center;}
.subVisual .tit {display:table; width:100%;}
.subVisual .tit h1 {display:table-cell; height:125px; padding:3.077rem 0 0; font-size:1.375rem; vertical-align:middle; color:#fff; font-weight:600; box-sizing:border-box;}
.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:2.462rem; border-top:1px solid #e8e8e8; 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:1.154rem; background:#fff;}
.lnb ul li:first-child {margin-left:0;}
.lnb ul li a {display:block; padding:0.7692rem 0; color:#272727;}
.lnb ul li.on {border-bottom:2px solid #004f9f; box-sizing:border-box;}
.lnb ul li.on a {color:#004f9f;}
.swiper-container {width:100%; height:2.462rem; background:#fff; padding-right:0.1rem;}

/* mission & vision */
.vision .row {display:table; width:100%;}
.vision .row .cell {display:table-cell; width:50%; vertical-align:middle;}
.vision .row .cell {background:#004f9f;}
.vision .txt {padding:1.462rem 1.154rem 0; background:url(../img/bg_vision_quot.png) no-repeat 1.154rem top; background-size:12px 10px; color:#fff; font-size:1.077rem; line-height:1.462rem;}
.vision .txt > span {display:block;}
.vision .txt > span:first-child {margin-bottom:0.2308rem;}
.vision img {width:100%;}
.mission {margin:1.923rem 0 3.846rem;}
.mission .cell {margin-top:1.923rem;}
.mission .para {text-align:center;}
.mission .ico {width:43px; margin:0 auto 0.7692rem;}
.mission img {width:100%;}

/* 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;}

/* location */
.location {margin-bottom:3.846rem;}
.location .info {margin-top:1.923rem; padding-left:42px; background-repeat:no-repeat; background-position:left 3px; background-size:25px; line-height:1.538rem; text-align:left;}
.location .info .head {font-size:1.077rem; text-align:left;}
.location .info .subHead {margin-bottom:0.3846rem; text-align:left;}
.location .info.bus {background-image:url(../img/ico_bus.png);}
.location .info.bus span {display:block;}
.location .info.car {background-image:url(../img/ico_car.png);}
.location .info.car .subHead {margin-top:1.154rem;}

/* 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;}

.rndDescBox {line-height:1.538rem;}
.rndDescBox + .rndDescBox {margin-top:1.923rem;}
.rndDescBox dt {margin-bottom:0.7692rem; font-size:1.077rem; font-weight:600; color:#004f9f;}
.rndDescBox p {color:#272727;}
.rndDescBox p + p {margin-top:0.3846rem;}
.rnd .icoList .icon {width:30px; margin-bottom:0.7692rem;}
.rnd .icoList .icon img {width:100%;}
.rnd .icoList li + li {margin-top:1.154rem;}

.rnd .visual {position:relative; margin-bottom:1.923rem; padding-top:61.4285%;}
.rnd .visual img {display:none;}
.rnd .visual .left {position:absolute; left:0; top:0; bottom:0; right:68.5715%;}
.rnd .visual .left .box1 {height:100%;}
.rnd .visual .right {position:absolute; left:31.4285%; right:0; top:0; bottom:0;}
.rnd .visual .right .box2 {position:absolute; left:0; right:0; top:0; bottom:63.9535%;}
.rnd .visual .right .box3 {position:absolute; left:0; right:0; top:36.0465%; bottom:0;}
.rnd .visual .txtWrap {display:table; width:100%; height:100%;}
.rnd .visual .txtCont {width:100%; height:100%; display:table-cell; padding:1.538rem 1.154rem; vertical-align:middle;}
.rnd .visual .tit {margin-bottom:0.7692rem; font-size:1rem; line-height:1rem; color:#fff;}
.rnd .visual .txt {color:#fff; line-height:1.538rem;}

.rnd .visual.hepatitisB3rd .box1 {background:url(../img/img_hepatitisB3_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.hepatitisB3rd .box2 {background:url(../img/img_hepatitisB3_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.hepatitisB3rd .box3 {background:url(../img/img_hepatitisB3_3.jpg) no-repeat right center; background-size:cover}

.rnd .visual.hepatitisB .box1 {background:url(../img/img_hepatitisB_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.hepatitisB .box2 {background:url(../img/img_hepatitisB_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.hepatitisB .box3 {background:url(../img/img_hepatitisB_3.jpg) no-repeat right center; background-size:cover}

.rnd .visual.shingles .box1 {background:url(../img/img_shingles_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.shingles .box2 {background:url(../img/img_shingles_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.shingles .box3 {background:url(../img/img_shingles_3.jpg) no-repeat right center; background-size:cover}

.rnd .visual.flu .box1 {background:url(../img/img_flu_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.flu .box2 {background:url(../img/img_flu_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.flu .box3 {background:url(../img/img_flu_3.jpg) no-repeat right center; background-size:cover}

.rnd .visual.enhancer .box1 {background:url(../img/img_enhancer_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.enhancer .box2 {background:url(../img/img_enhancer_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.enhancer .box3 {background:url(../img/img_enhancer_3.jpg) no-repeat right center; background-size:cover}

.rndDescBox .imgEnhancer {margin-top:25px; height:516px; background:url(../img/img_enhancer_4_mo.jpg) no-repeat left top; background-size:280px;}

.rnd .visual.mbl .box1 {background:url(../img/img_mbl_1.jpg) no-repeat center center; background-size:cover}
.rnd .visual.mbl .box2 {background:url(../img/img_mbl_2.jpg) no-repeat center center; background-size:cover}
.rnd .visual.mbl .box3 {background:url(../img/img_mbl_3.jpg) no-repeat right center; background-size:cover}

.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 {color:#272727;}
.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;}

.notice .add_file {padding:0.7692rem 0; text-align:left;}
.notice .add_file span {color:#004f9f;}


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

.btnArea {margin-top:1.923rem; text-align:center;}
.btnDefault {display:inline-block; width:6.923rem; height:1.923rem; background:#004f9f; line-height:1.923rem; font-size:0.7692rem; color:#fff; text-align:center;}
.btnDownload {display:inline-block; width:6.923rem; height:1.923rem; background:none; border:1px solid #ccc; border-radius:3px; line-height:1.923rem; font-size:0.7692rem; color:#272727; text-align:center;}
.btnDownload:nth-child(2) {margin-left:0.5rem;}

.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;}

/* sitemap */
.sitemap {margin:-3.231rem 0 3.846rem;}
.sitemap dl {overflow:hidden; margin-bottom:1.923rem;}
.sitemap dt {float:left; width:33%; font-size:1.077rem; font-weight:600; color:#272727;}
.sitemap dd {float:left; width:67%; margin-top:-0.5385rem;}
.sitemap dd a {display:block; margin-top:0.5385rem; color:#666;}
.sitemap dd a:hover {color:#004f9f;}

/* overview */
.overview {position:relative; margin-bottom:3.846rem;}
.overview .visual {position:relative; padding-top:83.5714%;}
.overview .visual img {width:100%;}
.overview .visual .img1 {position:absolute; right:0; top:0; width:78.5714%;}
.overview .visual .txt {position:absolute; top:0; bottom:0; font-size:1.692rem; line-height:1.923rem; color:#2dabff;}
.overview .visual .txt .row {display:table; height:100%;}
.overview .visual .txt .cell {display:table-cell; height:100%; vertical-align:middle;}
.overview .visual .txt .img2 {width:53px; margin-top:1.538rem;}
.overview .head {margin-top:1.923rem; font-size:1.077rem; text-align:left;}
.overview .circleList {margin-top:1.923rem;}

/* network */
.network {margin:-2.538rem 0 3.846rem; padding:2.692rem 0 0; background:url(../img/bg_network.png) no-repeat center 5px; background-size:100%;}
.network .intro {text-align:center;}
.network .intro .sky {font-size:0.7692rem; color:#2dabff;}
.network .intro .blue {font-size:1.077rem; color:#004f9f;}
.network [class^="group"] {margin-top:1.923rem; padding-top:2.538rem; background-repeat:no-repeat; background-position:left top; background-size:280px auto;}
.network [class^="group"] .tit {display:block; margin-bottom:0.7692rem; font-weight:500; font-size:1.077rem; color:#2dabff;}
.network [class^="group"] a {color:#272727;}
.network [class^="group"] > div {overflow:hidden;}
.network [class^="group"] dt {font-weight:500; color:#004f9f;}
.network [class^="group"] dt.dark {color:#272727;}
.network [class^="group"] .list {float:left; width:50%; box-sizing:border-box;}
.network [class^="group"] .list:first-child {padding-right:2.308rem;}
.network [class^="group"] .list dd, .network [class^="group"] .list li {margin-top:0.6154rem; color:#666;}
.network .group1 {background-image:url(../img/ico_network_1.png);}
.network .group2 {background-image:url(../img/ico_network_2.png);}
.network .group3 {background-image:url(../img/ico_network_3.png);}
.network .group4 {background-image:url(../img/ico_network_4.png);}
.network .group5 {background-image:url(../img/ico_network_5.png);}
.network .group5 .list {float:none; width:100%;}

/* inner rule */
.inner_rule{margin:-3.231rem 0 3.846rem;}
.inner_rule h2{font-size:1.2rem;text-align:center;}
.inner_rule h3{margin-top:2rem;font-size:1.15rem;color:#222;text-align:center;}
.inner_rule h4{margin:0 0 0.5rem;font-size:1.1rem;color:#272727;font-weight:500;}
.inner_rule .txt_wrap{}
.inner_rule .txt_wrap p{margin-bottom:1.2rem;line-height:1.5rem;color:#666;}
.inner_rule .txt_wrap .right{margin-bottom:0;text-align:right;color:#272727;}




/* #### PC #### */
@media screen and (min-width:641px) {
	html, body {font-size:16px;}
	.wrap {min-width:960px;}
	.body .realSize {width:960px; margin:0 auto;}
	.hideMo {display:inline;}
	.block {display:block;}

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

	.mainTopBanner {display:block; position:relative; padding:1.063rem 0 1.063rem; background:#c7e2f8;}
	.mainTopBanner .realSize {position:relative; padding:0 0.625rem 0 4rem; box-sizing:border-box; background:url(../img/popup_icon.png) no-repeat; background-size: 47px;}
	.mainTopBanner .tit {display:block; margin-bottom:0.3125rem; font-size:1.125rem; font-weight:600; color:#083b6e;}
	.mainTopBanner .txt {padding-bottom:0.2rem; font-size:0.875rem; color:#666666;}
	.mainTopBanner .link {font-size:0.75rem; color:#666666;}
	.mainTopBanner .btns {position:absolute; right:0; bottom:-0.25rem;}
    .mainTopBanner .btns input {margin:5px; float:left;}
	.mainTopBanner .btns .link {position:relative; padding-left:0.2875rem;}
    .mainTopBanner .btns .link.close {position:absolute; top:-1.5rem; right:0;}
	/*.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:164px; margin-top:15px; margin-right:70px;}
	.header .logo a {display:block; position:static; width:164px; height:41px; margin-left:0.625rem; background:url(../img/logo.png) no-repeat left top; background-size:164px auto;}
	.header .openGNB {display:none;}
	.header .closeGNB {display:none;}
	.header nav {display:block; float:left; position:static; top:auto; width:630px; 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:26px 0; background:none; color:#fff;}
	.header .gnb .depth2 {margin:20px 0; padding-top:20px; height: 270px;border-top:none;border-right: 1px solid #e8e8e8;}
	.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;}

	.gnb .line {display:block; position:absolute; left:90px; 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:#272727;}
	.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.625rem; background:#fff; z-index:100;}
	.footer .util {margin-top:0; margin-bottom:0.9375rem;}
	.footer .util a {margin-left:0.875rem; padding-left:0.9375rem; font-size:0.875rem;}
	.footer .util a:after {height:0.8125rem; margin-top:-0.4062rem;}
	.footer .address {font-size:0.875rem; line-height:1.5rem;}
	.footer .copyright {margin-top:0.9375rem; font-size:0.8125rem;}
	.footer .openFamilySite {left:50%; top:1.25rem; width:166px; 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 .openFamilySite.pcOn span {background-image:url(../img/ico_family_pc_on.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; */}
	.footer .familySite h1 {display:none;}
	.footer .familySite .box {float:left; width:20%; height: 477px; position:relative; padding:1.875rem 0.625rem; box-sizing:border-box; border-left: 1px solid #e8e8e8;}
	.footer .familySite .box.border_none {border-left: none;}
	.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;}
	.footer .closePop {display:none;}
    .footer .familySite .subHead > a:hover {color:#000;}

	.mainVisualList li {overflow:hidden; height:450px;}
	.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;}

    .notice .add_file {line-height:50px; height:50px; text-align:right; padding:0;}
    .notice .add_file span {color:#004f9f;}

	/* sub */
	.subContainer {padding:7.813rem 0 0;}
	.subContainer .contents {padding:0 0.625rem;}
	.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 {height:240px;}
	.subVisual .tit {display:table; width:100%;}
	.subVisual .tit h1 {height:240px; padding:40px 0 0; font-size:2.5rem;}
	.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;}
	.lnb ul li {width:25%; margin-left:0; border-bottom:2px solid #fff;}
	.lnb ul li a {padding:1.188rem 0; text-align:center;}
	.lnb ul li.on {border-color:#004f9f; box-sizing:border-box;}
	.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:160px;}
	.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;}

	/* R&D */
	.rnd {width:940px; margin:3.875rem auto 6.25rem;}
	.rnd .pipe.pc {display:block;}
	.rnd .pipe.mobile {display:none;}
	.rnd table {width:100%; border-collapse:collapse;}
	.rnd table th {padding:0.625rem 0; border:1px solid #ccc; border-top:1px solid #272727; line-height:1.5rem; text-align:center;}
	.rnd table th:first-child {border-left:none;}
	.rnd table th:last-child {border-right:none;}
	.rnd table td {padding:0.625rem 0.5rem; border:1px solid #ccc; line-height:1.5rem;}
	.rnd table td:first-child {border-left:none;}
	.rnd table td:last-child {border-right:none;}
	.rnd table td.tit {color:#3c9cf0;}
	.rnd table td .small {font-size:0.875rem;}

	.rnd .pipe.pc .bar {position:relative; height:25px; margin:0 -8px 0 -9px; background:url(../img/bg_progbar_gray_pc.gif) repeat-x left center;}
	.rnd .pipe.pc .bar.edge:after {display:block; content:''; width:15px; height:25px; position:absolute; right:0; background:url(../img/bg_progbar_gray_edge_pc.gif) repeat-x left center;}
	.rnd .pipe.pc .bar.blue {background-image:url(../img/bg_progbar_blue_pc.gif);}
	.rnd .pipe.pc .bar.blue.edge:after {background-image:url(../img/bg_progbar_blue_edge_pc.gif);}

	.rndDescBox {overflow:hidden; line-height:1.5rem;}
	.rndDescBox + .rndDescBox {margin-top:3.125rem;}
	.rndDescBox dt {float:left; width:240px; margin-bottom:0; font-size:1.125rem;}
	.rndDescBox dt > span {display:block;}
	.rndDescBox dd {float:left; width:700px; overflow:hidden;}
	.rndDescBox p + p {margin-top:1.25rem;}
	.rnd .icoList {margin-top:-3.125rem;}
	.rnd .icoList .icon {width:42px; margin-bottom:1.25rem;}
	.rnd .icoList li {float:left; width:290px; margin-top:3.125rem;}
	.rnd .icoList li:nth-child(odd) {margin-right:6.875rem;}
	.rnd .icoList li + li {margin-top:3.125rem;}

	.rnd .visual {overflow:hidden; margin:0 0 3.125rem; padding-top:0;}
	.rnd .visual img {display:block;}
	.rnd .visual .left {float:left; width:240px; position:static; top:auto; bottom:auto; left:auto; right:auto;}
	.rnd .visual .right {float:right; width:700px; position:static; left:auto; right:auto; top:auto; bottom:auto;}
	.rnd .visual .right .box2 {position:static; left:auto; right:auto; top:auto; bottom:auto;}
	.rnd .visual .right .box3 {position:static; left:auto; right:auto; top:auto; bottom:auto;}
	.rnd .visual .txtWrap {height:200px;}
	.rnd .visual .txtCont {padding:2.5rem 3.125rem; box-sizing:border-box;}
	.rnd .visual .tit {margin-bottom:1.25rem; font-size:1.625rem; line-height:2rem;}
	.rnd .visual .txt {line-height:2rem;}

	.rnd .visual .box1 {background:none !important;}
	.rnd .visual .box2 {background:none !important;}

	.rndDescBox .imgEnhancer {margin-top:3.125rem; height:173px; background:url(../img/img_enhancer_4_pc.jpg) no-repeat left top; background-size:100%;}

	.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;}
    .noticeView .btnArea {padding-left:8%;}

	.btnArea {margin-top:3.125rem;}
	.btnDefault {width:7.5rem; height:2.375rem; line-height:2.375rem; font-size:0.875rem;}
    .btnDownload {width:7.5rem; height:2.375rem; line-height:2.375rem; font-size:0.875rem;}
    .btnDownload:nth-child(2) {margin-left:0.5rem;}

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

	/* sitemap */
	.sitemap {width:940px; margin:-3.438rem auto 6.25rem;}
	.sitemap dl {margin-bottom:3.125rem;}
	.sitemap dt {width:160px; font-size:1.625rem;}
	.sitemap dd {width:780px; margin-top:-1.25rem;}
	.sitemap dd a {float:left; margin-top:1.25rem; margin-right:1.25rem; font-size:1rem; color:#272727;}

	/* 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;}

	/* inner rule */
	.inner_rule{margin:-3.4rem auto 6rem;width:960px;}
	.inner_rule h2{font-size:1.625rem;}
	.inner_rule h2.v2{margin-top:7rem;}
	.inner_rule h3{font-size:1.3rem;margin:4rem 0 2rem;}
	.inner_rule h4{margin:0 0 0.5rem;font-size:1rem;}
	.inner_rule .txt_wrap p{margin-bottom:1.8rem;line-height:1.8rem;font-size:1rem;}
	.inner_rule .txt_wrap .right{margin-bottom:2rem;}
}




/* 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;}

@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;}
}

/*
	.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;}
	}
*/


.family-site-wrap {position:absolute; right:1.538rem; top:1.25rem; min-width:8rem; height:1.846rem; padding:0 0.7692rem; border:1px solid #adadad; font-size:0.7692rem; color:#272727; text-align:left;}

.family-site-btn {
  display: flex;
  align-items: center;
  color: #aaa;
  font-size: 13px; font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  height: 100%; color: #333;
  justify-content: space-between;
}

.family-site-btn .arrow {
  width: 10px;
  height: 10px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-135deg) translateY(-45%);
  transition: transform 0.25s;
  flex-shrink: 0;
}

.family-site-btn.open .arrow {
  transform: rotate(45deg) translateY(-45%);
}

.family-site-list {
  position: absolute;
  bottom: calc(100% + 8px); /* 버튼 바로 위에 */
  right: 0;
  border: 1px solid #333;
  overflow: hidden;
  min-width: 8rem;
  list-style: none;
  padding: 0 0.7692rem;
  margin: 0;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  background-color: #fff;
  transition: opacity 0.2s, transform 0.2s;
}

.family-site-list.open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.family-site-list li a,
.family-site-list .label {
  display: block;
  padding: 10px 16px;
  font-size: 13px;
  color: #999;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.family-site-list .label {
  font-size: 11px;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #2a2a2a;
  cursor: default;
}

.family-site-list li a:hover {color: #111;}

@media (max-width: 640px) {
	.family-site-wrap {top: 1rem;height: 2rem;}
	.family-site-btn {font-size: 0.7692rem;}
	.family-site-list {bottom: calc(100% + 4px);padding: 0;}
	.family-site-list.open {z-index: 111;}
	.footer .util {margin-bottom: 2rem;margin-top: 0.6rem;}
}