.kakaoWrap {top: 65px}

/* 메인 슬라이드 */
.mainBanner {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 50px; 
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
.owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    height: 100%;
    /* fix firefox animation glitch */ }
.owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-stage-outer {
    position: relative;
    height: 100%;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-wrapper,
.owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-loaded {
    display: block; }
.owl-loading {
    opacity: 0;
    display: block; }
.owl-hidden {
    opacity: 0; }
.owl-refresh .owl-item {
    visibility: hidden; }
.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-rtl {
    direction: rtl; }
.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .mainBanner {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-animated-in {
  z-index: 0; }

.owl-animated-out {
  z-index: 1; }

.fadeOut {
  animation-name: fadeOut; }
 
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-item img.owl-lazy {
  transform-style: preserve-3d; }

.owl-dots {   }
.owl-nav {  position: absolute;  display: none;}
.mainBanner .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
.mainBanner .owl-nav [class*='owl-'] { 
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
.mainBanner .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
.mainBanner .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.mainBanner .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.mainBanner .owl-dots { 
	z-index: 3; 
	position: absolute;
	-webkit-tap-highlight-color: transparent;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%)
}
.mainBanner .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    padding: 20px 0;
    *display: inline; 
    }
.mainBanner .owl-dots .owl-dot span {width: 5px; height: 5px; margin: 0 4px; background: #000;  display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; opacity: .2}
.mainBanner .owl-dots .owl-dot.active span {width: 30px; opacity: .6}

#mian .mainBannerWrap  {position: relative; height: 100vh;}	
#mainBanner .owl-item {height: 100%;} 
#mainBanner .bannerBackground {position: absolute; left:0px; right:0px; bottom:0px; top:0px; background-position: center center;  z-index: 1; background-size: cover; background-repeat: no-repeat }
#mainBanner .bannerContentWrap {}
#mainBanner .banner, #mainBanner .banner .setWidth {height: 100%;}
#mainBanner .banner .bannerContentWrap {position: relative; height: 100%;}
#mainBanner .banner .bannerMessage {position: absolute; width: 100%; height: 100%;}
#mainBanner .banner .bannerContentWrap .txt a {border-radius: 4px;}

#mainBanner #banner1 .bannerContentWrap .txt {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 9;}
#mainBanner #banner1 .bannerContentWrap .txt p {font-weight: 300; color: #fff; }
#mainBanner #banner1 .bannerContentWrap .txt p.mainCopy {font-size: 110px; font-weight: 700; letter-spacing: -1.5px; line-height: 1.2; margin-top: 10px;}
#mainBanner #banner1 .bannerContentWrap .txt p.subCopy {font-size: 50px; line-height: 1.3; letter-spacing: -2px; margin-top: 30px;}
#mainBanner #banner1 .bannerContentWrap .txt a {margin-top: 80px;}

#mainBanner #banner2 .bannerContentWrap .txt {position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); z-index: 9;}
#mainBanner #banner3 .bannerContentWrap .txt {position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); z-index: 9;}


.scrollDown {position: absolute; left: 50%; bottom: 20px;}

.section {padding: 100px 0; position: relative; }
.section .title {position: relative; line-height: 1; margin-bottom: 15px;}
.section .title h1{letter-spacing: -2px; font-weight: 300; height: 60px; line-height: 60px;}
.section .txt {margin-bottom: 80px; }
.section .txt p { font-weight: 300; letter-spacing: -1px;}

.section1 {background: #eff3f8; padding: 80px 0 0;}
.section1:before {display: block; content: ''; height: 500px; background-image: url(../../../contents/img/0_sec1_bg.png); position: absolute; right: 0; top:0; left: 0; z-index: 0;}
.section1 .title h1{color: #fff; font-size: 60px;}
.section1 .txt {position: relative; color: #fff; font-size: 45px; z-index: 1;}
.section1 .txt p {font-size: 45px; text-shadow: 0 0 5px rgba(34,24,21,.1)}

.section1 .business .boxWrap {background: #fff; padding: 40px 15px 0; height: 310px; box-sizing: border-box; box-shadow:0 3px 7px rgba(0,0,0,.1)}
.section1 .business .boxWrap .imgWrap {margin-bottom: 20px;}
.section1 .business .boxWrap strong, .section1 .business .boxWrap span {display: block; letter-spacing: -.5px}
.section1 .business .boxWrap strong {font-size: 26px; color: #1d77ff; margin-bottom: 7px;}
.section1 .business .boxWrap span {font-size: 19px; line-height: 1.4; ;}
.section1 .business .boxWrap span span {font-size: 17px; color: #6a7179; margin-top: 5px; font-weight: 300;}

.section1 .spec {padding-top: 160px;}
.section1 .spec .title h2 {font-size: 40px; font-weight: 300; color: #000; line-height: 1.2;}
.section1 .spec .title h2 strong {color: #1d77ff;}
.section1 .spec .title h2 strong span {display: inline-block; color: #fff; background: #1d77ff; padding: 2px 4px 0;}
.section1 .spec .row {margin-top: 50px;}

.section2 {background: url(../../../contents/img/0_sec2_bg.png) 0 0 no-repeat; height: 970px; padding-top: 120px; box-sizing: border-box; } 
.section2 .title h1{color: #000; font-size: 50px;}
.section2 .title span {display: inline-block; position: relative; color: #ad41fe;}
.section2 .title span:before {display: block; content: '';  height: 3px; background: #ad41fe; position: absolute; bottom: 5px; left: 2px; right: 0;}
.section2 .txt {color: #363636; font-size: 33px; line-height: 1.3; margin-top: 30px;}
.section2 .info {padding-left: 25px; margin-top: 80px;}
.section2 .info ul {display: inline-block;}

.section2 .info li {float: left; font-size: 28px; position: relative;  letter-spacing: -1.5px; padding: 0 60px; line-height: 1.3; }
.section2 .info li span {display: block; font-weight: 300; color: #444; width: 360px; height: 360px; border: 2px solid #ad41fe; border-radius: 180px; box-sizing: border-box; background: #fff; }
.section2 .info li span:before {display: block; content: ''; width: 200px; border-bottom: 2px dashed #ad41fe; position: absolute; bottom: 0; z-index: -1;}
.section2 .info li .line3 {padding: 130px 0;}
.section2 .info li .line3:before {right: -30px; transform: rotate(45deg)}
.section2 .info li .line2 {padding: 140px 0;}
.section2 .info li .line2:before {left: -30px; transform: rotate(-45deg)}
.section2 .info li strong {font-weight: 600; color: #ad41fe;}
.section2 .info .conclusion {margin-top: 60px; background: #ad41fe; color: #fff; letter-spacing: -2px; font-weight: 300; font-size: 40px; display: inline-block; padding: 2px 20px 0;}
.section2 .info .conclusion strong {color: #f9d855; }

.section3 {background: url(../../../contents/img/0_sec3_bg.png) 0 0 no-repeat;}
.section3 .setWidth {position: relative;}
.section3 .title h1{color: #000; font-size: 50px; letter-spacing: -3px}
.section3 .txt {color: #252525; font-size: 33px; letter-spacing: -2px; margin-bottom: 0;}


.portfolios {padding-bottom: 80px; border-top: 0 none; box-sizing: border-box}
.portfolios-slider {}
.portfolios-slider .owl-stage-outer {width: 100%;}
.portfolios-slider .sellers-link {text-align: center; display: block;} 
.portfolios_nav {height: 0px; position: relative; z-index: 2; top:470px; width: 140px; margin: auto;}
.portfolios_nav .owl-arrow {display: inline-block; color: #7f7f7f; cursor: pointer !important; position: relative; width: 60px; height: 60px; border-radius: 100%; background: #fff;}
.portfolios_nav .owl-arrow:hover {background: #ff7b4c; color: #fff;}
.portfolios_nav .owl-arrow:before {display: block; font-family: 'xeicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.portfolios_nav .owl-prev {float: left;}
.portfolios_nav .owl-prev:before {content: '';}
.portfolios_nav .owl-next {float: right;}
.portfolios_nav .owl-next:before {content: '';}
.portfolios .owl-item {height:380px; text-align: center;}
.portfolios .owl-item .txt{max-width: 380px; width: 100%; padding: 50px 0; background: #fff; margin: auto;}
.portfolios .owl-item .txt .main {color: #966cff; font-size: 33px; font-weight: 600;}
.portfolios .owl-item .txt .sub {font-size: 22px; color: #000;}
.portfolios .owl-item img{}
.portfolios .owl-item .swiper-slide {padding: 0 10px;}

.section4 {background: #f6f9f9; padding: 130px 0 80px;}
.section4 .title {max-width: 620px; width: 90%; border: 1px solid #ff4100;  box-sizing: border-box; margin: auto;}
.section4 .title h1{font-size: 50px; color: #ff4100;line-height: 88px; height: 88px;}
.section4 .info {max-width: 1110px; margin: 170px auto 80px;} 
.section4 .info .item {float: left; padding: 0 25px; text-align: center; letter-spacing: -1px; position: relative;}
.section4 .info .item:before {display: block; content: ''; height: 280px; border-right: 2px dashed #b7baba; position: absolute; z-index: 0;}
.section4 .info .item1:before {transform: rotate(45deg); top: -211px; right: 0;}
.section4 .info .item2:before {left: 50%; top: -170px;}
.section4 .info .item3:before {transform: rotate(-45deg); top: -211px; left: 0;}
.section4 .info .item dl {width: 320px; height: 320px; background: #fe5318; color: #fff; border-radius: 100%; padding-top: 65px; box-sizing: border-box; position: relative;}
.section4 .info .item dt {font-size: 33px; font-weight: 600; margin-bottom: 10px;}
.section4 .info .item dd {font-size: 26px; font-weight: 300; line-height: 1.3;}
.section4 .txt {font-size: 33px; letter-spacing: -1px; font-weight: 300; margin-bottom: 0;}


.section5 {background: url(../../../contents/img/0_sec5_bg.png) 0 0 no-repeat; padding-bottom: 80px;}
.section5 .title h1{font-size: 50px; color: #fff;}

.section5 .cotactWrap {padding-top: 40px;}
.section5 .list {max-width: 860px; margin: auto;}
.section5 .list .item {border: 1px solid #fff; border-radius: 3px; margin-bottom: 20px; background: rgba(255,255,255,.5);}

.section5 .list .answer, .section5 .list .item-info, .section5 .list .item-info .title{float: left; line-height: 58px; font-size: 20px; color: #353535; font-weight: 300;}
.section5 .list .answer {padding-left: 20px; width: 110px; position: relative; box-sizing: border-box}
.section5 .list .answer:before {display: block; content: ''; height: 23px; width: 1px; background: #fff; position: absolute; right: 0; top: 16px;}
.section5 .list .item-info {width: 100%; padding-right: 110px; margin-right: -110px; box-sizing: border-box}
.section5 .list .item-info .title {margin-bottom: 0; padding: 0 100px 0 20px; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.section5 .list .item-info span {position: absolute; right: 20px; top: 0; padding-right: 20px;}

.section5 .list .item.answerOn {background: #fff;}
.section5 .list .item.answerOn .answer {color: #3864eb;}
.section5 .list .item.answerOn .answer:before {background: #7f7f7f;}
.section5 .list .item.answerOn .item-info .title, .section5 .list .item.answerOn .item-info span {color: #6a7179;}

.section6 {background: #ffdb33;}
.section6 .title h1{font-size: 50px; color: #000;}

.inquiryWrap {max-width: 580px; margin: auto;}
.inquiryWrap .col.half {width: 100% !important;}
.inquiryWrap dt, .inquiryWrap dd {float: left;}
.inquiryWrap dt {width: 120px; font-size: 18px; color: #000; letter-spacing: -.5px}
.inquiryWrap dd {padding-right: 130px; margin-right: -130px; box-sizing: border-box; width: 100%;}
.inquiryWrap .msg {margin-top: 20px; padding-top: 10px; border-top: 1px solid #7f6d19;}
.inquiryWrap .msg dt, .inquiryWrap .msg dd {width: 100%;}
.textareaWrap dd>div:first-child {min-height: 0 !important}
#cke_editor1 {position: absolute; width: 0; height: 0; overflow: hidden}

.inquiryWrap .xefu-container, .inquiryWrap .xefu-dropzone {background: transparent; border: 0 none; margin: 0; padding: 0; }
.inquiryWrap .xefu-dropzone {overflow: hidden}
.inquiryWrap .fileinput-button, .inquiryWrap .fileinput-button:hover {float: right; background: #000; color: #fff; border: 0 none; box-sizing: border-box;  line-height: 60px !important; height: 60px !important; width: 120px; border-radius: 3px;} 
.inquiryWrap .xefu-btn>a, .inquiryWrap .xefu-btn>button, .inquiryWrap .xefu-btn>input, .inquiryWrap .xefu-btn>span {  line-height: 60px !important; height: 60px !important;}
.inquiryWrap .fileinput-button.xefu-btn>span {color: #fff; font-size: 18px; }
.inquiryWrap .fileinput-button.xefu-btn>span i {display: none;}
.inquiryWrap .xefu-dropzone p.xefu-dropzone-message, .inquiryWrap .xefu-dropzone p.upload_info {float: left; height: 60px; line-height: 60px; background: #fff; padding: 0; margin: 0;  padding-left: 140px; margin-left: -130px; box-sizing: border-box; border-radius: 3px; width: 100%; font-size: 13px;} 
.inquiryWrap .xefu-progress-status {margin-top: 10px; font-size: 13px; padding-top: 60px; width: 100%;}

.inquiryWrap .xefu-controll {margin-left: -130px; border-top: 1px solid #7f6d19; padding: 0; margin-top: 20px; padding-top: 20px;}
.inquiryWrap .xefu-controll div {font-size: 14px; color: #555; line-height: 30px; }
.inquiryWrap .xefu-act-link-selected {display: none; }
.inquiryWrap .xefu-act-delete-selected, .inquiryWrap .xefu-act-delete-selected:hover {line-height: 30px !important; height: 30px !important; font-size: 13px; color: #fff; background: #000; border: 0 none; border-radius: 3px;}
.inquiryWrap .xefu-list {margin-left: -130px; padding: 0;}
.inquiryWrap .xefu-list-images {border-color: #7f6d19; margin: 0;}
.inquiryWrap .xefu-list-images li {border: 1px solid #7f6d19;}
.inquiryWrap .xefu-file-name, .inquiryWrap .xefu-file-info {display: inline-block; font-size: 12px; color: #555; line-height: 30px; height: 30px;}
.inquiryWrap .xefu-list-files li {padding: 3px 5px;}
.inquiryWrap .xefu-list-files li.selected {background: #ffbe24;}
.inquiryWrap .xefu-list-files .xefu-file-info span {display: inline-block; margin-top: 2px;}
.inquiryWrap .xefu-list-files .xefu-file-info span:last-child {position: absolute; width: 0; height: 0; overflow: hidden}

.inquiryWrap .msg dd {padding: 0; margin: 0;}
.inquiryWrap .msg textarea {width: 100%; border: 0 none; border-radius: 3px; height: 160px;}


@media all and (max-width: 1366px) {
	#mainBanner #banner1 .bannerBackground {background-position: 40% 0;}
}
@media all and (max-width: 1280px) {
	#mainBanner #banner1 .bannerBackground {background-position: 35% 0;}
	#mainBanner #banner1 .bannerContentWrap .txt {transform: translate(0); top: auto; bottom: 200px;}
	
	.section1 .title h1 {font-size: 55px;}
	.section1 .txt p {font-size: 36px;}
	.section1 .business .boxWrap strong {font-size: 23px;}
	.section1 .business .boxWrap span {font-size: 16px;}
	.section1 .business .boxWrap span span {font-size: 15px;}
	.section .txt {font-size: 28px;}
	
	
	.portfolios .owl-item .txt .main {font-size: 29px;}
	.portfolios .owl-item .txt .sub {font-size: 19px;}
	
	.section4 .info .item {padding: 0 20px;}
	.section4 .info .item dl {width: 300px; height: 300px;}
	.section4 .info .item dt {font-size: 29px;}
	.section4 .info .item dd {font-size: 23px;}
}
@media all and (max-width: 1112px) {
	.section .txt p {font-size: 25px;}
	
	
	.section1 .business .boxWrap strong {font-size: 21px;}
	.section1 .business .boxWrap span .pc {display: none !important;}
	
	.section2 .title h1, .section3 .title h1, .section4 .title h1, .section5 .title h1, .section6 .title h1 {font-size: 45px;}
	.section2 .info {padding-left: 0;}
	.section2 .info li span {width: 320px; height: 320px;}
	.section2 .info li {font-size: 23px;}
	.section2 .info .conclusion {font-size: 37px;}
	
	.section4 .title {background: #f6f9f9; position: relative; z-index: 1;}
	.section4 .info {margin-top: 135px;}
	.section4 .info .item {padding: 0 10px;}
	
}

@media all and (max-width: 1024px) {
	
	#mainBanner #banner1 .bannerBackground {background-position: 23% 0;}
	#mainBanner #banner1 .bannerContentWrap .txt {transform: translate(0); top: auto; bottom: 100px; left: 40px;}
	#mainBanner #banner1 .bannerContentWrap .txt p.subCopy {font-size: 40px; letter-spacing: -1px}
	
	#mainBanner #banner1 .bannerContentWrap .txt a {margin-top: 50px;}
	
	.section1 .business .quad{ width: 50%; margin-bottom: 20px;}
	.section1 .business .boxWrap strong {font-size: 26px;}
	.section1 .business .boxWrap span {font-size: 19px;}
	.section1 .business .boxWrap span span {font-size: 17px;}
	.section1 .business .boxWrap span .pc {display: block !important;}
	
	.section4 .info .item {width: 33.33%; box-sizing: border-box}
	.section4 .info .item dl {width: 100%; height: 0; padding-bottom: 80%; padding-top: 20%;}
}
@media all and (max-width: 960px) {
	
	.section .txt p {font-size: 21px;}
	.section2 .info li {padding: 0 40px;}
	.section2 .info li span {width: 300px; height: 300px;}
	.section2 .info li .line3 {padding: 115px 0;}
	.section2 .info li .line2 {padding: 125px 0;}
}
@media all and (max-width: 840px) {
	
	.section .txt {font-size: 25px;}
	.section2 .info li {padding: 0 20px;}
	
	.section4 .info {margin-top: 80px;}
	.section4 .info .item dt {font-size: 25px;}
	.section4 .info .item dd {font-size: 19px;}
}
@media all and (max-width: 789px) {
	#mainBanner #banner1 .bannerContentWrap .txt {bottom: 80px; left: 30px;}
	#mainBanner #banner1 .bannerContentWrap .txt p.subCopy {font-size: 37px; letter-spacing: -1px}
	#mainBanner #banner1 .bannerContentWrap .txt p.mainCopy {font-size: 70px; line-height: 1;}
	
	.section .title h1 {height: auto;}
	.section .txt p {}
	.section .txt p br {display: none;}
	.section1 .spec {padding-top: 120px;}
	.section1 .spec .pc{display: block !important;}
	.section1 .spec .mobile {display: none !important; }
	.spec .imgWrap.ceo {margin-left: -30px; margin-right: -30px; text-align: right;}
	
	.section2 {height: 880px; background-position: 6% center;}
	.section2 .info {margin-top: 40px;}
	.section2 .info ul {display: block;}
	.section2 .info li {width: 50%; box-sizing: border-box;}
	.section2 .info li span {width: 100%; height:0; box-sizing: border-box; }
	.section2 .info li .line3 {padding: 40% 10px 60%;}
	.section2 .info li .line2 {padding: 43% 10px 57%;}
	.section2 .info .conclusion {font-size: 33px;}
	
	.section4 .info .item dd {font-size: 17px;}
	
	.mail_area #mail_url_sel {font-size: 13px;}
	#mail_url {width: 75%;}
	.inquiryWrap .fileinput-button.xefu-btn>span {font-size: 14px;}
}
@media all and (max-width: 680px) {
	.section {padding: 80px 0;}
	.section .txt {margin-bottom: 50px;}
	.section1 {padding-bottom: 0;}
	
	.section1 .business .boxWrap strong {font-size: 23px;}
	.section1 .business .boxWrap span {font-size: 16px;}
	.section1 .business .boxWrap span span {font-size: 15px;}
	
	.section2 {height: 800px;padding-top: 80px;background-position: 10% center;}
	.section2 .info li {font-size: 19px;padding: 0 10px;}
	.section3 .txt {margin-bottom: 0;}
	
	
	.portfolios {padding-bottom:  40px;}
	.portfolios_nav {top: 400px;}
	
	.section4 {padding-bottom: 40px;}
	.section4 .info {margin: 70px -20px 40px;}
	.section4 .info .item {width: 50%; padding: 0 20px;}
	.section4 .info .item:before {height: 190px; }
	.section4 .info .item1:before {transform: rotate(30deg);top: -130px; right: 35%;}
	.section4 .info .item2:before {transform: rotate(-30deg);top: -130px; left: 35%;}
	.section4 .info .item3 {position: relative; left: 50%; top: 0; transform: translate(-50%);}
	.section4 .info .item3:before {transform: rotate(0); left: 50%; height: 430px; top: -380px;}
	.section4 .info .item dl {padding-top: 25%; padding-bottom: 75%;}
	.section4 .info .item dd {font-size: 19px;}
}
@media all and (max-width: 560px) {
	
}
@media all and (max-width: 479px) {
	#mainBanner #banner1 .bannerBackground {background-image: url(../../../contents/img/0_main_banner1_mob.png) !important;}
	#mainBanner #banner1 .bannerContentWrap .txt { bottom: 40px; left: 0;}
	#mainBanner #banner1 .bannerContentWrap .txt p.subCopy {font-size: 25px; letter-spacing: -1px}
	#mainBanner #banner1 .bannerContentWrap .txt p.mainCopy {font-size: 55px; line-height: 1;}
	#mainBanner #banner1 .bannerContentWrap .txt a {margin-top: 30px;}
	
	.mainBanner .owl-dots {transform: translate(0); left: auto; right: 20px; bottom: 15px;}
	
	.section .txt p {font-size: 17px;}
	.section .txt {font-size: 17px;}
	.section1 .title h1 {font-size: 37px; line-height: 40px;}
	.section1 .business .quad {width: 100%;}
	.section1 .business .boxWrap strong {font-size: 26px;}
	.section1 .business .boxWrap span {font-size: 19px;}
	.section1 .business .boxWrap span span {font-size: 17px;}
	
	.section1 .spec {padding-top: 60px;}
	.section1 .spec .title h2 {font-size: 25px;}
	.section1 .spec .pc {display: none !important;}
	.section1 .spec .mobile {display: block !important;}
	.section1 .spec .mobile .imgWrap {margin-bottom: 20px; padding: 0 20px;}
	
	.section2 .title h1, .section3 .title h1, .section4 .title h1, .section5 .title h1, .section6 .title h1 {font-size: 30px; line-height: 40px;}
	
	.section2 {height: auto; background-color: #f9f9f9; background-position: 15% bottom;}
	.section2 .info ul {width: 280px; margin: auto; z-index: 1;}
	.section2 .info li {width: 280px; margin-bottom: 20px;}
	.section2 .info li span:before {width: 0; height: 100px; border: 0 none; border-right: 2px dashed #ad41fe; bottom: -70px; left: 50% !important; transform: rotate(0) !important; }
	.section2 .info li .line3:before {right: 10%; transform: rotate(90deg);}
	.section2 .info li .line2:before {left: 10%; transform: rotate(90deg);}
	.section2 .info .conclusion {font-size: 27px; ; margin-top: 40px; position: relative; z-index: 2;}
	.section4 .title h1 {padding: 10px 0 7px;}
	.section4 .info {width: 280px; margin: 50px auto;}
	.portfolios {position: relative; margin-top: 20px;}
	.portfolios_nav {position: absolute; top: auto; bottom: 40px; left: 50%; margin-left: -70px;}
	.section4 .info .item {float: none; width: 280px; margin: 0 0 20px !important; padding: 0;}
	.section4 .info .item:before {transform: rotate(0) !important; left: 50% !important; right: auto !important; height: 50px; top: -50px;}
	.section4 .info .item dl {z-index: 2;}
	.section5 .list .answer, .section5 .list .item-info, .section5 .list .item-info .title {font-size: 15px;}
	.section5 .list .answer {width: 80px; padding-left: 10px;}
	.section5 .list .item-info {padding-right: 80px; margin-right: -80px;}
	.section5 .list .item-info .title {padding-right: 20px;}
	.section5 .list .item-info span.date{display: none;}
	
	.section6 .title {margin-bottom: 30px !important;}
	.section6 .inquiryWrap dt{width: 100%; line-height: 40px; height: 40px; font-size: 15px;}
	.section6 .inquiryWrap dd {padding-right: 0; margin-right: 0;}
	.section6 .buttonArea {margin-top: 10px;}
}
.mail_url_area {border: 0 none;}