/* skip nav */
#skip { position:relative; z-index:9999;}
#skip a { width:100%; line-height:30px; color:#fff; background-color:#666; border:1px solid #DADCE1; text-align:center; position:absolute; top:-200px; left:0;}
#skip a:focus, #skip a:active {top:0;}



/* Header */
header { height:80px; text-align:center; position:fixed; width:100%; z-index:100; }
header>div { height:100%; width:1280px; margin:0 auto; text-align:left; }
header>div>h1 { width:170px; height:100%; float:left; }
header>div:after { clear:both; display:block; content:''; }
header>div>h1 { margin:0px; padding:0px; }
header>div>h1 a { display:inline-block; width:170px; height:100%; background:url(../img/logo.png) center 10px no-repeat; background-size:100% auto; }
header>div#gnb>h1 a { font-size:0; }
header>div>nav { width:calc(100% - 170px); float:left; text-align:left; height:80px; }
header>div>nav>ul { display:inline-block; margin-top:30px; width:75%; float:left; }
header>div>nav>ul:after { clear:both; display:block; content:''; }
header>div>nav>ul>li { float:left; margin-left:40px; }
header>div>nav>ul>li>a { font-size:1.8rem; display:block;}
header>div>nav>ul>li:nth-of-type(7),
header>div>nav>ul>li:nth-of-type(8),
header>div>nav>ul>li:nth-of-type(9),
header>div>nav>ul>li:nth-of-type(10) { float:right; }

header>div>nav>ul>li:nth-of-type(7)>a,
header>div>nav>ul>li:nth-of-type(8)>a,
header>div>nav>ul>li:nth-of-type(9)>a,
header>div>nav>ul>li:nth-of-type(10)>a { font-size:1.6rem; }

header>div>nav>ul>li:nth-of-type(7)>a { position:relative; display:inline-block; height:20px; width:25px; }
header>div>nav>ul>li:nth-of-type(7)>a>span { display:inline-block; width:25px; height:2px; border-radius:10px; position:absolute; left:0px; font-size:0px; }
header>div>nav>ul>li:nth-of-type(7)>a>span:nth-of-type(1) { top:0px; }
header>div>nav>ul>li:nth-of-type(7)>a>span:nth-of-type(2) { top:46%; }
header>div>nav>ul>li:nth-of-type(7)>a>span:nth-of-type(3) { bottom:0px; }

