#btn-top {display:none;position:fixed;bottom:40px;right:140px;width:65px;height:65px;border-radius:100%;background:#fff;z-index:2;color:transparent;font-size:0;-webkit-box-shadow: 0px 8px 10px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 8px 10px 2px rgba(0,0,0,0.1);box-shadow: 0px 8px 10px 2px rgba(0,0,0,0.1);} #btn-top:before {content:"";display:block;width:16px;height:16px;background:url(../images/arr_top.png) center center no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #header {position:fixed;width:100%;top:0;left:0;z-index:3;border-bottom:1px solid #dedede;background:#fff;transition:top ease-out 0.7s;} #header.hid {top:-102px;} #header.full-nav.hid {top:0;} #header.main-header {background:none;border-bottom:0;} #header.active {background:#fff;} #header.active .hd-bg {display:block;width:100%;height:330px;position:fixed;top:100px;left:0;background:#fff;border-top:1px solid #e1e1e1;transition:top ease-out 0.7s;z-index:1000;} #header.non-active:after {display:none;} #header.hid.active:after {display:none;} #header.hid .hd-bg {display:none;} #header.active:before {} #header.main-header.non-active {background:none !important;} #header .header-inner {width:100%;box-sizing:border-box;margin:0 auto;} #header .header-inner:after {content:"";display:block;clear:both;} #header.active .header-inner:after {position:fixed;top:100px;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);pointer-events:none;} #header.hid .header-inner:after, #header.full-nav .header-inner:after, #header.non-active .header-inner:after {position:static;} #header .header-inner h1 {float:left;width:210px;padding:40px 90px;} #header .header-inner h1 a {display:block;width:210px;height:20px;padding:0;margin:0 auto;text-align:center;background:url(../images/logo.png) 0 -20px no-repeat;line-height:0;font-size:0;color:transparent;line-height:0;} #header.main-header .header-inner h1 a {background:url(../images/logo.png) 0 0 no-repeat;} #header .head-right {position:absolute;top:-20px;right:0;max-height:101px;width:360px;} #header .head-right>div {position:relative;display:inline-block;padding:0 10px 0 12px;} #header .head-right>div>a {display:block;font-size:16px;color:#000;font-weight:bold;} #header.main-header .head-right>div>a {color:#fff;} #header.main-header .head-right>div.lang>a:before {background-position:0 0;margin-top:-1px;} #header.main-header .head-right>div.filebox>a:before {background-position:-16px 0;} #header.main-header .head-right>div.admin>a:before {background-position:-32px 0;} #header .head-right>div:after {content:"";display:block;width:1px;height:12px;background:#888a8e;position:absolute;top:50%;left:0;transform:translateY(-50%);} #header .head-right>div.lang:after {display:none;padding-left:0;} #header .btn-linkedin {position:fixed;right:-44px;top:475px;z-index:2010;font-size:18px;font-weight:bold;color:#fff;font-family:Roboto;transform:rotate(-90deg);padding:20px 30px;background:#0138bd;font-family:'Montserrat' !important;} #header.full-nav .btn-linkedin, #header .btn-linkedin.on {color:#0138bd;background:#fff;} #btn-fullnav {display:block;position:absolute;top:15px;right:25px;width:25px;height:20px;padding:25px;background:#0138bd;z-index:2002;} #btn-fullnav>span {position:relative;display:block;width:100%;height:18px;} #btn-fullnav>span span {position:absolute;top:50%;left:0;width:100%;height:2px;margin:-1px 0 0 0;background:#fff;text-indent:-9999em;transition:all .4s;} #btn-fullnav>span:before {display:block;content:'';position: absolute;top:0;left:0;width:100%;height:2px;margin:0;background:#fff;transition:all .4s;} #btn-fullnav>span:after {display:block;content:'';position: absolute;bottom:0;left:0;width:100%;height:2px;margin:0;background:#fff;transition:all .4s;} /*#header.main-header:hover {background:#fff;}*/ #header.main-header #btn-fullnav>span span, #header.main-header #btn-fullnav>span:before, #header.main-header #btn-fullnav>span:after {background:#fff;} #header.main-header .btn-linkedin {display:block;} /* #header.main-header:hover #btn-fullnav>span span, #header.main-header:hover #btn-fullnav>span:before, #header.main-header:hover #btn-fullnav>span:after {background:#000;}*/ #btn-fullnav.open {} #btn-fullnav.open>span span {opacity:0;} #btn-fullnav.open>span:before {transform:rotate(-45deg) translate(-6px, 6px);} #btn-fullnav.open>span:after {transform:rotate(45deg) translate(-5px, -5px);} #header.fixed {background:#fff;} /* #header.fixed #btn-fullnav>span span, #header.fixed #btn-fullnav>span:before, #header.fixed #btn-fullnav>span:after {background:#000;}*/ #navigation {float:left;width:calc(100% - 390px);} #gnb {margin:0 440px 0 0;text-align:center;} .gnb-bg {display:none;} #header.active .gnb-wrap .gnb-bg {display:block;height:330px;background:#fff;} #header.active.hid .gnb-wrap .gnb-bg {display:none;height:0;} #header.active.non-active .gnb-wrap .gnb-bg {display:none;height:0;} #gnb>li {position:relative;display:inline-block;padding:0 50px;margin:0 -1px;} #gnb>li>a {display:block;padding:40px 0;margin:0 auto;font-size:18px;color:#000;text-align:center;font-weight:bold;text-transform:uppercase;} #header.main-header #gnb>li>a {color:#fff;} #gnb>li.active>a {position:relative;} #gnb>li.active>a:after {content:"";display:block;width:100%;height:5px;background:#1941b6;position:absolute;bottom:-1px;left:0;} #gnb>li .depth2-box {display:none;position:absolute;top:100px;left:50px;width:100%;z-index:2001;} #gnb>li .depth2-box .depth-inner {} /* #gnb>li:first-child .depth2-box .depth-inner .depth2 {left:calc(50% - 137px);} #gnb>li:nth-child(2) .depth2-box .depth-inner .depth2 {left:calc(50% + 8px);} #gnb>li:nth-child(3) .depth2-box .depth-inner .depth2 {left:calc(50% + 150px);} #gnb>li:nth-child(4) .depth2-box .depth-inner .depth2 {left:calc(50% + 295px);} */ /* #gnb>li .depth2-box .depth-inner .depth3 {display:none;position:absolute;top:50px;right:300px;width:calc(33.33.33% - 100px);box-sizing:border-box;border-left:1px solid #ddd;} #gnb>li .depth2-box .depth-inner .depth3 li a {display:block;padding:10px;font-size:16px;color:#222;} #gnb>li .depth2-box .depth-inner .depth3 li:first-child a {padding-top:0;} #gnb>li .depth2-box .depth-inner .depth3 li:last-child a {padding-bottom:0;} */ @media all and (min-width: 1280px) { #gnb>li.active {/*border-color:#006eb6;*/} #header.full-nav .btn-linkedin, } @media all and (max-width: 1280px) { #header .btn-linkedin.on {border:1px solid #0138bd;} } #gnb>li ul {/*position:absolute;top:89px;left:0;width:115%;padding:20px 0 28px 0;background:#fff;z-index:2001;*/margin-left:-20px;min-height:255px;} #gnb>li ul li {padding:6px 0;} #gnb>li ul li a {display:inline-block;padding:6px 0;line-height:16px;line-height:20px;color:#4e4e4e;border-bottom:2px solid #fff;font-size:14px;font-weight:500;transform:skew(-0.1deg);} #gnb>li ul li a:hover {color:#1941b6;border-color:#1941b6;} /*#gnb>li ul li a:hover:after {content:"";display:inline-block;width:7px;height:11px;background:url(../images/arr_gnb2.png) 0 0 no-repeat;margin-left:15px;vertical-align:middle;/*-webkit-filter: grayscale(100%);filter:gray;}*/ #gnb>li ul li a.link-btn:hover:after {-webkit-filter: grayscale(0);filter:none;} #header .header-inner .lang {padding:22px 0 34px 0;transform:translate(-74px, 20px);position:relative;z-index:10;} .lang .btn-lang {position:relative;display:inline-block;font-size:16px;color:#000;font-weight:bold;line-height:16px;padding:20px 20px 8px 20px} .lang.active .btn-lang {background:#0138bd;} .lang .btn-lang:after {content:"";display:inline-block;width:14px;height:14px;background:url(../images/arr_lang.png) 0 -14px no-repeat;margin-left:10px;} #header.main-header .lang .btn-lang:after {background-position:0 0;} .lang ul {display:none;position:absolute;top:65px;left:0;width:100%;} .lang li {} .lang li a {display:block;line-height:16px;font-size:16px;padding:8px 20px 20px 20px;background:#0138bd;color:#fff;text-align:center;font-weight:bold;text-align:left;} .lang li a:hover {} .head-right .btn-contact {font-size:18px;font-weight:bold;color:#fff;padding:40px 125px 41px 60px;background:#0138bd;margin:-81px 0 0 0;transform:translate(54px, 0);position:relative;z-index:2001;text-transform:uppercase;} #header.active {background:#fff;border-bottom:1px solid #dedede;} #header.active .header-inner h1 a {background-position:0 -20px;} #header.active #gnb>li>a {color:#000;} #header.active #gnb>li.active>a {} #header.active .head-right>div>a {color:#000;} /*#header.active .header-inner .head-right>div.lang>a:before {background-position:0 -16px;} #header.active .header-inner .head-right>div.filebox>a:before {background-position:-16px -16px;} #header.active .header-inner .head-right>div.admin>a:before {background-position:-32px -16px;}*/ #header.active .lang .btn-lang:after {background-position:0 -14px;} #header.active .lang.active .btn-lang:after {transform:rotate(180deg);} #header.fixed {background:#fff;border-bottom:1px solid #dedede;} #header.fixed.hid {border:0;} #header.fixed .header-inner h1 a {background-position:0 -20px;} #header.fixed #gnb>li>a {color:#222;} #header.fixed #gnb>li.active>a {/*color:#006eb6;*/} #header.fixed .head-right>div>a {color:#222;} /* #header.fixed .header-inner .head-right>div.lang>a:before {background-position:0 -16px;} #header.fixed .header-inner .head-right>div.filebox>a:before {background-position:-16px -16px;} #header.fixed .header-inner .head-right>div.admin>a:before {background-position:-32px -16px;}*/ #header.fixed .lang .btn-lang:after {background-position:0 -14px;} #header.fixed .lang.active .btn-lang:after {} .lang.active .btn-lang {background:#0138bd;color:#fff;} .lang.active .btn-lang {color:#fff;} .lang.active .btn-lang:after {background-position:0 0;transform:rotate(180deg);} #header.fixed .lang.active {} #header.fixed .lang.active .btn-lang {background:#0138bd;color:#fff;} #header.fixed .lang.active .btn-lang:after {background-position:0 0;transform:rotate(180deg);} #header:hover .lang.active {/*background:#0138bd;color:#fff;*/} #header:hover .lang.active .btn-lang {color:#fff;} #header:hover .lang.active .btn-lang:after {background-position:0 0;transform:rotate(180deg);} #header.full-nav {height:100% !important;background:#0138bd !important;border-bottom:0;} #header.full-nav .header-inner {position:relative;padding-left:15.5%;} #header.full-nav .header-inner h1 {position:absolute;top:0;left:90px;} #header.full-nav #navigation {padding-top:100px;width:calc(100% - 210px);} #header.full-nav #navigation .gnb-wrap {padding:40px 0 120px 0;} #header.full-nav .head-right {right:100px;display:none;} #header.full-nav #navigation .btn-contact {display:none;} #header.full-nav .lang {color:#fff;} #header.full-nav .lang .btn-lang {color:#fff;} #header.full-nav .lang .btn-lang:after {background: url(../images/arr_lang.png) 0 0 no-repeat;} #header.full-nav.active:after {display:none;} #header.full-nav:hover {border:0;} #header.full-nav .header-inner h1 a {background-position:0 0 !important;} #header.full-nav #gnb {padding:0;} #header.full-nav #gnb>li {display:block;text-align:left;overflow:hidden;padding:0;} #header.full-nav #gnb>li>a {text-transform:capitalize;opacity:0.6;/*transition:opacity ease-in-out 0.7s;*/color:#0138bd !important;display:inline-block;background:#0138bd;font-size:54px;padding:45px 150px 45px 18px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;position:relative;z-index:9999;} #header.full-nav #gnb>li>a>span {display:block;background:#0138bd;} #header.full-nav:hover #gnb>li>a {} #header.full-nav #gnb>li:hover>a {color:#fff !important;text-shadow:none;} #header.full-nav #gnb>li.active>a {opacity:1;} #header.full-nav #gnb>li.active>a:after {display:none;} #header.full-nav #gnb>li .depth2-box {display:inline-block;width:auto;position:relative;top:auto;left:auto;z-index:9000;} #header.full-nav #gnb>li .depth2-box .depth-inner {opacity:0;transform:translateX(-100%);transition:transform ease-in 0.7s;} #header.full-nav #gnb>li.active .depth2-box .depth-inner {opacity:1;transform:translateX(0);} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 {display:inline-block;padding:0;margin:0;min-height:auto;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li {display:inline-block;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a {font-size:18px;color:#fff;border-bottom:0;padding:41px 25px;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a:hover {font-weight:bold;letter-spacing:-0.41px;} #header.full-nav .gnb-bg {display:none !important;} #header.full-nav.active .gnb-bg {display:none !important;} #header.full-nav.main-header .head-right>div>a.btn-lang {display:none;color:#fff !important;} #header.full-nav.main-header .head-right>div>a.btn-lang:after {background-position:0 0 !important;} #header.full-nav .btn-contact {display:none;} #gnb>li .depth2-box .depth-inner .depth2 {padding:36px 20px;} #header.active #gnb>li .depth2-box {display:block;} #header.hid #gnb>li .depth2-box {display:none;} #header.non-active #gnb>li .depth2-box {display:none;} #gnb>li:last-child {display:none;} #header.full-nav #gnb>li:last-child {display:block;} #header.full-nav #gnb>li .depth2-box {display:inline-block;} /* fullnav 전체보기 #header.full-nav {height:auto !important;background:#0138bd !important;border-bottom:0;} #header.full-nav .header-inner {} #header.full-nav #navigation {padding-top:100px;width:calc(100% - 210px);} #header.full-nav #navigation .gnb-wrap {padding:40px 0 120px 0;} #header.full-nav.active:after {display:none;} #header.full-nav:hover {border:0;} #header.full-nav .header-inner h1 a {background-position:0 0 !important;} #header.full-nav #gnb {padding:0;} #header.full-nav #gnb>li {display:block;text-align:left;padding:0 0 0 20px;} #header.full-nav #gnb>li>a {color:#0138bd !important;display:inline-block;margin-right:150px;font-size:54px;padding:45px 0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;} #header.full-nav:hover #gnb>li>a {} #header.full-nav #gnb>li:hover>a {color:#fff !important;text-shadow:none;} #header.full-nav #gnb>li.active>a:after {display:none;} #header.full-nav #gnb>li .depth2-box {display:inline-block;width:auto;position:static;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 {display:inline-block;padding:0;margin:0;min-height:auto;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li {display:inline-block;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a {font-size:20px;color:#fff;border-bottom:0;padding:41px 25px;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a:hover {font-weight:bold;letter-spacing:-0.41px;} #header.full-nav .gnb-bg {display:none !important;} #header.full-nav.active .gnb-bg {display:none !important;} #header.full-nav.main-header .header-inner .head-right>div>a.btn-lang {display:none;color:#fff !important;} #header.full-nav.main-header .header-inner .head-right>div>a.btn-lang:after {background-position:0 0 !important;} */ @media all and (max-width: 1820px) { /*#gnb {display:none;}*/ #header.full-nav #gnb {display:block;} #gnb>li {padding:0 30px;} #gnb>li .depth2-box {left:30px;} #header.full-nav #gnb>li>a {padding-left:16px;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a {padding:41px 10px;} } @media all and (max-width: 1750px) { #header.full-nav #gnb>li>a {padding-right:90px;} } @media all and (max-width: 1600px) { #header #gnb>li {padding:0 15px;} #gnb>li .depth2-box {left:15px;} #header.full-nav #gnb>li>a {padding-right:50px;padding-left:0;} } @media all and (max-width: 1520px) { #header.full-nav #navigation {width:calc(100% - 70px);} #header.full-nav #gnb>li>a {font-size:40px;} } @media all and (max-width: 1490px) { /*#gnb {display:none;}*/ #header .header-inner .lang {transform:translate(-50px, 20px);} } @media all and (max-width: 1430px) { #header .header-inner h1 {padding-right:70px;} #header #gnb {margin-right:400px;} #header #gnb>li {padding:0 10px;} } @media all and (max-width: 1400px) { /*#gnb {display:none;}*/ #header.full-nav #gnb {display:block;} } @media all and (max-width: 1380px) { #header .header-inner h1 {padding-right:40px;} } @media all and (max-width: 1350px) { #header #gnb {margin-right:380px;} #header #gnb>li {padding:0 8px;} } @media all and (max-width: 1300px) { #header #gnb {margin-right:350px;} } #header.full-nav #gnb {margin-right:0;} #header.full-nav .hd-bg {display:none;} .wrap {position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;font-size:13px;word-break:keep-all !important;} .wrapInner {position:relative;width:100%;} #container {position:relative;width:100%;} #footer {background:#fff;text-align:left;border-top:1px solid #e1e1e1;padding:60px 140px 55px 90px;margin-top:-5px;} #footer .inner {position:relative;width:100%;box-sizing:border-box;margin:0 auto;color:#000;font-size:14px;z-index:10;} #footer .inner .m-menu {position:absolute;top:-8px;right:0;width:414px;;} /*#footer .inner .m-menu .btn-fm {position:relative;width:192px;height:40px;padding:10px 20px 14px 20px;border:0;border-bottom:1px solid #030303;color:#030303;background:#fff;font-size:16px;box-sizing:border-box;font-weight:500;}*/ #footer .inner .m-menu .btn-fm {float:right;position:relative;width:192px;height:40px;padding:10px 20px 14px 20px;border:0;border-bottom:1px solid #030303;color:#030303;background:#fff;font-size:16px;box-sizing:border-box;font-weight:500;} #footer .inner .m-menu .btn-fm:after {content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #030303;position:absolute;top:50%;right:20px;margin-top:-4px;} #footer .inner .m-menu .btn-fm.on:after {border-top:8px solid #030303;border-bottom:0;} /*#footer .inner .m-menu .fam {display:none;position:absolute;bottom:40px;right:220px;width:192px;padding:15px 0;border:1px solid #ddd;background:#fff;font-size:14px;color:#555;z-index:1000;}*/ #footer .inner .m-menu .fam {display:none;position:absolute;bottom:40px;right:0;width:192px;padding:15px 0;border:1px solid #ddd;background:#fff;font-size:14px;color:#555;z-index:1000;} #footer .inner .m-menu .btn-fm.on+.fam {display:block;} #footer .inner .m-menu .fm-dim {display:none;} #footer .inner .m-menu .btn-fm.on+ul+.fm-dim {display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;} #footer .inner .m-menu .fam li {padding:8px;font-size:13px;} #footer .inner .m-menu .fam li a {display:block;word-break:break-all;} #footer .inner .m-menu .fam .current {color:#1a56a4;} #footer .inner .m-menu .fam li a:hover {color:#1a56a4;} #footer .inner .m-menu .btn-chan {float:right;width:190px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:13px;font-weight:500;background:#0138bd;} #footer .inner .btn-link {display:inline-block;font-size:14px;color:#000;font-weight:500;} #footer .inner .copy {font-size:14px;color:#999;font-weight:600;display:inline-block;float:left;} #footer .inner .btn-privacy {font-size:14px;display:inline-block;margin-left:40px;} .kor #footer .inner .btn-privacy {font-family:'Noto Sans KR' !important;} .kor #footer .inner .btn-privacy:last-child {font-family:"Montserrat" !important;font-weight:normal;} #footer .inner .btn-privacy.btnOpenLayer {font-weight:bold;color:#0138bd;} /* .en #gnb>li {width:auto;min-width:125px;} .en #gnb>li>a {font-size:18px;} .en #gnb>li .depth2-box .depth-inner .depth2 {width:100%;} .en #gnb>li .depth2-box .depth-inner .depth2 li a {padding-bottom:5px;} .en #gnb>li:first-child .depth2-box .depth-inner .depth2 {left:calc(50% - 235px);} .en #gnb>li:nth-child(2) .depth2-box .depth-inner .depth2 {left:calc(50% - 8px);} .en #gnb>li:nth-child(3) .depth2-box .depth-inner .depth2 {left:calc(50% + 190px);} .en #gnb>li:nth-child(4) .depth2-box .depth-inner .depth2 {left:calc(50% + 323px);} .en #gnb>li ul li a {font-size:13px;} .en #footer .inner {background:#222 url(../images/logo2_en.png) 0 0 no-repeat;} */ @media all and (max-width: 1280px) { .pc-only {display:none;} .mo-only {display:block;max-width: calc(100% + 500px) !important;width: auto !important;} #header {min-width:auto;width:100%;border-bottom:0;background:#0138bd;} /*#header {border-bottom:1px solid transparent;background:none;} #header.main-header {border-bottom:1px solid #dedede;background:#fff;}*/ #header {transition:top ease-out 0.4s;} #header.active:after {transition:top ease-out 0.4s;display:none;} #header.active .header-inner:after {display:none;} #header.main-header {background:none;border:0;} #header:hover {background:#0138bd;border:0;} #header.main-header:hover {background:none;border:0;} .mHidden #header {background:#fff;} #header .header-inner {padding:0;} #header .header-inner h1 {width:120px;padding:19px 0 20px 0;margin-left:6.5%;} #header .header-inner h1 a {width:120px;height:11px;background:url(../images/logo_m.png) 0 0;background-size:120px 22px !important;} #header.main-header .header-inner h1 a {background-position:0 0;} #header:hover .header-inner h1 a {background-position:0 0;} #header.main-header:hover .header-inner h1 a {background-position:0 0;} #header.main-header.fixed:hover .header-inner h1 a {background-position:0 -11px;} .mHidden #header .header-inner h1 a, .mHidden #header:hover .header-inner h1 a, #header.fixed .header-inner h1 a {background-position:0 0;} #header.fixed.main-header:hover .header-inner h1 a {background-position:0 0;} .mHidden #header .head-right>div>a {color:#fff;} .mHidden #header .head-right>div.lang>a:before {background-position:0 -16px;} .mHidden #header .head-right>div.filebox>a:before {background-position:-16px -16px;} .mHidden #header .head-right>div.admin>a:before {background-position:-32px -16px;} #header .head-right {display:block;position:static;width:100%;text-align:center;top:0;padding:0 4%;box-sizing:border-box;border:0;background:none;} #header .head-right:after {content:"";display:block;clear:both;} #header .head-right>div {float:left;width:33.33%;text-align:center;padding:0;} #header .head-right>div a {} #gnb>li:first-child .depth2-box .depth-inner .depth2:before {display:none;} /* #btn-fullnav {display:block;position:absolute;top:0;right:0;width:25px;height:20px;padding:15px;} #btn-fullnav span {position:absolute;top:50%;left:15px;width:25px;height:3px;margin:-1px 0 0 0;background:#222;text-indent:-9999em;transition:all .4s;} #btn-fullnav:before {display:block;content:'';position: absolute;top:15px;left:15px;width:25px;height:3px;margin:0;background:#222;transition:all .4s;} #btn-fullnav:after {display:block;content:'';position: absolute;bottom:14px;left:15px;width:25px;height:3px;margin:0;background:#222;transition:all .4s;} #header.main-header #btn-fullnav span, #header.main-header #btn-fullnav:before, #header.main-header #btn-fullnav:after {background:#fff;} #btn-fullnav.open {background:#fff;} #btn-fullnav.open span {background:#555 !important;opacity:0;} #btn-fullnav.open:before {background:#555 !important;transform:rotate(-45deg) translate(-6px, 6px);} #btn-fullnav.open:after {background:#555 !important;transform:rotate(45deg) translate(-7px, -6px);} */ #header.main-header .btn-linkedin {font-size:12px;padding:12px 20px;right:-27px;top:130px;} #header.fixed {border-bottom:0;background:#0138bd;} #header.main-header.fixed {background:#0138bd;} #header.fixed #btn-fullnav span, #header.fixed #btn-fullnav:before, #header.fixed #btn-fullnav:after {} #header.hid {top:-50px;} #header.full-nav.hid {top:0;} #header.fixed #gnb>li>a {color:#0138bd;opacity:0.5;} #navigation {position:absolute;left:100%;top:0;height:auto;float:none;width:100%;transition:all .4s;} #header .lang .btn-lang {display:none;color:#fff;font-size:13px;font-weight:600;} #header .lang .btn-lang:after {display:none;} #header .lang ul {border:0;} #header .lang ul li {height:auto;} #header .lang ul li a {background:none;color:#fff;opacity:0.7;line-height:unset;height:auto;padding:15px 0;font-weight:600;line-height:16px;} .open+#navigation {left:0;} #navigation .inner {overflow-y:auto;width:100%;} #gnb {padding:0;margin-top:0;background:#0138bd;border:0;margin:0;} #gnb>li {float:none;width:100%;padding:0 !important;} #gnb>li:last-child {display:none;} #gnb>li>a {position:relative;padding:15px 0 15px 3px;opacity:0.5;border-bottom:0;font-size:32px;font-weight:bold;color:#0138bd;text-align:left;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-transform:capitalize;line-height:1em;} #header:hover #gnb>li>a {color:#0138bd;} #gnb>li>a.link-btn:before {content:"";display:block;width:17px;height:17px;background:url(../images/arr_gnb.png) 0 0 no-repeat;background-size:cover;position:absolute;top:50%;right:0;transform:translateY(-50%);} #gnb>li>a.link-btn.on:before {background-position:0 -17px;background-size:cover;} #header #navigation .gnb-wrap {padding:70px 6.5% 140px 6.5%;background:#0138bd;} .gnb-wrap:hover .gnb-bg {display:none;} .head-right .btn-contact {display:block;position:fixed;top:0;right:55px;transform:translate(0);margin:0;font-size:12px;padding:15px 0 15px 20px;font-weight:600;opacity:1;transition:top ease-out 0.4s;} #header.hid .head-right .btn-contact {top:-51px;} #header.full-nav.hid .head-right .btn-contact {top:1px;} #gnb li ul {position:relative;top:auto;left:auto;width:100%;padding:0;min-height:auto;} #gnb li ul li {border:0;} #gnb li ul li:first-child {border:0;} #gnb li ul li a {display:block;padding:13px 15px;font-weight:500;color:#fff;font-size:16px} #gnb li ul li a:hover {color:#222;} #btn-fullnav {width:21px;height:16px;top:0;right:0;padding:17px;} #btn-fullnav>span {margin-top:-1px;height:17px;} #btn-fullnav>span span {} #header.full-nav .header-inner h1 {display:none;} #header.full-nav #navigation .btn-contact {display:block;} #header.full-nav .header-inner {padding:0;} #header.full-nav .header-inner .head-right {display:block;border:0;padding:0;position:absolute;top:0;left:0;background:none;width:100%;box-sizing:border-box;padding:0 6.5%;text-align:left;} #header.full-nav #navigation {padding-top:0;width:100%;position:relative;background:#0138bd;} #header.full-nav #navigation .gnb-wrap {padding:70px 6.5% 140px 6.5%;background:#0138bd;height:100vh;box-sizing:border-box;} #header.full-nav .lang .btn-lang {display:inline-block !important;padding:15px 5px;} #header.full-nav .lang {display:inline-block;float:none;width:auto;padding:0;transform:translateY(2px);} #header.full-nav .lang ul {position:static;display:inline-block !important;height:auto !important;float:none;width:auto;padding:0;transform:translateY(0);} #header.full-nav #gnb>li {padding:0;} #header.full-nav #gnb>li:last-child {display:none;} #header.full-nav #gnb>li>a {padding:15px 0 15px 3px;display:block;margin:0;line-height:1em;/*text-shadow:none;color:#4e76d8 !important;opacity:1;*/font-size:32px;border:0;opacity:0.5;} #header.full-nav #gnb>li:hover>a {color:#0138bd !important;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} #header.full-nav #gnb>li.active>a {} #header.full-nav #gnb>li>a.on {color:#fff !important;opacity:1;text-shadow:none;} #header.full-nav #gnb>li>a.on+.depth2-box {} #header.full-nav #gnb>li .depth2-box {display:none;} #header.full-nav #gnb>li .depth2-box .depth-inner {transform:translateX(0);opacity:1;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 {display:block;padding:0 0 15px 0;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li {display:block;padding:0;} #header.full-nav #gnb>li .depth2-box .depth-inner ul.depth2 li a {display:block;padding:15px 0;font-size:16px;line-height:16px;} #header .btn-linkedin {display:none;} #header.full-nav .btn-linkedin {display:block;display:none;transform:rotate(0);font-size:20px;font-weight:600;border:1px solid #fff;width:40px;height:40px;border-radius:100%;background:#0138bd;color:#fff;padding:0;box-sizing:border-box;right:0;top:auto;bottom:10%;} #header.full-nav .btn-linkedin span {display:none;right:0;top:auto;bottom:10%;} /* #gnb>li .depth2-box .depth-inner .depth2 {display:block;position:static !important;margin:0 !important;} #gnb .depth2-box .depth-inner .depth2>li>a.link-btn {position:relative;} #gnb .depth2-box .depth-inner .depth2>li>a.link-btn.on {color:#1a56a4;} #gnb .depth2-box .depth-inner .depth2>li>a.link-btn:after {content:"";display:inline-block;width:7px;height:11px;background:url(../images/arr_gnb.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 0 10px;transform:rotate(90deg);-webkit-filter: grayscale(100%);filter:gray;} #gnb .depth2-box .depth-inner .depth2>li>a.link-btn.on:after {-webkit-filter: grayscale(0);filter:none;} #gnb>li .depth2-box {display:none;position:static;background:none;} #gnb>li>a.on+.depth2-box {} #gnb>li .depth2-box .depth-inner {padding:13px 0;border-bottom:1px solid #dfdfdf;} #gnb>li .depth2-box .depth-inner dl {display:none;} #gnb>li .depth2-box .depth-inner .category-banner {display:none;} #gnb>li .depth2-box .depth-inner .depth2 {float:none;width:100%;border:0;box-sizing:border-box;padding:0 15px !important;} #gnb>li .depth2-box .depth-inner .depth2>li>a {padding:13px !important;} #gnb>li .depth2-box .depth-inner .depth3 {position:static;width:100%;border:0;box-sizing:border-box;padding:0 15px;} #gnb>li .depth2-box .depth-inner .depth3 li a {font-size:13px;color:#777;padding:7px 10px;position:relative;} #gnb>li .depth2-box .depth-inner .depth3 li a:hover {color:#222;} #gnb>li .depth2-box .depth-inner .depth3 li a:before {content:"";display:block;width:5px;height:1px;background:#777;position:absolute;top:13px;left:0;} #gnb>li .depth2-box .depth-inner .depth3 li:last-child a, #gnb>li .depth2-box .depth-inner .depth3 li:first-child a {padding:7px 10px;} #gnb>li:last-child>a {border-color:transparent;} #gnb>li:last-child>a.on {border-color:#dfdfdf;} #gnb>li:last-child>a.on+.depth2-box .depth-inner {margin-bottom:20px;} */ #header .head-right>div.lang {position:relative;top:auto;right:auto;margin-top:0;padding:0;} #header .lang .btn-lang:after {border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #555;right:10px;top:50%;} #header:hover .lang .btn-lang:after {border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #555;right:10px;top:50%;} /*.lang .btn-lang {width:calc(100% - 42px);padding:0 20px;height:38px;line-height:37px;font-size:13px;font-weight:bold;} .lang .btn-lang:after {border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #a0a0a0;right:54px;top:50%;} .lang .btn-lang:before {right:20px;} .lang.active .btn-lang:after {border-top:0;border-bottom:6px solid #fff;}*/ .lang li {height:40px;} .lang li a {height:40px;padding:0 20px;line-height:39px;font-size:13px;font-weight:bold;color:#999;text-align:left;} .lang li.active a {background:#173060;color:#fff;} #footer {padding:35px 6.5% 30px 6.5%;box-sizing:border-box;} #footer .inner {padding:0;background:none;text-align:center;} #footer .inner .m-menu {position:relative;width:100%;height:35px;top:0;transform:none;} #footer .inner .m-menu .btn-fm {position:absolute;top:0;left:0;width:calc(50% - 15px);padding:10px 0;font-size:13px;text-align:left;line-height:14px;height:36px;} #footer .inner .m-menu .btn-chan {position:absolute;top:0;right:0;width:calc(50% - 15px);font-size:12px;height:36px;line-height:36px;} #footer .inner .m-menu .fam {bottom:35px;width:calc(50% - 15px);right:auto;left:0;max-height:400px;overflow-y:auto;} #footer .inner .m-menu .fm-dim {display:none;} #footer .inner .m-menu .btn-fm:after {right:0;} #footer .inner .btn-privacy {font-size:13px;margin-left:0;font-weight:500;margin-right:7px;white-space:nowrap;} #footer .inner .btn-privacy:last-child {margin-right:0;} #footer .inner .foot-menu {text-align:center;} #footer .inner .foot-menu li {font-size:12px;line-height:18px;display:inline-block;float:none;} #footer .inner .foot-menu+.foot-menu li:first-child {width:100%;text-align:center;} #footer .inner .foot-menu+.foot-menu li:nth-child(2) {padding-left:0;} #footer .inner .foot-menu+.foot-menu li:nth-child(2):before {display:none;} #footer .inner .copy-wrap {padding:25px 0 0 0;text-align:left;} #footer .inner .copy {font-size:10px;font-weight:600;float:none;margin:0;letter-spacing:-0.5px;float:none;width:100%;margin-top:8px;} #footer .inner .btn-link {font-size:11px;padding:5px 0;} #footer .inner .m-menu .fam li {font-size:10px;padding:8px 7px;} .kor #footer .inner .m-menu .fam li {font-size:13px;padding:8px 7px;} #btn-top {bottom:20px;right:20px;width:45px;height:45px;} #btn-top:before {width:16px;height:16px;background:url(../images/arr_top_m.png) center center no-repeat) 0 0 no-repeat;background-size:cover;} } @media all and (max-width: 1200px) { #footer .inner .m-menu {position:relative;width:100%;height:60px;top:0;} } /* main */ .dim {display:none;position:fixed;width:100%;height:100%;top:0;left:150px;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:2000;} .layer-popup {display:none;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:2000;letter-spacing:0;} .layer-popup .layer-inner>.close {position:absolute;top:30px;right:40px;width:30px;height:30px;background:url(../images/btn_close.png) 0 0 no-repeat;background-size:cover;border:0;line-height:0;font-size:0;z-index:100;} .layer-popup .layer-inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:980px;height:614px;max-width:87%;max-height:90%;background:#fff;color:#222;} .layer-popup .layer-inner h3 {padding:40px 0 0 0;font-size:30px;line-height:30px;text-align:center;font-weight:bold;} .layer-popup .layer-inner .innerCont {padding:25px 30px;box-sizing:border-box;height:calc(100% - 70px);} .layer-popup .layer-inner .innerCont .prvBox {box-sizing:border-box;width:100%;height:100%;overflow-y:auto;} .layer-popup .layer-inner .innerCont ul li {float:left;width:210px;height:140px;margin:10px;} .layer-popup .layer-inner .innerCont ul li a {position:relative;display:block;width:100%;height:100%;overflow:hidden;} .layer-popup .layer-inner .innerCont ul li a img {-webkit-filter: grayscale(100%);filter:gray;transition:all 2s;transform:scale(1.0);} .layer-popup .layer-inner .innerCont ul li a:hover img {-webkit-filter:grayscale(0);filter:none;transform:scale(1.1);} .layer-popup .layer-inner .innerCont ul li a span {position:absolute;top:50%;left:0;width:100%;font-size:18px;text-align:center;line-height:18px;margin-top:-9px;font-weight:500;} .layer-popup .layer-inner .innerCont ul li a span sup {font-size:0.5em;vertical-align:super;} .layer-popup .layer-inner .innerCont ul li a span sub {display:inline-block;margin-bottom:-10px;font-size:0.5em;vertical-align:baseline;} .main-popup {background:none;} .main-popup .layer-inner {width:auto;height:auto;min-width:345px;transform:translate(0,0);top:20%;left:20%;} .main-popup .layer-inner .inner-cont a {display:block;} .main-popup .layer-inner .inner-cont a img {width:100%;max-height:550px;max-width:800px;} .main-popup .layer-inner .btn-area {position:relative;padding:20px;background:#222;line-height:20px;} /*.main-popup .layer-inner .btnArea input[type=checkbox] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;}*/ .main-popup .layer-inner .btn-area label {position:relative;display:inline-block;font-size:16px;color:#fff;margin-left:5px;vertical-align:bottom;} /*.main-popup .layer-inner .btnArea label:before {content:"";display:inline-block;width:20px;height:20px;margin:0 10px 0 0;background:url(../images/ico_chk.jpg) 0 0 no-repeat;background-size:cover;vertical-align:top;} .main-popup .layer-inner .btnArea input[type=checkbox]:checked+label:before {background-position:-20px 0;}*/ .main-popup .layer-inner .btn-area .btn-close {position:absolute;top:25px;right:20px;color:#fff;font-size:16px;} .main-popup .layer-inner .btn-area .btn-close:after {content:"";display:inline-block;width:20px;height:20px;margin-left:15px;background:url(../images/btn_close_pop.png) 0 0 no-repeat;vertical-align:top;} .layer-popup.layerPatent .layer-inner {width:800px;height:auto;} .layer-popup.layerPatent .layer-inner .cont {position:relative;width:100%;} .layer-popup.layerPatent .layer-inner .cont .swiper-button-next, .layer-popup.layerPatent .layer-inner .cont .swiper-button-prev {color:#000;} .layer-popup.layerPatent .swiper-container-horizontal>.swiper-pagination-bullets, .layer-popup.layerPatent .swiper-pagination-custom, .swiper-pagination-fraction {left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.5);text-align:center;color:#fff;border-radius:20px;width:60px;} @media all and (max-width: 1280px) { .main-popup .layer-inner {top:50% !important;height:auto;max-width:90%;max-height:90%;left:5% !important;width:auto;transform:translateY(-50%);} } #container.mainContainer {padding-bottom:0;} .main-cont . {overflow-x:hidden;text-align:center;} #main_visual {} .visual-area .icon-scroll {padding-bottom:20px;position:absolute;bottom:10%;left:1.5%;z-index:1;} .visual-area .icon-scroll div {transform:rotate(-90deg);font-size:14px;font-weight:500;color:#fffefe;} .visual-area .icon-scroll:before {content:"";display:block;width:8px;height:10px;background:url(../images/arr_scroll.png) center center no-repeat;position:absolute;bottom:0;left:50%;margin-left:-4px;;background-size:cover;animation:swing 1s ease-in-out infinite;} .visual-area .icon-scroll:after {content:"";display:block;width:19px;height:28px;background:url(../images/arr_scroll2.png) center center no-repeat;margin:0 auto;margin-top:50px;} .visual-area .icon-scroll:hover {} /* #main_visual .icon-scroll:before {content:"";display:block;width:14px;height:14px;background:url(../images/arr_scroll.png) center center no-repeat;position:absolute;bottom:0;left:50%;transform:translate(-50%);background-size:cover;transition:all ease-in-out 0.5s;} #main_visual .icon-scroll.active:before {bottom:-5px;} */ @keyframes swing { 0% {transform:translateY(0); } 50% { transform: translateY(5px); } 100% { transform: translateY(0); } } /* .swiper-container {position:relative;overflow:hidden;height:auto;} .swiper-container .swiper-pagination {position:absolute;top:50%;left:0;width:100%;text-align:center;line-height:18px;} .swiper-container .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:6px;height:6px;margin:0 4px;background:#fff;border-radius:100%;vertical-align:middle;} .swiper-container .swiper-pagination .swiper-pagination-bullet-active {width:18px;height:18px;background:url(../images/ico_sp.png) center center no-repeat;background-size:100%;} .swiper-wrapper {position:relative;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} */ /* 메인비쥬얼 */ #main_visual {position:relative;width:100%;height:100vh;/*height:1010px;background:url(../images/mv1.jpg) center center no-repeat;background-size:cover;*/} /* #main_visual .bg-img {width:100%;height:auto;min-height:1100px;position:relative;} #main_visual .bg-img video {width:auto;height:auto;position:absolute;top:50%;left:50%;min-height:1100px;transform:translate(-50%,-50%);} */ #main_visual {position:relative;} .preloader {position:fixed;top:-1%;left:0;width:100%;overflow:hidden;height:102%;opacity:1;z-index:2010;display:none;} .preloader.ended {opacity:0;display:none;} .preloader>div {position:absolute;top:0;height:26%;width:100%;overflow:hidden;} .preloader>div:nth-child(2) {top:25%;} .preloader>div:nth-child(3) {top:50%;} .preloader>div:nth-child(4) {top:75%;} .preloader>div>div {width:100%;height:100%;background:#000;transition:all ease-in-out 0.8s;} .preloader>div.vanish>div {transform:translate(100%,0);} .main-banner span {display:block;} .main-banner .bg-img {width:100%;height:auto;position:relative;z-index:2;} .main-banner .bg-img:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;} .main-banner .bg-img video {position:absolute;z-index:1;width:100%;height:125% !important;top:50%;left:50%;transform:translate(-50%,-50%);} .main-banner .swiper-slide>a {display:block;width:100%;z-index:11;position:absolute;top:0;left:0;right:0;bottom:0;} .main-banner .swiper-slide>a:hover {cursor:default;} .main-banner .swiper-slide .bg-img {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;} .main-banner .swiper-slide .bg-img .pc-img-area {position:absolute;top:0;left:0;right:0;bottom:0;transform:translate3d(0, 0, 0);max-width:calc(100% + 100px);width:calc(100% + 100px);transition:all 10s linear;background-repeat:no-repeat !important;} .main-banner .swiper-slide .bg-img>img {transform:translate3d(0, 0, 0);max-width:calc(100% + 100px);width:calc(100% + 100px);transition:all 10s linear;} .main-banner .swiper-slide .bg-img>img.mo-only {display:none;} .main-banner .swiper-slide .bg-img iframe {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:100%;} .main-banner .swiper-slide-active .bg-img .pc-img-area {transition:all 10s linear;transform:translate3d(-100px, 0, 0);} .main-banner .swiper-slide-active .bg-img>img {transition:all 10s linear;transform:translate3d(-100px, 0, 0);} .main-banner .mv-title {text-align:left;color:#000;position:absolute;top:40%;left:10%;z-index:10;transform:translateY(-50%);mix-blend-mode: darken;} .main-banner .mv-title>span>span {position:relative;transform:translateY(100px);opacity:0;animation:mv-title-hide 0.1s;} .main-banner .mv-title>span.title-copy.tcopy1 {overflow:hidden; } .main-banner .mv-title>span.title-copy.tcopy1 span {font-size:120px;font-family:'GmarketSansMedium';line-height:135px;text-align:left;overflow:hidden;max-height:130px; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight: bold;} .main-banner .mv-title>span.title-copy.tcopy1 span em {font-weight: 100;font-family: 'GmarketSansLight';} .kor .main-banner .mv-title>span.title-copy.tcopy1 span {} .main-banner .mv-title>span.title-copy.tcopy2 {} .main-banner .mv-title>span.title-copy.tcopy2 span {display:block;font-size:20px;line-height:1.5em;overflow:hidden;max-height:150px;font-family: 'GmarketSansLight';/*text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;*/} .main-banner .mv-title>span.title-copy.tcopy2.main-tit-color-black {position: relative;left: 200%;bottom: 35px;} .main-banner .mv-title>span.title-copy.tcopy2.main-tit-color-black span{margin-top: 1px;background: #000;color: #fff;padding-left: 10px;font-weight: 100;letter-spacing: 1px;width: 360px;} .main-banner .mv-title>span.title-copy.tcopy2.main-tit-color-black.main-subtit-line::before {content: '';width: 200%;height: 1px;background: #000;position: absolute;top: 29px;right: 450px;} .main-banner .mv-title > .title-copy.tcopy1.main-tit-color-blue {color: #0771ba;} .main-banner .mv-title > .title-copy.tcopy1.main-tit-color-blue span{letter-spacing: 110px;} .main-banner .swiper-slide-active .mv-title>span.title-copy.tcopy1 span { animation-fill-mode: forwards; animation-name: mv-title-up, mv-title-show; animation-delay: 0.4s, 1s; animation-duration: 1.5s, 2s; animation-timing-function: ease-out; } .main-banner .swiper-slide-active .mv-title>span.title-copy.tcopy2 span { animation-fill-mode: forwards; animation-name: mv-title-up, mv-title-show; animation-delay: 1.2s, 1.2s; animation-duration: 1.2s, 2s; animation-timing-function: ease-out; } .main-banner .swiper-slide:first-child .mv-title>span>span {word-break:break-word;} .main-banner .swiper-slide-active .mv-title>span.title-copy.tcopy2:after {width:0;} @keyframes mv-title-down { 0% {transform: translateY(0);} 100% {transform: translateY(100px);} } @keyframes mv-title-up { 0% {transform: translateY(100px);} 100% {transform: translateY(0);} } @keyframes mv-title-hide { 0% {opacity:1;} 100% {opacity:0;} } @keyframes mv-title-show { 0% {opacity:0;} 100% {opacity:1;} } .main-banner .mv-title .view-video {position:relative;display:inline-block;font-size:16px;padding:15px 70px 15px 0;border-bottom:2px solid #fff;} .main-banner .mv-title .view-video:before {transform:skew(-0.1deg);content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent;position:absolute;top:50%;right:0;transform:translateY(-50%);} .silde-btn-wrap {width:140px;position:absolute;top:60%;left:10%;z-index:2;} .main-banner .silde-btn-wrap {top:55%;transform:translateY(-50%);margin-top:185px;} .silde-btn-wrap .swiper-button-next, .silde-btn-wrap .swiper-button-prev {position:static;width:61px;height:61px;background:url(../images/btn_mv.png) 0 0 no-repeat;display:inline-block;} .silde-btn-wrap .swiper-button-next:hover, .silde-btn-wrap .swiper-button-prev:hover {cursor:pointer;} .silde-btn-wrap .swiper-button-next {background-position:-61px 0;float:right;} .silde-btn-wrap .swiper-button-next:after, .silde-btn-wrap .swiper-button-prev:after {display:none;} .silde-btn-wrap .swiper-button-next:focus, .silde-btn-wrap .swiper-button-prev:focus {border:0;outline:none;} .silde-btn-wrap .swiper-button-disabled {opacity:0.4;} .progress-wrap {position:absolute;z-index:2;padding:0 30px;} .main-banner .progress-wrap {top:50%;left:1.5%;transform:translateY(-50%) rotate(-90deg);z-index:2;} .progress-wrap .page-num {font-size:16px;font-weight:500;color:#000;display:block;position:absolute;top:50%;transform:translateY(-50%);} .progress-wrap .page-num.current-num {right:0;} .progress-wrap .page-num.total-num {left:0;display:none;} .swiper-pagination-progressbar {position:relative;width:75px;height:1px;/*top:50%;left:90px;transform:translateY(-50%) rotate(-90deg);*/background:#c5c5c5;transform: translate3d(0px, 0px, 0px) scaleX(0.999);} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {position:absolute;top:0;left:0;background:#000;transition:all ease-in-out 0.5s 0.1s !important;height:100%;width:100%;transform-origin: left top;} .mv-icons {position:absolute;bottom:10%;right:10%;z-index:1;} .mv-icons ul {text-align:right;} .mv-icons li {display:inline-block;padding:0 40px;background:none !important;} .mv-icons li>div {position:relative;font-size:20px;line-height:34px;font-weight:500;color:#fff;padding-left:95px;} .mv-icons li>div:before {content:"";display:inline-block;width:66px;height:66px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(../images/ico_mv1.png) 0 0 no-repeat;} .mv-icons li.mvc2>div:before {background:url(../images/ico_mv2.png) 0 0 no-repeat;} .mv-icons li.mvc3>div:before {background:url(../images/ico_mv3.png) 0 0 no-repeat;} @media all and (max-width: 1280px) { #main_visual {height:449px !important;} #main_visual:before {display:none;} .main-banner .swiper-slide .bg-img .pc-img-area {display:none;} .main-banner .swiper-slide .bg-img>img.mo-only {display:block;object-fit:cover;} .main-banner .swiper-slide>a {position:static;} .main-banner .swiper-slide .bg-img {height:auto;overflow:hidden;position:relative;top: -290px;opacity: 0.5;} .main-banner .swiper-slide .bg-img video {width:auto;height:750px;position:absolute;top:0;left:50%;transform:translateX(-50%);} .main-banner .swiper-slide .bg-img iframe {width:100%;height:140%;} .silde-btn-wrap {width:95px;left:6.5%;top:64%;} .main-banner .silde-btn-wrap {top: 68%;left: 50%;transform: translateX(-50%);margin-top: 0px;} .silde-btn-wrap .swiper-button-next, .silde-btn-wrap .swiper-button-prev {width:41px;height:41px;background:url(../images/btn_mv.png) 0 0 no-repeat;background-size:82px 41px !important;} .silde-btn-wrap .swiper-button-next {background-position:-41px 0;} .main-banner .mv-title {top: 180px;left: 32%;transform: translateY(-50%);width: 87%;} .main-banner .mv-title>span.title-copy.tcopy1 span {font-size:48px;line-height:59px;max-height:59px;} .main-banner .mv-title>span.title-copy.tcopy2 span {font-size:14px;/*margin-top:10px;max-height:70px;*/text-align: center;} .main-banner .mv-title > .title-copy.tcopy1.main-tit-color-blue span {letter-spacing: 40px;} .main-banner .progress-wrap {top:100%;left: 50%;transform: rotate(0) translatex(-50%);padding:0 26px 0 0;margin-top:-80px;} .main-banner .progress-wrap .page-num {font-size:13px;} .swiper-pagination-progressbar {width:40px;} .visual-area .icon-scroll {left:6.5%;bottom:4.5%;padding-bottom:15px;} .visual-area .icon-scroll div {display:none;} .visual-area .icon-scroll:after {margin:0;} .mv-icons {width:auto !important;height:45px !important;right:0;padding:0 6.5% 0 15%;box-sizing:border-box;bottom:5%} .mv-icons li {padding:0;} .mv-icons li>div {font-size:14px;line-height:24px;padding-left:60px;text-align:left;} .mv-icons li>div:before {width:45px;height:45px;background-size:cover !important;} } /* 메인컨텐츠 */ .sub-cont#main-contents .s-inner {max-width:100%;} .main-cont {} .main-cont h2 {font-family:'Merriweather';font-size:58px;line-height:80px;font-weight:normal;} .kor .main-cont h2 {} .main-cont h2>div{font-family:"Montserrat";font-size:64px;font-weight:bold;} .main-cont .s-inner {padding-left:11.5%;padding-top:90px;} .main-cont .s-inner>div {padding-left:4%;} .main-cont .s-inner .cont {font-size:20px;font-weight:500;line-height:34px;} .kor .main-cont .s-inner .cont {font-weight:normal;} .main-cont .s-inner .cont>div {padding-bottom:30px;} .main-cont .s-inner .cont>div:last-child {padding-bottom:0;} .main-cont .s-inner2 {padding-right:150px;} /* welcome */ #main-welcome {position:relative;z-index:1;overflow:hidden;padding-bottom:420px;} #main-welcome h2 {font-size:34px;color:#040404;} #main-welcome h2 div {font-family:'Montserrat';font-size:64px;font-weight:bold;} #main-welcome .s-inner {} #main-welcome .s-inner .cont {padding-left:18.5%;margin:60px 0;} #main-welcome .main-welcome {position:relative;padding:0 0 0 4%;} #main-welcome:after {content:"";display:block;width:84.5%;/*height:calc(35.5vh - 100px);max-height:35.5vh;*/height:370px;background:url(../images/img_mc1.jpg) center 0 no-repeat;position:absolute;right:0;bottom:0;transform:translateY(0) scale(1);background-size:cover !important;transition:all ease-out 1.5s;} /*#main-welcome.active:after {transform:translateY(0) scale(1);}*/ @media all and (max-width: 1280px) { .main-cont h2 {font-size:30px;line-height:42px;} .main-cont .s-inner {padding-left:6.5%;padding-top:55px;} .main-cont .s-inner .cont {font-size:13px;line-height:22px;} #main-welcome {height:auto !important;padding-bottom:30vh;} #main-welcome:after {width:94%;height:30vh;max-height:30vh;} #main-welcome .main-welcome {padding:0;} #main-welcome h2 {font-size:16px;line-height:20px;} #main-welcome h2 div {font-size:33px;line-height:40px;} #main-welcome .s-inner {padding-bottom:0;padding-right:6.5%;} #main-welcome .s-inner .cont {padding-left:0;margin:30px 0;} #main-welcome .s-inner .cont>div>div {display:inline;} } /* support */ #main-support {position:relative;width:100%;padding:200px 0 220px 0;background:url(../images/bg_mn_support.jpg) center center no-repeat;background-attachment:fixed;background-size:cover;} #main-support .fix-bg {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/bg_mn_support.jpg) center center no-repeat;background-size:cover;transform:translateZ(0);will-change: transform;z-index:1;} /* #main-support {position:relative;width:100%;padding:14vh 0 15vh 0;} #main-support .active-bg {display:block;width:100%;height:0;position:absolute;top:50%;transform:translateY(-50%);transition:all ease-in 1.5s;} #main-support .active-bg:after {content:"";display:block;width:100%;height:100%;background:url(../images/bg_mn_support.jpg) center center no-repeat;background-attachment:fixed;} #main-support.active .active-bg {height:100%;} */ #main-support.hold {position:fixed;top:0;} .main-support {padding:0;position:relative;z-index:2;} .main-support .ds-tb {box-sizing:border-box;padding:0 200px 0 15.5%;} .main-support h2 {color:#fff;line-height:80px;display:table-cell;width:460px;vertical-align:top;} .main-support .cont {color:#fff;display:table-cell;width:calc(100% - 460px);vertical-align:top;font-size:20px;line-height:34px;font-weight:500;padding:50px 0 0 0;} .main-support .cont div {display:inline;} .kor .main-support .cont {font-weight:normal;} .main-support .support-cont {position:relative;padding:165px 0 0 150px;} .main-support .support-cont .swiper-wrapper {} .main-support .support-cont .swiper-slide {background:none;text-align:left;opacity:1;transition:all ease-in 0.7s;width:auto;} /*.main-support .support-cont .swiper-slide:nth-child(odd) {width:636px;} .main-support .support-cont .swiper-slide:nth-child(even) {width:431px;}*/ .main-support .support-cont .swiper-slide:nth-child(even)>div {margin-right:35px;padding:0 85px 0 120px;width:431px;} .main-support .support-cont .swiper-slide:last-child {margin-right:0 !important;} .main-support .support-cont .swiper-slide-active {opacity:1;} .main-support .support-cont .swiper-slide>div {display:flex;flex-direction:column;width:100%;} .main-support .support-cont .swiper-slide:nth-child(even)>div .img-area {order:2;} .main-support .support-cont .swiper-slide:nth-child(even)>div .sp-title {order:1;} .main-support .support-cont .swiper-slide>div span {display:block;} .main-support .support-cont .swiper-slide>div .img-area {width:100%;overflow:hidden;} .main-support .support-cont .swiper-slide>div .img-area img {width:100%;transform:scale(1);transition:all ease-out 2.5s;} .main-support .support-cont .swiper-slide>div:hover .img-area img {transform:scale(1.2);} .main-support .support-cont .swiper-slide>div .sp-title {width:100%;padding:50px 30% 0 0;box-sizing:border-box;} .main-support .support-cont .swiper-slide:nth-child(even)>div .sp-title {padding:0 0 50px 0;} .main-support .support-cont .swiper-slide>div .sp-title>span {color:#fff;} .main-support .support-cont .swiper-slide>div .sp-title .tcopy1 {font-size:30px;font-weight:600;padding-bottom:40px;} .main-support .support-cont .swiper-slide>div .sp-title .tcopy2 {font-size:18px;line-height:32px;} .main-support .support-cont .silde-btn-wrap {top:40px;left:auto;right:150px;} .main-support .support-cont .slides-wrapper {white-space:nowrap;} .main-support .support-cont .slides {background:none;text-align:left;width:636px !important;opacity:1;transition:all ease-in 0.7s;width:auto;display:inline-block;width:636px;} /*.main-support .support-cont .swiper-slide:nth-child(odd) {width:636px;} .main-support .support-cont .swiper-slide:nth-child(even) {width:431px;}*/ .main-support .support-cont .slides:nth-child(even)>div {margin-right:35px;padding:0 85px 0 120px;width:431px;} .main-support .support-cont .slides:last-child {margin-right:0 !important;} .main-support .support-cont .slides-active {opacity:1;} .main-support .support-cont .slides>div {display:flex;flex-direction:column;width:100%;} .main-support .support-cont .slides:nth-child(even)>div .img-area {order:2;} .main-support .support-cont .slides:nth-child(even)>div .sp-title {order:1;} .main-support .support-cont .slides>div span {display:block;} .main-support .support-cont .slides>div .img-area {width:100%;overflow:hidden;} .main-support .support-cont .slides>div .img-area img {width:100%;transform:scale(1);transition:all ease-out 2.5s;} .main-support .support-cont .slides>div:hover .img-area img {transform:scale(1.2);} .main-support .support-cont .slides>div .sp-title {width:100%;padding:50px 30% 0 0;box-sizing:border-box;white-space: normal;} .main-support .support-cont .slides:nth-child(even)>div .sp-title {padding:0 0 50px 0;} .main-support .support-cont .slides>div .sp-title>span {color:#fff;} .main-support .support-cont .slides>div .sp-title .tcopy1 {font-size:30px;font-weight:600;padding-bottom:40px;} .main-support .support-cont .slides>div .sp-title .tcopy2 {font-size:18px;line-height:32px;} .main-support .support-cont .progress-wrap {top:72px;right:325px;display:none;} .main-support .support-cont .silde-btn-wrap {top:40px;left:auto;right:150px;} .main-support .new-progress-wrap {position:absolute;top:72px;right:325px;padding:0 30px;display:none;} .main-support .new-progress-wrap .swiper-paging-f {font-size:0;color:transparent;background:none;width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);} .main-support .new-progress-wrap .swiper-paging-f span {font-size:16px;font-weight:500;color:#fff;display:block;position:absolute;top:50%;transform:translateY(-50%);} .main-support .new-progress-wrap .swiper-paging-f .swiper-pagination-current {right:0;} .main-support .new-progress-wrap .swiper-paging-f .swiper-pagination-total {left:0;display:none;} .main-support .new-progress-wrap .swiper-paging-f .swiper-pagination-current:before{content:"0";display:inline-block;} .main-support .percent {color:#fff;} .main-support .percent .fill {width:75px;height:1px;background:rgba(225,225,225,0.3);} .main-support .percent .fill-inner {height:1px;background:#e1e1e1;width:16.66%;transition:all ease-in-out 0.2s;} #scrollHorizontal .progress-wrap {display:none;} #scrollHorizontal .silde-btn-wrap {display:none;} @media all and (max-width: 1280px) { .main-support .new-progress-wrap {display:none;} #main-support {padding:65px 6.5% 70px 6.5%;box-sizing:border-box;} .main-support .ds-tb {display:block;padding:0;} .main-support h2 {display:block;width:100%;line-height:42px;} .main-support .cont {display:block;width:100%;font-size:13px;line-height:22px;} .main-support .support-cont {padding-top:105px;padding-left:0;} .main-support .support-cont .slides>div {padding:0;width:100%;} .main-support .support-cont .slides:nth-child(even)>div .img-area {order:1;} .main-support .support-cont .slides:nth-child(even)>div .sp-title {order:2;} .main-support .support-cont .slides:nth-child(even)>div {padding:0;width:100%;} .main-support .support-cont .slides>div .sp-title {padding:35px 0 0 0;} .main-support .support-cont .slides:nth-child(even)>div .sp-title {padding:35px 0 0 0;} .main-support .support-cont .slides>div .sp-title .tcopy1 {font-size:18px !important;padding-bottom:15px !important;} .main-support .support-cont .slides>div .sp-title .tcopy2 {font-size:12px !important;line-height:21px !important;} .main-support .support-cont .slides>div .sp-title .tcopy2 span {display:inline;} .main-support .support-cont .swiper-wrapper {white-space:normal;} .main-support .support-cont .swiper-slide {} .main-support .support-cont .swiper-slide>div {padding:0;width:100%;} .main-support .support-cont .swiper-slide:nth-child(even)>div .img-area {order:1;} .main-support .support-cont .swiper-slide:nth-child(even)>div .sp-title {order:2;} .main-support .support-cont .swiper-slide:nth-child(even)>div {padding:0;width:100%;} .main-support .support-cont .swiper-slide>div .sp-title {padding:35px 0 0 0;} .main-support .support-cont .swiper-slide:nth-child(even)>div .sp-title {padding:35px 0 0 0;} .main-support .support-cont .swiper-slide>div .sp-title .tcopy1 {font-size:18px !important;padding-bottom:15px !important;} .main-support .support-cont .swiper-slide>div .sp-title .tcopy2 {font-size:12px !important;line-height:21px !important;} .main-support .support-cont .swiper-slide>div .sp-title .tcopy2 span {display:inline;} .main-support .support-cont .silde-btn-wrap {right:0;} .main-support .support-cont .progress-wrap {display:none;} #scrollHorizontal .silde-btn-wrap {display:block;} } /* service */ .main-service {padding-right:150px;} .main-service h2 {color:#000;line-height:80px;} .main-service .service-cont {padding:90px 0 0 0;} .main-service .service-cont ul:after {content:"";display:block;clear:both;} .main-service .service-cont ul li {float:left;margin-left:50px;width:calc(33.33% - 33.33px);} .main-service .service-cont ul li:first-child {margin-left:0;} .main-service .service-cont ul li>a {display:block;width:100%;} .main-service .service-cont ul li>a span {display:block;} .main-service .service-cont ul li>a .img-area {width:100%;overflow:hidden;} .main-service .service-cont ul li>a .img-area img {width:100%;transform:scale(1);transition:all ease-out 2.5s;} .main-service .service-cont ul li>a:hover .img-area img {transform:scale(1.2);} .main-service .service-cont ul li>a .sp-title {position:relative;width:85%;padding:40px 40px 50px 0;box-sizing:border-box;margin-top:-70px;background:#fff;z-index:1;} .main-service .service-cont ul li>a .sp-title>span {color:#000;} .main-service .service-cont ul li>a .sp-title .tcopy1 {font-size:26px;line-height:44px;font-weight:600;margin-bottom:25px;} .main-service .service-cont ul li>a .sp-title .tcopy2 {font-size:18px;line-height:32px;font-weight:500;} .kor .main-service .service-cont ul li>a .sp-title .tcopy2 {font-weight:normal;} @media all and (max-width: 1280px) { .main-service {padding:0 !important;} #main-service .s-inner {padding:0 6.5% 0 6.5% !important;} .main-service h2 {line-height:42px;display:inline-block;transform: translateY(48px);} .main-service .service-cont {padding:80px 0 0 0;} .main-service .service-cont ul {} .main-service .service-cont ul li {float:none;width:100%;margin:0;} .main-service .service-cont ul li>a .sp-title {width:76%;padding:35px 10px 40px 0;box-sizing:border-box;} .main-service .service-cont ul li>a .sp-title .tcopy1 {font-size:18px;line-height:27px;text-align:left;margin-bottom:10px;} .main-service .service-cont ul li>a .sp-title .tcopy2 {font-size:12px;line-height:21px;text-align:left;} .main-service .silde-btn-wrap {width:95px;left:auto;right:6.5%;top:25px;} .main-service .silde-btn-wrap .swiper-button-next, .main-service .silde-btn-wrap .swiper-button-prev {width:41px;height:41px;background:url(../images/btn_mv2_m.png) 0 0 no-repeat;background-size:82px 41px !important;} .main-service .silde-btn-wrap .swiper-button-next {background-position:-41px 0;} } /* facility */ #main-facility {position:relative;z-index:2;} /*#main-facility:after {content:"";display:block;width:0;height:205px;background:#0138bd;position:absolute;bottom:0;left:0;transition:all ease-in 1.5s;} #main-facility.active:after {width:100%;}*/ #main-facility .s-inner2 {padding-right:120px;z-index:3;} .main-facility {} .main-facility .ds-tb {box-sizing:border-box;padding:0;} .main-facility .ds-tb .swiper-slide:hover {cursor:pointer;} .main-facility h2 {color:#000;line-height:80px;display:table-cell;width:460px;vertical-align:top;} .s-inner .main-facility .ds-tb .cont {color:#000;display:table-cell;width:calc(100% - 460px);vertical-align:top;} .s-inner .main-facility .btn-more-wrap {margin:40px 0 70px 0;padding:0 0 0 460px;} .s-inner .main-facility .swiper-tb>div {display:table-cell;position:relative;} .s-inner .main-facility .swiper-tb>div:first-child {width:53%;} .s-inner .main-facility .swiper-tb>div:first-child .swiper-container {position:static;} .main-facility .facility-cont {overflow:hidden;} .main-facility .facility-cont .swiper-slide {background:none;} .main-facility .facility-cont .swiper-slide>div {display:table;width:100%;table-layout:fixed;box-sizing:border-box;} .main-facility .facility-cont .swiper-slide>div>div {} .main-facility .facility-cont .swiper-slide>div>div.img-area {margin-right:-1px;} .main-facility .facility-cont .swiper-slide>div>div.img-area img {width:100%;} .main-facility .facility-cont .silde-btn-wrap {display:none;} .main-facility .btn-more {font-size:0;color:transparent;padding-right:63px;} .main-facility .btn-more:before {opacity:0;transition:all ease-in 0.3s;} .main-facility .btn-more:after {right:22px;transition:all ease-in 0.3s;} .main-facility .btn-more:hover:before {opacity:1;} .main-facility .btn-more:hover:after {right:17px;} .s-inner .main-facility .swiper-tb>div:nth-child(2) {position:relative;} .s-inner .main-facility .swiper-tb>div:nth-child(2)>div {position:relative;-webkit-box-shadow: 0 13px 40px 0px rgba(0,0,0,0.17);-moz-box-shadow: 0 13px 40px 0px rgba(0,0,0,0.17);box-shadow: 0 13px 40px 0px rgba(0,0,0,0.17);position:absolute;top:30%;right:0;bottom:0;left:0;background:#fff;} .s-inner .main-facility .swiper-tb>div:nth-child(2) .facility-cont2 {position:absolute;bottom:0;right:0;left:0;top:0;} .main-facility .facility-cont2 {overflow:hidden;} .main-facility .facility-cont2 .swiper-wrapper {position:absolute;top:20%;left:0;} .main-facility .facility-cont2 .swiper-slide {background:none;} .main-facility .facility-cont2 .swiper-slide>div {display:table;table-layout:fixed;width:100%;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title {display:table-cell;vertical-align:bottom;text-align:left;margin-left:0;opacity:0;transition:all ease-in 1.5s 0.2s;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none;} .main-facility .facility-cont2 .swiper-slide-active>div>div.sp-title {opacity:1;} .main-facility .facility-cont2 .swiper-slide-duplicate-active>div>div.sp-title {opacity:1;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title>div {width:100%;max-height:436px;background:#fff;box-sizing:border-box;padding:0 80px;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title .tcopy1 {font-size:38px;font-weight:600;margin-bottom:45px;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title .tcopy2 {font-size:18px;font-weight:500;line-height:32px;} .main-facility .facility-cont .silde-btn-wrap {top:-1px;left:-1px;width:0;height:0;overflow:hidden;opacity:0;} .main-facility .facility-cont2 .silde-btn-wrap {top:auto;left:80px;bottom:80px;} .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-next, .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-prev {background:url(../images/btn_mv2.png) 0 0 no-repeat;} .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-next {background-position:-61px 0;} .kor .main-facility .facility-cont2 .swiper-slide>div>div.sp-title .tcopy2 {font-weight:normal;} @media all and (max-width:1850px) { .s-inner .main-facility .swiper-tb>div:nth-child(2)>div {top:19%;} } @media all and (max-width:1700px) { .main-facility .facility-cont2 .silde-btn-wrap {bottom:70px;} } @media all and (max-width:1600px) { .s-inner .main-facility .swiper-tb>div:nth-child(2)>div {top:16%;} .main-facility .facility-cont2 .swiper-wrapper {top:15%;} .main-facility .facility-cont2 .silde-btn-wrap {bottom:20px;} } @media all and (max-width:1500px) { .s-inner .main-facility .swiper-tb>div:nth-child(2)>div {top:10%;} } @media all and (max-width: 1400px) { .main-facility .facility-cont2 .swiper-slide>div>div.sp-title>div {padding:0 37px;} .main-facility .facility-cont2 .silde-btn-wrap {left:37px;} } @media all and (max-width: 1280px) { #main-facility {background:#0138bd;} #main-facility .s-inner2 {padding:0 !important;} #main-facility .s-inner>div {padding:0;} .main-facility .ds-tb {display:block;padding:0 6.5%;padding-top:60px;} .main-facility h2 {display:block;width:100%;} .main-facility .btn-more {padding-right:36px;} .s-inner .main-facility .ds-tb:first-child {background:#fff;} .s-inner .main-facility .ds-tb .cont {display:block;width:100%;} .s-inner .main-facility .btn-more-wrap {margin:0;padding:25px 6.5%;background:#fff;} .main-facility .swiper-tb {padding:0;} .s-inner .main-facility .swiper-tb>div {display:block;width:100%;} .s-inner .main-facility .swiper-tb>div:first-child {width:100%;} .s-inner .main-facility .swiper-tb>div:nth-child(2) {margin-top:-13%;} .main-facility .facility-cont {background:#fff;} .s-inner .main-facility .swiper-tb>div:nth-child(2) {position:relative;z-index:2;} .s-inner .main-facility .swiper-tb>div:nth-child(2)>div {position:static;background:#fff;margin:0 0 0 6.5%;padding:0 6.5% 0 40px;box-sizing:border-box;width:93.5%;-webkit-box-shadow: -3px 3px 6px 3px rgba(0,0,0,0.1);-moz-box-shadow: -3px 3px 6px 3px rgba(0,0,0,0.1);box-shadow: -3px 3px 6px 3px rgba(0,0,0,0.1);} .s-inner .main-facility .swiper-tb>div:nth-child(2) .facility-cont2 {position:static;} .main-facility .facility-cont2 .swiper-wrapper {position:static;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title {display:block;width:100%;background:none;transform:translateX(1px);} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title>div {padding:30px 0 90px 0;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title .tcopy1 {font-size:18px;margin-bottom:24px;} .main-facility .facility-cont2 .swiper-slide>div>div.sp-title .tcopy2 {font-size:12px;line-height:21px;} .main-facility .facility-cont2 .silde-btn-wrap {left:auto;right:6.5%;bottom:30px;} .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-next, .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-prev {width:41px;height:41px;background:url(../images/btn_mv2_m.png) 0 0 no-repeat;background-size:82px 41px !important;} .main-facility .facility-cont2 .silde-btn-wrap .swiper-button-next {background-position:-41px 0;} } /* service2 */ #main-service2 {position:relative;padding-bottom:230px;} #main-service2 .bg-box {position:absolute;bottom:0;left:0;width:100%;height:1150px;background:#0138bd;} /* #main-service2 .bg-box .box {display:block;width:0;height:25%;height:25%;background:#0138bd;position:absolute;left:0;z-index:1;} #main-service2 .bg-box .box1 {top:0;transition:all ease-in 0.6s 0.3s;} #main-service2 .bg-box .box2 {top:25%;transition:all ease-in 0.6s 0.6s;} #main-service2 .bg-box .box3 {top:50%;transition:all ease-in 0.6s 0.9s;} #main-service2 .bg-box .box4 {top:75%;transition:all ease-in 0.6s 1.2s;} */ #main-facility.active+#main-service2 .bg-box .box {width:100%;} #main-service2 .s-inner {position:relative;z-index:2;} .main-service2 h2 {color:#fff;margin-bottom:70px;} .main-service2 .service-list:after {content:"";display:block;clear:both;} .main-service2 .service-list li {float:left;width:22%;margin-left:4%;} .main-service2 .service-list li:first-child {margin-left:0;} .main-service2 .service-list li a {display:block;padding:80px 40px;background:#fff;transition:all ease-in-out 0.3s;} .main-service2 .service-list li a:hover {background:#262626;transform:translateY(-2px);-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5);} .main-service2 .service-list li a:before {content:"";display:block;width:42px;height:42px;background:url(../images/ico_service.png) 0 0 no-repeat;margin-bottom:20px;} .main-service2 .service-list li:nth-child(2) a:before {background-position:-42px 0;} .main-service2 .service-list li:nth-child(3) a:before {background-position:-84px 0;} .main-service2 .service-list li:nth-child(4) a:before {background-position:-126px 0;} .main-service2 .service-list li:first-child a:hover:before {background-position:0 -42px;} .main-service2 .service-list li:nth-child(2) a:hover:before {background-position:-42px -42px;} .main-service2 .service-list li:nth-child(3) a:hover:before {background-position:-84px -42px;} .main-service2 .service-list li:nth-child(4) a:hover:before {background-position:-126px -42px;} .main-service2 .service-list li a span {display:block;} .main-service2 .service-list li a .title {color:#262626;font-size:16px;padding-bottom:40px;border-bottom:1px solid #191919;margin-bottom:50px;transition:all ease-in-out 0.3s;} .main-service2 .service-list li a .title span {font-size:30px;font-family:"Merriweather";margin-top:20px;} .kor .main-service2 .service-list li a .title span {} .main-service2 .service-list li a .btn-more {display:block;} .main-service2 .service-list li a:hover .title {color:#fff;border-color:#fff;} .main-service2 .service-list li a:hover .btn-more {color:#fff;} .main-service2 .service-list li a:hover .btn-more:before {background:#0244d8;} .main-service2 .service-list li a:hover .btn-more:after {background-position:0 -13px;} @media all and (max-width: 1600px) { .main-service2 .service-list li {width:48%;margin-left:4%;margin-bottom:4vh;} .main-service2 .service-list li:nth-child(odd) {margin-left:0;} } @media all and (max-width: 1280px) { #main-service2 {padding-bottom:100px;background:#0138bd;} #main-service2 .s-inner {padding:30px 6.5% 0 6.5%;} #main-service2 .s-inner>div {padding:0;} .main-service2 h2 {margin-bottom:30px;} .main-service2 .service-list li {float:none;width:100%;margin:0;margin-top:20px;} .main-service2 .service-list li a {position:relative;padding:25px;} .main-service2 .service-list li a:before {width:30px;height:30px;position:absolute;top:50%;right:25px;transform:translateY(-50%);background:url(../images/ico_service_m.png) 0 0 no-repeat;background-size:120px 60px !important;} .main-service2 .service-list li:nth-child(2) a:before {background-position:-30px 0;} .main-service2 .service-list li:nth-child(3) a:before {background-position:-60px 0;} .main-service2 .service-list li:nth-child(4) a:before {background-position:-90px 0;} .main-service2 .service-list li:first-child a:hover:before {background-position:0 -30px;} .main-service2 .service-list li:nth-child(2) a:hover:before {background-position:-30px -30px;} .main-service2 .service-list li:nth-child(3) a:hover:before {background-position:-60px -30px;} .main-service2 .service-list li:nth-child(4) a:hover:before {background-position:-90px -30px;} .main-service2 .service-list li a .title {font-size:14px;color:#999;padding:0;margin:0;border:0;} .main-service2 .service-list li a .title span {font-size:18px;color:#262626;margin-top:10px;} .main-service2 .service-list li a:hover .title span {color:#fff;} .main-service2 .service-list li a .btn-more {display:none;} } /* sub layout */ .sub-container {padding-top:101px;padding-bottom:200px;transition:padding ease-out 0.4s;} #header.hid+.sub-container {} #sub-visual {} #sub-visual .inner {width:100%;max-width:1340px;margin:0 auto;height:590px;position:relative;} #sub-visual h2 {position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:74px;color:#fff;font-family:'Merriweather';font-weight:normal;} #sub-visual h2>div {font-family:"Montserrat" !important;font-size:18px;line-height:24px;margin-top:62px;font-weight:500;} .kor #sub-visual h2>div {font-family:'Montserrat','Noto Sans KR' !important;} #sub-visual .visual-area-7 h2 {font-family:'Noto Sans KR' !imoprtant;} .sub-cont-inner {width:100%;max-width:1340px;margin:0 auto;} .sub-cont-inner2 {width:100%;max-width:100%;margin:0 auto;} .pages-inner {position:relative;} .lnb {position:absolute;left:0;top:820px;z-index:2;} .lnb.fixed {position:fixed;top:240px;} .lnb .btn-lnb {display:none;} .lnb ul {} .lnb li {padding:5px 0;} .lnb li a {position:relative;display:block;color:#a3a3a3;font-size:16px;font-weight:600;padding:10px 0 10px 52px;text-align:left;min-width:80px;} .lnb li a.current {color:#0138bd;font-weight:bold;} .lnb li a.current:before {content:"";width:42px;height:2px;background:#0138bd;position:absolute;top:50%;left:0;transform:translateY(-50%);} .lnb li a:hover {color:#0138bd;font-weight:bold;} .lnb li a:hover:before {content:"";width:42px;height:2px;background:#0138bd;position:absolute;top:50%;left:0;transform:translateY(-50%);} .subcont-intro {padding:130px 0 115px 0;text-align:center;} .subcont-intro dt {font-size:44px;font-family:'Merriweather';} .kor .subcont-intro dt {} .subcont-intro dt div {} .kor .subcont-intro dt {/*font-family:'Nanum Myeongjo';*/font-family:'Noto Sans KR';font-weight:500;} .kor .en-only {font-family:'Merriweather' !important;} .kor .subcont-intro dt .en-only {display:inline-block;transform:translateY(2px);} /*.subcont-intro dt div {transform:translateY(50px);opacity:0;transition:all ease-in 0.7s;} .subcont-intro dt div.show {transform:translateY(0);opacity:1;}*/ .subcont-intro dd {margin-top:50px;font-size:18px;line-height:30px;} .subcont-intro dd div {/*transform:translateY(50px);opacity:0;transition:all ease-in 0.7s;*/} .subcont-intro dd div span.dsp {display:block;} /*.subcont-intro dd div.show {transform:translateY(0);opacity:1;}*/ @media all and (max-width: 1800px) { .pages-inner {padding-left:240px;} } @media all and (max-width: 1280px) { .kor .subcont-intro dt .en-only {transform:translateY(0);} #sub-visual .inner {height:200px;} #sub-visual h2 {font-size:33px;left:6.5%;} #sub-visual h2>div {font-size:13px;line-height:21px;margin-top:15px;font-weight:normal;} #sub-visual h2>div span {display:block;} .sub-container {padding:50px 0 70px 0;} #header.hid+.sub-container {} .sub-cont-inner {padding:0 6.5%;box-sizing:border-box;} .lnb {position:fixed;top:50px;left:0;width:100%;background:#fff;padding:0;box-sizing:border-box;transition:all ease-out 0.5s;} .lnb:before {content:"";display:block;width:100%;height:50px;position:absolute;top:-50px;left:0;background:#fff;} .lnb.fixed {top:50px;} .lnb.fixed_top {top:0;} .lnb>div {height:0;overflow:hidden;transition:all ease-in 1s;} .lnb .btn-lnb {position:relative;border-bottom:1px solid #eee;font-size:13px;font-weight:bold;color:#0138bd;display:block;padding:15px 6.5%;} .lnb .btn-lnb:before {content:"";display:block;width:16px;height:16px;background:url(../images/arr_lnb.png) 0 0 no-repeat;background-size:16px;position:absolute;top:50%;right:6.5%;transform:translateY(-50%);} .lnb .btn-lnb.active:before {transform:translateY(-50%) rotate(180deg);} .lnb .btn-lnb.active+div {height:auto;} .lnb ul {padding:10px 6.5%;border-bottom:1px solid #eee;} .lnb li {padding:0;} .lnb li a {font-size:13px;font-weight:600;color:#a3a3a3;padding:10px 0;} .lnb li a.current:before, .lnb li a:hover:before {display:none !important;} .lnb li a:hover {font-size:13px;} .lnb li a.current {font-weight:bold;font-size:13px;} .pages-container {padding-top:100px;} .pages-inner {padding-left:0;} .subcont-intro {padding:50px 6.5%;} .subcont-intro dt {} .subcont-intro dt div {font-size:22px;} .subcont-intro dd {margin-top:25px;font-size:12px;line-height:19px;} .subcont-intro dd div span.dsp {display:inline;} } /* about */ .arco-area dt:before {content:"";display:block;width:57px;height:57px;background:url(../images/ico_arco.png) 0 0 no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%);} .arco-area dt.on:before {background-position:-57px 0;} @media all and (max-width: 1280px) { .arco-area dt:before {width:38px;height:38px;background:url(../images/ico_arco_m.png) 0 0 no-repeat;background-size:76px 38px;right:7px;} .arco-area dt.on:before {background-position:-38px 0;} } .about-container {padding-bottom:0;} .about-area {background:url(../images/sv1.jpg) center 0 no-repeat;background-size:contain !important;} .about-area .about-area-inner:after {content:"";display:block;width:100%;padding-bottom:50vh;background:url(../images/img_about3.jpg) center 0 no-repeat;background-size:cover;} .about-area .about-welcome {padding:120px 0 155px 0;font-size:42px;line-height:60px;font-family:'Merriweather';width:100%;max-width:1340px;margin:0 auto;} .kor .about-area .about-welcome {/*font-family:'Nanum Myeongjo';*/font-family:'Noto Sans KR';} .about-area .about-welcome>div {overflow:hidden;} .about-area .about-welcome>div:last-child {font-weight:bold;} .about-area .about-welcome>div span {display:block;transform:translateY(65px);transition:all ease-in 0.7s;} .about-area .about-welcome>div.on span {transform:translateY(0);} .about-area .about-cont h3 {font-size:34px;line-height:48px;font-weight:bold;color:#0138bd;overflow:hidden;position:absolute;top:-17px;left:-15px;} .about-area .about-cont h3.fixed {} .about-area .about-cont h3>div {} .about-area .about-cont h3.fixed>div {} /*.about-area .about-cont h3 {font-size:34px;line-height:48px;font-weight:bold;color:#0138bd;overflow:hidden;position:absolute;top:0;left:0;} .about-area .about-cont h3.fixed {} .about-area .about-cont h3>div {position:fixed;top:150px;transform:translateY(50px);opacity:0;transition:all ease-in 0.3s;} .about-area .about-cont h3.fixed>div {opacity:1;transform:translateY(0);} */ .about-area .about-history h3.active {font-size:120px;top:-70px;transition:all ease-in 0.3s;opacity:1;} .about-area .about-history h3>div {position:static;opacity:1;transform:translateY(0);transition:all ease 0.2s} .about-area .about-history h3.active>div>span {display:inline-block;overflow:hidden;line-height:120px;height:150px;-webkit-font-smoothing: antialiased;} .about-area .about-history h3>div>span>span {display:inline-block;opacity:0;transform:translateX(40px) translateZ(0) scaleX(0.1);transition:all ease 0.3s;-webkit-font-smoothing: antialiased;} .about-area .about-history h3>div>span.on>span {opacity:1;transform:translateX(0) translateZ(0) scaleX(1);} .about-area .about-history h3.fixed {font-size:34px;} .about-area .about-history h3.fixed div {position:fixed;top:150px;} .about-area .about-cont .inner {width:100%;max-width:1340px;margin:0 auto;padding-left:380px;box-sizing:border-box;position:relative;z-index:2;} .about-area .about-history {position:relative;} .about-area .about-history:before {content:"";display:block;width:100%;height:670px;background:#f9f9f9;position:absolute;bottom:0;left:0;} .about-area .about-history.on:before {transition:all ease-in 0.8s;} .about-area .about-history .history-area {padding:0 0 140px 0;} .about-area .about-history .history-area .history-list {padding:45px 0 0 0;} .about-area .about-history .history-area .history-list li {display:table;width:100%;table-layout:fixed;margin-top:25px;} .about-area .about-history .history-area .history-list li span {display:table-cell;width:145px;font-size:22px;font-weight:bold;vertical-align:top;} .about-area .about-history .history-area .history-list li div {display:table-cell;font-size:20px;font-weight:500;vertical-align:middle;} .about-area .about-location {padding:140px 0 0 0;} .about-area .about-location .location-area {position:relative;} .about-area .about-location .location-area dl {border-bottom:1px solid #e1e1e1;} .about-area .about-location .location-area dt {position:relative;padding:60px 120px 60px 0;} .about-area .about-location .location-area dt:hover {cursor:pointer;} .about-area .about-location .location-area dl:first-child dt {padding-top:0;} .about-area .about-location .location-area dt div {font-size:22px;font-weight:bold;margin-bottom:30px;} .about-area .about-location .location-area dt span {font-size:18px;font-weight:500;line-height:32px;} .about-area .about-location .location-area dd {display:none;padding:0 0 80px 0;} .about-area .about-location .location-area dd span {display:none;} .about-area .about-location .location-area dd .map-area {position:relative;padding-top:60%;width:100%;} .about-area .about-location .location-area dd .map-area #map, .about-area .about-location .location-area dd .map-area #map2 {position:absolute !important;top:0;left:0;bottom:0;right:0;} .about-area .about-brochure {padding:160px 0 0 0;} .about-area .about-brochure .brochure-area {} .about-area .about-brochure .brochure-area img {width:100%;} .about-area .about-brochure .brochure-area dl {position:relative;padding:60px 0;border-bottom:1px solid #e1e1e1;} .about-area .about-brochure .brochure-area dl dt {font-size:24px;font-weight:bold;margin-bottom:30px;} .about-area .about-brochure .brochure-area dl dd div {font-size:24px;font-weight:500;} .about-area .about-brochure .brochure-area dl dd a.ab-btn {position:absolute;top:50%;right:0;transform:translateY(-50%);background:#090909;color:#fff;text-align:center;} .about-area .about-brochure .brochure-area dl dd a.ab-btn:after {content:"";display:inline-block;width:22px;height:22px;background:url(../images/ico_attach.png) 0 0 no-repeat;margin-left:10px;vertical-align:middle;filter:brightness(0) invert(1);} .about-area .about-teams {padding:160px 0 100px 0;} .about-area .about-teams.active h3 {line-height:100px;} .about-area .about-teams h3 {top:-2px;} .about-area .about-teams h3.fixed {overflow:visible;width:100%;} .about-area .about-teams h3>div {/*position:absolute;*/} .about-area .about-teams h3.fixed>div {position:absolute;top:0;} .about-area .about-teams .teams-area {font-size:18px;font-weight:500;line-height:32px;} .about-area .about-teams.active .teams-area {padding-top:170px;transition:all ease-in 0.8s;} .map-title {position:relative;width:281px;padding:15px 20px;font-size:18px;font-weight:500;min-width:152px;text-align:center;font-family:"Montserrat";background:#000;color:#fff;border:0;box-sizing:border-box;width:102%;margin-left:-1%;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);} .map-title span {display:inline-block !important;padding:0 !important;} .map-title:after {content:"";display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #000;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);} .map-title a {color:#fff !important;} .map-title .en-only {font-family:"Montserrat" !important;vertical-align:baseline;} @media all and (max-width: 1280px) { .about-area {background:url(../images/sv1_m.jpg) center 0 no-repeat;} .about-area .about-area-inner:after {display:none;} .about-area .about-welcome {padding:55px 6.5%;font-size:19px;line-height:28px;box-sizing:border-box;} .about-area .about-welcome>div span {transform:translateY(30px);} .about-area .about-welcome>div.on span {transform:translateY(0);} .about-area .about-cont .inner {padding-left:0;} .about-area .about-cont h3 {position:static;margin-bottom:35px;font-size:30px !important;line-height:43px;padding-left:6.5%;} .about-area .about-cont h3>div {position:static;opacity:1;transform: translateY(0);} .about-area .about-history h3.fixed div {position:static;} .about-area .about-history h3.active>div>span {line-height:1em;height:auto;overflow:visible;} .about-area .about-history h3>div>span>span {opacity:1;transform:translateX(0);} .about-area .about-history {} .about-area .about-history:before {height:650px;} .about-area .about-history .history-area {padding:0;} .about-area .about-history .history-area img {margin:0 0 0 6.5%;width:93.5%;} .about-area .about-history .history-area .history-list {padding:20px 6.5% 55px 6.5%;background:#f9f9f9;} .about-area .about-history .history-area .history-list li {margin-top:20px;} .about-area .about-history .history-area .history-list li span {font-size:14px;width:70px;} .about-area .about-history .history-area .history-list li div {font-size:12px;line-height:20px;} .about-area .about-location {padding-top:55px;} .about-area .about-location .location-area {padding:0 6.5%;} .about-area .about-location .location-area dl:first-child {border-top:2px solid #000;} .about-area .about-location .location-area dt {padding:25px 50px 25px 0 !important;} .about-area .about-location .location-area dt div {font-size:14px;margin:0;} .about-area .about-location .location-area dt span {display:none;} .about-area .about-location .location-area dd {padding-bottom:40px;border-top:1px solid #e1e1e1;} .about-area .about-location .location-area dd span {display:block;padding:25px 0;font-size:12px;line-height:20px;font-weight:500;} .about-area .about-brochure {padding-top:70px;} .about-area .about-brochure .brochure-area dl {padding:30px 6.5%;} .about-area .about-brochure .brochure-area dl dt {font-size:14px;margin-bottom:15px;} .about-area .about-brochure .brochure-area dl dd div {font-size:12px;} .about-area .about-brochure .brochure-area dl dd a.ab-btn {width:42px;height:42px;right:6.5%;} .about-area .about-brochure .brochure-area dl dd a.ab-btn span {display:none;} .about-area .about-brochure .brochure-area dl dd a.ab-btn:after {margin:0;width:17px;height:17px;background:url(../images/ico_attach_m.png) 0 0 no-repeat;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .about-area .about-teams {padding:70px 0 0 0;} .about-area .about-teams .teams-area {padding:0 6.5% 45px 6.5%;font-size:12px;line-height:20px;} .map-title {padding:10px 15px;font-size:11px;} } @media all and (max-width: 850px) { .about-area .about-history:before {height:67%;} } @media all and (max-width: 570px) { .about-area .about-history:before {height:70%;} } @media all and (max-width: 415px) { .about-area .about-history:before {height:73%;} } /* services */ .visual-area-2 {background:url(../images/sv2.jpg) center 0 no-repeat;background-size:cover;} .service-area {width:100%;max-width:1340px;margin:0 auto;} .service-area .overview>li {margin-top:120px;transform:translateX(60px);opacity:0;transition:all ease-in 0.7s;} .service-area .overview>li:first-child {margin-top:0;} .service-area .overview>li:nth-child(2) {transform:translateX(-60px);} .service-area .overview>li.show {transform:translateX(0);opacity:1;} .service-area .overview>li .btn-more:before {opacity:0;transition:all ease-in 0.3s;} .service-area .overview>li .btn-more:after {right:22px;transition:all ease-in 0.3s;} .service-area .overview>li .btn-more:hover:before {opacity:1;} .service-area .overview>li .btn-more:hover:after {right:17px;} .service-area .overview>li a {position:relative;display:block;overflow:hidden;} .service-area .overview>li a img {width:100%;transform:scale(1);transition:all ease-in 0.8s;} .service-area .overview>li a:hover {outline:none;border:0;} .service-area .overview>li a:hover img {transform:scale(1.15);outline:none;border:0;} .service-area .overview>li .title {display:block;font-size:22px;position:absolute;bottom:0;right:0;width:71%;padding:40px 60px;font-weight:600;box-sizing:border-box;background:#fff;transition:all ease-in 0.8s;} .service-area .overview>li a:hover .title {} .service-area .overview>li .btn-more {position:absolute;top:50%;right:0;font-size:0;line-height:0;transform:translateY(-50%);} .service-area .overview>li a:hover .btn-more:before {opacity:1;} .service-area .overview>li a:hover .btn-more:after {right:17px;} .service-area .service-cont-wrap {} .service-area .service-cont-wrap h3 {font-size:34px;font-weight:bold;color:#0138bd;} .service-area .service-cont-wrap .service-cont-intro {display:table;table-layout:fixed;width:100%;margin:140px 0 50px 0;} .service-area .service-cont-wrap .service-cont-intro:first-child {margin-top:0;} .service-area .service-cont-wrap .service-cont-intro>dt {display:table-cell;width:325px;} .service-area .service-cont-wrap .service-cont-intro>dd {font-size:16px;line-height:24px;} .service-area .service-cont-wrap .service-cont-intro>dd .nec-area {padding:40px 0 10px 0;text-align:right;margin-bottom:-30px;} .service-area .service-cont-wrap .service-cont-intro>dd .nec-area div:last-child {display:inline-block;font-size:16px;font-weight:500;color:#0138bd;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type {padding:5px 0 0 0;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li {display:inline-block;margin-left:40px;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li:first-child {margin:0;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li span {display:inline-block;width:20px;height:20px;background:#0138bd;margin-right:10px;border-radius:100%;text-align:center;line-height:20px;color:#fff;font-size:14px;font-weight:600;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li div {display:inline-block;font-size:20px;line-height: 20px;} .service-area .service-cont-wrap .service-cont .gmp-cont dt {padding:70px 0 30px 0;font-size:24px;font-weight:bold;} .service-area .service-cont-wrap .service-cont .gmp-cont:first-child dt {padding-top:25px;} .service-area .service-cont-wrap .service-cont .gmp-cont dd {font-size:16px;line-height:28px;} .service-area .service-cont-wrap .service-cont .gmp-cont dt .nec-area {padding:0 0 10px 0;text-align:right;float:right;} .service-area .service-cont-wrap .service-cont .gmp-cont dt .nec-area div:last-child {display:inline-block;font-size:16px;font-weight:500;color:#0138bd;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li {position:relative;padding-left:15px;font-size:16px;margin:20px 0 0 0;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li:first-child {margin:40px 0 0 0;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li:before {content:"";display:block;width:6px;height:6px;background:#0138bd;border-radius:100%;position:absolute;top:7px;left:0;} .service-area .service-cont-wrap .service-cont .gmp-process {margin-top:30px;background:#f9f9f9;padding:60px 0 50px 0;text-align:center;} .service-area .service-cont-wrap .service-cont .gmp-process li {text-align:center;padding:0 35px;position:relative;display:inline-block;width:16.4%;box-sizing:border-box;} .service-area .service-cont-wrap .service-cont .gmp-process li .img-area {position:relative;margin-bottom:20px;} .service-area .service-cont-wrap .service-cont .gmp-process li .img-area:before {content:"";display:block;width:24px;height:24px;background:url(../images/arr_process.jpg) 0 0 no-repeat;position:absolute;top:50%;left:-47px;transform:translateY(-50%);} .service-area .service-cont-wrap .service-cont .gmp-process li:first-child .img-area:before {display:none;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area {display:table;width:100%;table-layout:fixed;font-size:13px;font-weight:500;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area>div {display:table-cell;height:60px;vertical-align:middle;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:first-child {display:none;} .service-area .service-cont-wrap .service-cont .service-tb table {width:calc(100% + 40px);table-layout:fixed;border-collapse:separate;border-spacing:20px 0;margin-left:-20px;} .service-area .service-cont-wrap .service-cont .service-tb table th, .service-area .service-cont-wrap .service-cont .service-tb table td {border-collapse:separate;} .service-area .service-cont-wrap .service-cont .service-tb table thead th {border-top:2px solid #000;padding:13px 0;text-align:center;font-size:16px;line-height:20px;font-weight:600;} .service-area .service-cont-wrap .service-cont .service-tb table thead tr+tr th {border-top:1px solid #ebebeb;} .service-area .service-cont-wrap .service-cont .service-tb table tbody th, .service-area .service-cont-wrap .service-cont .service-tb table tbody td {border-bottom:1px solid #ebebeb;padding:14px 0;text-align:center;font-size:16px;font-weight:normal;} .service-area .service-cont-wrap .service-cont .service-tb table tbody tr:first-child th, .service-area .service-cont-wrap .service-cont .service-tb table tbody tr:first-child td {border-top:1px solid #ebebeb;} .service-area .service-cont-wrap .service-cont .service-tb table tbody td .data-chk {display:inline-block;width:24px;height:24px;font-size:0;line-height:0;color:transparent;background:url(../images/ico_service_chk.jpg) 0 0 no-repeat;} .service-area .service-cont-wrap .service-cont .qm-cont1 {position:relative;} .service-area .service-cont-wrap .service-cont .qm-cont1:after {content:"";display:block;clear:both;} .service-area .service-cont-wrap .service-cont .qm-cont1>div {position:relative;float:left;width:calc(50% - 25px);} .service-area .service-cont-wrap .service-cont .qm-cont1>div:first-child {margin-right:50px;} .service-area .service-cont-wrap .service-cont .qm-cont1>div .img {position:relative;} .service-area .service-cont-wrap .service-cont .qm-cont1>div:hover .img:before {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(1,56,189,0.7);} .service-area .service-cont-wrap .service-cont .qm-cont1 dl {position:absolute;bottom:50px;left:50px;color:#fff;width:calc(100% - 100px);} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dt {font-size:24px;font-weight:600;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dt div {font-size:16px;margin-bottom:20px;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul {display:inline-block;width:48%;padding:25px 0 0 0;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd {opacity:0;height:0;overflow:hidden;transition:all ease-in 0.7s;} .service-area .service-cont-wrap .service-cont .qm-cont1>div:hover dl dd {opacity:1;height:auto;} .service-area .service-cont-wrap .service-cont .qm-cont1>div:first-child dl dd ul {display:block;width:100%;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul li {font-size:16px;line-height:26px;position:relative;padding-left:15px;margin-top:10px;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul li:before {content:"";display:block;width:6px;height:6px;background:#fff;border-radius:100%;position:absolute;top:10px;left:0;} .service-area .service-cont-wrap .service-cont .service-tb2 table tbody th {font-size:15px;font-weight:bold;} .service-area .service-cont-wrap .service-cont .service-tb2 table tbody td {text-align:left;} .service-area .service-cont-wrap .service-cont .service-tb2 table tbody tr:first-child th, .service-area .service-cont-wrap .service-cont .service-tb2 table tbody tr:first-child td {border-top:2px solid #000;} /* .service-area .service-cont-wrap .service-cont .qm-cont2 {margin-top:80px;transition:all ease-in-out 0.8s 0.5s;transform:translateX(60px);opacity:0;} .service-area .service-cont-wrap .service-cont .qm-cont2:first-child {margin-top:0;} .service-area .service-cont-wrap .service-cont .qm-cont2:nth-child(even) {transform:translateX(-60px);} .service-area .service-cont-wrap .service-cont .qm-cont2.show {transform:translateX(0);opacity:1;} .service-area .service-cont-wrap .service-cont .qm-cont2 dl {bottom:80px;left:80px;width:calc(100% - 160px);} .service-area .service-cont-wrap .service-cont .qm-cont2 dl dt {font-size:34px;} */ .service-area .service-cont-wrap .service-cont.rs-wrap:after {content:"";display:block;clear:both;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 {float:left;width:calc(33.33% - 66px);margin-left:98px;transform:translateX(-150px);opacity:0;transition:all ease-in 0.7s;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2.show {opacity:1;transform:translateX(0);} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2:first-child {margin-left:0;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl {color:#000;position:static;width:100%;padding-top:55px;background:url(../images/arr_service.png) 0 0 no-repeat} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dt {color:#0138bd;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dd {height:auto;opacity:1;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dd ul {display:block !important;width:100% !important;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dd ul li {} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dd ul li:before {background:#0138bd;} @media all and (max-width: 1280px) { .service-area .overview {padding-left:6.5%;} .service-area .overview li {margin-top:50px;} .service-area .overview li:first-child {margin-top:0;} .service-area .overview li a span.title {width:90%;font-size:13px;padding:20px 6.5%;} .service-area .overview li a span.btn-more {right:6.5%;} .service-area .service-cont-wrap h3 {font-size:18px;} .service-area .service-cont-wrap .service-cont-intro {display:block;padding:0 6.5%;box-sizing:border-box;margin:60px 0 30px 0;} .service-area .service-cont-wrap .service-cont-intro:first-child {margin-top:0;} .service-area .service-cont-wrap .service-cont-intro>dt {display:block;width:100%;margin:0 0 15px 0;} .service-area .service-cont-wrap .service-cont-intro>dd {display:block;width:100%;font-size:12px;line-height:20px;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li {display:block;margin:8px 0 0 0;margin-right:8px;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li span {font-size:12px;} .service-area .service-cont-wrap .service-cont-intro>dd .st-type li div {font-size:15px;line-height:21px;} .service-area .service-cont-wrap .service-cont-intro>dd .nec-area {font-size:12px;line-height:20px;text-align:left;padding:35px 0 20px 0;} .service-area .service-cont-wrap .service-cont-intro>dd .nec-area div:last-child {font-size:12px;} .service-area .service-cont-wrap .service-cont-intro>dd .nec-area .ab-nec:before {font-size:12px;margin-right:2px;display:inline-block;line-height:19px;} .service-area .service-cont-wrap .service-cont-tb {position:relative;margin:0 0 0 6.5%;} .service-area .service-cont-wrap .service-cont .gmp-cont {padding:0 6.5%;} .service-area .service-cont-wrap .service-cont .gmp-cont dt {padding:45px 0 15px 0;font-size:15px;} .service-area .service-cont-wrap .service-cont .gmp-cont:first-child dt {padding-top:0;} .service-area .service-cont-wrap .service-cont .gmp-cont dd {font-size:12px;line-height:20px;} .service-area .service-cont-wrap .service-cont .gmp-cont dt .nec-area {} .service-area .service-cont-wrap .service-cont .gmp-cont dt .nec-area .ab-nec:before {font-size:12px;} .service-area .service-cont-wrap .service-cont .gmp-cont dt .nec-area div:last-child {font-size:12px;} .service-area .service-cont-wrap .service-cont .gmp-cont-list {padding:35px 6% 0 6%;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li {font-size:12px;line-height:20px;margin-top:15px;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li:first-child {margin:0;} .service-area .service-cont-wrap .service-cont .gmp-cont-list li:before {width:4px;height:4px;} .service-area .service-cont-wrap .service-cont .gmp-process.pc-only {display:block;} .service-area .service-cont-wrap .service-cont .gmp-process li {width:180px;} .service-area .service-cont-wrap .service-cont .gmp-prc-mo {display:none;} .service-area .service-cont-wrap .service-cont .qm-cont1>div {float:none;width:100%;margin:0;} .service-area .service-cont-wrap .service-cont .qm-cont1>div:hover .img:before {display:none;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl {position:static;color:#000;padding:25px 6.5%;width:100%;box-sizing:border-box;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dt {font-size:15px;color:#000;font-weight:bold;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd {opacity:1;height:auto;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul {padding:0;} .service-area .service-cont-wrap .service-cont .qm-cont1>div:last-child dl dd ul {} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul li {font-size:12px;line-height:20px;margin-top:10px;padding-left:10px;} .service-area .service-cont-wrap .service-cont .qm-cont1 dl dd ul li:before {background:#0138bd;width:4px;height:4px;top:7px;} .service-area .service-cont-wrap .service-cont .service-tb2 {width:100%;} /* .service-area .service-cont-wrap .service-cont .qm-cont2 {margin:0;} .service-area .service-cont-wrap .service-cont .qm-cont2 dl {position:absolute;bottom:30px;left:0;padding:0 6.5%;width:100%;box-sizing:border-box;color:#fff;} .service-area .service-cont-wrap .service-cont .qm-cont2 dl dt {font-size:15px;} .service-area .service-cont-wrap .service-cont .qm-cont2 dl dd ul {display:block;width:100%;} .service-area .service-cont-wrap .service-cont .qm-cont2 dl dd ul li:before {background:#fff;}*/ .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 {float:none;width:100%;transform:translate(-100px,0);margin:15px 0 0 0;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2:first-child {margin:0;} /* .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2:nth-child(2) {transform:translate(-100px,0);}*/ .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2.show {transform:translate(0,0);} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl {position:relative;bottom:0;left:0;padding:0 6.5%;background:none;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dt {font-size:14px;padding-bottom:15px;background:url(../images/arr_service_m.png) 0 bottom no-repeat;background-size:contain;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dt div {display:inline-block;width:28px;margin:0;text-align:left;font-size:14px;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dd {padding:12px 0;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dd ul li {line-height:20px;margin-top:8px;} .service-area .service-cont-wrap .service-cont.rs-wrap .qm-cont2 dl dd ul li:first-child {margin:0;} } @media all and (max-width: 970px) { .service-area .service-cont-wrap .service-cont .service-tb table thead th {font-size:12px;line-height:19.5px;} .service-area .service-cont-wrap .service-cont .service-tb table tbody th, .service-area .service-cont-wrap .service-cont .service-tb table tbody td {font-size:12px;line-height:18px;} } @media all and (max-width: 700px) { .service-area .service-cont-wrap .service-cont.type-fixed {padding-left:180px;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:first-child {display:block;position:absolute;top:0;bottom:0;left:0;width:180px;background:#fff;z-index:1;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:first-child:after {content:"";display:block;width:10px;height:100%;position:absolute;top:0;bottom:0;right:-10px;background:#fff;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb .mo-hide {display:none;} .service-area .service-cont-wrap .service-cont .service-tb {position:relative;} .service-area .service-cont-wrap .service-cont .service-tb table {border-spacing:10px 0;width:calc(100% + 20px);margin-left:-10px;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb {width:485px;margin-left:0;} .service-area .service-cont-wrap .service-cont .service-tb table thead th {padding:10px 0;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:first-child table thead th {padding:40px 0;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table thead tr:first-child th:first-child, .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table thead tr:first-child th:nth-child(2) {display:none;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table tbody th, .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table tbody th+td {display:none;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table tbody tr:nth-child(2) td:last-child, .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) table tbody tr:nth-child(3) td:last-child {height:35px;} .service-area .service-cont-wrap .service-cont .service-tb table tbody th {padding:10px 0;border-bottom:1px solid #e4e4e4;word-break: break-word;} .service-area .service-cont-wrap .service-cont .service-tb table tbody td {padding:10px 0;border-bottom:1px solid #e4e4e4;word-break: break-word;} .service-area .service-cont-wrap .service-cont .service-tb table tbody td .data-chk {width:19px;height:19px;background:url(../images/ico_service_chk_m.jpg) 0 0 no-repeat;background-size:cover;} .service-area .service-cont-wrap .service-cont.type-fixed .service-tb:nth-child(2) {padding-left:10px;} .service-area .service-cont-wrap .service-cont .gmp-process.pc-only {display:none;} .service-area .service-cont-wrap .service-cont .gmp-prc-mo {display:block;padding:47px 6.5%;width:100%;margin:30px auto 0 auto;background:#f9f9f9;box-sizing:border-box;overflow:hidden;} .service-area .service-cont-wrap .service-cont .gmp-prc-mo .gmp-process {padding:0;width:100%;margin:0;background:none;} .service-area .service-cont-wrap .service-cont .gmp-process:first-child {margin-left:-3%;} .service-area .service-cont-wrap .service-cont .gmp-process:last-child {margin-left:6%;margin-top:15px;} .service-area .service-cont-wrap .service-cont .gmp-process li {width:calc(33.33% - 2px);padding:0;} .service-area .service-cont-wrap .service-cont .gmp-process:first-child li:first-child {margin-left:-6.5%;} .service-area .service-cont-wrap .service-cont .gmp-process:last-child li:last-child {margin-right:-6.5%;} .service-area .service-cont-wrap .service-cont .gmp-process li .img-area {text-align:center;} .service-area .service-cont-wrap .service-cont .gmp-process li .img-area:before {width:20px;height:20px;background:url(../images/arr_process_m.png) 0 0 no-repeat;background-size:cover;left:-10%;} .service-area .service-cont-wrap .service-cont .gmp-process:last-child li:first-child .img-area:before {display:block;width:20px;height:20px;background:url(../images/arr_process_m.png) 0 0 no-repeat;background-size:cover;} .service-area .service-cont-wrap .service-cont .gmp-process li .img-area img {width:50%;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area {display:block;font-size:11px;line-height:15px;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area>div {display:block;height:auto;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area>div br {display:none;} .service-area .service-cont-wrap .service-cont .gmp-process li .title-area>div span {display:block;} } /* facilites */ .visual-area-3 {background:url(../images/sv3.jpg) center 0 no-repeat;background-size:cover;} .fac-area .overview>li {position:relative;padding-bottom:40px;} .fac-area .overview>li>a {overflow:visible;} .fac-area .overview>li h3 {margin-bottom:40px;} .fac-area .overview>li .btn-more {top:-16px;transform:translateY(0);height:46px;} .fac-area .overview>li div {position:relative;} .fac-area .overview>li div .img-area {overflow:hidden;} .fac-area .overview>li div .img-area img {width:100%;transform:scale(1);transition:all ease-in 0.8s;} .fac-area .overview>li div .img-area:hover img {transform:scale(1.15);} .fac-area .overview>li div .title {bottom:auto;top:75%;padding:60px 0 60px 6.5%;width:78%;} .fac-area .overview>li div .title:after {content:"";display:block;clear:both;} .fac-area .overview>li div .title>dl {float:left;width:50%;} .fac-area .overview>li div .title>dl dt {font-size:24px;margin-bottom:30px;} .fac-area .overview>li div .title>dl dd {} .fac-area .overview>li div .title>dl dd:first-child {padding-top:50px;} .fac-area .overview>li div .title>dl dd ul li {position:relative;padding-left:15px;font-size:16px;line-height:28px;margin:10px 0 0 0;font-weight:normal;} .fac-area .overview>li div .title>dl dd ul li:first-child {margin:0;} .fac-area .overview>li div .title>dl dd ul li:before {content:"";display:block;width:6px;height:6px;background:#0138bd;border-radius:100%;position:absolute;top:11px;left:0;} .fac-area-wide {max-width:100%;} .fac-area-wide .subcont-intro {max-width:1340px;margin:0 auto;} .fac-area-wide .fac-intro {width:100%;max-width:100%;padding-left:calc(50% - 670px);margin-bottom:200px;} .fac-area-wide .fac-intro .inner {position:relative;padding-bottom:130px;} .fac-area-wide .fac-intro .inner .img-area {margin-left:4%;overflow:hidden;} .fac-area-wide .fac-intro .inner .img-area img {width:100%;transform:scale(1);transition:all ease-in 0.8s;} .fac-area-wide .fac-intro .inner .img-area:hover img {transform:scale(1.15);} .fac-area-wide .fac-intro .inner .cont-area {display:table;table-layout:fixed;width:60%;min-height:300px;position:absolute;left:0;bottom:0;-webkit-box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.2);-moz-box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.2);box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.2);} .fac-area-wide .fac-intro .inner .cont-area dl {display:table-cell;vertical-align:middle;padding:65px 100px;padding-right:50px;color:#fff;background:#0138bd;} .fac-area-wide .fac-intro .inner .cont-area dl dt {font-size:34px;font-weight:bold;margin-bottom:35px;line-height:48px;} .fac-area-wide .fac-intro .inner .cont-area dl dd {font-size:16px;line-height:28px;} .fac-plan-area {position:relative;} .fac-plan-area .fac-noti {position:absolute;top:147px;left:0;font-size:18px;font-weight:500;color:#000;} .kor .fac-plan-area .fac-noti {font-weight:normal;font-family:'Noto Sans KR';} .fac-area-wide .fac-plan-area {width:100%;max-width:1340px;margin:0 auto;} .tab-area {position:relative;padding:217px 0 0 0;} .tab-area>dt {position:absolute;width:50%;top:0;padding:30px 0;text-align:center;font-size:20px;font-weight:600;color:#999;background:#f9f9f9;} .tab-area>dt:hover {cursor:pointer;} .tab-area>dt.on {font-weight:bold;color:#fff;background:#0138bd;} .tab-area>dt.tab1 {left:0;} .tab-area>dt.tab2 {left:50%;} .tab-area>dd {position:fixed;top:-1000000%} .tab-area>dt.on+dd {position:static;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex-area {position:relative;padding-top:60px;height:60px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex {/*display:none;position:absolute;top:0;left:0;*/display:none;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex:after {content:"";display:block;clear:both;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex h4 {float:left;width:325px;font-size:24px;font-weight:bold;line-height:32px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex .h4-cont {float:right;width:calc(100% - 350px);font-size:16px;line-height:28px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex .h4-cont>div:first-child {font-size:24px;font-weight:600;color:#0138bd;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex.show {display:block;} /* .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex1 {height:0;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex2 {transform:translateY(-30px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex3 {transform:translateY(-100px);margin-bottom:-70px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex4 {transform:translateY(-70px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex5 {transform:translateY(-140px);margin-bottom:-70px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex7 {transform:translateY(-70px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex8 {transform:translateY(-140px);margin-bottom:-70px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex10 {transform:translateY(-70px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex11 {transform:translateY(-168px);margin-bottom:-70px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex12 {transform:translateY(-31px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex13 {transform:translateY(-62px);} */ .fac-area-wide .fac-plan-area .tab-area>dd .img-area {position:relative;margin:0 143px;} /* .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex2 h4 {margin-top:7px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex3 h4 {margin-top:-4px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex4 h4 {margin-top:-6px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex4-2 h4 {margin-top:-6px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex5 h4 {margin-top:-4px;}*/ .fac-area-wide .fac-plan-area .tab-area>dt.tab2+dd .img-area {} .fac-area-wide .fac-plan-area .tab-area>dd .img-area>img {/*margin-top:-70px;*/} .fac-area-wide .fac-plan-area2 .tab-area>dt.tab3+dd .img-area>img {margin-top:0;} .fac-area-wide .fac-plan-area .tab-area>dd .img-area .img-map-area {position:absolute;top:0;left:0;width:100%;height:100%;bottom:0;right:0;} .fac-area-wide .fac-plan-area2 .tab-area>dd .plan-ex-area {height:90px;} .tab-area.type2>dt {width:33.33%;} .tab-area.type2>dt.tab1 {left:0;} .tab-area.type2>dt.tab2 {left:33.33%;} .tab-area.type2>dt.tab3 {width:33.34%;left:66.66%;} .fac-plan-area .tab-area.type2>dd .img-area {margin:0 32px;} @media all and (max-width: 1770px) { .fac-area-wide .fac-intro .inner {padding-bottom:190px;} } @media all and (max-width: 1390px) { .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex-area {height:90px;} } @media all and (max-width: 1280px) { .fac-area .overview>li {padding-bottom:0;margin-top:15px;} .fac-area .overview>li h3 {margin-bottom:25px;} .fac-area .overview>li h3 span {display:block;} .fac-area .overview>li a.btn-more {top:6px;right:6.5%;} .fac-area .overview>li:last-child a.btn-more {top:-13px;} .fac-area .overview>li div .title {position:static;width:100%;padding:34px 0;} .fac-area .overview>li div .title>dl {float:none;width:100%;} .fac-area .overview>li div .title>dl dt {font-size:15px;margin-bottom:15px;} .fac-area .overview>li div .title>dl dd ul li {font-size:12px;line-height:20px;margin-top:5px;} .fac-area .overview>li div .title>dl dd ul li:before {width:4px;height:4px;top:8px;} .fac-area .overview>li div .title>dl dd:first-child ul li {margin-top:5px;} .fac-area .overview>li div .title>dl+dl dt {margin-top:30px;} .fac-area .overview>li div .title>dl dd:first-child {padding:0;} .fac-area-wide .fac-intro {margin-bottom:60px;} .fac-area-wide .fac-intro .inner {padding-bottom:0;} .fac-area-wide .fac-intro .inner .img-area {margin-left:12%;} .fac-area-wide .fac-intro .inner .cont-area {display:block;position:static;width:88%;margin:0 6.5%;height:auto;min-height:auto;} .fac-area-wide .fac-intro .inner .cont-area dl {display:block;padding:30px 6.5%;margin-top:-35px;position:relative;} .fac-area-wide .fac-intro .inner .cont-area dl dt {font-size:15px;line-height:22px;margin-bottom:15px;} .fac-area-wide .fac-intro .inner .cont-area dl dd {font-size:12px;line-height:19px;} .fac-plan-area .fac-noti {top:65px;left:6.5%;font-size:12px;font-weight:normal;} .tab-area {padding-top:107px;margin:0 6.5%;} .tab-area>dt {font-size:13px;padding:10px 0;} .tab-area>dd {} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex-area {padding-top:20px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex h4 {float:none;width:100%;font-size:15px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex .h4-cont {float:none;width:100%;font-size:12px;line-height:20px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex .h4-cont>div:first-child {font-size:14px;} .fac-area-wide .fac-plan-area .tab-area>dd .img-area {margin:0;} .fac-area-wide .fac-plan-area .tab-area>dt.tab2+dd .img-area {margin:0;} .fac-area-wide .fac-plan-area .tab-area.type2>dt.tab2+dd .img-area {margin:0;} .fac-area-wide .fac-plan-area .tab-area>dt.tab1+dd .plan-ex-area {} .fac-area-wide .fac-plan-area .tab-area>dd .img-area {} .fac-area-wide .fac-plan-area .tab-area>dd .img-area>img {margin-top:0;} .fac-area-wide .fac-plan-area .tab-area.type2>dd .img-area {} .fac-area-wide .fac-plan-area .tab-area.type2>dt.tab3+dd .img-area {} /* .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex2 {transform:translateY(-60px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex3 {transform:translateY(-143px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex4 {transform:translateY(-50px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex5 {transform:translateY(-132px);margin-bottom:-120px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex7 {transform:translateY(-60px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex8 {transform:translateY(-147px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex10 {transform:translateY(-50px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex11 {transform:translateY(-137px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex12 {transform:translateY(-45px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex13 {transform:translateY(-97px);margin-bottom:40px;} */ } /* @media all and (max-width: 415px) { .fac-area-wide .fac-plan-area .tab-area.type2>dd .img-area {margin-top:-165px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex2 {transform:translateY(-60px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex3 {transform:translateY(-183px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex4 {transform:translateY(-50px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex5 {transform:translateY(-173px);margin-bottom:-120px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex7 {transform:translateY(-60px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex8 {transform:translateY(-167px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex10 {transform:translateY(-60px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex11 {transform:translateY(-187px);margin-bottom:-150px;} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex12 {transform:translateY(-45px);} .fac-area-wide .fac-plan-area .tab-area>dd .plan-ex#pex13 {transform:translateY(-117px);margin-bottom:40px;} }*/ /* career */ .visual-area-4 {background:url(../images/sv4.jpg) center 0 no-repeat;background-size:cover;} .recruit-greeting {position: relative;text-align:center;} .recruit-greeting:before {display: block; content: ''; position: absolute; top: 5%; left: 5%; width: 34px; height: 34px; background:url(../images/ico_quo.jpg) center center no-repeat;} .recruit-greeting:after {display: block; content: ''; position: absolute; top: 5%; right:5%; width: 33px; height: 29px; background:url(../images/ico_quo.jpg) center center no-repeat; transform:rotate(180deg);} .recruit-greeting .text {font-size:34px;line-height:56px;font-family:'Merriweather';} .kor .recruit-greeting .text {/*font-family:'Nanum Myeongjo';*/font-family:'Noto Sans KR';} .recruit-greeting .text .br {display:none;} .career-wrap .tab-area dd .pc-step-list {margin: 65px 0 0; text-align: center;} .career-wrap .tab-area dd .pc-step-list .step-list {display: inline-block;} .career-wrap .tab-area dd .pc-step-list .step-list li {float:left;display: table; table-layout: fixed; position: relative; width:210px; height:210px; border-radius:50%; margin: 0 0 0 67px; background: #fff; border:1px solid #e0e0e0;text-align: center; cursor: pointer;} .career-wrap .tab-area dd .pc-step-list .step-list li:after {display: block; content: ''; position: absolute; top: 50%; left: -66px; width: 54px; height: 4px; margin: -2px 0 0; background: url(https://www.kolonls.co.kr/resources/images/contents/precess-dots.png) left center repeat-x;} .career-wrap .tab-area dd .pc-step-list .step-list li:first-child {margin: 0;} .career-wrap .tab-area dd .pc-step-list .step-list li:first-child:after {display: none;} .career-wrap .tab-area dd .pc-step-list .step-list li .inner {display: table-cell; position: relative; width: 100%; vertical-align: middle;} .career-wrap .tab-area dd .pc-step-list .step-list li .inner:after {display: block; content: ''; position: absolute; top:100%; left: 50%; z-index: 2; width: 3px; height: 130px; margin: 0 0 0 -1px; transform: scaleY(0); transform-origin: center top; opacity: 0; background: #0138bd; transition: all 1s;} .career-wrap .tab-area dd .pc-step-list .step-list li .inner .step {display:none;} .career-wrap .tab-area dd .pc-step-list .step-list li .inner .title {font-weight:600;font-size:18px;line-height: 28px;} .career-wrap .tab-area dd .pc-step-list .step-list li.on {background:#0138bd;border-color:#0138bd;font-weight:bold;} .career-wrap .tab-area dd .pc-step-list .step-list li.on .inner:after {transform: scaleY(1); opacity: 1;} .career-wrap .tab-area dd .pc-step-list .step-list li.on .inner .title {color: #ffffff;} .career-wrap .tab-area dd .pc-step-list .step-cont {position: relative; height: 214px; margin:90px 0 0;} .career-wrap .tab-area dd .pc-step-list .step-cont > div {position: absolute; top: 0; opacity: 0; width: 1340px; margin: 0 auto;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner {position: relative; height: 140px; margin: 0 -405px; padding: 65px 405px 65px 515px; background: #f9f9f9;} .career-wrap .tab-area dd .pc-step-list .step-cont > div.on {opacity: 1; z-index: 1;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner .icos {position: absolute; top: 70px; left: 420px; transform: translateY(30px); opacity: 0; transition: all .8s ease-in-out;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner dl {display: table; table-layout: fixed; width: 100%; text-align: left;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner dl dt {display: table-cell; width: 270px;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner dl dt .step {font-weight:bold; font-size:16px; line-height: 24px; color: #0138bd; transform:translateY(30px);opacity:0;transition: all .8s ease-in-out;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner dl dt .title {margin:20px 0 0;font-weight:600;font-size:20px;line-height:30px;transform:translateY(30px);opacity:0;transition: all .8s ease-in-out;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner dl dd {display: table-cell; width: auto; font-size: 18px; line-height:30px; transform:translateY(30px);opacity:0;transition: all .8s ease-in-out;} .career-wrap .tab-area dd .pc-step-list .step-cont > div.on .inner .icos {transform: translateY(0); opacity: 1; transition-delay: .2s;} .career-wrap .tab-area dd .pc-step-list .step-cont > div.on .inner dl dt .step {transform: translateY(0); opacity: 1; transition-delay: .4s;} .career-wrap .tab-area dd .pc-step-list .step-cont > div.on .inner dl dt .title {transform: translateY(0); opacity: 1; transition-delay: .6s;} .career-wrap .tab-area dd .pc-step-list .step-cont > div.on .inner dl dd {transform: translateY(0); opacity: 1; transition-delay: .6s;} .career-wrap .tab-area dd .m-step-list {display: none;} .career-wrap .contact-us {margin:140px 0 0;} .career-wrap .contact-us.gray {margin: 0 -405px; padding: 102px 405px 96px; background: #f7f7f7;} .career-wrap .contact-us .top-box {overflow: hidden; position: relative;} .career-wrap .contact-us .top-box .imgs {float: right;} .career-wrap .contact-us .top-box .title-box {position: absolute; top: 64px; left: 0;} .career-wrap .contact-us .top-box .title-box .title {font-size:30px;line-height:50px;font-family:'Merriweather';} .kor .career-wrap .contact-us .top-box .title-box .title {/*font-family:'Nanum Myeongjo';*/font-family:'Noto Sans KR';} .career-wrap .contact-us .top-box .title-box .ab-btn {margin:40px 0 0 0;width:325px;text-align:center;} .career-wrap .contact-us .bot-box {padding:50px 0 0 20%;} .career-wrap .contact-us .bot-box ol {overflow:hidden;} .career-wrap .contact-us .bot-box ol li {float:left;width:33.33%;position: relative;padding:0 24px 0 25px;box-sizing:border-box;} .career-wrap .contact-us .bot-box ol li .num {display:inline-block;position:absolute;top:0;left:0;font-weight:600;font-size:16px;line-height:28px;color:#052ab6;} .career-wrap .contact-us .bot-box ol li .text {font-size:16px;line-height:28px;} .career-wrap .contact-us .bot-box ol li .text .br {display: none;} .career-wrap .contact-us .bot-box ol li .text a {display: inline-block;} .career-wrap .contact-us .bot-box ol li .text .btn-inquiry {display: block; box-sizing: border-box; width: 115px; height: 35px; margin: 15px 0 0; border: 1px solid #052ab6; font-weight: 700; font-size: 16px; line-height: 33px; color: #052ab6; text-align: center;} .career-wrap .contact-us .bot-box ol li .btn-more {margin-top:40px;} .kor .career-wrap .contact-us .bot-box ol li .btn-more {margin-bottom:30px;} .career-wrap .contact-us .bot-box ol li .btn-more:before {opacity:0;transition:all ease-in 0.3s;} .career-wrap .contact-us .bot-box ol li .btn-more:after {right:22px;transition:all ease-in 0.3s;} .career-wrap .contact-us .bot-box ol li .btn-more:hover:before {opacity:1;} .career-wrap .contact-us .bot-box ol li .btn-more:hover:after {right:17px;} @media all and (max-width: 1600px) { .career-wrap .tab-area dd .pc-step-list .step-list li {margin-left:20px;} .career-wrap .tab-area dd .pc-step-list .step-list li:first-child {margin-left:0;} .career-wrap .tab-area dd .pc-step-list .step-list li:after {width:14px;left:-18px;} .career-wrap .tab-area dd .pc-step-list .step-cont > div .inner {width:calc(100% - 405px);} } @media all and (max-width: 1470px) { .recruit-greeting .text {padding:0 30px;} .recruit-greeting:before {left:0;} .recruit-greeting:after {right:0;} } @media all and (max-width: 1450px) { .career-wrap .tab-area dd .pc-step-list .step-list li {width:180px;height:180px;} } @media all and (max-width: 1280px) { .career-wrap .tab-area dd .pc-step-list {display:none;} .career-wrap .tab-area dd .m-step-list {display: block;} .recruit-greeting {padding:60px 0;} .recruit-greeting:before, .recruit-greeting:after {width:25px;height:25px;background-size:cover !important;} .recruit-greeting:before {top:0;left:50%;transform:translate(-50%,0);} .recruit-greeting:after {top:auto;bottom:0;right:auto;left:50%;transform:translate(-50%,0) rotate(180deg);} .recruit-greeting .text {font-size:19px;line-height:30px;} .career-wrap .tab-area dd .m-step-list ul li {display:block;margin:0;width:100%;height:auto;border-radius:0;} .career-wrap .tab-area dd .m-step-list ul li .inner .step {display:block;} .career-wrap .tab-area dd .m-step-list {display:block;margin:50px 0;padding:0;} .career-wrap .tab-area dd .m-step-list ul {position: relative;border-top:2px solid #000;} .career-wrap .tab-area dd .m-step-list ul li {border-bottom:1px solid #e1e1e1;} .career-wrap .tab-area dd .m-step-list ul li:first-child {margin: 0;} .career-wrap .tab-area dd .m-step-list ul li a {display:block;position: relative;padding:25px 70px 25px 0;} .career-wrap .tab-area dd .m-step-list ul li a .step {font-weight:600;font-size:12px;color:#052ab6;margin-bottom:10px;} .career-wrap .tab-area dd .m-step-list ul li a .title {font-weight:600;font-size:13px;line-height:19px;word-break:keep-all;} .career-wrap .tab-area dd .m-step-list ul li a .title div {display:inline;} .career-wrap .tab-area dd .m-step-list ul li a:after {display:block;content:'';position:absolute;top:50%;right:0;width:38px;height:38px;background:url(../images/ico_arco_m.png) 0 0 no-repeat;transform:translateY(-50%);background-size:76px 38px;} .career-wrap .tab-area dd .m-step-list ul li .step-info {overflow:hidden;display:none;padding:30px 0;border-top:1px solid #e1e1e1;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner {position: relative;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner .icos {position:absolute;width:44px;height:44px;top:0;left:0;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner dl dt {padding-bottom:0;padding-left:75px;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner dl dt .step {font-weight:600;font-size:12px;line-height:12px;color: #052ab6;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner dl dt .title {margin:15px 0 0 0; font-weight:600;font-size:13px;line-height:20px;word-break:keep-all;} .career-wrap .tab-area dd .m-step-list ul li .step-info .inner dl dd {margin: 37px 0 0; font-size:12px;line-height:18px;word-break:keep-all;} .career-wrap .tab-area dd .m-step-list ul li {} .career-wrap .tab-area dd .m-step-list ul li a.on {} .career-wrap .tab-area dd .m-step-list ul li a.on:after {background-position:-38px 0;} .career-wrap .tab-area dd .m-step-list ul li a.on .step {color:#000;} .career-wrap .tab-area dd .m-step-list ul li a.on .title {} .career-wrap .tab-area dd .m-step-list ul li a.on .step-info {} .career-wrap .contact-us {margin-top:55px;} .career-wrap .contact-us .top-box .imgs {float:none;} .career-wrap .contact-us .top-box .title-box {position:static;width:100%;padding:50px 0 0 0;} .career-wrap .contact-us .top-box .title-box .title {font-size:17px;line-height:28px;text-align:center;margin-bottom:30px;} .career-wrap .contact-us .top-box .title-box .ab-btn {display:block;width:190px;margin:0 auto;font-size:14px;height:45px;line-height:45px;} .career-wrap .contact-us .bot-box {padding:50px 6.5% 0 6.5%;} .career-wrap .contact-us .bot-box ol li {float:none;width:100%;padding:0 0 0 15px;margin-top:20px;} .career-wrap .contact-us .bot-box ol li:first-child {margin-top:0;} .career-wrap .contact-us .bot-box ol li .num {font-size:12px;line-height:20px;} .career-wrap .contact-us .bot-box ol li .text {font-size:12px;line-height:20px;} .career-wrap .contact-us .bot-box ol li .text br {display:none;} .career-wrap .contact-us .bot-box ol li .btn-more {font-size:13px;color:#0138bd;margin-top:15px;padding:5px 60px 5px 0;} } @media all and (max-width: 505px) { .career-wrap .tab-area dt.tab2 {padding:20px 0;} .kor .career-wrap .tab-area dt.tab2 {padding:10px 0;} } .career-area .subcont-intro {width:100%;max-width:1340px;margin:0 auto;box-sizing:border-box;} .career-wrap .culture-warp .one-n-only {width:100%;max-width:1340px;margin:0 auto;} .career-wrap .culture-warp .section-info {display:table;table-layout:fixed;width:100%;} .career-wrap .culture-warp .section-info>.title {display:table-cell;width:330px;font-size:34px;line-height:46px;font-weight:bold;color:#0138bd;} .career-wrap .culture-warp .section-info>.text-box {font-size:16px;line-height:28px;} .career-wrap .culture-warp .section-info>.text-box>strong {font-size:20px;} .career-wrap .culture-warp .section-info>.text-box .text {margin-top:15px;} .career-wrap .culture-warp .section-info>.text-box .text span {display:block;} .career-wrap .culture-warp .one-n-only .way-list {margin:90px 0 130px 0;} .career-wrap .culture-warp .one-n-only .way-list ul:after {content:"";display:block;clear:both;} .career-wrap .culture-warp .one-n-only .way-list ul li {float: left;width:33.33%;text-align: center;} .career-wrap .culture-warp .one-n-only .way-list ul li:first-child {margin: 0;} .career-wrap .culture-warp .one-n-only .way-list ul li .imgs {} .career-wrap .culture-warp .one-n-only .way-list ul li .imgs img {display: inline-block; width: 217px; height: 217px;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box {position: relative; padding: 54px 0 0;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box .title {font-weight:600; font-size:18px;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box .text {margin:18px 0 0; font-size:16px; line-height:28px;} .career-wrap .culture-warp .mindset-area {padding:150px 0 115px 0;background:#f9f9f9;padding-left:240px;margin-left:-240px;} .career-wrap .culture-warp .mindset-area>.inner {width:100%;max-width:1340px;margin:0 auto;} .career-wrap .culture-warp .mindset-area .mindset-list {position: relative; margin:140px 0 0; text-align: center; transform: scale(0); transition: transform 1s;} .career-wrap .culture-warp .mindset-area .mindset-list > .title {position: absolute; top: 50%; left: 50%; width: 442px; margin: -20px 0 0 -220px; transform: scaleX(0); font-weight: 700; font-size: 40px; line-height: 50px;color:#ccc; transition: transform .7s, opacity .5s; transition-delay: 2s; opacity: 0;} .career-wrap .culture-warp .mindset-area .mindset-list .inner {display: inline-block; position: relative; width: 442px; height: 453px;} .career-wrap .culture-warp .mindset-area .mindset-list .inner:after {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_circle.png) 0 0 no-repeat; background-size: contain; animation: lateral 10s linear infinite;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div {position: absolute; z-index: 1;border:1px solid #ddd;width: 180px; height: 180px; padding:60px 0; border-radius:50%; background:#fff;opacity:0;transition: all 1s;box-sizing:border-box;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div.mind-first {top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); transition-delay: 1.2s;padding:50px 0;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div.mind-second {bottom: 50%; left: 50%; z-index: 2; transform: translate(-50%, 50%); transition-delay: 1.4s;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div.mind-third {bottom: 50%; right: 50%; z-index: 1; transform: translate(50%, 50%); transition-delay: 1.6s;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div .title {font-weight:600; font-size:16px; line-height: 1em; color:#052ab6;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div .en {margin:20px 0 0 0; font-size:14px; line-height:22px; color: #000;} .career-wrap .culture-warp .mindset-area .mindset-list.motion {transform: scale(1);} .career-wrap .culture-warp .mindset-area .mindset-list.motion > .title {transform: scaleX(1); opacity: 1;} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div {opacity: 1;} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-first {top: 0; left: 50%; transform: translate(-50%, -35%);} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-second {bottom: 0; left: 0; transform: translateX(-35%);} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-third {bottom: 0; right: 0; transform: translateX(35%);} .career-wrap .culture-warp .session {padding:120px 0 0 0;position:relative;width:100%;max-width:1340px;margin:0 auto;} .career-wrap .culture-warp .session .inner {position:relative;padding:70px 0 100px 0;} .career-wrap .culture-warp .session .inner:after {display: block; content: ''; clear: both;} .career-wrap .culture-warp .session .inner .visual-img {float: right;} .career-wrap .culture-warp .session .inner .info-text {position: absolute;bottom:0;left:0;width:37%; padding:60px 50px;background:#0138bd;} .career-wrap .culture-warp .session .inner .info-text dl dt {font-weight:600;font-size:18px;line-height:28px;color:#fff; word-break: keep-all;} .career-wrap .culture-warp .session .inner .info-text dl dd {margin:20px 0 0; font-size:14px; line-height:26px; color: #fff; word-break: keep-all;} @media all and (max-width: 1280px) { .career-wrap .culture-warp .section-info {display:block;padding:0 6.5%;box-sizing:border-box;margin:0 0 25px 0;text-align:center;} .career-wrap .culture-warp .section-info>.title {display:block;width:100%;margin:0 0 15px 0;font-size:18px;line-height:18px;} .career-wrap .culture-warp .section-info>.title>div {display:inline;} .career-wrap .culture-warp .section-info>.text-box {display:block;width:100%;font-size:12px;line-height:20px;} .career-wrap .culture-warp .section-info>.text-box>strong {font-size:14px;line-height:22px;} .career-wrap .culture-warp .section-info>.text-box .text span {display:inline;} .career-wrap .culture-warp .one-n-only .way-list {margin:50px 6.5% 15px 6.5%;} .career-wrap .culture-warp .one-n-only .way-list ul li {float:none;width:100%;text-align:center;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box {padding:30px 0 0 0;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box .title {font-size:13px;} .career-wrap .culture-warp .one-n-only .way-list ul li .info-box .text {margin:15px 0 50px 0;font-size:12px;line-height:20px;color:#444;} .career-wrap .culture-warp .one-n-only .way-list ul li .imgs img {width:195px;height:195px;} .career-wrap .culture-warp .mindset-area {padding:80px 0;margin:0;} .career-wrap .culture-warp .mindset-area .mindset-list {margin-top:100px;} .career-wrap .culture-warp .mindset-area .mindset-list .inner {width:220px; height: 225px;} .career-wrap .culture-warp .mindset-area .mindset-list > .title {font-size: 16px; line-height:16px;width:100%;left:0;margin:0;transform:translateY(-50%);} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div {width: 119px; height: 119px; padding:38px 0;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div .title {font-size:12px;line-height:18px;} .career-wrap .culture-warp .mindset-area .mindset-list .inner > div .en {margin:3px 0 0; font-size:10px; line-height:15px;} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-first {top:-5%;padding:35px 0;} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-second {left:-5%;bottom:-10%;} .career-wrap .culture-warp .mindset-area .mindset-list.motion .inner > div.mind-third {right:-5%;bottom:-10%;} .career-wrap .culture-warp .session {margin:0;padding:50px 0 0 0;} .career-wrap .culture-warp .session .inner {padding:25px 0;} .career-wrap .culture-warp .session .inner .visual-img {float:none;width:100%;} .career-wrap .culture-warp .session .inner .info-text {position:relative;margin:-40px 6.5% 0 6.5%;width:87%;padding:25px;box-sizing:border-box;} .career-wrap .culture-warp .session .inner .info-text dl dt {font-size:15px; line-height:22px;} .career-wrap .culture-warp .session .inner .info-text dl dd {font-size:12px; line-height:19px;} .career-wrap .culture-warp .session .inner .info-text dl dd br {display: none;} } .n-motion {opacity: 0; transition-property: all; transition-duration: 1s;} .n-delay1 {transition-delay: 0.1s;} .n-delay2 {transition-delay: 0.2s;} .n-delay3 {transition-delay: 0.3s;} .n-delay4 {transition-delay: 0.4s;} .n-delay5 {transition-delay: 0.5s;} .n-delay6 {transition-delay: 0.6s;} .n-delay7 {transition-delay: 0.7s;} .n-delay8 {transition-delay: 0.8s;} .n-delay9 {transition-delay: 0.9s;} .n-motion.n-left {transform: translateX(-50px);} .n-motion.n-right {transform: translateX(50px);} .n-motion.n-top {transform: translateY(-50px);} .n-motion.n-bottom {transform: translateY(50px);} .n-motion.n-spin {transform: rotate(180deg);} .n-motion.n-active {opacity: 1;} .n-motion.n-left.n-active {transform: translateX(0);} .n-motion.n-right.n-active {transform: translateX(0);} .n-motion.n-top.n-active {transform: translateY(0);} .n-motion.n-bottom.n-active {transform: translateY(0);} .n-motion.n-spin.n-active {transform: rotate(0deg);} @keyframes move { from { bottom: 0; opacity: 1; } to { bottom: -10px; opacity: 0; } } @keyframes lateral { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .career-wrap .benefit-area {} .career-wrap .benefit-area .text-box {position:relative;text-align:center;transition:all ease-out 0.7s;opacity:0;transform:translateY(50px);} .career-wrap .benefit-area .text-box.show {opacity:1;transform:translateY(0);} .career-wrap .benefit-area .text-box:before {display: block; content: ''; position: absolute; top: 50%; left: 3%; width: 34px; height: 34px; background:url(../images/ico_quo.jpg) center center no-repeat; transform:translateY(-50%);} .career-wrap .benefit-area .text-box:after {display: block; content: ''; position: absolute; top: 50%; right:3%; width: 33px; height: 29px; background:url(../images/ico_quo.jpg) center center no-repeat; transform:translateY(-50%) rotate(180deg);} .career-wrap .benefit-area .text-box .text {font-size:34px;line-height:56px;word-break: keep-all;font-family:'Merriweather';} .kor .career-wrap .benefit-area .text-box .text {/*font-family:'Nanum Myeongjo';*/font-family:'Noto Sans KR';} .career-wrap .benefit-area .text-box .text .br {display: none;} .career-wrap .benefit-area .benefit-list {margin: 64px 0 0;} .career-wrap .benefit-area .benefit-list > ul {} .career-wrap .benefit-area .benefit-list > ul > li {position:relative;margin:180px 0 0;} .career-wrap .benefit-area .benefit-list > ul > li:first-child {margin:0;} .career-wrap .benefit-area .benefit-list > ul > li:after {display:block;content:'';clear:both;} .career-wrap .benefit-area .benefit-list > ul > li .imgs {position:absolute;top:50%;z-index: 1;width:50%;transform:translateY(-50%);margin-top:60px;transition:all ease-out 1s;opacity:0;} .career-wrap .benefit-area .benefit-list > ul > li.active .imgs {opacity:1;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box {display:table;table-layout: fixed;width:55%;min-height:400px;border:2px solid #ddd;box-sizing:border-box;transition:all ease-in 1s;opacity:0;} .career-wrap .benefit-area .benefit-list > ul > li:nth-child(odd) .imgs {left: 0;} .career-wrap .benefit-area .benefit-list > ul > li:nth-child(odd) .detail-box {float:right;padding-left:8%;padding-right:4%;transform:translateX(60px);} .career-wrap .benefit-area .benefit-list > ul > li:nth-child(even) .imgs {right: 0;} .career-wrap .benefit-area .benefit-list > ul > li:nth-child(even) .detail-box {float:left;padding-left:4%;padding-right:8%;transform:translateX(-60px);} .career-wrap .benefit-area .benefit-list > ul > li.active .detail-box {opacity:1;transform:translateX(0);} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul {display:table-cell;vertical-align: middle;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li {position: relative;margin:10px 0 0;padding-left:20px;font-size:16px;line-height:26px;word-break:keep-all;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li:after {display:block;content:'';position:absolute;top:9px;left:0;width:6px;height:6px; background:#0138bd;border-radius:100%;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li:first-child {margin:0;} @media all and (max-width: 1280px) { .career-wrap .benefit-area {padding:0 6.5%;} .career-wrap .benefit-area .recruit-greeting {margin-top:-30px;} .career-wrap .benefit-area .benefit-list > ul > li {margin-top:70px;} .career-wrap .benefit-area .benefit-list > ul > li .imgs {width:100%;position:relative;transform:translateY(0);} .career-wrap .benefit-area .benefit-list > ul > li .detail-box {width:100%;float:none;display:block;min-height:auto;padding:20px 0 0 0 !important;margin-top:0;border:0;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li {padding-left:15px;font-size:12px;line-height:19px;margin-top:5px;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li:after {width:4px;height:4px;top:7px;} .career-wrap .benefit-area .benefit-list > ul > li .detail-box ul li br {display:none;} } .career-wrap .tranining-wrap {position:relative;display:table;width:100%;table-layout:fixed;direction: rtl;} .career-wrap .tranining-wrap>div {display:table-cell;direction:ltr;} .career-wrap .tranining-wrap>div:last-child {background:#0138bd;width:31%;vertical-align:top;padding-bottom:100px;} .career-wrap .tranining-wrap>div .silde-btn-wrap {top:auto;bottom:60px;left:50px;} .career-wrap .tranining-wrap .swiper-container {position:static;overflow:hidden;} .career-wrap .tranining-wrap .swiper-container .swiper-slide img {width:100%;} .career-wrap .tranining-wrap .swiper-txt {color:#fff;padding:60px 50px;} .career-wrap .tranining-wrap .swiper-txt dt {font-size:30px;font-weight:bold;margin-bottom:30px;} .career-wrap .tranining-wrap .swiper-txt dd {font-size:16px;line-height:28px;} .career-wrap .training-box {padding:50px 0 0 0;} .career-wrap .training-box>dl {display:table;table-layout:fixed;width:100%;border-top:1px solid #111;padding:40px 0 0 0;margin-top:70px;} .career-wrap .training-box>dl>dt {display:table-cell;width:330px;font-size:34px;font-weight:bold;color:#0138bd;} .career-wrap .training-box>dl>dd {display:table-cell;font-size:20px;} .career-wrap .training-box>dl>dd p {line-height:32px;font-weight:500;} .career-wrap .training-box>dl>dd p+.float-box {margin-top:20px;} .career-wrap .training-box>dl>dd .float-box:after {content:"";display:block;clear:both;} .career-wrap .training-box>dl>dd .float-box>dl {float:left;width:50%;text-align:center;} .career-wrap .training-box>dl>dd .float-box dt {margin-top:40px;font-size:20px;font-weight:600;color:#0138bd;text-align:left;} .career-wrap .training-box>dl>dd .float-box dd {font-size:16px;line-height:28px;margin-top:20px;} .career-wrap .training-box>dl>dd .float-box dd li {position:relative;padding-left:15px;line-height:28px;} .career-wrap .training-box>dl>dd .float-box dd li:before {content:"";display:block;width:4px;height:4px;background:#052ab6;border-radius:100%;position:absolute;top:13px;left:0;} @media all and (max-width: 1280px) { .career-wrap .tranining-wrap {display:block;padding:0 6.5%;box-sizing:border-box;} .career-wrap .tranining-wrap>div {display:block;width:100%;} .career-wrap .tranining-wrap>div:last-child {width:100%;padding-bottom:50px;} .career-wrap .tranining-wrap .swiper-txt {padding:30px 6.5%;} .career-wrap .tranining-wrap .swiper-txt dt {font-size:17px;line-height:20px;margin-bottom:20px;} .career-wrap .tranining-wrap .swiper-txt dd {font-size:12px;line-height:19px;} .career-wrap .tranining-wrap>div .silde-btn-wrap {left:auto;right:13%;bottom:30px;} .career-wrap .training-box {padding:0 6.5%;} .career-wrap .training-box>dl {display:block;padding-top:30px;margin-top:60px;} .career-wrap .training-box>dl>dt {display:block;width:100%;font-size:18px;} .career-wrap .training-box>dl>dd {display:block;width:100%;} .career-wrap .training-box>dl>dd p {font-size:12px;line-height:20px;font-weight:600;padding:10px 0 0 0;} .career-wrap .training-box>dl>dd .float-box>dl {float:none;width:100%;} .career-wrap .training-box>dl>dd .float-box dt {margin-top:30px;font-size:13px;} .career-wrap .training-box>dl>dd .float-box dd {font-size:12px;line-height:24px;margin-top:10px;} .career-wrap .training-box>dl>dd .float-box dd li {padding-left:12px;} .career-wrap .training-box>dl>dd .float-box dd li:before {top:12px;} } /* notice */ .custom-select {display:inline-block;margin-right:20px;} .custom-select select {width:288px;height:68px;padding:0 30px;border:0;font-size:18px;font-weight:600;color:#000;appearance:none;-webkit-appearance:none;background:#f9f9f9 url(../images/arr_select.png) right 30px center no-repeat;background-size:14px;border:1px solid #f9f9f9;border-radius:0;} .custom-select select:focus {outline:none;border-color:#5978d2;} .custom-search {position:relative;float:right;width:calc(100% - 312px);height:70px;box-sizing:border-box;border:0;padding-right:0;background:#f9f9f9;} .custom-search input[type=search] {width:100%;height:70px;padding:0 100px 0 30px;border:1px solid #f9f9f9;box-sizing:border-box;background:#f9f9f9;} .custom-search input[type=search]:focus {border-color:#5978d2;} .custom-search input[type=search]:autofill, .custom-search input[type=search]:autofill:hover, .custom-search input[type=search]:autofill:focus, .custom-search input[type=search]:autofill:active{-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;} .custom-search input[type=search]:-webkit-autofill, .custom-search input[type=search]:-webkit-autofill:hover, .custom-search input[type=search]:-webkit-autofill:focus, .custom-search input[type=search]:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;} .custom-search input[type=button] {float:right;width:70px;height:70px;background:url(../images/btn_search.png) center center no-repeat;background-size:26px;border:0;font-size:0;line-height:0;position:absolute;top:0;right:10px;} .custom-search input[type=submit] {float:right;width:70px;height:70px;background:url(../images/btn_search.png) center center no-repeat;background-size:26px;border:0;font-size:0;line-height:0;position:absolute;top:0;right:10px;} .paging {text-align:center;padding:50px 0;} .paging button {display:inline-block;border:0;background:none;font-size:0;color:transparent;padding:14px;appearance:none;-webkit-appearance:none;font-size:0;line-height:0;vertical-align:text-bottom;margin:0;} .paging button:before {content:"";display:block;width:15px;height:15px;background:url(../images/arr_paging.png) 0 0 no-repeat;vertical-align:middle;vertical-align:middle;} .paging button.prev-all:before {} .paging button.prev:before {background-position:-15px 0;} .paging button.next-all:before {transform:rotate(180deg);} .paging button.next:before {background-position:-15px 0;transform:rotate(180deg);} .paging a {position:relative;display:inline-block;font-size:18px;font-weight:600;padding:14px 18px;vertical-align:bottom;} .paging a.on {color:#0138bd;} .paging a.on:before {content:"";display:block;width:30%;height:2px;background:#0138bd;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);} .visual-area-5 {background:url(../images/sv5.jpg) center 0 no-repeat;background-size:cover;} .notice-area {} .notice-area .search-area {padding:120px 0 50px 0;} .notice-area .notice-list {} .notice-area .notice-list .nodata {height:425px;position:relative;border-bottom:1px solid #ededed;border-top:2px solid #000;} .notice-area .notice-list .nodata>div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;line-height:24px;} .notice-area .notice-list .nodata>div:before {content:"";display:block;width:97px;height:97px;margin:0 auto 30px auto;background:url(../images/ico_nodata.png) 0 0 no-repeat;} .notice-area .notice-list ul {border-top:2px solid #000;} .notice-area .notice-list ul li {border-bottom:1px solid #ededed; } .notice-area .notice-list ul li a {display:block;position:relative;padding:40px 9%;} .notice-area .notice-list ul li a:before, .notice-area .notice-list ul li a:after {content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);} .notice-area .notice-list ul li a:before {width:45px;height:45px;background:#e5ecfb;right:0;border-radius:100%;opacity:0;transition:all ease-in 0.3s;} .notice-area .notice-list ul li a:after {width:44px;height:13px;background:url(../images/arr_fac.png) 0 0 no-repeat;right:22px;transition:all ease-in 0.3s;} .notice-area .notice-list ul li a span {display:block;} .notice-area .notice-list ul li a .num {font-size:18px;font-weight:600;color:#0244d8;text-align:center;width:9%;position:absolute;top:50%;left:0;transform:translateY(-50%);} .notice-area .notice-list ul li a .title-area {} .notice-area .notice-list ul li a .title-area .title {width:100%;font-size:24px;line-height:28px;color:#000;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .notice-area .notice-list ul li a .title-area .date {font-size:16px;color:#999;font-weight:500;margin-top:25px;} .notice-area .notice-list ul li a:hover .title-area .title {font-weight:bold;} .notice-area .notice-list ul li a:hover:before {opacity:1;} .notice-area .notice-list ul li a:hover:after {right:17px;} .notice-area .notice-view {padding-top:120px;} .notice-area .notice-view .title-area {padding:60px 3%;border-top:2px solid #000;border-bottom:1px solid #ededed;} .notice-area .notice-view .title-area .title {font-size:38px;line-height:48px;font-weight:600;word-break:break-all;} .notice-area .notice-view .title-area .date {font-size:16px;font-weight:500;color:#999;margin-top:20px;} .notice-area .notice-view .cont-area {font-size:16px;line-height:28px;padding:55px 3% 100px 3%;word-break:break-all;} .notice-area .notice-view .attach-area {display:table;table-layout:fixed;width:100%;background:#f9f9f9;} .notice-area .notice-view .attach-area dt {display:table-cell;width:15%;text-align:center;font-size:20px;font-weight:600;vertical-align:middle;color:#0138bd;} .notice-area .notice-view .attach-area dd {display:table-cell;width:85%;text-align:left;padding:30px 0;vertical-align:middle;} .notice-area .notice-view .attach-area dd .attach-box {margin-top:3px;} .notice-area .notice-view .attach-area dd .attach-box:first-child {margin:0;} .notice-area .notice-view .attach-area dd a {display:inline-block;background:#fff;padding:7px 50px 7px 20px;border-radius:20px;position:relative;font-size:14px;font-weight:500;border:1px solid #dedede;} .notice-area .notice-view .attach-area dd a:after {content:"";display:block;width:17px;height:17px;background:url(../images/ico_attach2.png) 0 0 no-repeat;position:absolute;top:50%;right:20px;transform:translateY(-50%);} .notice-area .notice-view .view-paging {border-top:1px solid #ededed;} .notice-area .notice-view .view-paging li {border-bottom:1px solid #ededed;} .notice-area .notice-view .view-paging li:after {content:"";display:block;clear:both;} .notice-area .notice-view .view-paging li div {float:left;width:9%;font-size:18px;color:#999;font-weight:600;text-align:center;padding:35px 0;} .notice-area .notice-view .view-paging li a {float:left;width:79%;font-size:16px;color:#000;font-weight:500;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:35px 20px;} .notice-area .notice-view .view-paging li span {float:left;width:12%;font-size:16px;color:#999;font-weight:500;text-align:center;padding:35px 0;} .notice-area .notice-view .btn-area-center {padding:60px 0 0 0;} @media all and (max-width: 1280px) { .custom-select {display:block;margin-right:0;width:100%;} .custom-select select {width:100%;height:44px;padding:0 20px;font-size:13px;background:#f9f9f9 url(../images/arr_select_m.png) right 20px center no-repeat;background-size:16px;} .custom-search {float:none;width:100%;height:44px;padding-right:0;margin-top:10px;} .custom-search input[type=search] {height:44px;padding:0 54px 0 20px;border-radius:0;appearance:none;-webkit-appearance:none;} .custom-search input[type=button] {width:44px;height:44px;background:url(../images/btn_search_m.png) center center no-repeat;background-size:18px;right:8px;} .paging {padding:25px 0;} .paging button {padding:10px;} .paging button:before {width:13px;height:13px;background:url(../images/arr_paging_m.png) 0 0 no-repeat;background-size:26px 13px !important;} .paging button.prev:before {background-position:-13px 0;} .paging button.next:before {background-position:-13px 0;} .paging a {font-size:14px;padding:10px 14px;} .paging a.on:before {bottom:4px;} .notice-area .search-area {padding:50px 0 30px 0;} .notice-area .notice-list .nodata {height:270px;} .notice-area .notice-list .nodata>div {font-size:15px;line-height:15px;} .notice-area .notice-list .nodata>div:before {width:73px;height:73px;background:url(../images/ico_nodata_m.png) 0 0 no-repeat;background-size:cover;} .notice-area .notice-list ul li a {padding:25px 12%;} .notice-area .notice-list ul li a .num {width:12%;font-size:12px;text-align:left;} .notice-area .notice-list ul li a .title-area .title {font-size:15px;line-height:22px;max-height:44px;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .notice-area .notice-list ul li a .title-area .date {font-size:12px;margin-top:15px;} .notice-area .notice-list ul li a:before, .notice-area .notice-list ul li a:after {display:none;} .notice-area .notice-view {padding-top:50px;} .notice-area .notice-view .title-area {padding:25px 0;} .notice-area .notice-view .title-area .title {font-size:15px;line-height:20px;} .notice-area .notice-view .title-area .date {font-size:12px;} .notice-area .notice-view .cont-area {padding:25px 0 60px 0;font-size:12px;line-height:20px;} .notice-area .notice-view .attach-area {display:block;margin-bottom:30px;padding:25px 7%;box-sizing:border-box;} .notice-area .notice-view .attach-area dt {display:block;width:100%;font-size:13px;margin-bottom:0;text-align:left;} .notice-area .notice-view .attach-area dd {display:block;width:100%;padding:0;} .notice-area .notice-view .attach-area dd .attach-box:first-child {margin-top:15px;} .notice-area .notice-view .attach-area dd a {display:block;box-sizing:border-box;border-color:#ddd;padding:11px 50px 11px 20px;font-size:12px;border-radius:30px;} .notice-area .notice-view .attach-area dd a:after {width:17px;height:17px;background:url(../images/ico_attach2_m.png) 0 0 no-repeat;background-size:cover;} .notice-area .notice-view .view-paging li {padding-bottom:20px;} .notice-area .notice-view .view-paging li div {width:50px;text-align:left;padding:25px 0 12px 0;font-size:12px;} .notice-area .notice-view .view-paging li a {width:calc(100% - 50px);padding:25px 0 12px 0;font-size:14px;} .notice-area .notice-view .view-paging li span {float:none;display:block;width:100%;clear:both;box-sizing:border-box;padding:0 0 0 50px;font-size:12px;text-align:left;} .notice-area .notice-view .btn-area-center {padding:35px 0 20px 0;} .notice-area .notice-view .btn-area-center .ab-btn {width:160px;height:45px;line-height:45px;font-size:14px;} } @media all and (max-width: 460px) { .paging a {font-size:14px;padding:10px 12px;} } @media all and (max-width: 440px) { .paging button {padding:10px 8px;} .paging a {padding:10px 9px;} } @media all and (max-width: 390px) { .paging a {font-size:13px;padding:10px 7px;} } @media all and (max-width: 360px) { .paging button {padding:10px 5px;} .paging a {padding:10px 5px;} } /* contact us */ .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .filebox .upload-name {position:relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none;display: inline-block;width:100%;height:70px;background:#fff !important;border-color:#f6f6f6;opacity:1 !important;padding:26px 70px 26px 30px;font-family:'Noto Sans KR';font-size:18px;-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;box-sizing:border-box;} .filebox .upload-name-wrap {display:inline-block;position:relative;width:calc(100% - 190px);background:#fff !important;border-color:#f6f6f6;opacity:1 !important;padding:0;font-size:18px;box-sizing:border-box;font-family:'Noto Sans KR';} .filebox .upload-name:after {content:"";display:block;clear:both;} .filebox .upload-name>div {float:left;width:auto;} .filebox .upload-name>div.file-name {max-width:100%;white-space:nowrap;overflow:hidden;} .filebox .upload-name>div.file-name div {display:inline-block;max-width:100%;white-space:nowrap;touch-action: pan-x;} .filebox .upload-name>div.file-name:after {content:".";display:inline-block;width:8px;text-align:center;display:none;} .filebox .upload-name>div.file-type {width:50px;position:relative;} .filebox .upload-name>div.file-type:before {content:".";display:inline-block;display:none;} /*.filebox.in .upload-name>div.file-type:before {display:inline-block;width:8px;text-align:center;}*/ .filebox input[type=button].btn-file-del {font-size:0;line-height:0;appearance:none;-webkit-appearance:none;width:24px;height:24px;background:url(../images/btn_del_file2.png) center center no-repeat;background-size:cover;position:absolute;top:50%;right:26px;transform:translateY(-50%);} .filebox label {float:right;width:170px;height:70px;background:#090909;color:#fff;font-size:20px;text-align:center;line-height:70px;} /* named upload */ .visual-area-6 {background:url(../images/sv6.jpg) center 0 no-repeat;background-size:cover;} .contact-welcome {padding:120px 0;font-size:42px;line-height:60px;color:#040404;text-align:center;font-family:'Merriweather';} /*.agree-area {width:100%;max-width:1340px;margin:0 auto;border-top:2px solid #000;} .agree-area dl {position:relative;} .agree-area dt {padding:45px 0;font-size:24px;font-weight:600;border-top:1px solid #efefef;border-bottom:1px solid #efefef;} .agree-area dt:hover {cursor:pointer;} .agree-area dt.on {border-bottom:0;} .agree-area dl:first-child dt {border-top:0;} .agree-area dd {font-size:18px;border-bottom:1px solid #efefef;display:none;padding:0 0 40px 0;} .agree-area dt.on+dd {border-bottom:1px solid #efefef;} .agree-area dd ul {padding-right:60px;} .agree-area dd ul li {position:relative;padding:0 0 0 16px;margin-top:16px;} .agree-area dd ul li:first-child {margin:0;} .agree-area dd ul li:before {content:"";display:block;width:6px;height:6px;background:#0138bd;border-radius:100%;position:absolute;top:7px;left:0;} .agree-area .chk-agree {text-align:right;margin:40px 0 120px 0;} .agree-area .chk-agree label {font-size:18px;padding-left:5px;vertical-align:middle;}*/ .contact-area {} .contact-wrap {background:#f6f6f6;padding:50px 0 100px 0;} .contact-wrap .inner {width:100%;max-width:1340px;margin:0 auto;} .nec-wrap {width:100%;max-width:1340px;margin:0 auto;padding:0 0 20px 0;} .nec-wrap .nec-area {text-align:right;font-size:16px;font-weight:500;color:#0138bd;} .nec-wrap .nec-area .ab-nec:before {font-size:16px;font-weight:500;color:#0138bd;display:inline-block;margin-right:2px;line-height:19px;} .nec-wrap .nec-area>div:last-child {display:inline-block;} .contact-tb:after {content:"";display:block;clear:both;} .contact-tb>div {float:left;width:50%;padding:0 20px 0 0;box-sizing:border-box;} .contact-tb>div:last-child {padding:4px 0 0 20px;} .contact-tb>dl {clear:both;} .contact-tb dl dt {padding:50px 0 25px 0;text-align:left;font-size:24px;font-weight:600;} .contact-tb dl dt .ab-nec:before {font-size:24px;color:#0138bd;font-weight:bold;margin-left:1px;} .contact-tb dl dd {} .contact-tb dl dd .radio-wrap {box-sizing:border-box;padding:21px 0 0 0;} .contact-tb dl dd .radio-wrap>div {display:inline-block;width:calc(33.33% - 4px);margin-bottom:40px;} .contact-tb dl dd input[type=radio]+label {font-size:18px;font-weight:500;vertical-align:middle;margin:0 48px 0 8px;} .contact-tb dl dd input.w100 {width:100%;background:#fff !important;color:#000 !important;border:1px solid #f6f6f6;height:70px;padding:0 30px;box-sizing:border-box;font-size:18px;appearance:none;-webkit-appearance:none;} .contact-tb dl dd input.w100::-webkit-input-placeholder {font-size:18px;} .contact-tb dl dd input#location {background:#fff url(../images/btn_search.png) right 30px center no-repeat !important;background-size:26px !important;} .contact-tb dl dd textarea.w100 {width:100%;background:#fff;border:1px solid #f6f6f6;height:404px;padding:30px;margin-bottom:4px;box-sizing:border-box;resize:none;font-size:18px;line-height:30px;appearance:none;-webkit-appearance:none;} .contact-tb dl dd input.w100:focus, .contact-tb dl dd textarea.w100:focus {border-color:#0138bd;outline:none;} .contact-tb dl dd .file-noti {font-size:16px;padding:20px 0 0 0;} .contact-area .btn-area-center {padding:40px 0 112px 0;border-bottom:2px solid #ededed;width:100%;max-width:1340px;margin:0 auto;} .agree-area {/*font-family:"Spoqa Han Sans Neo";*/width:100%;max-width:1340px;margin:0 auto;border-top:2px solid #000;margin-top:100px;} .agree-area dt {/*font-family:"Spoqa Han Sans Neo";*/font-size:24px;font-weight:bold;padding:50px 0 40px 0;} .agree-area dd ul {padding-bottom:50px;border-bottom:2px solid #ededed;} .agree-area dd ul li {/*font-family:"Spoqa Han Sans Neo";*/font-size:16px;line-height:30px;} .agree-area dd ul li div {padding:0 0 0 16px;} .agree-area .chk-agree {text-align:right;margin:40px 0 0 0;} .agree-area .chk-agree label {font-size:18px;padding-left:10px;vertical-align:middle;} .contact-area .contact-info {display:table;width:100%;table-layout:fixed;max-width:1340px;margin:0 auto;padding:60px 0 0 0;} .contact-area .contact-info dt {display:table-cell;width:40%;font-size:24px;font-weight:600;} .contact-area .contact-info dd {display:table-cell;text-align:right;font-size:18px;font-weight:500;} .contact-area .contact-info dd div {position:relative;display:inline-block;/*padding-left:40px;*/} .contact-area .contact-info dd div.cnf-tel {margin-left:45px;} /*.contact-area .contact-info dd div:before {content:"";display:block;width:24px;height:24px;background:url(../images/ico_contact.png) 0 0 no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);} .contact-area .contact-info dd div.cnf-tel {margin-left:45px;} .contact-area .contact-info dd div.cnf-tel:before {background-position:-24px 0;}*/ @media all and (max-width: 1280px) { .nec-wrap {padding:0 6.5% 12px 6.5%;box-sizing:border-box;} .nec-wrap .nec-area {font-size:12px;} .nec-wrap .nec-area .ab-nec:before {line-height:22px;} .filebox .upload-name-wrap {width:calc(100% - 95px);font-family:'Noto Sans KR';} .filebox .upload-name {height:45px;padding:13px 40px 13px 15px;font-size:13px;font-family:'Noto Sans KR';} .filebox input[type=button].btn-file-del {width:20px;height:20px;background:url(../images/btn_del_file2_m.png) center center no-repeat;background-size:12px;right:10px;} .filebox label {height:45px;width:85px;font-size:14px;line-height:45px;} .contact-tb dl dd .file-noti {padding:10px 0 0 0;font-size:11px;line-height:19px;} .contact-tb dl dd .file-noti {padding-top:10px;font-size:11px;line-height:19px;} .visual-area-6+.sub-cont-inner {padding:0;} .contact-welcome {padding:50px 6.5%;font-size:19px;line-height:30px;letter-spacing:-0.5px;} .contact-welcome div {display:inline;} .contact-area {} /* .filebox label {width:65px;height:45px;font-size:14px;padding:0;line-height:45px;text-align:center;} .filebox input[type=button].btn-file-del {width:20px;height:20px;right:10px;}*/ /*.agree-area {margin:0 6.5%;width:87%;} .agree-area dt {position:relative;padding:25px 50px 25px 0;font-size:15px;line-height:22px;} .agree-area dd {padding:30px 0;border-top:1px solid #e1e1e1;} .agree-area dd ul li {font-size:12px;line-height:20px;margin-top:15px;} .agree-area dd ul li:first-child {margin:0;} .agree-area dd ul li:before {width:4px;height:4px;} .agree-area .chk-agree {margin:25px 0 60px 0; } .agree-area .chk-agree label {font-size:14px;}*/ .contact-wrap {padding:25px 0 60px 0;} .contact-wrap h3 {padding:0 6.5%;font-size:18px;} .contact-wrap h3 span {font-size:18px;} .contact-tb {display:block;} .contact-tb>div {float:none;display:block;width:100%;padding:0 6.5% !important;box-sizing:border-box;} .contact-tb>dl {padding:0 6.5%;} .contact-tb>dl>dt {padding-bottom:0;margin-bottom:-5px;} .contact-tb dl dt .ab-nec:before {font-size:18px;} .contact-tb dl dt {padding:35px 0 15px 0;font-size:15px;font-weight:bold;} .contact-tb dl dd {padding:0;} .contact-tb dl dd input.w100 {height:45px;font-size:12px;padding:0 15px;} .contact-tb dl dd input.w100::-webkit-input-placeholder {font-size:12px;} .contact-tb dl dd input.w100#location {background:#fff url(../images/btn_search_m.png) right 15px center no-repeat !important;background-size:18px !important;} .contact-tb dl dd input[type=radio]+label {font-size:12px;margin:0 0 0 7px;word-break:break-word;max-width:calc(100% - 40px);} .contact-tb dl dd .radio-wrap {height:auto;padding:0;margin-top:-15px;} .contact-tb dl dd .radio-wrap>div {display:block;width:100%;margin-top:20px;margin-bottom:0;} .contact-tb dl dd .radio-wrap>div:nth-child(3) {width:100%;} .contact-tb dl dd textarea.w100 {height:190px;padding:15px;font-size:12px;margin-bottom:0;} .contact-area .btn-area-center {width:87%;margin:0 6.5%;padding:35px 0 65px 0;} .contact-area .btn-area-center .ab-btn {border-radius:0;appearance:none;-webkit-appearance:none;} .agree-area {margin:60px 6.5% 0 6.5%;width:87%;} .agree-area dt {font-size:14px;padding:30px 0;} .agree-area dd ul {padding-bottom:30px;} .agree-area dd ul li {font-size:13px;line-height:25px;} .agree-area dd ul li div {padding:0;} .agree-area .chk-agree {margin:25px 0 0 0;text-align:center;} .agree-area .chk-agree label {font-size:14px;} .contact-area .contact-info {display:block;padding:0 6.5%;} .contact-area .contact-info dt {display:block;width:100%;font-size:15px;font-weight:bold;padding:36px 0 3px 0;} .contact-area .contact-info dd {display:block;width:100%;text-align:left;} .contact-area .contact-info dd div {display:block;font-size:12px;/*padding-left:35px;*/margin-top:20px;} .contact-area .contact-info dd div.cnf-mail img {width:175px;} .contact-area .contact-info dd div.cnf-tel img {width:136px;} .contact-area .contact-info dd div.cnf-tel {margin-left:0;} .contact-area .contact-info dd div:before {width:21px;height:21px;background:url(../images/ico_contact_m.png) 0 0 no-repeat;background-size:42px 21px !important;} .contact-area .contact-info dd div.cnf-tel {margin-left:0;} .contact-area .contact-info dd div.cnf-tel:before {background-position:-21px 0;}*/ } .layer-popup.country .layer-inner {width:840px;height:800px;} .layer-popup.country .countryBox>.close {display:none;} .layer-popup.country .country_top {padding:30px 40px;font-size:28px;color:#fff;font-weight:500;line-height:1em;background:#000;} .layer-popup.country .country_cont {padding:40px;} .layer-popup.country .country_cont .custom-search {display:block;margin-bottom:35px;width:100%;height:70px;box-sizing:border-box;border:0;padding-right:0;background:#f9f9f9;} .layer-popup.country .country_cont .custom-search:after {content:"";display:block;clear:both;} .layer-popup.country .country_cont .custom-search input[type=text] {width:calc(100% - 70px);height:70px;padding:0 30px;border:0;box-sizing:border-box;background:#f9f9f9;} .layer-popup.country .country_cont .custom-search input[type=text]:autofill, .layer-popup.country .country_cont .custom-search input[type=text]:autofill:hover, .layer-popup.country .country_cont .custom-search input[type=text]:autofill:focus, .layer-popup.country .country_cont .custom-search input[type=text]:autofill:active{-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;} .layer-popup.country .country_cont .custom-search input[type=text]:-webkit-autofill, .layer-popup.country .country_cont .custom-search input[type=text]:-webkit-autofill:hover, .layer-popup.country .country_cont .custom-search input[type=text]:-webkit-autofill:focus, .layer-popup.country .country_cont .custom-search input[type=text]:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;} .layer-popup.country .country_cont .custom-search span {float:right;width:70px;height:70px;background:url(../images/btn_search.png) center center no-repeat;background-size:26px;border:0;font-size:0;line-height:0;} .layer-popup.country .country_cont .country_default {padding:15px 0;border:1px solid #000;height:320px;overflow-y:auto;} .layer-popup.country .country_cont .country_default li {padding:0 30px;font-size:20px;line-height:58px;font-weight:500;} .layer-popup.country .country_cont .country_default li.active {color:#0041bd;} .layer-popup.country .country_cont .countryAllBtn {margin:30px 0 10px 0;text-align:right;} .layer-popup.country .country_cont .countryAllBtn a {display:inline-block;padding-right:60px;font-size:20px;font-weight:500;color:#000;position:relative;} .layer-popup.country .country_cont .countryAllBtn a:before {content:"";display:block;width:44px;height:13px;background:url(../images/arr_contact.png) 0 0 no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%);} .layer-popup.country .country_cont .btn-area-center {padding:50px 0 10px 0;} .layer-popup.country .country_cont .btn-area-center .ab-btn {margin:0 7px;} @media all and (max-width: 1280px) { .layer-popup .layer-inner>.close {top:15px;right:20px;width:17px;height:17px;background:url(../images/btn_close_m.png) 0 0 no-repeat;background-size:cover;} .layer-popup.country .layer-inner {height:auto;} .layer-popup.country .country_top {padding:15px 20px;font-size:15px;} .layer-popup.country .country_cont {padding:25px 20px;} .layer-popup.country .country_cont .custom-search {float:none;width:100%;height:44px;margin:0 0 20px 0;} .layer-popup.country .country_cont .custom-search input[type=text] {width:calc(100% - 46px);height:44px;padding:0 20px;} .layer-popup.country .country_cont .custom-search span {width:44px;height:44px;background:url(../images/btn_search_m.png) center center no-repeat;background-size:18px;} .layer-popup.country .country_cont .country_default {height:195px;padding:15px 0;} .layer-popup.country.key .country_cont .country_default {height:130px;} .layer-popup.country .country_cont .country_default li {font-size:12px;line-height:34px;padding:0 15px;} .layer-popup.country .country_cont .btn-area-center {padding:20px 0 10px 0;} .layer-popup.country .country_cont .btn-area-center .ab-btn {height:45px;width:calc(50% - 7px);font-size:14px;margin:0;margin-left:10px;border-radius:0;appearance:none;-webkit-appearance:none;} .layer-popup.country .country_cont .btn-area-center .ab-btn:first-child {margin:0;} .layer-popup.country .country_cont .countryAllBtn {margin:25px 0 5px 0;text-align:center;} .layer-popup.country .country_cont .countryAllBtn a {padding-right:40px;font-size:13px;font-weight:500;} .layer-popup.country .country_cont .countryAllBtn a:before {width:25px;height:9px;background:url(../images/arr_contact_m.png) 0 0 no-repeat;background-size:cover;} } /* 법적고지 */ /* .qna-agree {padding:120px 0 0 0;} .qna-agree dt {font-size:24px;font-weight:800;margin-bottom:20px;} .qna-agree dd {text-align:center;} .qna-agree dd .agree-box {padding:35px 0 0 0;} .qna-agree dd .agree-box:first-child {padding:0 !important;} .qna-agree dd .agree-box textarea {width:100%;height:200px;box-sizing:border-box;padding:30px;border:1px solid #E0E0E0;text-align:left;margin-bottom:25px;font-size:18px;line-height:30px;resize:none;} .qna-agree dd .agree-box textarea:focus {outline:none;} .qna-agree dd .agree-box input[type=checkbox] {opacity:0.5;} .qna-agree dd .agree-box input[type=checkbox]+label {vertical-align:middle;margin:0 0 0 15px;font-size:20px;font-weight:bold;} .qna-agree dd .btn-area-center {padding:70px 0 0 0;} .qna-comp {border-top:1px solid #000;border-bottom:1px solid #E0E0E0;text-align:center;padding:80px 0;} .qna-comp p {font-size:20px;color:#222;} .qna-comp div {font-size:24px;line-height:32px;font-weight:bold;color:#000;padding:30px 0 0 0;} .qna-comp+.btn-area-center {padding:65px 0 0 0;} @media all and (max-width: 1280px) { .ab-btn {width:calc(50% - 3px);height:44px;font-size:16px;} a.ab-btn {line-height:44px;} .filebox .upload-name {width:calc(100% - 67px);height:45px;margin-right:-5px;padding:0 10px;font-size:11px;} .filebox label {width:65px;height:45px;font-size:14px;padding:0;line-height:45px;text-align:center;font-weight:600;} .ab-nec:before {font-size:14px;color:#222;} .qna-agree {padding:35px 0 0 0;} .qna-agree dt {font-size:16px;margin-bottom:14px;} .qna-agree dd .agree-box {padding:25px 0 0 0;} .qna-agree dd .agree-box textarea {font-size:12px;padding:12px;line-height:18px;height:150px;margin-bottom:16px;} .qna-agree dd .agree-box input[type=checkbox] {width:15px;height:15px;} .qna-agree dd .agree-box input[type=checkbox]+label {font-size:12px;margin-left:10px;} .qna-agree dd .btn-area-center {padding:30px 0 0 0;} .btn-area-center .ab-btn {margin:0;} .qna-comp {padding:30px 0;} .qna-comp p {font-size:12px;color:#222;} .qna-comp div {font-size:14px;line-height:20px;padding:20px 0 0 0;} .qna-comp+.btn-area-center {padding:35px 0 0 0;} } */ /* term */ .visual-area-7 {background:url(../images/sv7.jpg) center 0 no-repeat;background-size:cover;} .kor .visual-area-7 h2 {font-family:'Noto Sans KR' !important;font-weight:bold;font-size:80px;} .kor .term-area {padding:120px 0 0 0;font-family:'Noto Sans KR' !important;} .term-area>h3 {font-size:40px;font-weight:bold;margin-bottom:40px;text-align:center;line-height:1em;} .term-area>.h3-cont {font-size:22px;line-height:36px;text-align:center;margin-bottom:70px;} .term-area .term-greeting {text-align:left;padding:60px 70px;background:#f9f9f9;font-size:18px;line-height:32px;} .term-area .term-greeting div br {display:none;} .term-area .legal-notice {} .term-area .legal-notice>dl {margin-top:70px;} .term-area .legal-notice>dl>dt {padding:0 0 20px 0;font-size:24px;line-height:38px;font-weight:bold;letter-spacing:-0.2px;} .term-area .legal-notice>dl>dd {margin-top:15px 0;font-size:18px;line-height:32px;} .term-area .legal-notice>dl>dd ul li {padding-left:20px;position:relative;margin-top:5px;} .term-area .legal-notice>dl>dd ul li:first-child {margin:0;} .term-area .legal-notice>dl>dd ul li:before {content:"";display:block;width:6px;height:6px;background:#000;border-radius:100%;position:absolute;top:12px;left:0;} .term-area .privacy-wrap {} .term-area .privacy-wrap>dl>dt {font-size:24px;line-height:38px;font-weight:bold;} .term-area .privacy-wrap .privacy-intro dt {font-size:30px;font-weight:bold;padding:70px 0 12px 0;} .term-area .privacy-wrap .privacy-intro dd {font-size:18px;line-height:32px;padding-bottom:15px;} .term-area .privacy-wrap .privacy-list {margin: 65px 0 0;font-size:16px;line-height:24px;} .term-area .privacy-wrap .privacy-list > ol {padding: 0 0 41px;} .term-area .privacy-wrap .privacy-list > ol > li {margin:50px 0 0 0; padding:50px 0 0 0; border-top:1px solid #efefef;} .term-area .privacy-wrap .privacy-list > ol > li:first-child {border-top:2px solid #000;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box {overflow: hidden;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box .num {float: left; font-weight:bold; font-size:24px; line-height:38px;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box .title {float: left; margin: 0 0 0 4px; font-weight:bold;font-size:24px; line-height:38px;} .term-area .privacy-wrap .privacy-list > ol > li > .desc {margin: 19px 0 0; font-size: 16px; line-height:30px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 {margin:30px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li {margin: 24px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li:first-child {margin: 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .title {padding: 0 0 0 18px; font-size: 16px; line-height: 24px;text-indent: -18px; word-break: keep-all;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .text-box {margin: 11px 0 0; padding: 0 0 0 14px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .text-box > .text {font-size: 16px; line-height: 24px; } .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box {margin: 13px 0 0; padding: 0 0 0 18px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > .title {margin: 12px 0 0; } .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > .title:first-of-type {margin: 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > .desc {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > ul > li {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box:only-child {margin: 0; padding: 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 {margin: 14px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 {margin: 12px 0 0; padding: 0 0 0 20px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 li {margin: 12px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 li .title {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 li .desc {margin: 2px 0 0; } .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style3 {margin: 0; padding: 0 0 0 20px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style3 li {margin: 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li {margin:7px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li:first-child {margin: 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .title {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 {margin: 11px 0 0; padding: 0 0 0 15px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li {margin:4px 0 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li > .title {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li > .depth5 {} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li > .depth5 > li {margin:4px 0 0 0; } .term-area .privacy-wrap .privacy-list > ol > li .depth3 {margin:15px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth3 > li {margin:4px 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth3 > li:first-child {margin: 0;} @media all and (max-width: 1280px) { .visual-area-7 h2 {font-size:31px;} .visual-area-7+.sub-cont-inner {padding:0;} .term-area {padding:45px 0 0 0;} .kor .term-area {padding:45px 0 0 0;} .term-area>h3 {font-size:23px;line-height:30px;margin-bottom:20px;} .term-area>.h3-cont {padding:0 6.5%;font-size:13px;line-height:20px;margin-bottom:40px;} .term-area>.h3-cont span {display:block;} .term-area>.h3-cont div {display:inline;} .term-area .term-greeting {padding:25px 6.5%;font-size:13px;line-height:20px;} .term-area .term-greeting div {display:inline;} .term-area .term-greeting.type2 div {display:block;} .term-area .term-greeting.type2 div:first-child {margin-bottom:8px;} .term-area .legal-notice {padding:0 6.5%;} .term-area .legal-notice>dl {margin-top:35px;} .term-area .legal-notice>dl>dt {font-size:17px;line-height:25px;padding-bottom:15px;} .term-area .legal-notice>dl>dd {font-size:13px;line-height:20px;} .term-area .legal-notice>dl>dd ul li {margin-top:9px;padding-left:12px;} .term-area .legal-notice>dl>dd ul li:first-child {margin-top:0;} .term-area .legal-notice>dl>dd ul li::before {width:4px;height:4px;top:8px;} .term-area .privacy-wrap {padding:0 6.5%;} .term-area .privacy-wrap .privacy-intro dt {font-size:17px;padding:28px 0 6px 0;} .term-area .privacy-wrap .privacy-intro dd {font-size:13px;line-height:20px;padding-bottom:0;} .term-area .privacy-wrap .privacy-intro dd div {display:inline;} .term-area .privacy-wrap .privacy-list {margin-top:35px;} .term-area .privacy-wrap .privacy-list > ol > li {margin:25px 0 0 0;padding:25px 0 0 0;} .term-area .privacy-wrap .privacy-list > ol > li > .desc {font-size:13px;line-height:20px;} .term-area .privacy-wrap .privacy-list > ol > li > .desc br {display:none;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box {font-size:15px;line-height:25px;word-break:keep-all;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box .num {font-size:15px;line-height:25px} .term-area .privacy-wrap .privacy-list > ol > li > .title-box .title {font-size:15px;line-height:25px;word-break:keep-all;} .term-area .privacy-wrap .privacy-list > ol > li > .title-box .text {font-size:15px;line-height:25px;word-break:keep-all;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 {margin:15px 0 0 0;font-size:13px;line-height:20px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li {margin:15px 0 0 0;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .title {font-size:13px;} .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .text-box > .text {font-size:13px;line-height:20px; } .term-area .privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 {font-size:13px;line-height:20px;} .term-area .privacy-wrap .privacy-list > ol > li .depth3 {font-size:13px;line-height:20px;} }