@charset"utf-8";

/* Font */
@import url(./font.css);
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1280px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.
*/
/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
blockquote, body, button, code, dd, div, dl,dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, textarea, th, ul{margin:0;padding:0; font-family:'Pretendard',sans-serif;}
dl, li, menu, ol, ul{list-style:none;color:#666}
body{font-family:'Pretendard',sans-serif; font-size:14px;letter-spacing:-0.5px;font-weight:normal;color:#666; font-weight:400;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:focus{outline:0 !important}
iframe{border:none;width:100%}
a {font-family:'Pretendard',sans-serif;color:inherit;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
a:active, a:focus, a:hover{text-decoration:none !important;color:#25428e}
img{max-width:100%}
textarea{max-width:100%;resize:none}
.hidden{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

@media only screen and (min-width: 320px){
    body{overflow-x:hidden}
}

/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;width:100%;background-size:cover;background-attachment:fixed}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.loader{width:200px;height:200px;font-size:24px;text-align:center;position:absolute;left:50%;top:50%;background-image:url("/images/basic_resp/img/preloader.gif");background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.back-to-top{width:40px;height:40px;position:fixed;bottom:40px;right:20px;display:none;z-index:10000; display: flex; justify-content:center; align-items:center; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#06068e;box-shadow:0 8px 13px rgba(0,0,0,.4)}
.back-to-top i{color:#fff;font-size:15px;display:block;line-height:1}

@media only screen and (max-width:480px){
	.back-to-top {bottom:20px;}
}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{min-width:1600px}
#header{position: absolute; top:0; left:0; z-index:1000;width:100%;}
#header > .header_in{position:relative;padding:0;margin:0 auto;width:1620px;box-sizing:border-box;height:96px;}
#L_SITE_LOGO{position: relative; z-index: 55; float:left; height:96px}
#L_SITE_LOGO h1{font-size:0;line-height:96px}
#header.on #L_SITE_LOGO img,
#L_SITE_LOGO img{vertical-align:middle; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.sub-header #L_SITE_LOGO img {-webkit-filter: none; filter: none;}

#header.sub-header {position: relative; background:#fff;}

@media only screen and (max-width: 1620px){
    #wrapper{min-width:1280px}
	#header > .header_in{width:100%; padding:0 40px;}
	.navigation {padding-right:0px;}
}

@media only screen and (max-width: 1280px){
    #wrapper{min-width:320px}
    #header > div{width:100%}
	#header > .header_in{padding:0 20px;}
}

@media only screen and (max-width: 980px){
    #header > div{height:48px}
    #header > .header_in{height:48px}
    #header > .header_in h1{line-height:48px}
    #L_SITE_LOGO {text-align:left;margin-top:0; width:136px; height:auto;}
    #L_SITE_LOGO a{display:inline-block;line-height:48px}
	#L_SITE_LOGO img {width: 100%; height: auto;}
}

@media only screen and (max-width: 767px){
	#header > .header_in{padding:0 10px;}
    #header > div {padding:0;height:50px}
    #L_SITE_LOGO a{line-height:50px}
}

/* Navigation (상단 메뉴)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#gnb {z-index:999; text-align:right;}
.gnb-bg, .m-menu-close, .m-menu-open{display:none}
.sub-menu{display:none}
.navigation {position: relative; z-index: 1;}
.navigation .menu-item > a {display:block;font-weight:700;font-size: 23px;color:#fff; letter-spacing:0;}
.sub-header .navigation .menu-item > a {color: #000;}
.navigation .menu-item {position:relative; display:inline-block; margin-left:80px; vertical-align: middle;}
.navigation .menu-item:first-child{margin-left:0}

@media only screen and (max-width: 1620px){
	.navigation .menu-item {margin-left: 3vw;}
}
@media only screen and (max-width: 1280px){
    #gnb .login-menu{display:none}
    .sub-menu ul{margin:0 auto;width:100%}
	.navigation .menu-item {margin-left: 1.5vw;}
}
@media only screen and (max-width: 1120px){
    .sub-menu{margin-left:-80px;min-width:160px;}
    .sub-menu li a{padding:10px 12px; font-size:15px;}
}

@media only screen and (min-width: 980px){
    #gnb .login-menu{display:none}
    .navigation .menu-item > a{line-height:96px; font-size:22px}
	.navigation .menu-item:last-child {position: relative; z-index: 1; margin-right: 85px;}
	.navigation .menu-item:last-child:after {content:''; position: absolute; top:0; left:100%; z-index: -1; width:85px; height:100%; background:#6e6eea;}
    .sub-menu{z-index:999;position:absolute;top:100%;left:50%; margin-left: -100px; padding:10px 0; width:200px; background:#f5f5f5;}
	.navigation .menu-item:last-child a {padding:0 0 0 40px; background:#6e6eea;}
	.sub-header .navigation .menu-item:last-child:after ,
	.sub-header .navigation .menu-item:last-child a {background:#fff;}
    .sub-menu li{text-align:center;}
    .sub-menu li + li {}
    .sub-menu li:first-child{border-top:0}
    .sub-menu li a{position:relative; display:block; padding:8px 10px; font-weight:300; width:100%; box-sizing:border-box; text-align:center; line-height:130%;font-size:16px; color:#000;}
    .sub-menu li a:active,
    .sub-menu li a:hover{color:#06068e;}
	.gnb-bg {position: absolute; top:100%; left:50%; margin-left: -50vw; z-index: 1; width:100vw; height: 220px; background:#f5f5f5;}
	.pc-menu {position: absolute; top:50%; right:30px; z-index: 222; margin-top: -9px; display: block; width:25px; height:18px; cursor:pointer;}
	.pc-menu span {position: absolute; right:0; width: 100%; height:2px; background:#fff; transition:.3s;}
	.pc-menu span:nth-child(1) {top:0;}
	.pc-menu span:nth-child(2) {top:50%; margin-top: -1px;}
	.pc-menu span:nth-child(3) {bottom:0;}
	.pc-menu.on span:nth-child(1) {transform:rotate(-45deg); top:8px;}
	.pc-menu.on span:nth-child(2) {opacity: 0;}
	.pc-menu.on span:nth-child(3) {transform:rotate(45deg); bottom:8px;}
	.sub-header .pc-menu span {background:#000;}
	.sub-header .pc-menu.on span {background:#fff;}

	.all-menu {position: fixed; top:0; left:0; z-index: 11; width:100%; height:100%; background:#6e6eea;display: none; }
	.all-menu .all-nav {display: flex; flex-direction: column; justify-content:center; align-items:start; margin:0 auto; width:100%; max-width:1620px; height:100%; text-align:left;}
	.all-menu .all-nav .depth1 {display: flex; align-items:center; justify-content: center; margin-bottom: 60px;}
	.all-menu .all-nav .depth1 > a {display: block; width:325px; font-weight: 700; font-size: 40px; color: #fff; letter-spacing: 0;}
	.all-menu .all-nav .depth2 {display: flex; align-items:center;}
	.all-menu .all-nav .depth2 li {margin-right: 60px;}
	.all-menu .all-nav .depth2 a {font-weight: 700; font-size: 20px; color: #fff; letter-spacing: 0;}
}

@media only screen and (max-width: 980px){
    #gnb{display:none; overflow-x:hidden; position:fixed;top:0;right:0;padding:48px;width:100%;height:100%;box-sizing:border-box;background:#6e6eea}
    .m-menu-open{display:block;position:absolute;top:0;right:0;padding:15px 10px;width:48px;height:48px;cursor:pointer}
    .m-menu-open span{display:block;margin-top:6px;width:100%;height:2px;background:#25428e;}
    .m-menu-open span:first-child{margin-top:0}
    .m-menu-close{z-index:1000;display:block;position:fixed;top:0;right:0;width:48px;height:48px;cursor:pointer;padding:15px 11px}
    .m-menu-close span{position:relative;top:7px;left:0;display:block;width:25px;height:2px;background:#fff;transform:rotate(45deg)}
    .m-menu-close span:first-child{transform:rotate(-45deg);top:9px}
    .navigation{}
    .navigation .menu-item{position:relative;display:block;margin-left:0;text-align:left}
    .sub-header .navigation .menu-item > a{padding:0;width:100%;line-height:50px;font-size:17px;transition:none;border-bottom:1px solid #4463b6;color:#fff}
    .navigation .menu-item.on > a{}
    .sub-menu {width:100%; margin:0; min-width:auto;}
    .sub-menu li {}
    .sub-menu li a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#fff}
    .sub-menu li a:before{display:inline-block;content:"";position:relative;top:-4px;margin-right:7px;width:5px;height:1px;background:#fff}
    .gnb-bg{z-index:888;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}

	.pc-menu, .all-menu {display: none !important;}
	
}

/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn{font-family:'ntkr',sans-serif;text-transform:uppercase;border-radius:0;line-height:24px}
.btn:active, .btn:focus{outline:none;color:#fff}
.btn-custom{border-radius:3px;padding:0.8em 1.8em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:#3d427c;border-color:#3d427c;color:#fff}
.btn-custom:focus, .btn-custom:hover{background-color:#36384e;border-color:#36384e;color:#fff}
.btn-custom-outline{border-radius:3px;padding:0.8em 1.8em;color:#fff;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:transparent;border-color:#fff}
.btn-custom-outline:focus, .btn-custom-outline:hover{color:#fff;background-color:rgba(255,255,255,.5)}
.btn-bar a{margin-right:10px}
.form-control{box-shadow:none;-webkit-box-shadow:none;border-radius:3px;height:38px}
.form-control:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;border-color:#25428e}

/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {clear:both; position: relative; z-index: 3; width:100%; background-color:#000; padding:60px 5%;}
#footer .footer-inner {display: flex;/* justify-content: space-evenly; */}
#footer .footer-logo {flex-shrink:0;/* margin-right: 3%; */width: 205px;height: auto;}
#footer .footer-info {display: flex;width: 100%;}
#footer .info-box {margin-left: 7%; padding-left:20px; border-left:1px solid rgba(255,255,255,.2);}
#footer .info-box h1 {margin-bottom: 17px; font-weight: 600; font-size: 20px; color: #fff; letter-spacing: 0;}
#footer .info-box ul li {margin-top: 10px; font-weight: 300; font-size: 15px; color: #fff; letter-spacing: 0;}
#footer .info-box.contact ul li {font-weight: 700; font-size: 17px;}
#footer address {margin-top:85px; font-weight: 300; font-size: 14px; color: #999; letter-spacing: 0; word-break:keep-all; text-align:center;}



#footer .footer-logo img {
    width: 100%;
    height: auto;
}

footer#footer:after {
    content: '';
    display: block;
    clear: both;
}


#footer .qr-code {width: 66px;}


.logo_groups {
    display: flex; 
    align-items: end;
    flex-wrap: nowrap; 
    gap: 20px; 
    flex-direction: column;
	 z-index: 1;
    position: relative;
    float: left;
    box-sizing: border-box;
}



.base.sns {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px;
    margin-top: 10px;
    height: auto;
    line-height: 1;
    overflow: hidden;
}


.sns_item {
    width: 65px;
    height: 65px;
    margin-left: 10px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: background-image 0.1s ease;
}

a.base.sns_item {
    float: none; 
    display: flex;
    align-items: center;
    justify-content: center;
}

a.base.sns_item:nth-child(1) {
    margin-left: 0px;
}

a.base.sns_item:nth-child(2) {
    width: 55px;
}


/* 기본 이미지 */
.sns_item.facebook {
    background-image: url('/images/kor09r-22-0461/main/icon_facebook.svg');
}

.sns_item.insta-eng {
    background-image: url('/images/kor09r-22-0461/main/icon_insta_eng.svg');
}

.sns_item.insta-kor {
    background-image: url('/images/kor09r-22-0461/main/icon_insta_kor.svg');
}

.sns_item.linkedin {
    background-image: url('/images/kor09r-22-0461/main/icon_linkedin.svg');
}

.sns_item.chatbot {
    background-image: url('/images/kor09r-22-0461/main/icon_chatbot.svg');
}

/* hover 시 이미지 변경 */
.sns_item.facebook:hover {
    background-image: url('/images/kor09r-22-0461/main/icon_facebook_on.svg');
}

.sns_item.insta-eng:hover {
    background-image: url('/images/kor09r-22-0461/main/icon_insta_eng_on.svg');
}

.sns_item.insta-kor:hover {
    background-image: url('/images/kor09r-22-0461/main/icon_insta_kor_on.svg');
}

.sns_item.linkedin:hover {
    background-image: url('/images/kor09r-22-0461/main/icon_linkedin_on.svg');
}

.sns_item.chatbot:hover {
    background-image: url('/images/kor09r-22-0461/main/icon_chatbot_on.svg');
}

@media only screen and (max-width:1400px){
	.sns_item {width: 55px; height: 55px;}
}


@media only screen and (max-width:1024px){
	#footer .footer-inner {flex-wrap:wrap;}
	#footer .footer-logo {margin-right: 0; width: 30%;}
	#footer .info-box:first-child {margin-left: 0; padding-left: 0; border-left:0 none;}
	#footer address {margin-top: 50px;}
}
@media only screen and (max-width: 1024px){
	#footer .footer-info {flex-direction: column;margin-top: calc((40 / 480) * 100vw);}
	#footer .footer-info .info-box {margin:40px 0 0; padding-top:20px; padding-left: 0; border-left:0 none; border-top:1px solid rgba(255,255,255,.2);}
	#footer .footer-info .info-box:first-child {margin-top: 0; padding-top: 0; border-top: none;}
	.sns_item {width: 45px; height: 45px;}
	.logo_groups{    align-items: flex-start; padding-top: 30px;}
	.base.sns{margin-top: 0;}
	.sns_item{margin-left: 0; margin-right: 5px;}
}
@media only screen and (max-width:640px){
	#footer {padding:40px 5% 80px;}
	#footer .footer-info {flex-direction: column;}
	#footer .info-box {margin:20px 0 0; padding:20px 0 0; border-left:0 none; border-top: 1px solid rgba(255, 255, 255, .2);}
	#footer .info-box:first-child {margin:0; padding:0; border-top:0 none;}
	#footer .info-box h1 {margin-bottom: 13px; font-size: 13px;}
	#footer .info-box ul li {margin-top: 7px; font-size: 12px;}
	#footer .info-box.contact ul li {font-size: 14px;}
	#footer address {margin-top: 30px; font-size: 12px;}
}

/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-visual {overflow: hidden; position: relative;}
.main-visual .item {height: 100vh;}

.main-visual .carousel-caption {overflow: hidden; top:45%; left:50%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); margin-left: -810px; padding:0 80px; width:1620px; text-align:left;text-shadow:none; transition:.4s;}
.main-visual .carousel-caption img {margin-bottom: 55px; max-width:100%;}
.main-visual .carousel-caption p {overflow: hidden; position: relative; transform:translateY(100px); opacity: 0; animation: mv-title-hide 0.1s; font-weight: 900; font-size: 70px; font-family: 'NanumSquare'; line-height: 1.2; color: #fff; word-break:keep-all;}
.main-visual .carousel-caption .m-br {display: none;}
.main-visual .carousel-caption p span {display: inline-block; margin-top: 15px; font-weight:400; font-size:30px; vertical-align:top;}
.main-visual .carousel-caption h1 {overflow: hidden; position: relative; transform:translateY(100px); opacity: 0; animation: mv-title-hide 0.1s; font-weight: 700; font-size: 36px; color: #fff; word-break:keep-all;}
.main-visual .swiper-slide-active .carousel-caption p:first-of-type {
  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-visual .swiper-slide-active .carousel-caption p:nth-of-type(2) {
  animation-fill-mode: forwards;
  animation-name: mv-title-up, mv-title-show;
  animation-delay: 0.8s, 1s;
  animation-duration: 1.5s, 2s;
  animation-timing-function: ease-out;
}
.main-visual .swiper-slide-active .carousel-caption h1 {
  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;
}

@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-visual .bg-img {position: absolute; top:0; left:0; bottom:0; right:0;}
.main-visual .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;background-size:cover !important;}
.main-visual .swiper-slide-active .bg-img .pc-img-area {transition:all 10s linear;transform:translate3d(-100px, 0, 0);}
.main-visual .item.main-img01 .bg-img .pc-img-area {background:url("/images/kor09r-22-0461/main/new/main_visual01.jpg") no-repeat center center/cover;}
.main-visual .item.main-img02 .bg-img .pc-img-area {background:url("/images/kor09r-22-0461/main/new/main_visual02.jpg") no-repeat center center/cover;}
.main-visual .item.main-img03 .bg-img .pc-img-area {background:url("/images/kor09r-22-0461/main/new/main_visual03.jpg") no-repeat center center/cover;}

.carousel-indicators {bottom:-110px; height:86px; width:100%; text-align:center; margin:0; left:0;}
.carousel-indicators li {padding:0; display:inline-block; margin:0 5px !important; font-size:18px; color:#333333; width:140px !important; height:86px !important; padding:10px 0 0; border:0; border-top:4px solid #cbcbcb; text-align:center; border-radius:0px;text-indent:0; font-weight:400;}
.carousel-indicators .active {border-top:4px solid #de4e58; background:none; color:#de4e58;}

.main-visual .swiper-button-prev, 
.main-visual .swiper-button-next {
	position: absolute; top:auto; bottom:25%; left:50%;
	margin-top: 0;
	width:60px; height:60px;
	border:1px solid rgba(255,255,255,.5);
	opacity: 1 !important;
}
.main-visual .main-visual-list ~ .swiper-button-prev::after, 
.main-visual .main-visual-list ~ .swiper-button-next::after {display: none;}
.main-visual .swiper-button-prev {margin-left: -730px; background:url(/images/kor09r-22-0461/main/new/arrow_prev_wh.png) no-repeat center center / auto 25px;}
.main-visual .swiper-button-next {margin-left: -660px; background:url(/images/kor09r-22-0461/main/new/arrow_next_wh.png) no-repeat center center / auto 25px;}

@-webkit-keyframes progress {
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}

.main-visual .scorll {position: absolute; bottom:52px; left:50%; margin-left: -30px; animation: upDown 1s 1s infinite linear alternate;}
@-webkit-keyframes upDown {
  0% {
    margin-top:-20px;
  }
  100% {
    margin-bottom:-20px;
  }
}

@media screen and (max-width:1620px){
	.main-visual .swiper-button-prev {margin-left: 0; left:20px;}
	.main-visual .swiper-button-next {margin-left: 0; left:90px;}
}
@media screen and (max-width:1280px){
    .main-visual .item{height:calc(100vh - 48px);}
	.main-visual .carousel-caption {left:0; width:100%; padding:0 20px; margin:0;}
}

@media screen and (max-width:980px){
	.carousel-indicators {height:100px;} 
	.carousel-indicators li {height:100px !important;}
}

@media screen and (max-width:767px){
	.main-visual .item.main-img01 {background-position:68% center;}
	.main-visual .carousel-caption img {margin-bottom: 30px; height: 60px;}
	.main-visual .carousel-caption p {font-size: 32px;}
	.main-visual .carousel-caption .m-br {display: block;}
	.main-visual .carousel-caption p span {margin-top: 10px; font-size: 18px;}
	.main-visual .carousel-caption h1 {margin-top: 10px; font-size: 22px;}

	.carousel-indicators {bottom:-100px; height:86px;}
	.carousel-indicators li {font-size:16px; margin:0 3px !important; width:120px !important; height:86px !important; padding:5px 0 0;}
	
	.main-visual .scorll img {height: 30px;}

	.main-visual .swiper-button-prev ,
	.main-visual .swiper-button-next {width:45px; height:45px; background-size:auto 20px;}
	.main-visual .swiper-button-next {left: 70px;}
}

@media screen and (max-width:480px){

	.carousel-indicators {bottom:-80px; height:66px;}
	.carousel-indicators li {font-size:14px; margin:0 3px !important; width:94px !important; height:66px !important; padding:5px 0 0;}
}

@media screen and (max-width:340px){
	.carousel-indicators {display:none;}
}

/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-contents { overflow:hidden; background:#fff; transition: .4s;}
.main-contents .section {padding:115px 5%;}
.main-contents .inc {width:100%; max-width:1620px; margin:0 auto;}

@media screen and (max-width:1620px){
	.main-contents .section {padding:115px 30px;}
}
@media screen and (max-width:768px){
	.main-contents .section {padding:80px 20px;}
}
@media screen and (max-width:640px){
	.main-contents .section {padding:60px 20px;}
}

/* title */
.main-tit-wrap {display: flex; justify-content: space-between; align-items:end; margin-bottom: 55px;}
.main-tit-wrap h1 {padding-top: 40px; max-width:340px; border-top:2px solid #d6d6d6; font-weight: 400; font-size: 28px; color: #000; word-break:keep-all;}
.main-tit-wrap h1 strong {display: block; margin-bottom: 5px; font-weight: 700; font-size: 50px;}
.main-tit-wrap a {display: flex; align-items:center; font-weight: 700; font-size: 18px; color: #000; text-decoration:underline;}
.main-tit-wrap a img {margin-left: 10px;}
.main-tit-wrap.wh h1 , .main-tit-wrap.wh p, .main-tit-wrap.wh a {color: #fff;}


@media screen and (max-width:1680px){
	.main-contents {}
	.main-contents .inc {width:100%;}
}
@media only screen and (max-width:767px){
	.main-tit-wrap {margin-bottom: 35px;}
	.main-tit-wrap h1 {padding-top: 20px; max-width:200px; font-size: 18px;}
	.main-tit-wrap h1 strong {margin-bottom: 10px; font-size: 35px;}
	.main-tit-wrap a {font-size: 14px;}
	.main-tit-wrap a img {margin-left: 7px; height:18px;}
}


/* PRODUCT */
.main-product {background:url('/images/kor09r-22-0461/main/main_product_bg.jpg') no-repeat center center/cover;}

.main-product-list {display: flex;}
.main-product-list .main-product-slide {flex:1;}
.main-product-list .main-product-slide a {display: flex; width: 100%; height:590px;}
.main-product-list .slide1 a {background:url('/images/kor09r-22-0461/main/main_product01.jpg') no-repeat center center/cover;}
.main-product-list .slide2 a {background:url('/images/kor09r-22-0461/main/main_product02.jpg') no-repeat center center/cover;}
.main-product-list .slide3 a {background:url('/images/kor09r-22-0461/main/main_product03.jpg') no-repeat center center/cover;}
.main-product-list .slide4 a {background:url('/images/kor09r-22-0461/main/main_product04.jpg') no-repeat center center/cover;}
.main-product-list .slide5 a {background:url('/images/kor09r-22-0461/main/main_product05.jpg') no-repeat center center/cover;}
.main-product-list .main-product-slide strong {display: flex; align-items:center; margin-top: auto; padding:0 30px; width:100%; height: 110px; background:rgba(255,255,255,.7); font-weight: 700; font-size: 30px; color: #000;}
.main-product-list .main-product-slide strong img {margin-left: auto; transition:.3s; opacity: 0;}
.main-product-list .main-product-slide:hover strong img {opacity: 1;}

@media only screen and (max-width: 1024px){
	.main-product-list {flex-direction: column;}
	.main-product-list .main-product-slide a {height: 270px;}
}
@media only screen and (max-width: 767px){
	.main-product-list .main-product-slide a {height: 160px;}
	.main-product-list .main-product-slide strong {padding:0 15px; height:55px; font-size: 20px;}
	.main-product-list .main-product-slide:hover strong img {height:20px;}
}


/* R&D */
.main-rnd {background:#222432;}
.main-rnd .inc {display: flex;}
.main-rnd .main-tit-wrap {flex-shrink:0; flex-direction: column; align-items: start; width:425px;}
@media only screen and (min-width: 1301px){
	.main-rnd .main-tit-wrap {margin-bottom: 0;}
}
.main-rnd .main-tit-wrap .tit-footer {margin-top:auto;}
.main-rnd .main-tit-wrap .tit-footer p {margin-top: 75px; font-weight: 300; font-size: 22px; line-height: 1.4; color: #fff; word-break:keep-all;}

.main-rnd-list {display: grid; gap:0 27px; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%;}
.main-rnd-list .main-rnd-slide a {position: relative; display: flex; flex-direction: column; align-items: start; justify-content: center; padding:0 40px; width: 100%; height:620px;}
.main-rnd-list .slide1 a {background:url('/images/kor09r-22-0461/main/main_rnd01.jpg') no-repeat center center/cover;}
.main-rnd-list .slide2 a {background:url('/images/kor09r-22-0461/main/main_rnd02.jpg') no-repeat center center/cover;}
.main-rnd-list .slide3 a {background:url('/images/kor09r-22-0461/main/main_rnd03.jpg') no-repeat center center/cover;}
.main-rnd-list .main-rnd-slide a .tit {max-width:220px; width:100%;}
.main-rnd-list .main-rnd-slide a .tit strong {display: block; font-weight: 700; font-size: 38px; color: #fff; word-break:keep-all;}
.main-rnd-list .main-rnd-slide a .tit span {display: block; margin-top: 30px; padding-top: 40px; border-top:2px solid #fff; font-weight: 400; font-size: 18px; color: #fff; word-break:keep-all;}
.main-rnd-list .main-rnd-slide a img {position: absolute; bottom:40px; right:40px; transition:.3s; opacity: 0;}
.main-rnd-list .main-rnd-slide:hover a img {opacity: 1;}

@media only screen and (max-width: 1680px){
	.main-rnd .main-tit-wrap {width:330px;}
}
@media only screen and (max-width: 1300px){
	.main-rnd .inc {display: block;}
	.main-rnd .main-tit-wrap {position: relative; flex-direction: row; padding-bottom: 60px; width: 100%;}
	.main-rnd .main-tit-wrap .tit-footer p {position: absolute; bottom:0; left:0; margin-top: 0;}
	.main-rnd .main-tit-wrap .tit-footer p br {display: none;}
}
@media only screen and (max-width: 980px){
	.main-rnd-list {gap:30px 0; grid-template-columns: repeat(1, minmax(0, 1fr));}
	.main-rnd-list .main-rnd-slide a {height:300px;}
}
@media only screen and (max-width: 767px){
	.main-rnd-list {gap:15px 0;}
	.main-rnd-list .main-rnd-slide a {height:150px;}
	.main-rnd .main-tit-wrap .tit-footer p {font-size: 15px;}
	.main-rnd .main-tit-wrap .tit-footer p br {display: block;}
	.main-rnd-list .main-rnd-slide a {padding:0 20px;}
	.main-rnd-list .main-rnd-slide a .tit strong {font-size: 20px;}
	.main-rnd-list .main-rnd-slide a .tit span {margin-top: 15px; padding-top: 20px; font-size: 14px;}
}


/* COMPANY */
.main-company {background:url('/images/kor09r-22-0461/main/main_company_bg.jpg') no-repeat center center/cover;}
.main-company .main-tit-wrap h1 {border-top-color:#000; white-space:nowrap;}

.main-company-list {display: grid; gap:0 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%;}
.main-company-list .main-company-slide a {position: relative; display: block; padding:75px 38px 38px; width: 100%; height:400px; transition:.3s;}
.main-company-list .slide1 a {background:url('/images/kor09r-22-0461/main/main_company01.jpg') no-repeat center center/cover;}
.main-company-list .slide2 a {background:url('/images/kor09r-22-0461/main/main_company02.jpg') no-repeat center center/cover;}
.main-company-list .slide3 a {background:url('/images/kor09r-22-0461/main/main_company03.jpg') no-repeat center center/cover;}
.main-company-list .main-company-slide h1 {padding-bottom: 28px; border-bottom:2px solid rgba(255,255,255,.3); font-weight: 700; font-size: 38px; color: #fff;}
.main-company-list .main-company-slide h1 span {display: block; margin-bottom: 7px; font-weight: 400; font-size: 18px; text-transform:uppercase; letter-spacing: 0;}
.main-company-list .main-company-slide a .more {position: absolute; bottom:0; right:0; display: flex; justify-content:center; align-items:center; width:60px; height:60px; background:#222432; transition:.3s;}
.main-company-list .main-company-slide a:hover {box-shadow:8px 10px 50px rgba(0,0,0,.2);}
.main-company-list .main-company-slide a:hover .more {background:#06068e;}

@media only screen and (max-width: 980px){
	.main-company-list {gap:30px 0; grid-template-columns: repeat(1, minmax(0, 1fr));}
	.main-company-list .main-company-slide a {height:350px;}
}
@media only screen and (max-width: 767px){
	.main-company-list {gap:15px 0;}
	.main-company-list .main-company-slide a {padding:35px 20px 20px; height:180px;}
	.main-company-list .main-company-slide h1 {padding-bottom: 18px; font-size: 20px;}
	.main-company-list .main-company-slide h1 span {font-size: 14px;}
	.main-company-list .main-company-slide a .more {width:35px; height:35px;}
	.main-company-list .main-company-slide a .more img {height:15px;}
}


/* main tit */
.main_tit_wrap {display: flex; flex-direction: column;}
.main_tit_wrap h1 {font-weight: 600; font-size: 60px; line-height: 1; color: #000; word-break:keep-all; text-transform:uppercase;}
.main_tit_wrap p {margin-top: 20px; font-weight: 600; font-size: 22px; color: #000; word-break:keep-all;}
.main_tit_wrap a {position: relative; display: flex; margin-top: auto; padding-bottom: 10px; max-width:206px; border-bottom:4px solid #000; font-weight: 600; font-size: 15px; color: #000;}
.main_tit_wrap a:after {content:'>'; position: absolute; top:50%; right:0; transform:translateY(-50%);}
.main_tit_wrap.wh h1,.main_tit_wrap.wh p ,.main_tit_wrap.wh a {color: #fff;}
.main_tit_wrap.wh a {border-color:#fff;}
.main_tit_wrap.center {text-align:center;}
.main_tit_wrap.center h1 span {font-weight: 400;}

@media only screen and (max-width:767px){
	.main_tit_wrap h1 {font-size: 32px;}
	.main_tit_wrap p {margin-top: 12px; font-size: 16px;}
	.main_tit_wrap a {margin-top: 30px; padding-bottom:7px; max-width:180px; border-width:2px; font-size:12px;}
}

/* main_product */
.slide .inc {display: flex;}
.slide .main_tit_wrap {flex-shrink:0; position: relative; z-index: 2; width:475px;}
.slide .section-inner {overflow: hidden; width:calc(100% + 7.5vw);}
.slide .section-wrap {width:calc(100% - 475px);}
.main_product_slide .swiper-slide {width:527px}
.main_product_slide .swiper-slide a {display: block;}
.main_product_slide .swiper-slide a > img {width: 100%;}
.main_product_slide .swiper-slide h1 {margin-top: 45px; font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.main_product_slide .swiper-slide p {font-weight: 400; font-size: 28px; color: #000; word-break:keep-all;}

.navigation-wrap {display: flex; justify-content: space-between; margin-top: 65px; max-width:205px; width: 100%;}
.navigation-wrap .swiper-button-prev, .navigation-wrap .swiper-button-next {position: relative; top:auto; left:auto; margin-top: 0; width:23px; height:39px;}
.navigation-wrap .swiper-button-prev:after, .navigation-wrap .swiper-button-next:after {display: none;}
.navigation-wrap .swiper-button-prev {background: url('/images/kor09r-22-0461/main/new/arrow_prev.png') no-repeat center center/100% auto;}
.navigation-wrap .swiper-button-next {background: url('/images/kor09r-22-0461/main/new/arrow_next.png') no-repeat center center/100% auto;}

@media only screen and (max-width:767px){
	.slide .inc {display: block;}
	.slide .main_tit_wrap {width:100%;}
	.slide .section-wrap {margin-top: 40px; width: 100%;}
	.main_product_slide .swiper-slide h1 {margin-top: 22px; font-size: 22px;}
	.main_product_slide .swiper-slide p {margin-top: 5px; font-size: 16px; line-height: 1.2;}
	.navigation-wrap {display: none;}
}

/* main_rnd */
.main_rnd {background: url('/images/kor09r-22-0461/main/new/rnd_bg.jpg') no-repeat center center/cover;}
.main_rnd_slide .swiper-slide {width:643px}
.main_rnd_slide .swiper-slide a {display: block; padding:22px 22px 60px; border:1px solid #fff;}
.main_rnd_slide .swiper-slide h1 {margin-top: 60px; padding:0 40px; font-weight: 600; font-size: 38px; color: #fff; word-break:keep-all;}
.main_rnd_slide .swiper-slide p {margin-top: 17px; padding:0 40px; font-weight: 600; font-size: 23px; line-height:1.2; color: #fff; word-break:keep-all;}
.main_rnd_slide .swiper-slide:hover a {background:#fff;}
.main_rnd_slide .swiper-slide:hover h1 {color: #000;}
.main_rnd_slide .swiper-slide:hover p {color: #444;}
.main_rnd .swiper-button-prev {background: url('/images/kor09r-22-0461/main/new/arrow_prev_wh.png') no-repeat center center/100% auto;}
.main_rnd .swiper-button-next {background: url('/images/kor09r-22-0461/main/new/arrow_next_wh.png') no-repeat center center/100% auto;}

@media only screen and (max-width:767px){
	.main_rnd_slide .swiper-slide a {padding:15px 15px 30px;}
	.main_rnd_slide .swiper-slide h1 {margin-top: 30px; padding:0 10px; font-size: 20px;}
	.main_rnd_slide .swiper-slide p {margin-top: 10px; padding:0 10px; font-size: 15px;}
	.main_rnd_slide .swiper-slide p br {display: none;}
}

/* main_company */
.main_company {}
.main-company-tit {margin-top: 120px; padding:0 10%; width:100%; height:228px; text-align:center;}
.main-company-tit .main_company-tit-img {position: absolute; top:0; left:50%; transform:translateX(-50%); overflow: hidden; width: 100%; max-width:1620px; height: 100%; border-radius:20px;}
.main-company-tit .main_company-tit-img:before {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.main-company-tit.aos-init .main_company-tit-img:after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; clip-path:circle(0%); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.main-company-tit .img1:before {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit01.png');}
.main-company-tit .img2:before {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit02.png');}
.main-company-tit .img3:before {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit03.png');}
.main-company-tit .main_company-tit-img img {max-width:100%;}
.main-company-tit .main_company-tit-img.on {z-index: 2;}
.main-company-tit.aos-animate .main_company-tit-img.on:after {clip-path: circle(100%);transition: clip-path 1s 800ms ease-out;}
.main-company-tit .on.img1:after {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit01_on.jpg');}
.main-company-tit .on.img2:after {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit02_on.jpg');}
.main-company-tit .on.img3:after {background-image:url('/images/kor09r-22-0461/main/new/main_company_tit03_on.jpg');}
.main_company .conts-tab {display: flex; justify-content:center; margin-top: 120px; margin-bottom: 50px;}
.main_company .conts-tab li {margin:0 32px; width:184px;}
.main_company .conts-tab li a {display: flex; justify-content:center; align-items:center; width:100%; height:64px; border:1px solid #000; border-radius:40px; font-weight: 700; font-size: 30px; color: #000;}
.main_company .conts-tab li.on a {background:#000; color: #fff;}
.main_company .conts {display: none; text-align:center;}
.main_company .conts.on {display: block;}
.main_company .conts p {font-weight: 400; font-size: 30px; color: #000; word-break:keep-all;}
.main_company .conts a {display: block; margin-top: 50px; font-weight: 700; font-size: 20px; color: #000;}

@media only screen and (max-width:1620px){
	.main-company-tit {height: 14.0741vw; border-radius:1.2346vw;}
}
@media only screen and (max-width:767px){
	.main-company-tit {margin-top: 50px; padding:0 7%;}
	.main_company .conts-tab {margin:45px 0 25px;}
	.main_company .conts-tab li {margin:0 7px; width:auto; flex:1;}
	.main_company .conts-tab li a {height:36px; font-size: 15px;}
	.main_company .conts p {font-size: 18px;}
	.main_company .conts a {margin-top: 25px; font-size: 15px;}
}


#veluga-plugin-container{display: none;}



/*  div#layer_event_1{
 		padding: 0px !important;
 		margin: 0px auto !important;
 		cursor: move !important;
 		position: fixed !important;
 		top: 50% !important;
 		left: 50% !important;
 		transform: translate(-50%, -50%) !important;
 		width: 90% !important;
 		max-width: 440px !important;
 		z-index: 999999 !important;
 	} 
 	
 
 div#pageLoad > img {
    width: 100% !important;
    height: auto !important; fit-content 대신 auto가 더 안정적입니다
    display: block !important;
    max-width: 100% !important;
 }
 	
 @media only screen and (max-width:480px){
 	 div#layer_event_1 div{width: 100% !important;}
 	 div#layer_event_1 table td > img{width: 100% !important;}
   div#pageLoad img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
  }
 
 } */