header>div>nav>div>div { width:100%; background:#FFF; top:80px; position:fixed; left:0px; z-index:101; box-shadow: 0px 10px 10px rgba(0,0,0, .1); display:none; }

header>div>nav>div>button { width:50px; height:80px; color:#fff; font-size:1.2rem; float:right; background:url("../img/allmenu_fff.png")center top -5px no-repeat; background-size:70% auto; top:-60px; right:0;}

/* Nav 2Depth */
header>div>nav>div>div>ul { width:1280px; margin:0 auto; padding:30px 0px; }
header>div>nav>div>div>ul:after { clear:both; display:block; content:''; }
header>div>nav>div>div>ul>li { float:left; border-right:1px #eaeaea solid; text-align:left; width:16.66%; min-height:480px; }
header>div>nav>div>div>ul>li:last-child { border:0px; } 
header>div>nav>div>div>ul>li>dl,
header>div>nav>div>div>ul>li>ul { padding:0 30px; }
header>div>nav>div>div>ul>li>dl>dt>h2,
header>div>nav>div>div>ul>li>ul>li>h2 { font-size:16px; color:#222; font-weight:bold; line-height:42px; margin:0; }
header>div>nav>div>div>ul>li>dl>dd>a,
header>div>nav>div>div>ul>li>dl>dd>a:link,
header>div>nav>div>div>ul>li>dl>dd>a:visited { font-size:14px; color:#6fff font-weight:normal; line-height:32px; display:inline-block; }

header>div>nav>div>div>ul>li>ul>li>a,
header>div>nav>div>div>ul>li>ul>li>a:link,
header>div>nav>div>div>ul>li>ul>li>a:visited { font-size:14px; color:#6fff font-weight:normal; line-height:32px; display:inline-block; }

header>div>nav>div>div>ul>li>dl>dd>a:hover { color:#04ADEE; }
header>div>nav>div>div>ul>li>dl + dl { margin-top:40px; }
header>div>nav>div>div>ul>li>dl>dd>div{ display:none; }

header>div>nav>div>div>ul>li>ul>li>a:hover { color:#04ADEE; }
header>div>nav>div>div>ul>li>ul + ul { margin-top:40px; }
header>div>nav>div>div>ul>li>ul>li>ul.call-4{ display:none; }

/* Nav 3Depth */
.call-3>a { font-size:1.2rem; display:block; line-height:160%; position:relative; width:100%; }
.call-3>a>i { display:inline-block; height:8px; width:8px; position:absolute; top:50%; right:0px; font-size:0px!important;  transform:translate(0%, -50%); }
.call-3>a>i:before { display:inline-block; position:absolute; left:32%; top:50%; height:1px; width:80%; background:#888; transform:rotate(-45deg); content:''; }
.call-3>a>i:after { display:inline-block; position:absolute; right:32%; top:50%; height:1px; width:80%; background:#888; transform:rotate(45deg); content:''; }
.call-3>div,
.call-3>ul.call-4 { padding:0px 10px; display:none; }
.call-over>a { font-size:1.2rem; display:block; line-height:160%; position:relative; width:100%; }
.call-over>a>i { display:inline-block; height:8px; width:8px; position:absolute; top:50%; right:0px; font-size:0px!important;  transform:translate(0%, -50%); }
.call-over>a>i:before { display:inline-block; position:absolute; left:32%; top:50%; height:1px; width:80%; background:#888; transform:rotate(45deg); content:''; }
.call-over>a>i:after { display:inline-block; position:absolute; right:32%; top:50%; height:1px; width:80%; background:#888; transform:rotate(-45deg); content:''; }
.call-over>div,
.call-over>ul.call-4{ padding:0px 10px; display:block; }
.call-over>div>a,
.call-over>ul.call-4 li { font-size:1.2rem; line-height:160%; display:block; }
.call-over>ul.call-4 li a{  font-size:1.2rem; line-height:160%; } 


/* Main Page */
#MainPage>header,
#MainPage>.Navstyle0 { background:#none!important; }
#MainPage header>div>h1 a,
#MainPage>.Navstyle0>div>h1 a { background:url(../img/jt_white.png) center 10px no-repeat; background-size:100% auto; }
#MainPage header>div>nav>ul>li>a,
#MainPage>.Navstyle0>div>nav>ul>li>a,
#MainPage>.Navstyle0>div>nav>ul>li>a>p { color:#fff; }
#MainPage header>div>nav>ul>li:nth-of-type(7)>a>span,
#MainPage>.Navstyle0>div>nav>ul>li:nth-of-type(7)>a>span { background:#fff; }
#header_on { background:#fff!important; }
#header_on>div>nav>ul>li>a,
#header_on>div>nav>ul>li>a>p { color:#252525!important; }
#header_on>div>nav>ul>li>a>span { background:#252525!important; }
#header_on>div>h1 a { background:url(../img/logo.png) center 10px no-repeat!important; background-size:100% auto!important; }
#header_on>div>nav>div>button { background:url(../img/allmenu_000.png) center top -5px no-repeat!important; background-size:70% auto!important; color:#252525;}


.NavStyle1,
.NavStyle2,
.NavStyle3 { background:#fff!important; box-shadow: 0px 10px 10px rgba(100,100,140, 5%); }

/*네비게이션
기본 <header>
Tab1 <header> / Tab1 ::hover <header class="header_on"> / nav 영역 오버스 스크립트에서 header에 클래스 추가, 삭제
Tab2 ~ 5 <header class="NavStyle1 ~ 4"> / 탭 전환시 헤더에 스크립트에서 클래스 추가, 삭제
*/
.NavStyle1 nav>ul>li>a,
.NavStyle2 nav>ul>li>a,
.NavStyle3 nav>ul>li>a { color:#252525!important; }

.NavStyle1 nav>ul>li:nth-of-type(7)>a>span,
.NavStyle2 nav>ul>li:nth-of-type(7)>a>span,
.NavStyle3 nav>ul>li:nth-of-type(7)>a>span { background:#252525!important; }

.NavStyle1 div>h1 a,
.NavStyle2 div>h1 a,
.NavStyle3 div>h1 a { background:url(../img/logo.png) center 10px no-repeat!important; background-size:100% auto!important; }

.NavStyle1 div>nav>div>button,
.NavStyle2 div>nav>div>button,
.NavStyle3 div>nav>div>button { background:url("../img/allmenu_000.png")center top -5px no-repeat; color:#252525;}

.NavStyle div>nav>ul>li>a>p,
.NavStyle0 div>nav>ul>li>a>p,
.NavStyle4 div>nav>ul>li>a>p { color:#fff; }

/* Nav 2Depth */
header>div>nav>div { margin:0 auto; }
header>div>nav>div>div>ul { width:1280px; margin:0 auto; padding:30px 0px; }
header>div>nav>div>div>ul:after { clear:both; display:block; content:''; }
header>div>nav>div>div>ul>li { float:left; border-right:1px #eaeaea solid; text-align:left; width:16.66%; height:480px; }
header>div>nav>div>div>ul>li:last-child { border:0px; }
header>div>nav>div>div>ul>li>dl { padding:0 30px; }
header>div>nav>div>div>ul>li>dl>dt { font-size:16px; color:#222; font-weight:bold; line-height:42px; }
header>div>nav>div>div>ul>li>dl>dd>a,
header>div>nav>div>div>ul>li>dl>dd>a:link,
header>div>nav>div>div>ul>li>dl>dd>a:visited { font-size:14px; color:#6fff font-weight:normal; line-height:32px; display:inline-block; }
header>div>nav>div>div>ul>li>dl>dd>a:hover { color:#04ADEE; }
header>div>nav>div>div>ul>li>dl + dl { margin-top:40px; }

/* 헤더 sns 링크 */
.snsLinkBtn { display:inline-block; width:auto; height:100%; }
.snsLinkBtn > li { display:inline-block; height:100%; }
.snsLinkBtn > li > a { display:inline-block; margin:20px 5px; width:40px; height:40px; font-size:0!important;  } 
.snsLinkBtn > li:nth-child(1) a { margin-left:0; background:url("../img/sns_instagm.png")center center no-repeat; background-size:100% auto;  }
.snsLinkBtn > li:nth-child(2) a { background:url("../img/sns_facebook.png")center center no-repeat; background-size:100% auto;  }
.snsLinkBtn > li:nth-child(3) a { background:url("../img/sns_blog.png")center center no-repeat; background-size:90% auto;  }
.snsLinkBtn > li:nth-child(4) a { margin-right:0; background:url("../img/sns_kakao.png")center center no-repeat; background-size:100% auto;  }


section { padding-top:80px; text-align:center; }


/* Main Page */
section { min-width:1280px; padding-top:0px; }
section>div { height:100vh; width:100vw; position:relative; }
.section1 { overflow:hidden; }
.section2-1>div, .section2-2>div,
.section3>div { height:100vh; min-height:500px; overflow:hidden; box-sizing:border-box; }

.section01banner { height:calc(100% - 130px); }
.Banner01 { width:100%; height:100%; overflow:hidden; opacity:0.9; }
.Banner01>.Banner-Area { position:relative; top:50%; width:100%; transform:translate(0, -50%); }

.Banner01-arrow { position:absolute; top:50%; z-index:10; width:100%; }
.Banner01-arrow .sl_left,
.Banner01-arrow .sl_right { position:absolute; width:100px; font-weight:400; color:#fff; }
.Banner01-arrow .sl_left::after, .Banner01-arrow .sl_right::after { content:''; position:absolute; bottom:-10px; left:0; width:100px; height:1px; background:#fff; }
.Banner01-arrow .sl_left { left:0; text-align:right;  }
.Banner01-arrow .sl_right { right:0; text-align:left; }

.ac-slider01 div p { text-align: left; font-size:5rem; font-weight:100; letter-spacing: -2px; line-height: 1.2; color:#FFF; text-shadow: 2px 2px 5px rgb(0 0 0 / 10%); position: absolute; top:38%; left:55%; z-index: 50; }
.ac-slider01 div p b { color:#FFF; text-shadow: 2px 2px 5px rgb(0 0 0 / 10%); z-index: 0; }
.ac-slider01 div p span { text-align: left; font-size:2.4rem; font-weight:100; line-height: 1.45; color:#FFF; z-index: 50; }

.Banner01-cont { position:absolute; top:65%; left:55%; z-index:50; }
.Banner01-cont .bt { display:inline-block; float:left; position: relative;}
.Banner01-cont .bt > li { display:inline-block; width:170px; height:55px; border:2px solid #fff; border-radius:50px; margin-right:20px; }
.Banner01-cont .bt > li:hover { border:2px solid #252525; background:#252525; transition-duration: 400ms; }
.Banner01-cont .bt > li > a { display:inline-block; float:left; width:100%; height:100%; line-height:52px; font-size:2.2rem; font-weight: 500; color:#fff; letter-spacing: 3px; }

/* 220602 추가 */
.slTy02 .cont { position:absolute; top:20%; left:55%; }
.slTy02 .cont > img { width:500px; }
.slTy02 .cont > p { position:static; width:100%; text-align:center; }
.slTy02 .cont .bt { display:inline-block; float:left; width:100%; margin:10px 0; }
.slTy02 .cont .bt > li { display:inline-block; width:170px; height:55px; border:2px solid #fff; border-radius:50px; margin-right:20px; }
.slTy02 .cont .bt > li:last-child { margin-right:0; }
.slTy02 .cont .bt > li:hover { border:2px solid #252525; background:#252525; transition-duration: 400ms; }
.slTy02 .cont .bt > li > a { display:inline-block; float:left; width:100%; height:100%; line-height:53px; font-size:2.2rem; font-weight: 500; color:#fff; letter-spacing: 3px; }

.Linbanner { width:100vw; height:130px; background:#FFFFFF url(../img/bg_appdown.png) center center no-repeat; z-index: 20; }
.Linbanner>div { width:1200px; height:130px; text-align:left; margin:0 auto; position:relative; }
.Linbanner>div>p { font-size:1.5rem; font-weight:500; text-align:left; display:inline-block; width:100%; color:#0051A2; line-height:1.9; padding:30px 0px 0px 0px; height:130px; }
.Linbanner>div>p>span{ font-size:2.8rem; font-weight:300; color:#252525; box-sizing:border-box; padding: 10px 0; }
.Linbanner>div>p .playstore { width:155px; height:40px; display:inline-block; border:1px solid #DADCE1; border-radius: 5px; position: absolute; top:40%; left:27.5%; background: #FFF; }
.Linbanner>div>p .appstore { width:155px; height:40px; display:inline-block; border:1px solid #DADCE1; border-radius: 5px; position: absolute; top:40%; left:41.5%; background: #FFF; }

.main-inbox-layout { padding-top:8%; z-index:1; box-sizing:border-box;  height:100vh; }
.main-inbox-layout>dt { font-size:1.6rem; line-height:280%; }
.main-inbox-layout>dt>p { font-size:4rem; font-weight:bold; }
.main-inbox-layout>dt>div { padding-top:30px; }
.main-inbox-layout>dt>div>a { font-size:1.8rem; font-weight:normal; padding:20px; border-radius:10px; display:inline-block; padding:15px 40px; text-align:center; }
.main-inbox-layout>dt>div>a.Active { font-weight:bold; }
.main-inbox-layout>dt>div>a + a { margin-left:20px; }


/* 2-1대출상품, 2-2예적금상품 */
.section2-1, .section2-2 { background: url(../img/main/pro_bg.png) center center no-repeat; background-size: 100% 100%; }

.main_banner02-1>div,
.main_banner02-2>div { width:50%; box-sizing:border-box; text-align:left; position:relative; height:100%; transition:0.5s; float:left; padding: 5% 0 0 8%; }
.main_banner02-1>div>span,
.main_banner02-2>div>span{ font-size: 1.6rem; font-weight: 700; color:#5A8FFF; line-height: 2; }
.main_banner02-1>div>p:nth-of-type(1),
.main_banner02-2>div>p:nth-of-type(1){ font-size:4.0rem; font-weight:100; line-height: 1.25;}
.main_banner02-1>div>p:nth-of-type(1)>span,
.main_banner02-2>div>p:nth-of-type(1)>span { font-size:4.0rem; font-weight:700; }
.main_banner02-1>div>p:nth-of-type(2),
.main_banner02-2>div>p:nth-of-type(2) { font-size:1.6rem; padding:5% 0 8% 0; line-height: 1.45; }
.main_banner02-1>div>a,
.main_banner02-2>div>a { background: #5A8FFF; border-radius: 50px; display:inline-block; width:150px; height:40px; text-align: center; font-size: 1.6rem; font-weight: 500; line-height: 40px; color:#FFF; margin-bottom:10%; }
.main_banner02-1 .loanpro,
.main_banner02-2 .depopro { width:50%; padding:0; }
.main_banner02-1 .loanpro img,
.main_banner02-2 .depopro img { width:90%; height:auto; margin:0 auto; }

/* section2-1,section2-2 bullet */
.banner2-area { width:1280px; margin:0 auto; }
.banner2-area .bullet_left.slick-arrow { top:50%; position:absolute; left:-50px; z-index:10; width:30px; height:30px; transform:translateX(-50%); }
.banner2-area .bullet_right.slick-arrow { top:50%; position:absolute; right:-70px; z-index:10; width:30px; height:30px; transform:translateX(-50%); }
.banner2-area .slick-dots { display:inline-block; position:absolute; bottom:-5vh; left:50%; transform:translateX(-50%); }
.banner2-area .slick-dots:after { clear:both; display:block; }
.banner2-area .slick-dots>li { display:inline-block; margin:0 5px; }
.banner2-area .slick-dots>li>button { background:#757575; height:10px; width:10px; border-radius:10px; border:0px; font-size:0px; }/*웹접근성 수정*/
.banner2-area .slick-dots>.slick-active>button { width:40px; background:#1752CE; opacity:1;}/*웹접근성 수정*/

/* 상품 아이콘 */
.listBoxWrap > ul { width:550px; left:-25px; }
.listBoxWrap > ul > li { float:left; display:inline-block; line-height:1.65; font-size:1.5rem; text-align:center; position:relative; }
.listBoxWrap > ul > li:after { content:""; width:1px; height:60px; background-color:#DADCE1; position:absolute; top:20px; right:0; }
.listBoxWrap > ul > li:last-child:after { display:none; }
.listBoxWrap > ul > li > b { font-weight:700; }
.listBoxWrap > ul > li.lh14 { line-height:1.5; }
.listBoxWrap.li3 > ul > li { width:25%; }
.listBoxWrap.li3 > ul > li > img { margin:0 auto 10px; width:50px; height:50px; }
.listBoxWrap.li4 > ul > li { width:calc(100% / 4); }
.listBoxWrap.li4 > ul > li > img { margin:0 auto 10px; width:50px; height:50px; }


/* ESG/캠페인 */
.section3 { background:url(../img/main/section03_bg.png) center top no-repeat; background-size: 100% 100%; overflow:hidden; }
.section3 .banner3-area { width:1280px; margin:0 auto; border-radius: 15px; } 

.section3 .main-inbox-layout>dt { color:#666!important; margin-top:-20px; padding-bottom:40px; }
.section3 .main-inbox-layout>dt>p { color:#252525!important; padding-bottom: 15px; }

.section3 .main-inbox-layout>dd { height:58vh; box-shadow: 0px 10px 20px rgba(100,100,120,50%); overflow: hidden; }
.section3 .main-inbox-layout>dd>div { width:100%; position: relative; background:#fff; margin:0 auto; } 
.section3 .main-inbox-layout>dd>div img { width:100%; height:100%; }
.section3 .main-inbox-layout>dd>div p { position: absolute; top: 25%; left: 6%; z-index: 10; color:#333; text-align: left; line-height: 1.3; font-size: 3.6rem; }
.section3 .main-inbox-layout>dd>div b { color:#333; }
.section3 .main-inbox-layout>dd>div span { display: inline-block; width: 100%; color:#333; font-size: 1.6rem; font-weight: 100; }
.section3 .main-inbox-layout>dd>div a { display: block; text-align: center; margin-top:4%; border:2px solid #333; border-radius: 50px; color:#333; width:170px; height:55px; line-height: 50px; font-size: 2.2rem; font-weight: 700; letter-spacing: 2px; } 

.banner3-area .bullet_left.slick-arrow { top:50%; position:absolute; left:-50px; z-index:10; width:30px; height:30px; transform:translateX(-50%); }
.banner3-area .bullet_right.slick-arrow { top:50%; position:absolute; right:-70px; z-index:10; width:30px; height:30px; transform:translateX(-50%); }
.banner3-area .slick-dots { display:inline-block; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); }
.banner3-area .slick-dots:after { clear:both; display:block; }
.banner3-area .slick-dots>li { display:inline-block; margin:0 5px; }
.banner3-area .slick-dots>li>button { background:#9f9f9f; opacity:0.5; height:10px; width:10px; border-radius:10px; border:0px; font-size:0px; }
.banner3-area .slick-dots>.slick-active>button { opacity:1; width:50px; }


/* 서비스 */
.section4 > div { width:100%; height:100%; background: url(../img/main/section04_bg.png) top center no-repeat; background-size: cover; }
.banner4-area { width:1280px; height:calc(100% - 380px); margin:0 auto; box-sizing:border-box; padding-top:170px; }
.banner4-area>h2 { color:#FFF; font-size:4.0rem; font-weight: bold; line-height: 1.0; margin:0; padding:0; display: inline-block; width:100%; }
.banner4-area>h2>span { display: inline-block; width:100%; color:#FFF; }
.banner4-area:after { clear:both; display:inline-block; }
.banner4-area>div { overflow: auto; padding: 70px 15px; }
.banner4-area>div>a { width:31%; height:22vh; margin-right:2.6%; float:left; text-align:left; border:1px solid #DADCE1; border-radius: 10px; background: #FFF; padding:30px; font-size:1.5rem; line-height:1.45; color:#666; box-shadow: 0px 8px 10px rgba(0,0,0,20%); }
.banner4-area>div>a:hover { transform: scale(1.05, 1.05); transition-duration: 400ms; }
.banner4-area>div>a:last-child { border:1px solid #DADCE1; margin-right:0; }
.banner4-area>div>a>span { display:block; font-size:2rem; font-weight:bold; padding:10px 0px 15px 0px; }
.banner4-area>div>a>img { width:36px; height:36px; position:absolute; bottom:30px; right:30px; }


/* main text transition */
.ac-slider01 div p { transform:translateX(-50px); opacity:0; transition:all 0s; }
.ac-slider01 .slick-active div p { transform:translateX(0); opacity:1; transition:opacity 2s, transform 2s; }


/* 미디어쿼리 */

/* 220602 추가 */
@media screen and (max-width: 1700px){

.section1 .slick-slide img { width:1700px; }
.slTy02 .cont > img { width:400px!important; }

}

@media screen and (max-width: 1650px) {
	.section1 .slick-list { height:100%!important; }
	/*.section1 .slick-slide img { width:1650px; }*/
	.section1 .ac-slider01 div p { min-width:360px; top:25%;}
	.section1 .Banner01-cont { min-width:350px; } 

	.Banner01>.Banner-Area { height:100%; }

    .main-inbox-layout { padding-top:14vh; }
    .banner2-area .bullet_left.slick-arrow { left:2%; }
    .banner2-area .bullet_right.slick-arrow { right:0%; }

    .section3 .main-inbox-layout>dt { margin-top:20px; padding:20px 0; }
    
    .banner4-area { width:80vw !important; height:calc(100% - 300px); padding-top:18vh; }
    .banner4-area>div { padding: 60px 15px; }
	
}

@media screen and (max-width: 1440px) {
    .ac-slider01 div p { font-size:4rem; }

	/* 220602 추가 */	
	.slTy02 .cont { left:62%; }
	.slTy02 .cont > p > span { font-size:2.1rem!important; }
    .slTy02 .bt > li { width:150px!important; height:50px!important; }
    .slTy02 .bt > li > a { font-size:1.8rem!important; line-height:48px!important; }

	.Banner01-cont { top:70%; }
    .Banner01-cont .bt > li { width:150px; height:50px; }
    .Banner01-cont .bt > li > a { font-size:2rem; }
    
    .section3 .main-inbox-layout>dt>p { font-size: 3rem; padding-bottom: 5px; }
    .section3 .banner3-area { width: 80vw !important; }
    .section3 .main-inbox-layout>dd>div p { font-size: 3.2rem; top: 24%; }
}

@media screen and (max-width: 1366px) {
    .main-inbox-layout { padding-top:18vh; }
    .main_banner02-1>div { padding:2% 0 0 5%; }
    .main_banner02-2>div { padding:2% 0 0 15%; }
    .main_banner02-1>div>span,
    .main_banner02-2>div>span{ font-size: 1.4rem; }
    .main_banner02-1>div>p:nth-of-type(1), .main_banner02-2>div>p:nth-of-type(1) { font-size:2.5rem; }
    .main_banner02-1>div>p:nth-of-type(1)>span, .main_banner02-2>div>p:nth-of-type(1)>span { font-size:2.5rem; }
    .main_banner02-1>div>p:nth-of-type(2), .main_banner02-2>div>p:nth-of-type(2) { font-size:1.4rem; padding:3% 0 5%; }
    .main_banner02-1 .loanpro img { float:right; width:75%; padding-right: 8%; }
    .main_banner02-2 .depopro img { float:left; width:75%; padding-left: 8%; }
    .main_banner02-1>div>a, .main_banner02-2>div>a { height:35px; font-size: 1.4rem; margin-bottom:6%; }
    .banner2-area .slick-dots { bottom:-10%; }
    .banner2-area .bullet_left.slick-arrow { left:3%; }
    .banner2-area .bullet_right.slick-arrow { right:1%; }
    .listBoxWrap > ul { width:500px; }
    .listBoxWrap > ul > li { line-height:1.6; font-size:1.3rem; }
    .listBoxWrap.li3 > ul > li > img, .listBoxWrap.li4 > ul > li > img { width:36px; height:36px; }
    .listBoxWrap.li4 > ul > li { width:calc(100% / 4); }
    
    .section3 .main-inbox-layout>dt { font-size: 1.4rem; margin-top:-20px; padding:40px 0 20px; }
    .section3 .main-inbox-layout>dt>p { font-size: 2.5rem; padding-bottom: 5px; }
    .section3 .banner3-area { width: 80vw !important; }
    .section3 .main-inbox-layout>dd>div img { width:auto; max-height:100%; }
    .section3 .main-inbox-layout>dd>div p { font-size: 2.5rem; top: 20%; }
    .section3 .main-inbox-layout>dd>div span { font-size: 1.4rem; }
    .section3 .main-inbox-layout>dd>div a { width:140px; height:45px; line-height: 45px; font-size: 1.6rem; }
    
    .banner4-area>h2 { font-size:2.5rem; }
    .banner4-area>h2>span { font-size: 1.4rem; font-weight: 100; padding-top:20px;}
    .banner4-area>div { padding: 40px 15px; }
    .banner4-area>div>p { height: 24vh; padding:20px; font-size:1.3rem; line-height:1.4; }
    .banner4-area>div>p>span { font-size:1.6rem; padding:10px 0px 8px 0px; }
    .banner4-area>div>p>img { bottom:20px; right:20px; }
}

@media screen and (max-width: 1300px) and (max-height:750px){
    .Banner-Area .slick-slide img { width: 100%; max-height: 100%; }
}

/* 로딩 */
#loding { width:100%; height:100%; top:0; left:0; position:fixed; display: block; opacity:0.2; background:#000; z-index:99999; text-align:center; }
#loding > img { width:15%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:auto; }

/* 220519 14인치 css 추가*/
@media screen and (max-width: 1300px) {
    
	header { width:100%; }
	header > div { width:100%; min-width:1000px; }
	header > div > h1 { width:150px; }
	header > div > h1 > a { width:150px; }
	header > div > nav { width:calc(100% - 150px); }
	header > div > nav > ul { width:74%; } 
	header > div > nav > div > div { height:auto; }
	header > div > nav > div > div > ul { width:100%; }
	header > div > nav > div > div > ul > li > dl { padding:0 15px; }

	section { min-width:1000px; }
	.banner2-area { width:100%; }
	.section3 .banner3-area { width:100%; }
	.banner4-area { width:100%; }
	
	.section1 .slick-list { height:100%!important; }
	.section1 .slick-slide img { width:1600px; }
	.section1 .ac-slider01 div p { min-width:360px; }
	.section1 .Banner01-cont { min-width:350px; } 

	.Banner01>.Banner-Area { height:100%; }

	/* esg배너 */
	.section3 .main-inbox-layout>dd>div img { width:140%; }

}

@media screen and (max-width:1100px){ 
	header > div > nav > div > div > ul > li > dl { padding:0 10px; }
}