@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css);
@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face{font-family:'yg-jalnan';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');font-weight:normal;font-style:normal}
html{width:100%;height:100%;margin:0;padding:0}
body{width:100%;height:100%;margin:0;padding:0;color:#2a2829;overflow-y:scroll;word-break:keep-all}
body,button,input,textarea,select{font-family: 'S-CoreDream-3Light';font-size:14px;line-height:1.6;font-weight:600}
h1,h2,h3,h4{margin:0;padding:0;font-weight:500}
h3 {display: flex; align-items: center; justify-content: center; position: relative; text-align: center; margin-bottom: 30px; font-size: 22px; font-weight: 600; margin-top: 30px;}
h3::before {content: ''; height: 1px; background: #ccc; flex: 1; margin-right: 20px;}
h3::after { content: ''; height: 1px; background: #ccc; flex: 1; margin-left: 20px;}
a{text-decoration:none;color:#2a2829;box-sizing:border-box}
button{box-sizing:border-box;margin:0;padding:3px 5px;border:0;background:#f7f1f8;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
dl,dt,dd{margin:0;padding:0}
p{margin:10px;padding:0}
img{border:0}
input[type="text"],input[type="password"]{-webkit-appearance:none;box-sizing:border-box;padding:3px 5px;border:1px solid #d2d1d2}
input[type="number"]{-webkit-appearance:none;box-sizing:border-box;padding:5px;border:1px solid #d2d1d2;text-align:center}
input[type="date"]{-webkit-appearance:none;box-sizing:border-box;padding:4px;border:1px solid #d2d1d2}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#7f7d7b}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#7f7d7b}
input::-moz-placeholder,textarea::-moz-placeholder{color:#7f7d7b}
input::-moz-placeholder,textarea::-moz-placeholder{color:#7f7d7b}
input[type="checkbox"]+span,input[type="radio"]+span{ }
input[type="text"]:disabled,input[type="text"]:read-only{color:#7f7d7b;background:#f2f2f2}
input[type="checkbox"]{position:relative;margin:0;padding:0;vertical-align:top;width:0;height:0;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}
input[type="checkbox"]+span{position:relative;line-height:23px;padding-left: 22px;}
input[type="checkbox"]+span:before{content:"";position:absolute;top:2px;left:-5px;width:22px;height:22px;background:url(/images/check_box.png) no-repeat center/contain;}
input[type="checkbox"]:checked ~ span{color:#2A6DB5;font-weight:bold;}
input[type="checkbox"]:checked+span:before{content:"";position:absolute;top:2px;left:-5px;width:22px;height:22px;background:url(/images/checked_box.png) no-repeat center/contain;}
input[type="checkbox"]:disabled ~ span{color:#7f7d7b}
input[type="checkbox"]:disabled+span:before{content:"";position:absolute;top:2px;left:0;width:22px;height:22px;background:url(/images/check_box.png) no-repeat center/contain;}
input[type="radio"]{position:relative;margin:0;padding:0;vertical-align:top;width:0;height:0;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}
input[type="radio"]+span{position:relative;display:inline-block;padding:3px 7px 4px 27px;line-height:23px}
input[type="radio"]+span:before{content:"";position:absolute;top:2px;left:0;width:22px;height:22px;background:url(/images/input-01.png) -10px -10px no-repeat;-webkit-background-size:300px 40px;background-size:300px 40px}
input[type="radio"]:checked ~ span{color:#f37;font-weight:500}
input[type="radio"]:checked+span:before{content:"";position:absolute;top:2px;left:0;width:22px;height:22px;background:url(/images/input-01.png) -40px -10px no-repeat;-webkit-background-size:300px 40px;background-size:300px 40px}
input[type="radio"]:disabled ~ span{color:#7f7d7b}input[type="radio"]:disabled+span:before{content:"";position:absolute;top:2px;left:0;width:22px;height:22px;background:url(/images/input-01.png) -70px -10px no-repeat;-webkit-background-size:300px 40px;background-size:300px 40px}
select{box-sizing:border-box;padding:3px;border:1px solid #d4d4d4}
textarea{box-sizing:border-box;padding:3px;border:1px solid #d4d4d4}
.off{display:none}
.just{word-break:normal;text-align:justify}
.frame{max-width:1200px; margin:0 auto; position:relative; padding:0 20px; box-sizing: border-box;}
img {width: 100%; }
article { width: 100%; }
/* .header {  position: fixed;  top: 0;  left: 0; width: 100%;  z-index: 100;  border-bottom: 3px solid transparent; transition: border-color 1s, color 0.8s;} */
.header { width: 100%;  height: 60px; }
.header .logoW a {
  display: block;
  width: 300px;
  height: 40px;
  background: url(../images/logo.png) left 20px center no-repeat;
  background-size: auto 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  color: transparent;
}
.header .logo a {
  display: block;
  width: 280px;
  height: 43px;
  background: url(../images/logo.png) left 20px center no-repeat;
  background-size: auto 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  color: transparent;
  margin-top: 16px;
}
.header h1 { height: 0px; text-indent: -99999px; }
.header .frame { padding: 0; }
.header .container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0; }
.header .dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.header.on .dim { display: block;}
.header .openNavBtn.off { display: none; }
.header .openNavBtn { display: flex; justify-content: center; align-items: center; position: relative; width: 60px; height: 60px; line-height: 0; text-indent: -9999px; color: transparent; z-index: 12; background: url(/images/menu-open.png) 50% 50% no-repeat; background-size: 40px 40px;}
.header .openNavBtn > div { position: relative; width: 24px; height: 16px;}
.header .openNavBtn span { position: absolute; display: block; width: 24px; height: 2px; background-color: #031e36; transition: transform 0.5s, width 0.2s, opacity 0.2s, background-color 0.5s;}
.header .openNavBtn span:nth-child(1) { top: 0; transform-origin: top left;}
.header .openNavBtn span:nth-child(2) { top: 50%;}
.header .openNavBtn span:nth-child(3) { top: 100%; transform-origin: bottom left;}
.header.on .openNavBtn { animation: opacity2 0.3s linear both 0s;}
.header.on .openNavBtn span:nth-child(1) { transform: rotate(45deg);}
.header.on .openNavBtn span:nth-child(2) { opacity: 0;}
.header.on .openNavBtn span:nth-child(3) { transform: rotate(-45deg);}
.header .container .menu_wrap { position: fixed;  top: 0;  right: -280px;  width: 280px;  height: 100%; background: #fff;  z-index: 11;}
.header .container  .gnb { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: flex-start; justify-content: center; padding-top: 10px;}
.header .container  .gnb .depth1 { width : 100%; position: relative;}
.header .container  .gnb .depth1.on { background: linear-gradient(to right, #009BD7 0%, #fff 100%); }
.header .container  .gnb .depth1.on > a { color: #fff; }
.header .container  .gnb .depth1 > a { display: block; height: 57px; padding: 13px 20px; font-size: 20px; font-weight: bold; text-align: left; color: #000; transition: color 0.8s;}
.header .container  .gnb .depth1 .depth2 { box-sizing: border-box; padding: 15px 20px; text-align: center; width: 100%; background: #fff; position: absolute; top: 57px; left: 0px; }
.header .container .menu_wrap .footer { position: absolute; bottom: 0; padding: 20px; }
.header .container .menu_wrap .footer .frame .box { font-size: 13px; color: #5d5d5d;}
@media screen and (min-width : 1000px) {
  h3::before {content: ''; margin-right: 60px; max-width: 300px;}
  h3::after { content: ''; margin-left: 60px; max-width: 300px;}	
  .header .logoW { display: none; }
  .header .logo a{ height: 60px; background: url(../images/logo.png) left 20px center no-repeat; background-size: auto 100%; }
  .header {height: 100px; padding-top: 15px;}
  .header .container .menu_wrap {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; right: 0; background: none; height: 63px;}
  .header .container .gnb { width: 60%; padding-top: 0; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center;}
  .header .container .gnb .depth1 { width: 20%; }
  .header .container  .gnb .depth1 > a { padding: 20px; }
  .header .container  .gnb .depth1.on { background: #fff; }
	.header .container  .gnb .depth1.on > a { color: #000; }
	.header .container .menu_wrap .footer { display: none; }
}
main .section { min-height: 60vh; display: flex;  justify-content: center;  align-items: center; }
main .section.home.top { position:relative; background: url(../images/main_bg.jpg) no-repeat center/cover; }
main .section.home.top::after { content:""; position: absolute; bottom: 30px; left: 0px; width: 100%; height: 35px;  background: url(/images/barun-home-top-bottom.png) repeat-x center/cover; animation: moveBackground 10s linear infinite;}
@keyframes moveBackground {
  0% {
      background-position: 0 0;
  }
  100% {
      background-position: 100% 0;
  }
}
main h2 { height: 0px; text-indent: -99999px;  }
main .section.top .theme { color: #fff; text-align: center; font-weight: 600;}
main .section.top .theme .main { margin-bottom: 20px; }
main .section.top .theme .main strong { font-size: 30px;}
main .section.top .theme .main strong .point { color: #FFE100;font-family:'yg-jalnan'; }
main .section.top.home .theme .sub { display: none; }
main .section.top.home .theme .sub.slideOn { display: block; animation: slideOn 1s ease-in-out;}
main .section.top .theme .sub span {  font-size: 22px; }
main .section .box { max-width: 600px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  align-items: center; padding: 20px 0; }
main .section.home.sec .box { background: url(/images/barun-home-sec-back.png) 0px 0px no-repeat; background-size: contain; }
main .section.home.sec .box .descBox { margin-bottom: 20px;  padding: 20px; box-sizing: border-box;}
main .section .box .descBox .title { text-align: center; font-size: 25px;  font-weight: bold; }
main .section .box .descBox .title span{ display: block; font-size: 40px;color: #0E0828;font-family:'yg-jalnan';}
main .section .box .descBox .desc{ text-align: center; color: #505050; font-weight: 500; margin-top: 5px; margin-bottom: 10px;}
main .section.home.thr { background: linear-gradient(to right, #80C896, #2A6DB5); }
main .section.home.thr .box .countBox { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
main .section.home.thr .box .countBox .count { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; background: #fff; padding: 20px; box-sizing: border-box; text-align: center; width: 100%; border-radius: 20px; font-family:'yg-jalnan';}
main .section.home.thr .box .countBox .count:not(:last-child) { margin-bottom: 20px;}
main .section.home.thr .box .countBox .count .title { color: #009BD7; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
main .section.home.thr .box .countBox .count .desc { font-size: 24px; font-family: 'S-CoreDream-3Light'; font-weight: 600;}
main .section.home.thr .box .countBox .count .num { font-size: 28px; font-weight: bold; }

main .section.home.fou .box .descBox .title { margin-top: 50px; margin-bottom: 20px;text-align: left;}
main .section.home.fou .box .descBox .title b {position: relative; font-family:'yg-jalnan';}
main .section.home.fou .box .descBox .title b::after {position: absolute; content: ''; top: -15px; left: 8px; width: 9px; height: 9px; border-radius: 50%; background: #80C896;}
main .section.home.fou .box .descBox .desc { margin-bottom: 20px; text-align: left; font-size: 16px;}
main .section.home.fou .box .sideBox ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
main .section.home.fou .box .sideBox ul > li { width: 48%;  box-shadow: 5px 5px 5px #eee; border-radius: 20px; margin-bottom: 20px; text-align: center;}
main .section.home.fou .box .sideBox ul > li > div { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; background-color: #fff; border-radius: 20px;}
main .section.home.fou .box .sideBox ul > li > div .imgBox img { border-radius: 20px 20px 0 0;}
main .section.home.fou .box .sideBox ul > li > div .copyBox { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; padding: 10px; }
main .section.home.fou .box .sideBox ul > li > div .title { font-size: 18px;margin-bottom: 10px; }

main .section.home.fiv .box .newsBox .news { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; margin-bottom: 30px;}
main .section.home.fiv .box .newsBox .news .title { color: #2A6DB5; font-size: 20px; margin-bottom: 20px; text-align: center; font-weight: bold;}
main .section.home.fiv .box .newsBox .news .desc { color: #505050; font-size: 16px; text-align: center; margin-bottom: 20px;}
main .section.home.fiv .box .newsBox .news .imgBox { border-radius: 20px; }
main .section.home.fiv .box .newsBox .news .imgBox img { border-radius: 20px; }

@media screen and (min-width : 1000px) {
  h3 {font-size: 40px; margin-top: 120px; margin-bottom: 120px;}
  main .section .box { max-width: 1000px;}
  /* main_bg */
  main .section.home.top::after { height: 70px;}
  main .section.top .theme .main strong {font-size: 54px; letter-spacing: 1px;}
  main .section.top .theme .sub span {font-size: 30px;}
  main .section.home.sec .box {flex-direction: row; flex-wrap: nowrap;}
  main .section.home.sec .box .descBox {background-size: contain;}

  /* sec1 */
  main .section .box img {width: 100%;}
  main .section .box .descBox .title {text-align: left; font-size: 50px;}
  main .section .box .descBox .title span {font-size: 55px;}
  main .section .box .descBox .desc {text-align: left; font-size: 20px; margin-top: 20px;}


    
/* sec3 */
  main .section.home.thr .box {width: 100%; box-sizing: border-box; padding: 0;}
  main .section.home.thr .box .countBox { width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
  main .section.home.thr .box .countBox .count { height: 320px; margin-right: 20px; justify-content: space-evenly;}
  main .section.home.thr .box .countBox .count:last-child {margin-right: 0;}
  main .section.home.thr .box .countBox .count .title {font-size: 35px;}
  main .section.home.thr .box .countBox .count .desc {font-size: 30px;}
  main .section.home.thr .box .countBox .count .num {font-size: 44px;}


  /* sec4 */
  main .section.home.fou .box .descBox .title b::after {width: 12px; height: 12px; left: 38%;}
  main .section.home.fou .box .descBox .desc {font-size: 20px;}
  main .section.home.fou .box .sideBox ul > li {width: 30%; box-shadow: none; overflow: hidden;}
  main .section.home.fou .box .sideBox ul > li > div {border-radius: 50%;}
  main .section.home.fou .box .sideBox ul > li > div .imgBox {margin-bottom: 15px; position: relative;transition: background-color 0.3s;}
  main .section.home.fou .box .sideBox ul > li > div .imgBox img {border-radius: 50%; margin-bottom: 10px; }
  main .section.home.fou .box .sideBox ul > li > div .copyBox {position: relative; transition: all 0.3s;}
  main .section.home.fou .box .sideBox ul > li > div .title {font-size: 25px;}
 /*  main .section.home.fou .box .sideBox ul > li:hover > div .copyBox .copy {display: block;}
  main .section.home.fou .box .sideBox ul > li:hover > .imgBox {background-color: rgba(255, 255, 255, 0.5);} */
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.ext:hover::after { content:"차량의 첫인상을 책임지는"; position: absolute; top: 0px ; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5); padding: 10px; box-sizing: border-box;}
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.int:hover::after { content:"쾌적하고 깨끗한 실내 공간을 위한"; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5);  padding: 10px; box-sizing: border-box;}
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.intCoat:hover::after { content:"내부 관리의 완성, 고급 코팅으로 더욱 오랫동안"; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5);  padding: 10px; box-sizing: border-box;}
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.glass:hover::after { content:"안전한 주행을 위한 깨끗한 시야 확보"; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5);  padding: 10px; box-sizing: border-box;}
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.smoke:hover::after { content:"건강과 청결을 위한 차량 내부 공기 관리"; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5);  padding: 10px; box-sizing: border-box;}
  main .section.home.fou .box .sideBox ul > li > div > .imgBox.yurimak:hover::after { content:"차량의 외부 보호를 위한 최상의 선택"; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 40%; font-size: 26px; background-color: rgba(255, 255, 255, 0.5);  padding: 10px; box-sizing: border-box;}
  
  main .section.home.fou .box .sideBox ul > li > div .copyBox .copy {display: none; margin-top: -250px; font-size: 20px;}

  /* sec5 */
  main .section.home.fiv .box .newsBox {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
  main .section.home.fiv .box .newsBox .news {align-items: flex-start; width: 47%;}
  main .section.home.fiv .box .newsBox .news .title {font-size: 22px; text-align: left;}
  main .section.home.fiv .box .newsBox .news .desc {font-size: 18px; width: 80%; text-align: left;}
}

/* 회사소개 */
main .section.company.top { background: url(/images/barun-company-top-bg-m.png) no-repeat center/cover;}
main .section.company.top .theme { color: #000; text-align: center; font-weight: bold;}
main .section.company.top .theme strong { font-weight: bold; }
main .section.company.top .theme .sub span{ font-weight: bold; }
main .section.company.top .theme .sub span .point { color: #2A6DB5; font-family:'yg-jalnan';}
main .section.company.sec .descBox {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; }
main .section.company.sec .descBox .desc { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-bottom: 20px;}
main .section.company.sec .descBox .desc .startUpdesc{ width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 30px;}
main .section.company.sec .descBox .desc .startUpdesc > .point { font-size: 25px; color: #2B6EB6; margin-bottom: 15px; letter-spacing: 1px; font-family:'yg-jalnan';}
main .section.company.sec .descBox .desc .startUpdesc .title { font-size: 20px; margin-bottom: 15px;}
main .section.company.sec .descBox .desc .startUpdesc .detail { text-align: left; }
main .section.company.sec .descBox .desc .startUpdesc .detail > .point{ font-weight: bold; }

main .section.company.thr .box { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
main .section.company.thr .box .copyBox { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
main .section.company.thr .box .copyBox .descBox { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; }
main .section.company.thr .box .copyBox .descBox .desc { font-size: 20px; }
main .section.company.thr .box .copyBox .sideBox {display: flex; align-items: center; justify-content: center; margin-top: 20px;}
main .section.company.thr .box .copyBox .sideBox img {width: 100%; max-width: 200px;}
main .section .box .year {display: block; margin-top: 30px;}
main .section.company.thr .box .imgBox.m { display: block; max-width: 400px;} 
main .section.company.thr .box .imgBox.w { display: none; } 

main .section.company.fou { position:relative; background-color: #161A30; min-height: 20vh; margin-top: 50px;}
main .section.company.fou::before { content:""; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: url(/images/barun-company-fou.png) 0 0 no-repeat; background-size: contain; opacity: 0.5;}
main .section.company.fou .descBox .desc { color: #fff; font-size: 16px; letter-spacing: 1px;}
main .section.company.fou .descBox .desc .point { font-size: 18px; color: #9ADFF1; font-weight: bold;}

@media screen and (min-width : 600px) {
  main .section.company.sec .descBox .desc {justify-content: space-between;}
  main .section.company.sec .descBox .desc .startUpdesc { width: 48%; }
  main .section.company.sec .descBox .desc .imgBox { width: 48%; }
  main .section.company.sec .descBox .desc .imgBox img { border-radius: 10px;}
  main .section.company.sec .descBox .desc:nth-child(2) {flex-direction: row-reverse;}
}

@media screen and (min-width : 1000px) {
  main .section.company.thr .box .imgBox.m { display: none; } 
  main .section.company.thr .box .imgBox.w { display: block; } 
  main .section.company.top { background: url(/images/barun-company-top-bg-w.png) no-repeat center/cover;}
  main .section.company.thr .descBox .title {font-size: 50px;}
  main .section.company.thr .descBox .title span {font-size: 55px;}
  main .section.company.thr .box .copyBox .sideBox img {max-width: 350px;}
  main .section.company.thr .descBox .desc {}
  main .section.company.thr .box .copyBox {    flex-direction: row; flex-wrap: nowrap; }
  main .section.company.thr .box .copyBox .descBox { width: 50%; align-items: flex-start;}
  main .section.company.thr .box .copyBox .sideBox { width: 50%; }
  main .section .box .year { margin-bottom: 50px; margin-top: 50px;}
  main .section.company.fou .descBox .desc {font-size: 25px; text-align: center;}
  main .section.company.fou .descBox .desc .point {font-size: 28px;}
  main .section.company.fou::before { content:""; position: absolute; width: 150px; height: 150px; margin-top: -75px; margin-left: -75px; background: url(/images/barun-company-fou.png) 0 0 no-repeat; background-size: contain; opacity: 0.5;}
  main .section.company.thr .box {justify-content: flex-start;}


}

/* 창업지원 */
main .section.startup.top {  background: url(/images/barun-startup-top-bg-w.jpg) 50% 50%  no-repeat; background-size: cover;}

main .section.startup.sec .box { display: block; padding: 0;}
main .section.startup.sec .box .coalition {margin-bottom: 40px; border-radius: 20px; background: linear-gradient(to bottom, #D7E6F3 20%, #fff 50%);}
main .section.startup.sec .box .coalition .imgBox {position: relative; display: flex; align-items: center; justify-content: center; }
main .section.startup.sec .box .coalition .imgBox::before { position: absolute; content: ''; top: 10px; left: 10px; width: 50px; height: 50px; background: url(/images/barun-startup-sec-01.png) no-repeat center/contain;}
main .section.startup.sec .box .coalition.insurance .imgBox::before {background: url(/images/barun-startup-sec-02.png) no-repeat center/contain;}
main .section.startup.sec .box .coalition.rentCar .imgBox::before {background: url(/images/barun-startup-sec-03.png) no-repeat center/contain;}
main .section.startup.sec .box .coalition .imgBox img {max-width: 150px;}
main .section.startup.sec .box .coalition > div {text-align: center; width: 90%; margin: 0 auto;}
main .section.startup.sec .box .coalition .title {display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 20px; margin-bottom: 20px; font-family:'yg-jalnan';}
main .section.startup.sec .box .coalition span {text-align: center;}
main .section.startup.sec .box .coalition.insurance {background: linear-gradient(to bottom, #DAEDE5 20%, #fff 50%);}
main .section.startup.sec .box .coalition.rentCar {background: linear-gradient(to bottom, #FBE9E8 20%, #fff 50%);}

@media screen and (min-width : 1000px) {
    main .section.startup.sec .box {display: block;}
    main .section.startup.sec .box .coalition {padding: 40px; margin-bottom: 40px;  display: flex; align-items: center; justify-content: center; flex-direction: row;}
    main .section.startup.sec .box .coalition.leaseRent {background: linear-gradient(to right, #D7E6F3 20%, #fff 50%);}
    main .section.startup.sec .box .coalition.insurance {background: linear-gradient(to right, #DAEDE5 20%, #fff 50%);}
    main .section.startup.sec .box .coalition.rentCar {background: linear-gradient(to right, #FBE9E8 20%, #fff 50%);}
    main .section.startup.sec .box .coalition .title { font-size: 28px; text-align: left; padding-bottom: 0; border: none;}
    main .section.startup.sec .box .coalition > div  {text-align: left;}
    main .section.startup.sec .box .coalition .imgBox::before {width: 100px; height: 60px;}
    main .section.startup.sec .box .coalition span {font-size: 18px;}
}

main .section.startup.thr .box { position: relative; }
main .section.startup.thr .box .absolTable { padding: 20px 0; position: absolute; bottom: 0; left: 0; height: 100%; z-index: 1;} 
main .section.startup.thr .box .absolTable tbody tr {position: relative;}
main .section.startup.thr .box .absolTable tbody tr:first-child {background: #80c896; height: 111.56px; padding: 5px; box-sizing: border-box;}
main .section.startup.thr .box .absolTable tbody tr td { background: #80c896; color: #fff; width: 98.27px; text-align: center; padding: 10px; box-sizing: border-box;}
main .section.startup.thr .box .absolTable tbody tr .option {background: #EFF6FF;}

main .section.startup.thr .box .tableBox {overflow-x: scroll;}
main .section.startup.thr .box .tableBox table {width: 600px;}
main .section.startup.thr .box .tableBox table thead tr th { background: #348850; color: #fff; padding: 5px; }
main .section.startup.thr .box .tableBox table thead tr th b {color: #ffd34f;}
main .section.startup.thr .box .tableBox table tbody tr td { background: #daede594; color: #000; text-align: center; padding: 10px;}
main .section.startup.thr .box .tableBox table tbody tr {position: relative;}
main .section.startup.thr .box .tableBox table tbody tr td:first-child { background: #80c896; color: #fff; z-index: 1;}
main .section.startup.thr .box .tableBox table tbody tr .option {background: #dcdcdc;}

@media screen and (min-width : 1000px) {
    main .section.startup.thr .box .tableBox {overflow-x: hidden;}
    main .section.startup.thr .box .absolTable {display: none;}
    main .section.startup.thr .box .tableBox {width: 100%;}
    main .section.startup.thr .box .tableBox table {width: 100%;}
}

main .section.startup.fou h3 { position: relative; }
main .section.startup.fou p { text-align: center; margin-top: 50px; margin-bottom: 10px; position: relative; font-weight: 600; color: #FF6200; letter-spacing: -0.5px;}
main .section.startup.fou p::before {content: ''; position: absolute; top: 55px; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: url(/images/barun-startup-fou-hand.png) no-repeat center/contain;}
main .section.startup.fou h3 em::after {content:"대기업 부럽지 않은 연간 총 수입!"; position: absolute; bottom: -25px; left: 50%; width: 100%; transform: translateX(-50%); font-size: 14px; color: rgba(0, 0, 0, 0.6);}
main .section.startup.fou .box { position: relative; max-width: 400px; padding-top: 50px;}
main .section.startup.fou .box .phone { width: 100%; padding-top: 200%; background: url(/images/barun-startup-fou-phone.png) 10px 0 no-repeat; background-size: auto 100%; }
main .section.startup.fou .box .calculator { position: absolute; top: 17%; left: 10%; width: 82%; }
main .section.startup.fou .box .calculator ul { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
main .section.startup.fou .box .calculator ul li { width: 100%; margin-bottom: 5%;}
main .section.startup.fou .box .calculator ul li .copy .sildeBar { position: relative; }
main .section.startup.fou .box .calculator ul li .copy .sildeBar .back { background-color: #EBEBEB;  padding: 8px; border-radius: 20px;}
main .section.startup.fou .box .calculator ul li .copy .sildeBar .function { position: absolute; top: 0; left: 0; border-radius: 20px; background-color: #F57220;  padding: 8px; }
main .section.startup.fou .box .calculator ul li .copy .sildeBar .function .slideBtn { position: absolute; top: -5px; right: -10px; width: 26px; height: 26px; background-color: #fff; border-radius: 50%; border: 1px solid #5d5d5d52; text-indent: -9999px;}
main .section.startup.fou .box .calculator ul li .copy .sildeBar .function .slideBtn::after { content: ""; position: absolute; top: 50%; right: 50%; width: 20px; height: 20px; background: linear-gradient(to bottom, #D9D9D9 20%, #fff 50%); border-radius: 50%; transform: translate(50%, -50%);}
main .section.startup.fou .box .calculator ul li .copy .sildeBar .count { position: absolute; top: -35px; right: -25px; background-color: #fff;  padding: 2px 10px; text-align: center; border-radius: 10px; font-weight: bold; border: 1px solid #5d5d5d52;}
main .section.startup.fou .box .calculator ul li .copy .total  { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;     width: 100%;}
main .section.startup.fou .box .calculator ul li .copy .total .desc { font-size: 13px; color: #5d5d5d;}
main .section.startup.fou .box .calculator ul li .copy .total .price { font-weight: bold;}
main .section.startup.fou .box .calculator .yearTotal { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-family:'yg-jalnan'; margin-top: 20px; border-top: 1px solid #000; }
main .section.startup.fou .box .calculator .yearTotal .ttl{ font-size: 16px; font-weight: bold; }
main .section.startup.fou .box .calculator .yearTotal .price{ font-size: 16px; font-weight: bold; color: #EC7427; }

@media screen and (min-width : 350px) {
    main .section.startup.fou .box { max-width: 1000px; }
    main .section.startup.fou .box .calculator ul li { margin-bottom: 8%;  }
}
@media screen and (min-width : 1000px) {
	main .section.startup.fou h3 em::after {content:"대기업 부럽지 않은 연간 총 수입!";  bottom: -40px;  font-size: 20px; }
	main .section.startup.fou p {font-size: 22px;}
  	main .section.startup.fou p::before {top: 0; left: 20%; transform: translate(-20%, -20%); width: 155px; height: 155px;}
    main .section.startup.fou .box .phone { width: 100%; padding-top: 73%; background: url(/images/barun-startup-fou-tablet.png) 10px 0 no-repeat; background-size: auto 100%; }
    main .section.startup.fou .box .calculator { top: 16%; left: 12%; width: 77%; }
    main .section.startup.fou .box .calculator ul li { margin-bottom: 27px; }
    main .section.startup.fou .box .calculator ul li .copy { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    main .section.startup.fou .box .calculator ul li .title { width: 15%; font-size: 20px; }
    main .section.startup.fou .box .calculator ul li .copy .sildeBar {  width: 85%; }
    main .section.startup.fou .box .calculator ul li .copy .total .price { font-size: 20px; }
    main .section.startup.fou .box .calculator .yearTotal { padding: 20px 0; }  
    main .section.startup.fou .box .calculator .yearTotal .ttl { font-size: 30px; }
    main .section.startup.fou .box .calculator .yearTotal .price { font-size: 30px; }
}

main .section.startup.fiv { display: block; }
main .section.startup.fiv article{ background-color: #EFF6FF; }
main .section.startup.fiv .box .startUpProcess { padding: 20px 0; }
main .section.startup.fiv .box .startUpProcess ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
main .section.startup.fiv .box .startUpProcess ul li { position: relative; width: 45%; box-sizing: border-box; margin-bottom: 30px;}
main .section.startup.fiv .box .startUpProcess ul li:nth-child(odd) { margin-right: 10%; }
main .section.startup.fiv .box .startUpProcess ul li .process { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; padding: 20px; background: #fff; border-radius: 20px; box-sizing: border-box; height: 100%;}
main .section.startup.fiv .box .startUpProcess ul li .process .num { position: absolute; top: -15px; left: 50%; transform: translateX(-50%);  background-color: #009BD7; padding: 2px 10px; color: #fff; border-radius: 10px; width: 60px; text-align: center; font-size: 13px;}
main .section.startup.fiv .box .startUpProcess ul li .process img { width: 100%; max-width: 50px; margin-bottom: 10px;}
main .section.startup.fiv .box .startUpProcess ul li .process .ttl { font-weight: bold; text-align: center;}
main .section.startup.fiv .box .startUpProcess ul li:nth-child(odd)::after { content: ""; position: absolute; top:50%; right: -19%; width: 20px; height: 20px; transform: translateY(-50%); background: url(/images/barun-startup-fiv-arrow.png) 0 0 no-repeat; background-size: 18px 18px; }
@media screen and (min-width : 500px) {
  main .section.startup.fiv .box .startUpProcess ul li:nth-child(odd)::after { content: ""; right: -16%; }
  
}
@media screen and (min-width : 1000px) {
  main .section.startup.fiv .box .startUpProcess { padding: 90px 0; }
  main .section.startup.fiv .box .startUpProcess ul li { width: 17%; }
  main .section.startup.fiv .box .startUpProcess ul li:nth-child(odd) { margin-right: 0; }
  main .section.startup.fiv .box .startUpProcess ul li:nth-child(odd)::after { content: none; }
  main .section.startup.fiv .box .startUpProcess ul li:not(.step5,.step10) { margin-right: 3%; }
  main .section.startup.fiv .box .startUpProcess ul li:not(.step5,.step10)::after { content: ""; position: absolute; top:50%; right: -16%; width: 20px; height: 20px; transform: translateY(-50%); background: url(/images/barun-startup-fiv-arrow.png) 0 0 no-repeat; background-size: 18px 18px; }
  main .section.startup.fiv .box .startUpProcess ul li:nth-last-child(-n+5) { margin-bottom:0; }
  main .section.startup.fiv .box .startUpProcess ul li .process .num { font-size: 14px;}
}

/* 창업지원 */
main .section.startup.top {  background: url(/images/barun-startup-top-bg-w.jpg) 50% 50%  no-repeat; background-size: cover;}
/* main .section.top .theme { color: #fff; text-align: center; font-weight: 600;}
main .section.top .theme .main { margin-bottom: 20px; }
main .section.top .theme .main strong { font-size: 30px;}
main .section.top .theme .main strong .point { color: #FFE100;font-family:'yg-jalnan'; }
main .section.top.home .theme .sub { display: none; } */

/*  상담신청 */
main .section.request.top {  background: url(/images/barun-request-top-bg-w.jpg) 50% 50%  no-repeat; background-size: cover;}
main .section.request.top .theme .main { position:relative; margin-bottom: 0;}
/* main .section.request.top .theme .main::before {position: absolute; content: ''; top: -120px; left: -21px; width: 113px; height: 113px; background: url(../images/barun-request-top1.png) no-repeat center/contain;}
main .section.request.top .theme .main::after {position: absolute; content: ''; bottom: -82px; right: 0; width: 113px; height: 113px; background: url(../images/barun-request-top2.png) no-repeat center/contain; transform: rotate(90deg);} */
main .section.request.top .theme .main strong{font-size: 25px; color: #000000; font-family:'yg-jalnan';}
main .section.request.sec  h3 em::after {content:"소자본창업은 정말 소자본이어야 합니다!"; position: absolute; bottom: -25px; left: 50%; width: 100%; transform: translateX(-50%); font-size: 14px; color: rgba(0, 0, 0, 0.6);}
main .section.request.sec .box { position: relative; display: flex; justify-content: space-around; align-items: stretch; padding-top: calc(100% / 3); max-width: 600px; padding-top: 56%;} 
main .section.request.sec .box .firecracker {position: absolute; top: 0; left: 0; z-index: 3; }
main .section.request.sec .box .compare{ display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; align-content: center; background: #E9E9E9; border-radius: 40px; padding: 0 10px 10px 10px;}
main .section.request.sec .box .compare .price {font-size: 18px; color: #000000; font-family:'yg-jalnan';}
main .section.request.sec .box .compare.etc { display: none; width: 40%; margin-top: 100px; max-width: 200px; box-sizing: border-box;}
main .section.request.sec .box .compare.etc.w {  display: none; }
main .section.request.sec .box .compare.barun { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-80%); width: 55%; z-index: 5; background: linear-gradient(to right, #E0F2ED, #CEEBF6); max-width: 250px; box-sizing: border-box;}
main .section.request.sec .box .compare.barun .ttl {font-size: 20px; background: linear-gradient(to right, #80C896, #009BD7);}
main .section.request.sec .box .compare.barun::before { content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: url(/images/logo-f.png) 50% 50% no-repeat; background-size: auto 100%; opacity: 0.2;} 
main .section.request.sec .box .compare.barun::after { content:""; position: absolute; top: -55px; left: 50%; width: 85px; height: 85px; transform: translateX(55%); background: url(/images/barun-request-sec-compare-2.png) 50% 50% no-repeat; background-size: 83.2px 83.2px; }
main .section.request.sec .box .compare .ttl {letter-spacing: 0.5px; color: #fff; padding: 10px; text-align: center; background: #818181; border-radius: 40px 40px 0 0; width: 100%; }
main .section.request.sec .box .compare span { width: 80%; color: #5d5d5d; border-bottom: 1px solid #bababa; text-align: center; padding: 10px; word-break: break-all;}
main .section.request.sec .box .compare span:first-child, 
main .section.request.sec .box .compare span:last-child {border-bottom: 0;}
main .section.request.sec .box .compare.etc.slideOn { display: flex; animation: slideOn 1s ease-in-out; }
main .section.request.sec .box .compare.barun.fadeIn { display: flex; animation: fadeIn 1s ease-in-out forwards;}

main .section.request.thr { background: url(/images/barun-request-thr-bg.jpg) 50% 50%  no-repeat; background-size: cover; }
main .section.request.thr .formArea {padding: 20px 0; width: 100%;}
main .section.request.thr .formArea form {background: #fff; border-radius: 20px; }
main .section.request.thr .formArea form dl {display: flex; flex-direction: column; padding: 20px;}
main .section.request.thr .formArea form dl dt {margin-bottom: 5px;}
main .section.request.thr .formArea form dl dt b {color: #FF0000;}
main .section.request.thr .formArea form dl dd {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
main .section.request.thr .formArea form dl dd span {font-size: 16px;}
main .section.request.thr .formArea form dl dd input[type="text"] {width: 100%; border-radius: 15px; height: 40px; padding-left: 10px;}
main .section.request.thr .formArea form dl dd input[type="text"]:focus, select:focus, textarea:focus {outline: none;}
main .section.request.thr .formArea form dl dd select {width: 48%; height: 40px; border-radius: 15px;  padding: 0 20px;}
main .section.request.thr .formArea form dl dd textarea {width: 100%; height: 100px; padding: 10px; border-radius: 15px;}
main .section.request.thr .formArea form dl dd:last-child {width: 100%; align-items: center; justify-content: center; letter-spacing: 1px; text-align: center;}
main .section.request.thr .formArea .requireBtn {display: flex; align-items: center; justify-content: center;}
main .section.request.thr .formArea .requireBtn button {margin-bottom: 30px; padding: 10px 20px; background: #2A6DB5; color: #fff; font-size: 18px; border-radius: 15px;}

@media screen and (max-width : 320px) {
	main .section.request.thr .formArea form dl dd:last-child span{ font-size: 14px;}
}
@media screen and (min-width : 600px) {
	main .section.request.sec .box .compare.barun::after { content:""; position: absolute; top: -80px; left: 50%; width: 130px; height: 130px; transform: translateX(135%); background: url(/images/barun-request-sec-compare-2.png) 50% 50% no-repeat; background-size: 128px 128px; }
	 main .section.request.thr .formArea form dl dd:last-child { display: flex; align-items: center; justify-content: center;}
}
@media screen and (min-width : 800px) {
	/* main .section.request.top {  background: url(/images/barun-request-top-bg-w.jpg) 50% 50%  no-repeat; background-size: cover;} */
	/* main .section.request.top .theme .main::before {content: ''; top: -173px; left: -21px; width: 200px; height: 200px; }
	main .section.request.top .theme .main::after { content: ''; bottom: -173px; right: 0; width: 200px; height: 200px; transform: rotate(10deg);} */
	main .section.request.top .theme .main strong{ font-size: 54px; letter-spacing: 1px; font-family:'yg-jalnan';}
	main .section.request.sec  h3 em::after {content:"소자본창업은 정말 소자본이어야 합니다!";  bottom: -40px; font-size: 20px; }
	main .section.request.sec .box { position:relative; max-width: none; padding-top: 0; padding-bottom: calc(100% / 2); justify-content: space-evenly; margin-bottom: 40px;}
	main .section.request.sec .box .compare .price { font-size: 25px; }
	main .section.request.sec .box .compare span { font-size: 20px; padding: 20px;}
	main .section.request.sec .box .compare.etc { width: 31%; max-width: 250px; margin-top: 0;}
	main .section.request.sec .box .compare.etc .ttl { font-size: 30px;}
	main .section.request.sec .box .compare.barun { transform: translate(-50%,10%); max-width: 300px;}
	main .section.request.sec .box::before { content:""; position: absolute; bottom: 50%; left: 50%; width: 150px; height: 150px; transform: translate(-50%,25%); background: url(/images/barun-request-sec-vs.png) 50% 50% no-repeat; background-size: auto 100%; }
	main .section.request.sec .box .compare.barun::after { content:""; position: absolute; top: -80px; left: 50%; width: 130px; height: 130px; transform: translateX(135%); background: url(/images/barun-request-sec-compare-2.png) 50% 50% no-repeat; background-size: 128px 128px; }
	main .section.request.sec .box .compare.barun .ttl { font-size: 30px; }
	
	main .section.request.thr .formArea { width: auto;}
	main .section.request.thr .formArea form  { max-width: 800px; padding: 40px;}
	main .section.request.thr .formArea form dl { display: flex; flex-direction: row; align-content: flex-start; flex-wrap: wrap; align-items: center; }
	main .section.request.thr .formArea form dl dt { font-weight: bold; position: relative; z-index: 10; line-height: 45px; text-align: center; width: 20%;}
	main .section.request.thr .formArea form dl dd { width: 80%; padding: 15px 0; box-sizing: border-box; }
	main .section.request.thr .formArea form dl dd:not(:last-child) { border-bottom: 1px solid #d2d2d2;}
}

/* .requestButton.M { position: fixed; bottom: 20px; width: 100%; background-color: #009BD7; padding: 10px 15px; border-radius: 30px; box-sizing: border-box;}
.requestButton.M .speech { position: absolute; top: -90px; right: 0; background-color: #00aabb; color: #fff; padding: 10px; border-radius: 10px; width: 140px; animation: fadeInOut 2s ease-in-out forwards; }
.requestButton.M .speech::after { content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px;  border-width: 10px; border-style: solid;  border-color: #00aabb transparent transparent transparent; }
.requestButton.M .slideBox { display: flex; background: linear-gradient(to right, #009BD7, #80C896); border-radius: 20px;}
.requestButton.M .slideBox .slide { position:relative; background: linear-gradient(to right, #009BD7, #80C896); width: 100%; border-radius: 20px;}
.requestButton.M .slideBox .slide button { position: absolute; top: 0px; left: 0px; background: #fff; text-indent: -9999px; height: 100%; width: 20%; border-radius: 20px; padding: 0;}
.requestButton.M .slideBox .slide span { display: block; color: #fff; width: 100%; text-align: center; font-size: 20px;}
.requestButton.M .slideBox .slide{ background: linear-gradient(270deg, #009BD7, #80C896, #009BD7); background-size: 200% 200%; animation: gradientBlink 2s ease infinite;} */

.requestButton.W { position: fixed;  left: 50%; bottom: 0px; width: 100%; transform: translateX(-50%);  padding: 30px; z-index: 10;}
.requestButton.W .speech { position: absolute; top: -85px; right: 0; background-color: #2A6DB5; color: #fff; padding: 10px; border-radius: 10px; width: 140px; animation: fadeInOut 2s ease-in-out forwards; text-align: center;}
.requestButton.W .speech::after { content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px;  border-width: 10px; border-style: solid;  border-color: #2A6DB5 transparent transparent transparent; }
/* .requestButton.W .slideBox { display: flex; flex-direction: row; align-items: center; justify-content: center; background: linear-gradient(to right, #009BD7, #80C896); border-radius: 20px; animation: gradientBlink 2s ease infinite;} */
/* .requestButton.W .slideBox .slide button { background: rgb(0, 172, 238); background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%); width: 130px; height: 40px; line-height: 42px; padding: 0; border: none;} */
.requestButton.W .slideBox { position:relative; max-width: 600px; margin: 0 auto; padding: 0 20px;}
.requestButton.W .slideBox .slide {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.requestButton.W .slideBox .hover-btn {color: #fff;border-radius: 10px; padding: 10px 25px; box-sizing: border-box; background: transparent;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);outline: none;}
.requestButton.W .slideBox .btn-1 {background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);width: 50%; line-height: 50px;padding: 0;border: none;}
.requestButton.W .slideBox .btn-1.stratup {background: linear-gradient(90deg, rgba(0,155,215,1) 0%, rgba(128,200,150,1) 100%);}
.requestButton.W .slideBox .btn-1.request {background: #2A6DB5; margin-left: 20px;}
.requestButton.W .slideBox .btn-1 span {position: relative;display: block;width: 100%;height: 100%;}
.requestButton.W .slideBox .btn-1.stratup:before{position: absolute;content: "";right: 0;top: 0;background: #7EC797;transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.request:before{position: absolute;content: "";right: 0;top: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.stratup:after {position: absolute;content: "";right: 0;top: 0;background: #7EC797;transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.request:after {position: absolute;content: "";right: 0;top: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1:before {height: 0%;width: 2px;}
.requestButton.W .slideBox .btn-1:after {width: 0%;height: 2px;}
.requestButton.W .slideBox .btn-1:hover{background: #fff;box-shadow: none;}
.requestButton.W .slideBox .btn-1:hover:before {height: 100%;}
.requestButton.W .slideBox .btn-1:hover:after {width: 100%;}
.requestButton.W .slideBox .btn-1.stratup span:hover{color: #7BC698;}
.requestButton.W .slideBox .btn-1.request span:hover{color: rgba(2,126,251,1);}
.requestButton.W .slideBox .btn-1.stratup span:before{position: absolute;content: "";left: 0;bottom: 0;background: #7EC797;transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.request span:before{position: absolute;content: "";left: 0;bottom: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.stratup span:after {position: absolute;content: "";left: 0;bottom: 0;background: #7EC797;transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1.request span:after {position: absolute;content: "";left: 0;bottom: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.requestButton.W .slideBox .btn-1 span:before {width: 2px;height: 0%;}
.requestButton.W .slideBox .btn-1 span:after {width: 0%;height: 2px;}
.requestButton.W .slideBox .btn-1 span:hover:before {height: 100%;}
.requestButton.W .slideBox .btn-1 span:hover:after {width: 100%;}
  
@media screen and (min-width : 1000px) {
	.requestButton.W .slideBox .btn-1 { line-height: 60px; }
	
	.requestButton.W .slideBox .btn-1 span { font-size: 25px; }
	/* .requestButton.W { display: block; }
	.requestButton.M { display: none; } */
}

/* 상담신청 팝업 */
.requestConfirmBox {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
.requestConfirmBox .imgBox {max-width: 40px; margin-bottom: 10px; text-align: center; padding-top: 20px;}
.requestConfirmBox .textBox {display: flex; flex-direction: column; align-items: center;}
.requestConfirmBox .textBox span.ttl {margin-bottom: 10px; font-size: 18px;}
.requestConfirmBox .textBox span {display: block; text-align: center; font-size: 13px;}
.requestConfirmBox .buttonBox {width: 100%; margin-top: 20px; box-sizing: border-box;}
.requestConfirmBox .buttonBox button {position: relative; width: 100%; padding: 20px 0 20px 0; display: block; background: #fff; color: #2A6DB5; font-size: 16px; border-top: 1px solid #666666;}
/* .requestConfirmBox .buttonBox button::before { content: ''; position: absolute; top: 0; left: -20px; width: calc(100% + 40px); height: 1px; } */

@media screen and (min-width : 600px) {
  .requestConfirmBox .imgBox {max-width: 60px; padding-top: 30px;}
  .requestConfirmBox .textBox span.ttl {font-size: 22px; letter-spacing: 0.5px; margin-bottom: 10px;}
  .requestConfirmBox .textBox span.desc {padding: 5px;}
  .requestConfirmBox .textBox span {font-size: 15px; line-height: 2; color: #000;}
  .requestConfirmBox .buttonBox button {font-size: 18px;}
}

@keyframes gradientBlink {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes slideOn {
  from {
      transform: translateY(300%); /* 왼쪽 바깥에서 시작 */
  }
  to {
      transform: translateX(0); /* 원래 위치로 이동 */
  }
}

@keyframes fadeInOut {
   0% {
       opacity: 0;
   }
   10% {
       opacity: 1;
   }
   90% {
       opacity: 1;
   }
   100% {
       opacity: 0;
    }
}
@keyframes fadeIn {
   0% {
       opacity: 0.1;
   }
   10% {
       opacity: 0.2;
   }
   20% {
       opacity: 0.3;
   }
   30% {
       opacity: 0.4;
   }
   40% {
       opacity: 0.5;
   }
   50% {
       opacity: 0.6;
   }
   60% {
       opacity: 0.7;
   }
   70% {
       opacity: 0.8;
   }
   90% {
       opacity: 0.9;
   }
   100% {
       opacity: 1;
    }
}

@keyframes slideDown {
  from {
      transform: translateY(-200%); /* 왼쪽 바깥에서 시작 */
  }
  to {
      transform: translateX(-50%); /* 원래 위치로 이동 */
  }
}

.footer { border-top: 1px solid #ccc; padding: 20px 0 20px 0; }
.footer .frame { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; }
.footer .frame .box { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; }
.footer .logo { width: 70px; height: 70px; margin-bottom: 20px; background: url(../images/logo-f.png) left center no-repeat; background-size: auto 100%;}

@media screen and (min-width: 1000px) {
	.footer .frame { flex-direction: row; justify-content: flex-start;}
    .footer .logo { width: 80px; height: 80px; margin-bottom: 0; margin-right: 30px;}
}



.layerPopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .45);
}

.layerPopup .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity = 50);
}

.layerPopup .head {
  background: #fff;
  height: 50px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 50px;
}

.layerPopup .head h3 {
  font-weight: 500;
  font-size: 22px;
}

.layerPopup .head .btnClose {
  width: 89px;
  height: 100%;
  background: url(/images/menuClose_ico_01.svg) center no-repeat;
  background-size: 19px auto;
  font-size: 0;
  text-indent: -9999px;
  padding: 0;
  position: absolute;
  right: 0;
}
.layerPopup .frame {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 300px;
  height: auto;
  background-color: #fff;
  z-index: 10;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
}

/* .layerPopup .content {
  padding: 20px;
} */

/* @media screen and (min-width: 600px) {
  .layerPopup .content {
      padding: 30px 35px;
  }
} */