.main-contents { color: #222222; }

.main-contents img { width: auto; max-width: 100%; }

.main-contents em { font-style: normal; }

.main-contents .cw { color: #ffffff; }

.main-contents .wrap { max-width: 1700px; }

.sub-color { color: #666; }

.main-contents .main-tit-box { word-break: keep-all; padding: 0 0 15px; line-height: 1.2; }

/* .main-contents .main-tit-box .main-tit-sub { letter-spacing: 0.3em; } */

@media all and (max-width: 1219px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 50px; }
  .main-contents .main-tit-box .main-tit { margin-top: 30px; font-size: 52px; }
  .main-contents .main-tit-box img { height: 34px; }
  .main-contents .wrap.mo-100 { width: 100%; margin-left: 0; } }

@media all and (max-width: 768px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 20px; }
  .main-contents .main-tit-box .main-tit { margin-top: 5px; font-size: 39px; }
  .main-contents .main-tit-box img { height: 26px; } }

@media all and (max-width: 500px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 33px; }
  .main-contents .main-tit-box .main-tit { margin-top: 20px; font-size: 34px; }
  .main-contents .main-tit-box img { height: 22px; } }

@media all and (max-width: 375px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 25px; }
  .main-contents .main-tit-box .main-tit { margin-top: 15px; font-size: 26px; }
  .main-contents .main-tit-box img { height: 17px; } }

/*visual*/
.mv .mv-item { position: relative; overflow: hidden; height: 830px; background-size: cover; }

.mv .mv-item.v-1 { background: url(/design/default/images/main/visual01.jpg) no-repeat center center; background-size: cover; }
.mv .mv-item.v-1 .delicacy { margin-top: -29px;}
.mv .mv-item.v-1 .delicacy img { margin-left: auto; margin-right: auto; margin-bottom: 29px;}

.mv .mv-item.v-2 { background: url(/design/default/images/main/visual02.jpg) no-repeat center center; }
.mv .mv-item.v-2 .delicacy { margin-top: -29px;}
.mv .mv-item.v-2 .delicacy img { margin-left: auto; margin-right: auto; margin-bottom: 29px;}

.mv .mv-item.v-3 { background: url(/design/default/images/main/visual03.jpg) no-repeat center center; }
.mv .mv-item.v-3 .delicacy { margin-top: -29px;}
.mv .mv-item.v-3 .delicacy img { margin-left: auto; margin-right: auto; margin-bottom: 29px;}

.mv .mv-item.v-6 .delicacy { margin-top: -29px;}
.mv .mv-item.v-6 .delicacy img { margin-left: auto; margin-right: auto; margin-bottom: 29px;}

.mv .mv-item .mvi-text-box { width: 100%; color: #fff; word-break: keep-all; padding-bottom: 4em; -webkit-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -moz-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -o-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -ms-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; }

.mv .mv-item .mvi-text-box p { letter-spacing: 0; }

.mv .mv-item .mvi-text-box > * { z-index: 1; position: relative; -webkit-transition: font-size 0.5s; -moz-transition: font-size 0.5s; -o-transition: font-size 0.5s; -ms-transition: font-size 0.5s; transition: font-size 0.5s; }

.mv .mv-item .mvi-text-box .mvi-tit { font-weight: 400; letter-spacing: -0.02em; line-height: 1em; }

.main-visual-wrap .mv-btn-box.st-2 .mv-btn {position: absolute; top: 170px; right: 120px;}
.main-visual-wrap .mv-btn-box.st-2 .wrap { position: absolute; width: 100%; top: 0%; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); max-width: 1700px; z-index: 10; }

.main-visual-wrap .mv-btn { display: inline-block; overflow: hidden; text-decoration: none; box-sizing: border-box; cursor: pointer; background: rgba(0, 0, 0, 0.3); color: #fff; border: 1px solid rgba(255,255,255,0.8); line-height: 1.2; padding: 0.635em 1.3em ; text-align: center; -webkit-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -moz-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -o-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -ms-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; outline: 0; }

.main-visual-wrap .mv-btn:active { -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

.main-visual-wrap .mv-btn i { vertical-align: middle; }

.main-visual-wrap .mv-btn span { margin-left: 0.5em; display: inline-block; line-height: 1em; letter-spacing: 0.02em; }

.mv .mv-item .mvi-center { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 45%; opacity: 0; }

.mv .mv-item .mvi-center.on { top: 60%; opacity: 1; }

@media all and (max-width: 1441px) { .mv .mv-item { background-position: 80% bottom; } }

@media all and (max-width: 1024px) { .mv .mv-item { background-size: cover; }
  .mv .mv-item.v-1 { background-position: 30% bottom; }
  .mv .mv-item.v-2 { background-position: 30% bottom; }
  .mv .mv-item.v-3 { background-position: 58% bottom !important; }
  .mv .mv-item.v-4 { background-position: 37% bottom; }
  .mv .mv-item.v-5 { background-position: 30% bottom; }
  .mv .mv-item.v-6 { background-position: 30% bottom; }
  .mv .mv-item.v-6 .delicacy img { max-width: 212px; width: 35%;}
  .mv .mv-item .mvi-text-box { padding-bottom: 0; }
  .main-visual-wrap .mv-btn { padding: 0.5em 1.5em; } }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 170px; right: 80px;}

@media all and (max-width: 768px) { .mv .mv-item { background-position: center center !important; background-size: auto 100% !important; }
  .mv .mv-item.v-1 { background: url(/design/default/images/main/Visual01_m.jpg) no-repeat; background-size: 100% auto !important; background-position: center top !important; }
  .mv .mv-item.v-2 { background: url(/design/default/images/main/Visual02_m.jpg) no-repeat; background-size: 100% auto !important; background-position: center bottom !important; }
  .mv .mv-item.v-3 { background: url(/design/default/images/main/Visual03_m.jpg) no-repeat; background-size: 100% auto !important; background-position: center bottom !important; }
  .mv .mv-item.v-4 { background-position: 30% center !important; }
  .mv .mv-item.v-5 { background: url(/images/main/Visual05.jpg) no-repeat; background-size: cover; background-position: center bottom !important; }
  .mv .mv-item.v-6 { background: url(/images/main/Visual06.jpg) no-repeat; background-size: 100% auto !important; background-position: center bottom !important; }
  .mv .mv-item { height: 910px; }
  .mv .mv-item .logo-img img { height: 22px; }
  .mv .mv-item .mvi-text-box .mvi-sub-tit { font-size: 21px; }
  .mv .mv-item .mvi-text-box .mvi-tit + p.fs-26 { font-size: 20px; }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 120px; right: 10%;}
}

@media all and (max-width: 500px) { .mv .mv-item { height: 700px; }
  .mv .mv-item .logo-img img { height: 17px; }
  .mv .mv-item .mvi-text-box .mvi-sub-tit { font-size: 16px; }
  .mv .mv-item .mvi-text-box .mvi-tit + p.fs-26 { font-size: 15px; }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 100px;  right: 10%;}
  .mv .mv-item.v-6 .delicacy img {  width: 30%; margin-bottom: 15px;}
}

@media all and (max-width: 375px) { .mv .mv-item.v-1 { background-size: auto 100% !important; }
  .mv .mv-item.v-2 { background-size: auto 100% !important; }
  .mv .mv-item.v-4 { background-size: auto 100% !important; }
  .mv .mv-item.v-5 {  }
  .mv .mv-item.v-6 { background-size: auto 100% !important; }

  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 90px; }
}

.mv .mvi-img-2 .mvi01-img3 { display: none; }

.mv .mvi-img { position: relative; z-index: 0; }

.mv .mvi-img .mvi01-img1 { position: absolute; left: -65%; top: -100px; }

.mv .mvi-img .mvi01-img2 { margin-bottom: -40px; }

@media all and (max-width: 1024px) { .mv .mvi-img .mvi01-img1 { top: -200px; left: -17%; } }

@media all and (max-width: 768px) { .mv .mvi-img .mvi01-img2 { margin-bottom: -24px; height: 33.6px; }
  .mv .mvi-img .mvi01-img1 { left: -17%; top: -160px; width: 308px; }
  .mv .mvi-img-2 .mvi01-img3 { display: block; position: absolute; bottom: -10%; width: 100%; } }

@media all and (max-width: 500px) { .mv .mvi-img .mvi01-img2 { margin-bottom: -16px; height: 22.4px; }
  .mv .mvi-img .mvi01-img1 { left: -17%; top: -120px; width: 231px; }
  .mv .mvi-img-2 .mvi01-img3 { bottom: -5%; } }

.mv .slick-dots { position: absolute; display: none !important; opacity: 0; }

.main-visual-wrap { position: relative; }

.main-visual-wrap .mvs-btn-box .wrap { position: absolute; width: 100%; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1700px; z-index: 10; }

.main-visual-wrap .mvs-btn-box .btn-mv-perv, .main-visual-wrap .mvs-btn-box .btn-mv-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block !important; background: transparent; border: 0; padding: 0; cursor: pointer; z-index: 10; }

.main-visual-wrap .mvs-btn-box .btn-mv-perv { left: 50px; padding-bottom: 100px; }

.main-visual-wrap .mvs-btn-box .btn-mv-next { right: 50px; padding-bottom: 100px; }

.main-visual-wrap .mv-page-box { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 160px; }

.main-visual-wrap .mv-page-box > span { display: inline-block; height: 50px; vertical-align: middle; }

.main-visual-wrap .mv-page-box > span > button { vertical-align: top; }

.main-visual-wrap .mv-dot { display: inline-block; height: 40px; top: 50%; text-align: center; vertical-align: middle; }

.main-visual-wrap .mv-dot li { display: inline-block; margin: 0 10px; position: relative; }

.main-visual-wrap .mv-dot li:after { content: ''; position: absolute; width: 100%; height: 2px; background: #fff; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; }

.main-visual-wrap .mv-dot li.on:after { opacity: 1; }

.main-visual-wrap .mv-dot li button { border-radius: 100%; border: 0; background: #fff; text-indent: -1000px; overflow: hidden; padding: 0px; width: 8px; height: 8px; cursor: pointer; vertical-align: top; }

.main-visual-wrap .pause, .main-visual-wrap .play { border: 0px; background: transparent; text-indent: -1000px; font-size: 1px; padding: 0; margin-top: 5px; display: none; vertical-align: top; cursor: pointer; overflow: hidden; }

.main-visual-wrap .pause.on, .main-visual-wrap .play.on { display: inline-block; }

.main-visual-wrap .pause { height: 6px; width: 6px; border-left: 2px solid #fff; border-right: 2px solid #fff; }

.main-visual-wrap .play { margin-top: 4px; width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 4px solid  #fff; }

@media all and (max-width: 1024px) { .mvs-btn-box { display: none; }
  .main-visual-wrap .mv-page-box { bottom: 150px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 10px; } }

@media all and (max-width: 768px) { .main-visual-wrap .mv-page-box { bottom: 113px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 8px; } }

@media all and (max-width: 500px) { .main-visual-wrap .mv-page-box { bottom: 98px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 7px; } }

@media all and (max-width: 375px) { .main-visual-wrap .mv-page-box { bottom: 75px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 5px; } }

.main-info {width:100%; background:url(/design/default/images/main/company_bg.jpg); margin-top: 100px; }

.main-info .companyWrap {background:#f6f6f6; position: relative; overflow:hidden; width:100%; margin: 0 auto; max-width:1600px;}
.main-info .companyWrap li {width:50%; float:left;}
.main-info .companyWrap li.txtWrap {padding:65px 0px 0px;text-align:center;}

@media all and (max-width: 1000px)
	.main-info .companyWrap li {width:100%; float:none;}
}


.main-info { margin-top: 180px; }

.main-info .mi {margin:0 auto; display: table; table-layout: fixed; max-width:1200px; width: 100%; }

.main-info .mi .mi-text-box, .main-info .mi .mi-img { float:left; width: 50%; vertical-align: middle; height: 500px; }

.main-info .mi .mi-text-box { padding: 80px 0px 80px 0%; }

.main-info .mi .mi-img { position: relative; overflow: hidden; padding: 120px 0px 80px 50px; }

.main-info .mi .mi-img .mi-img-con { height: 100%; overflow: hidden; }

.main-info .mi .mi-img .mi-img-con img { position: absolute; position: absolute; max-width: 100%; top: 50%; left: 40%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


@media all and (max-width: 1024px) { 
  .main-info .mi { display: block; width: 100%; }
  .main-info .mi .mi-text-box, .main-info .mi .mi-img { display: block; width: 500px; height: auto; text-align: center; }
  .main-info .mi .mi-text-box { padding: 0; }
  .main-info .mi .mi-text-box .main-tit-box { text-align: center; }
  .main-info .mi .mi-img { position: relative; overflow: hidden; }
  .main-info .mi .mi-img .mi-img-con { position: absolute; top: 0; bottom: 0; left: 10px; right: 0; overflow: hidden; }
  .main-info .mi .mi-img .mi-img-con img { position: absolute; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .main-info { margin-top: 140px; }
  .main-info .mi .mi-text-box { padding-left: 40px; padding-right: 40px; }
  .main-info .mi .mi-img { display:none; } }

@media all and (max-width: 768px) { .main-info { margin-top: 50px; }
  .main-info .mi .mi-text-box { padding-left: 30px; padding-right: 30px; }
  .main-info .mi .mi-img { height: 315px; } }

@media all and (max-width: 500px) { .main-info { margin-top: 91px; }
  .main-info .mi .mi-text-box { padding-left: 26px; padding-right: 26px; }
  .main-info .mi .mi-img { height: 273px; } }

@media all and (max-width: 375px) { .main-info { margin-top: 70px; }
  .main-info .mi .mi-text-box { padding-left: 20px; padding-right: 20px; }
  .main-info .mi .mi-img { height: 210px; } }


.main-movie {position: relative; overflow: auto;width:100%; background:url(/design/default/images/main/company_bg.jpg); height:500px; margin-top: 100px; }
.main-movie .mi { margin:0 auto; max-width:1200px; width: 100%; padding:100px 0px;}
.main-movie .movie-box {float:left; width:50%;box-sizing:border-box;}
.main-movie .movie-text {padding-top:20px;float:left; width:50%;box-sizing:border-box;}
.movie-box .movieframe {max-width:500px; width:100%; height:300px;}

@media all and (max-width: 1024px) { 
	.main-movie {height:auto; }
	.main-movie .mi { padding:50px 0px;}
	.main-movie .movie-box {float:none; width:100%;text-align:center;}
	.main-movie .movie-text {padding-top:0px;float:none; width:100%;text-align:center;}
	.movie-box .movieframe {max-width:500px; width:90%; height:250px;}
}


.main-menu { margin-top: 180px; }

.main-menu .wrap { overflow: hidden; }

.main-menu .mn { margin-left: -10px; margin-right: -10px; overflow: hidden; width: 100%; }

.main-menu .mn::after { display: block; content: ""; clear: both; }

.main-menu .mn .mn-item { float: left; width: 430px; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; }

.main-menu .mn .mn-item:nth-child(2n) { margin-top: 68px; }

.main-menu .mn .mn-item a { outline: 0 !important; display: block; color: #fff; padding: 20px 30px; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: relative; background-color: #222; }

.main-menu .mn .mn-item.st-1 a { background-image: url("../images/main/mn_img01.jpg"); }

.main-menu .mn .mn-item.st-2 a { background-image: url("../images/main/mn_img02.jpg"); }

.main-menu .mn .mn-item.st-3 a { background-image: url("../images/main/mn_img03.jpg"); }

.main-menu .mn .mn-item.st-4 a { background-image: url("../images/main/mn_img04.jpg"); }

.main-menu .mn .mn-item a .mni-top { display: block; padding-bottom: 20px; border-bottom: 1px solid #ffffff; padding-right: 30px; position: relative; }

.main-menu .mn .mn-item a .mni-top i { position: absolute; right: 0; top: 5px; }

.main-menu .mn .mn-item a .mni-bottom { position: absolute; display: block; bottom: 20px; left: 20px; right: 20px; border-top: 1px solid #ffffff; padding-top: 20px; }

.main-menu .mn .mn-item a .mni-bottom > span { width: 100%; display: table; }

.main-menu .mn .mn-item a .mni-bottom > span > span { display: table-cell; vertical-align: middle; letter-spacing: -0.035em; }

.main-menu .mn .mn-item a .mni-bottom > span > span:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.3); }

.main-menu .mn .mn-item a .mni-bottom > span > span.pd-r { padding-right: 30px; }

.main-menu .mn .mn-item a .mni-bottom > span > span.pd-l { padding-left: 30px; }

.main-menu .mn .mn-item a .mni-bottom > span > span > span { display: block; letter-spacing: -0.02em; }

.main-menu .mn .mn-item:hover .mni-top i { animation-duration: 0.4s; animation-name: more2; animation-iteration-count: infinite; }

.main-menu .slick-dots { width: 80%; max-width: 670px; margin: 1em auto 0; }

.main-menu .slick-dots::after { display: block; content: ""; clear: both; }

.main-menu .slick-dots li { float: left; width: 25%; }

.main-menu .slick-dots li button { width: 100%; padding: 0; height: 3px; text-indent: -1000px; overflow: hidden; background: #ddd; border: none; cursor: pointer; -webkit-transition: background  0.2s; -moz-transition: background  0.2s; -o-transition: background  0.2s; -ms-transition: background  0.2s; transition: background  0.2s; }

.main-menu .slick-dots li.slick-active button, .main-menu .slick-dots li.on button { background: #c27a34; }

@media all and (max-width: 1650px) { .main-menu { margin-top: 140px; }
  .main-menu .mn { margin-left: 0; margin-right: 0; }
  .main-menu .mn .mn-item { width: 358px; }
  .main-menu .mn .mn-item a { height: 413px; }
  .main-menu .mn .mn-item:nth-child(2n) { margin-top: 0px; }
  .main-menu .mn .mn-item .fs-26 { font-size: 20px; }
  .main-menu .mn .mn-item .fs-20 { font-size: 15px; }
  .main-menu .mn .mn-item .fs-16 { font-size: 13px; } }

@media all and (max-width: 1024px) { .main-menu { margin-top: 140px; } }

@media all and (max-width: 768px) { .main-menu { margin-top: 105px; } }

@media all and (max-width: 500px) { .main-menu { margin-top: 91px; } }

@media all and (max-width: 375px) { .main-menu .mn .mn-item { width: 315px; }
  .main-menu { margin-top: 70px; } }

.main-people { margin-top: 180px; }

.main-people .mp { margin-left: -10px; margin-right: -10px; }

.main-people .mp::after { display: block; content: ""; clear: both; }

.main-people .mp .mp-item { float: left; width: 50%; padding-left: 10px; padding-right: 10px; position: relative; }

.main-people .mp .mp-item .mp-img .mp-img-con .pcNone { display: none; }

.main-people .mp .mp-item .mp-img .mp-img-con .moNone { display: inline-block; }

.main-people .mp .mp-item .mp-text-box { width: 100%; max-width: 425px; background: #fff; position: absolute; bottom: 0px; right: 0px; padding: 66px; padding-right: 0; padding-bottom: 0; }

.main-people .mp .mp-item.st-1 { margin-top: -185px; }

.main-people .mp .mp-item.st-2 { text-align: right; }

.main-people .mp .mp-item.st-2 .mp-img { display: inline-block; }

.main-people .mp .mp-item.st-2 .mp-text-box { max-width: 481px; right: auto; left: 0; padding: 66px; padding-left: 0; }

.main-people .mp .mp-item.st-3 { text-align: right; }

.main-people .mp .mp-item.st-3 .mp-img { display: inline-block; }

.main-people .mp .mp-item.st-3 .mp-text-box { max-width: 561px; right: auto; left: 0; padding: 66px; padding-left: 0; }

@media all and (max-width: 1650px) { .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 40px; margin-bottom: -100px; } }

@media all and (max-width: 1219px) { .main-people .main-tit-box { text-align: center; }
  .main-people .mp .mp-item { width: 100%; padding-bottom: 0; padding-left: 10px; padding-right: 10px; position: relative; margin-bottom: 230px; }
  .main-people .mp .mp-item:last-child { margin-bottom: 180px !important; }
  .main-people .mp .mp-item .mp-img { display: block; position: relative; width: 50%; overflow: hidden; }
  .main-people .mp .mp-item .mp-img:before { content: ''; padding-top: 124%; display: block; }
  .main-people .mp .mp-item .mp-img .mp-img-con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .main-people .mp .mp-item .mp-img .mp-img-con img { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .main-people .mp .mp-item.st-1 { margin-top: 0px; }
  .main-people .mp .mp-item.st-1, .main-people .mp .mp-item.st-2, .main-people .mp .mp-item.st-3 { text-align: left; }
  .main-people .mp .mp-item.st-1 .mp-img, .main-people .mp .mp-item.st-2 .mp-img, .main-people .mp .mp-item.st-3 .mp-img { display: inline-block; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { margin-bottom: 0px; right: 0; bottom: -180px; left: auto; width: 65%; max-width: none; padding: 60px; } }

@media screen and (max-width: 767px) { .main-people .mp .mp-item:last-child { margin-bottom: 0 !important; }
  .main-people .mp .mp-item .mp-img { width: 100%; margin-bottom: 33%; }
  .main-people .mp .mp-item .mp-img:before { padding-top: 90%; }
  .main-people .mp .mp-item .mp-img .mp-img-con .moNone { display: none; }
  .main-people .mp .mp-item .mp-img .mp-img-con .pcNone { display: inline-block; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { width: 100%; bottom: 0; }
  .main-people { margin-top: 105px; }
  .main-people .mp .mp-item { margin-bottom: 60px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 45px; } }

@media all and (max-width: 500px) { .main-people { margin-top: 91px; }
  .main-people .mp .mp-item { margin-bottom: 52px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 39px; } }

@media all and (max-width: 375px) { .main-people { margin-top: 70px; }
  .main-people .mp .mp-item { margin-bottom: 40px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 30px; } }

.main-room {background:#3a3c43; margin-top: 100px;}
@media screen and (max-width: 768px) {
	.main-room {margin-top:50px;}
}


.main-room .mr { padding:50px 0px;}

.main-room .mr::after { display: block; content: ""; clear: both; }

		/*
		.main_sns {}
		.main_sns ul {margin:0;padding:30px 0 80px;font-size:0;vertical-align:top;text-align:center;}
		.main_sns li {display:inline-block;vertical-align:top;height:90px;line-height:90px;width:90px;margin:0;padding:0;border-radius:90px;overflow:hidden;}
		.main_sns li + li {margin-left:20px;}
		.main_sns li a {background-color:#f5f5f5;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:auto 54px !important;display:block;height:inherit;line-height:inherit;width:100%;margin:0;border-radius:inherit;overflow:hidden;transition:all 0.3s;image-rendering: auto;-ms-interpolation-mode: auto;}
		.main_sns li:nth-child(4) a {background-color:#ffd800;}
		.main_sns li:nth-child(5) a {background-color:#009345;}
		.main_sns li:hover a {background-color:#e60044;}
		.main_sns li.sns01 a {background-image:url(/design/default/images/main/icon_sns01.png);}
		.main_sns li.sns02 a {background-image:url(/design/default/images/main/icon_sns02.png);}
		.main_sns li.sns03 a {background-image:url(/design/default/images/main/icon_sns03.png);}
		.main_sns li.sns04 a {background-image:url(/design/default/images/main/icon_sns04.png);}
		.main_sns li.sns05 a {background-image:url(/design/default/images/main/icon_sns05.png);}
		.main_sns li.sns06 a {background-image:url(/design/default/images/main/icon_sns06.png);}
		.main_sns li.sns01:hover a {background-image:url(/design/default/images/main/icon_sns01_on.png);}
		.main_sns li.sns02:hover a {background-image:url(/design/default/images/main/icon_sns02_on.png);}
		.main_sns li.sns03:hover a {background-image:url(/design/default/images/main/icon_sns03_on.png);}
		.main_sns li.sns04:hover a {background-image:url(/design/default/images/main/icon_sns04_on.png);}
		.main_sns li.sns05:hover a {background-image:url(/design/default/images/main/icon_sns05_on.png);}
		.main_sns li.sns06:hover a {background-image:url(/design/default/images/main/icon_sns06_on.png);}
		*/

		.main_sns {width:100%; max-width:1200px;margin:0 auto;}
		.main_sns ul {margin:0;padding:30px 0 30px;font-size:0;vertical-align:top;text-align:center;}
		.main_sns li {display:inline-block;vertical-align:top;height:150px;width:90px;margin:0;padding:0;overflow:hidden;}
		.main_sns li + li {margin-left:40px;}
		.main_sns li dt {background-color:#f5f5f5;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:auto 54px !important;display:block;height:inherit;line-height:inherit;height:90px;width:90px;border-radius:90px;transition:all 0.3s;image-rendering: auto;-ms-interpolation-mode: auto;}
		.main_sns li dt:hover {background-color:#6a89f8;}
		.main_sns li dd {font-size:14px; line-height:17px;padding-top:10px; color:#fff; opacity:.7}
		.main_sns li dt.sns01 {background-image:url(/design/default/images/main/icon_sns01.png);}
		.main_sns li dt.sns02 {background-image:url(/design/default/images/main/icon_sns02.png);}
		.main_sns li dt.sns03 {background-image:url(/design/default/images/main/icon_sns03.png);}
		.main_sns li dt.sns04 {background-color:#ffd800;background-image:url(/design/default/images/main/icon_sns04.png);}
		.main_sns li dt.sns01:hover {background-image:url(/design/default/images/main/icon_sns01_on.png);}
		.main_sns li dt.sns02:hover {background-image:url(/design/default/images/main/icon_sns02_on.png);}
		.main_sns li dt.sns03:hover {background-image:url(/design/default/images/main/icon_sns03_on.png);}
		.main_sns li dt.sns04:hover {background-color:#6a89f8;background-image:url(/design/default/images/main/icon_sns04_on.png);}

@media all and (max-width: 800px){
		.main_sns ul {margin:0;padding:0px 0 0px;font-size:0;vertical-align:top;text-align:center;}
		.main_sns li {height:100px;width:60px;}
		.main_sns li + li {margin-left:5px;}
		.main_sns li dt {background-size:auto 30px !important;display:block;height:inherit;line-height:inherit;height:60px;width:60px;border-radius:60px;transition:all 0.3s;image-rendering: auto;-ms-interpolation-mode: auto;}
		.main_sns li dd {font-size:12px; line-height:15px;padding-top:10px; color:#fff; opacity:.7}
}


.main-insta { margin-top: 180px; padding: 120px 0; background: #f5f5f5; }

.main-insta::after { display: block; content: ""; clear: both; }

.main-insta .mis { margin-left: -10px; margin-right: -10px; }

.main-insta .mis .mis-item {width: 100%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }

.main-insta .mis .mis-item a { display: block; }

.main-insta .mis .mis-item .mis-img { position: relative; overflow: hidden; background: #f5f5f5; }

.main-insta .mis .mis-item .mis-img:before { content: ''; display: block; padding-top: 100%; }

.main-insta .mis .mis-item .mis-img img {    position: absolute;
    /* width: 100%; */
    height: 100%;
    width: 100%;
    top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-insta .mis .mis-item .misi-box2 { position: relative; }

.main-insta .mis .mis-item .misi-box2:before { content: ''; display: block; padding-top: 100%; }

.main-insta .mis .mis-item .misi-box2 .misi-box2-con { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-insta .mis .mis-item .misi-box2 .misi-box2-con a { color: #222; }

@media all and (max-width: 1024px) { .main-insta .mis .mis-item { width: 33.33333%; }
  .main-insta .mis .mis-item:last-child { display: none; }
  .main-insta .mis .mis-item._text { width: 100%; }
  .main-insta .mis .mis-item._text .misi-box2:before { padding-top: 45%; }
  .main-insta .mis .mis-item._text br { display: none; }
  .main-insta .mis .mis-item._text img { width: 30%; max-width: 135px; }
  .main-insta { margin-top: 140px; padding: 60px 0 120px; }
  .main-insta .mis { margin-left: -10px; margin-right: -10px; }
  .main-insta .mis .mis-item { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } }

@media all and (max-width: 768px) { .main-insta .mis .mis-item { width: 50%; }
  .main-insta { margin-top: 105px; padding: 45px 0 90px; }
  .main-insta .mis { margin-left: -8px; margin-right: -8px; }
  .main-insta .mis .mis-item { padding-left: 8px; padding-right: 8px; padding-bottom: 15px; } }

@media all and (max-width: 500px) { .main-insta { margin-top: 91px; padding: 39px 0 78px; }
  .main-insta .mis { margin-left: -7px; margin-right: -7px; }
  .main-insta .mis .mis-item { padding-left: 7px; padding-right: 7px; padding-bottom: 13px; } }

@media all and (max-width: 375px) { .main-insta { margin-top: 70px; padding: 30px 0 60px; }
  .main-insta .mis { margin-left: -5px; margin-right: -5px; }
  .main-insta .mis .mis-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } }

.main-info2 { padding: 140px 0; position: relative; background: #f5f5f5; }

.main-info2 #map { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: 100% auto; background: url(/images/main/mm_map.jpg) no-repeat center center; }

.main-info2 .wrap::after { display: block; content: ""; clear: both; }

.main-info2 .mi2 { position: relative; z-index: 1; width: 100%; max-width: 850px; float: right; background: #fff; table-layout: fixed; display: table; }

.main-info2 .mi2 .mi2-rv { width: 6.5em; height: 6.5em; top: 0; left: 0; background: #c27a34; color: #fff; position: absolute; }

.main-info2 .mi2 .mi2-rv > span { text-align: center; display: block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-info2 .mi2 .mi2-img { position: relative; width: 30%; display: table-cell; background: url(/images/main/mi_bg.jpg) no-repeat 10% 90%; background-size: auto 100%; }

.main-info2 .mi2 .mi2-text-box { width: 70%; display: table-cell; padding: 60px; padding-bottom: 20px; }

.main-info2 .mi2 .mi2-text-box .line-box { border-top: 1px solid #ccc; padding: 20px 0 20px 60px; }

.main-info2 .mi2 .mi2-text-box .line-box > span { display: inline-block; padding-right: 10px; }

.main-info2 .mi2 .mi2-text-box .line-box.tel { background-size: cover; background: url(/images/common/icon_tel.png) no-repeat center left; }

.main-info2 .mi2 .mi2-text-box .line-box.time { background-size: cover; background: url(/images/common/icon_time.png) no-repeat center left; }

@media all and (max-width: 1024px) { .main-info2 #map { position: absolute; top: 0; right: 0; left: 0; bottom: 60%; background: url(/images/main/mm_map.jpg) no-repeat center center; }
  .main-info2 .mi2 { max-width: none; float: none; display: block; max-width: 670px; margin: 0 auto; }
  .main-info2 .mi2 .mi2-img { width: 100%; height: 395px; display: block; background-size: 100% auto; background-position: left 82%; }
  .main-info2 .mi2 .mi2-img .mi2-rv { width: 6.5em; height: 6.5em; }
  .main-info2 .mi2 .mi2-text-box { width: 100%; display: block; }
  .main-info2 { padding: 430px 0 140px; }
  .main-info2 .mi2 .mi2-img { height: 395px; }
  .main-info2 .mi2 .mi2-text-box { padding: 40px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 20px 0 20px 90px; background-position: 20px !important; background-size: 36px !important; } }

@media all and (max-width: 768px) { .main-info2 { padding: 323px 0 105px; }
  .main-info2 .mi2 .mi2-img { height: 296px; }
  .main-info2 .mi2 .mi2-text-box { padding: 30px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 15px 0 15px 68px; background-position: 15px !important; background-size: 27px !important; } }

@media all and (max-width: 500px) { .main-info2 { padding: 280px 0 91px; }
  .main-info2 .mi2 .mi2-img { height: 257px; }
  .main-info2 .mi2 .mi2-text-box { padding: 26px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 13px 0 13px 59px; background-position: 13px !important; background-size: 24px !important; } }

@media all and (max-width: 375px) { .main-info2 { padding: 215px 0 70px; }
  .main-info2 .mi2 .mi2-img { height: 198px; }
  .main-info2 .mi2 .mi2-text-box { padding: 20px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 10px 0 10px 45px; background-position: 10px !important; background-size: 18px !important; } }

.mv_more { font-family: 'Montaga'; font-weight: 400; color: #ffffff; font-size: 22px; display: inline-block; padding: 8px 17px; position: relative; outline: 0; margin-top: 20px; margin-bottom: 30px;}
.mv_more::before{content:''; display: block; width: 100%; height: 2px; left:0; bottom:0; background: #ffffff; position:absolute; }
.mv_more:hover {color:#da8c40;}
.mv_more:hover::before{background: #da8c40; }

@media all and (max-width: 1024px) {
    .mv_more { font-size: 28px; padding: 8px 17px;margin-top: 20px; margin-bottom: 30px;}
    .mv_more::before{height: 2px;}
}

@media all and (max-width: 768px) {
    .mv_more { font-size: 21px; padding: 6px 12px;margin-top: 14px; margin-bottom: 20px;}
    .mv_more::before{height: 2px;}
}

@media all and (max-width: 500px) {
    .mv_more { font-size: 14px; padding: 4px 8px;margin-top: 10px; margin-bottom:15px;}
    .mv_more::before{height: 1px;}
}


.main-product { margin-top: 180px; overflow:hidden; padding: 100px 0; background: #f5f5f5; }
.main-product .misi-box2-con {text-align:center;}
.main-product ._contents {margin:0 auto;padding:50px 0 100px;}
.main-product ._contents .product-item {float:left; width:19.6%; margin-left:0.2%; margin-right:0.2%;}


/** 중간퀵 **/
.main-quick {background:#ecf2ff; padding: 50px 0;}
.main-quick .wrap {max-width:1200px;width:100%;}
.main-quick .wrap .card-list{width:100%; padding:50px;overflow:auto;}
.main-quick .wrap .card-list li{position:relative;float:left;width:29.3%;margin-right:2%;margin-left:2%;border-radius:30px;padding:0 40px;}
.main-quick .wrap .card-list li:nth-child(1){background:#fff url(/design/default/images/main/main_card_link01.jpg) no-repeat center 40px;}
.main-quick .wrap .card-list li:nth-child(2){background:#fff url(/design/default/images/main/main_card_link02.jpg) no-repeat center 40px;}
.main-quick .wrap .card-list li:nth-child(3){background:#fff url(/design/default/images/main/main_card_link03.jpg) no-repeat center 40px;}
.main-quick .wrap .card-list dl{position:relative;width:100%;height:450px;overflow:hidden;}
.main-quick .wrap .card-list dl dt{width:100%;position:absolute;left:50%;top:60%;transform:translate(-50%,-50%); font-size:25px; padding-bottom:10px;text-align:center;line-height:32px;color:#354d94;font-weight:700;border-bottom:1px solid #354d94;}
.main-quick .wrap .card-list dl dd{width:100%;position:absolute;left:50%;bottom:50px;text-align:center;transform:translate(-50%);font-size:18px;line-height:30px;color:#868686;}

@media all and (max-width: 1190px) {
	.main-quick {background:#ecf2ff; padding: 30px 0;}
	.main-quick .wrap .card-list{padding:20px 10px;}
	.main-quick .wrap .card-list li{float:left;width:31.333333%;margin-right:1%;margin-left:1%;margin-bottom:20px;}
	.main-quick .wrap .card-list li:nth-child(1){background-size:100px;}
	.main-quick .wrap .card-list li:nth-child(2){background-size:100px;}
	.main-quick .wrap .card-list li:nth-child(3){background-size:100px;}
	.main-quick .wrap .card-list dl{position:relative;width:100%;height:350px;overflow:hidden;}
	.main-quick .wrap .card-list dl dt{width:100%;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%); font-size:24px; padding-bottom:10px;text-align:center;line-height:32px;color:#354d94;font-weight:700;border-bottom:1px solid #354d94;}
	.main-quick .wrap .card-list dl dd{width:100%;position:absolute;left:50%;bottom:45px;text-align:center;transform:translate(-50%);font-size:16px;line-height:24px;letter-spacing:-0.5px;color:#868686;}
}

@media all and (max-width: 945px) {
	.main-quick {background:#ecf2ff; padding: 30px 0;}
	.main-quick .wrap .card-list{padding:20px 10px;}
	.main-quick .wrap .card-list li{float:none;width:80%;margin-right:10%;margin-left:10%;margin-bottom:20px;}
	.main-quick .wrap .card-list li:nth-child(1){background-size:100px;}
	.main-quick .wrap .card-list li:nth-child(2){background-size:100px;}
	.main-quick .wrap .card-list li:nth-child(3){background-size:100px;}
	.main-quick .wrap .card-list dl{position:relative;width:100%;height:350px;overflow:hidden;}
	.main-quick .wrap .card-list dl dt{width:100%;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%); font-size:24px; padding-bottom:10px;text-align:center;line-height:32px;color:#354d94;font-weight:700;border-bottom:1px solid #354d94;}
	.main-quick .wrap .card-list dl dd{width:100%;position:absolute;left:50%;bottom:45px;text-align:center;transform:translate(-50%);font-size:16px;line-height:24px;letter-spacing:-0.5px;color:#868686;}
}

@media all and (max-width: 500px) {
	.main-quick .wrap .card-list li{width:90%;margin-right:5%;margin-left:5%; padding:0 10px;}
	.main-quick .wrap .card-list li:nth-child(1){background-size:80px;}
	.main-quick .wrap .card-list li:nth-child(2){background-size:80px;}
	.main-quick .wrap .card-list li:nth-child(3){background-size:80px;}
	.main-quick .wrap .card-list dl{position:relative;width:100%;height:280px;overflow:hidden;}
	.main-quick .wrap .card-list dl dt{width:100%;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%); font-size:20px; padding-bottom:10px;text-align:center;line-height:32px;color:#354d94;font-weight:700;border-bottom:1px solid #354d94;}
	.main-quick .wrap .card-list dl dd{bottom:30px;text-align:center;transform:translate(-50%);font-size:14px;line-height:20px;letter-spacing:-0.5px;color:#868686;}
}
/*
@media all and (min-width:768px) {
	.main-quick .wrap .card-list{margin-top:60px;}
	.main-quick .wrap .card-list li{width:33.33333333%; height:380px;}
	.main-quick .wrap .card-list dl{height:380px;}
	.main-quick .wrap .card-list a{display:block;width:100%;height:380px;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;}
	.main-quick .wrap .card-list dl:before{height:380px;transition:all 0.5s ease-in-out;}
	.main-quick .wrap .card-list dl.item1:before{background-image:url(/design/default/images/main/main_card_link01.jpg)}
	.main-quick .wrap .card-list dl.item2:before{background-image:url(/design/default/images/main/main_card_link02.jpg)}
	.main-quick .wrap .card-list dl.item3:before{background-image:url(/design/default/images/main/main_card_link03.jpg)}
	.main-quick .wrap .card-list dl:after{display:none;width:70px;height:70px;background-image:url(/design/default/images/main/main_banner_arrow_next.jpg)}
	.main-quick .wrap .card-list a:hover,
	.main-quick .wrap .card-list a:focus{top:0px;}
	.main-quick .wrap .card-list a:hover dl.item1:before,
	.main-quick .wrap .card-list a:focus dl.item1:before{background-image:url(/design/default/images/main/main_card_link01_gray.jpg)}
	.main-quick .wrap .card-list a:hover dl.item2:before,
	.main-quick .wrap .card-list a:focus dl.item2:before{background-image:url(/design/default/images/main/main_card_link02_gray.jpg)}
	.main-quick .wrap .card-list a:hover dl.item3:before,
	.main-quick .wrap .card-list a:focus dl.item3:before{background-image:url(/design/default/images/main/main_card_link03_gray.jpg)}
	.main-quick .wrap .card-list a:hover dl:after,
	.main-quick .wrap .card-list a:focus dl:after{display:block}
	.main-quick .wrap .card-list dl dt{left:40px;bottom:40px;font-size:24px;line-height:45px;}
	.main-quick .wrap .card-list dl dd{display:block;position:absolute;left:60px;top:60px;text-align:right;font-size:20px;line-height:20px;color:#fff;writing-mode:tb-rl;text-orientation:mixed;transform:rotate(180deg);}
}
*/

/**빠른상담**/
.main-consult {word-break: keep-all; margin-top: 100px;}
.main-consult .wrap {max-width:1200px; width:100%; padding:40px 30px; border:1px solid #dadada;}

@media all and (max-width: 768px) {
	.main-consult {margin-top:50px;}
}

/** 버튼**/
.mainBtn-area {margin-top:30px;}
.mainBtn-area a.mainBtn {background:#e60044; color:#fff; font-size:18px; font-weight:500; width:300px; text-align:center; display:block; padding:15px 0px;}

.mainBtn-area a.btn-red{text-align:center;border:1px solid #6a89f8;background:#6a89f8;color:#fff}
.mainBtn-area a.btn-red:hover{background:#2742a4;border-color:#2742a4}
.mainBtn-area a.btn-red.btn-effect{background:#6a89f8 !important}
.mainBtn-area a.btn-red.btn-effect:hover::before{background:#2742a4}

@media all and (max-width: 768px) {
	.mainBtn-area {margin-top:30px; }
	.mainBtn-area a.mainBtn {margin:0 auto;}
}

/** 버튼_사업영역**/
.mainBtn-area2 {overflow:auto;margin:0 auto; text-align:center; max-width:1200px; width:100%; padding-bottom:70px;}
.mainBtn-area2 a.mainBtn {background:#354d94; color:#fff; font-size:24px; font-weight:500; width:300px; border-radius:50px;margin:0 auto; text-align:center; display:block; padding:15px 0px;overflow:hidden;}

.mainBtn-area2 a.btn-red{text-align:center;background:#354d94;color:#fff;}
.mainBtn-area2 a.btn-red:hover{background:#2742a4;border-color:#2742a4;}
.mainBtn-area2 a.btn-red.btn-effect{background:#6a89f8 !important;border-radius:50px;}
.mainBtn-area2 a.btn-red.btn-effect:hover::before{background:#2742a4}

.btn-effect{position:relative;background:transparent !important}
.btn-effect.hasicon::after,
.btn-effect span{position:relative;z-index:1}
.btn-effect::before{position:absolute;top:0;left:0;width:100%;height:0;z-index:0;transition:height .3s ease-in-out;content:''}
.btn-effect:hover::before{height:100%}



.main-video {overflow:auto;background:#000; padding:100px 0;}
.main-video .wrap {max-width:1200px;width:100%;}
.main-video .main-tit-box p {color:#fff;}
.main-video .movWrap {width:100%; position:relative; overflow:auto; padding:50px 0px 80px;}
.main-video .movWrap li{position:relative;float:left;width:32.3%;margin-right:0.5%;margin-left:0.5%;padding:0 40px;}

.main-video .frame {padding-top:30px;padding-bottom:10px;width:100%; height:320px;}



@media all and (max-width: 800px) {
	.main-video {padding:50px 0;}
	.main-video .movWrap {padding:0px 0px 30px;}
	.main-video .movWrap li{float:none;width:100%;margin-right:0%;margin-left:0%;}
	.main-video .frame {width:100%; height:320px;}
}

.main-business {padding:100px 0 50px;}
.main-business .wrap {max-width:1200px;width:100%;}




/* BUTTON */
.btn-wrap {padding-top:30px; padding-bottom:100px;max-width:1200px; width:100%; text-align:center; margin:0 auto;overflow:auto;}
.btn-wrap li {float:left; width:12.5%; margin-bottom:40px;}
.btn-wrap li img {max-width:100%;}



@media all and (max-width: 800px) {
	.main-business {padding:30px 0;}
	.btn-wrap {padding-top:0px; padding-bottom:30px;}
	.btn-wrap li {float:left; width:21%; margin-left:2%; margin-right:2%; margin-bottom:15px;}
	.btn-wrap li span {font-size:13px;}
}

/* 신청영역 */
.sec_interest { height: 780px; padding: 100px 0 100px; background: url("/design/default/images/main/bg_interest.jpg") 50% 50% no-repeat; background-size: cover; }
.sec_interest .wrap {max-width:1200px; width:100%;}

.sec_interest .section_title { float: left; color: #fff; }

.sec_interest .form_interest { float: right; width:100%; max-width: 540px; margin-top: 20px; }

.sec_interest .form_interest .list_wrap { margin: 30px 0px 0;}

.sec_interest .form_interest .list_wrap .item { width: 100%; font-size: 17px; line-height:55px; color:#fff; height:55px;border-bottom: 1px solid #9ba7c9;}


.sec_interest .form_interest .list_wrap .item span {width:25%;float:left;}

.sec_interest .form_interest .list_wrap .item .input_box {float:left; width:75%; height: 40px; }

.sec_interest .form_interest .list_wrap .item .input_box label { font-size: 15px; }

.sec_interest .form_interest .list_wrap .item .input_box input {font-size:15px; padding: 5px 10px 5px 10px; background: none; color: #fff; border: 0px solid #9ba7c9; }

.sec_interest .form_interest .list_wrap .item .input_box input.w100 {width:100%;}

.sec_interest .form_interest .check_box { margin-top: 5px; }

.sec_interest .form_interest .check_box input[type="checkbox"]:checked + label:before { background: url("/resources/images/kr/common/icon_check_wh.png") 50% 50% no-repeat; }

.sec_interest .form_interest .check_box .btn_privacy { color: #fff; }

.sec_interest .list_interest { float: left; width: 570px; margin-top: 40px; }

.sec_interest .list_interest .title { color: #fff; margin-bottom: 14px; }

.sec_interest .list_interest .check_box .item { color: #ffcbc1; }

.sec_interest .list_interest .check_box input[type="checkbox"] + label span { font-size: 16px; color: #fff; }

.sec_interest .list_interest .check_box input[type="checkbox"]:checked + label:before { background: url("/resources/images/kr/common/icon_check_wh.png") 50% 50% no-repeat; }

.sec_interest .captcha { clear: both; float: left; margin-top: 36px; }

.sec_interest .captcha .cont_tit { color: #fff; margin-bottom: 13px; }

.sec_interest .captcha .cont_tit .req { display: inline-block; font-weight: inherit; position: relative; }

.sec_interest .captcha .cont_tit .req:after { display: block; position: absolute; top: 0; right: -0.5em; content: ""; color: #fcff17; content: "*"; }

.sec_interest .captcha .captcha_box:after { content: ""; display: table; clear: both; }

.sec_interest .captcha .captcha_box .captcah_img { float: left; width: 111px; height: 30px; background: #f5f0ea; }

.sec_interest .captcha .captcha_box .btn_refresh { float: left; width: 30px; height: 30px; text-indent: -9999%; font-size: 0; background: url("/resources/images/kr/main/icon_refresh.png") 50% 50% no-repeat; background-color: #888888; }

.sec_interest .captcha .captcha_box .input_box { float: left; width: 160px; height: 30px; margin-left: 5px; background: #f9e3de; }

.sec_interest .captcha .captcha_box .input_box input { padding: 0 10px; border: 0; background: #f9e3de; }

.sec_interest .btn_interest { position: relative; float: right; min-width: 250px; height: 50px; margin-top: 45px; padding-left: 22px; border: 1px solid #f5baaf; color: #fff; font-size: 18px; line-height: 50px; text-align: left; z-index: 1; border-radius: 7px; }

.sec_interest .btn_interest .arrow { position: absolute !important; top: 0; right: 0; left: 0; bottom: 0; position: relative; }

.sec_interest .btn_interest .arrow:after { display: block; position: absolute; top: 50%; right: 26px; width: 8px; height: 8px; border-style: solid; border-width: 0 2px 2px 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; margin-top: -5px; }

.sec_interest .btn_interest .arrow:before { display: block; position: absolute; top: 50%; right: 24px; width: 35px; height: 2px; content: ""; margin-top: -1px; background: #fff; }

.sec_interest .btn_interest:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 5px; z-index: -1; }

.sec_interest .btn_interest:hover { background: #fff; border-color: #fff; color: #f05334; }

.sec_interest .btn_interest:hover:before { width: 100%; }

.sec_interest .btn_interest:hover .arrow:before { background: #f05334; }


@media all and (max-width: 1110px) {
	.list_interest {display:none;}
	.sec_interest .form_interest {margin:0 auto; float: none; width:100%; margin-top: 20px; padding:0px 40px;}
}

@media all and (max-width: 768px) {
	.sec_interest {height: 660px; padding: 50px 0; background: url("/design/default/images/main/bg_interest.jpg") 50% 50% no-repeat; background-size: cover; }
	.sec_interest .form_interest .list_wrap .item span {font-size: 13px; width:30%;}
	.sec_interest .form_interest .list_wrap .item .input_box {float:left; width:65%;}
	.sec_interest .form_interest .list_wrap .item .input_box label { font-size: 13px; }
	.sec_interest .form_interest .list_wrap .item .input_box input {font-size:13px; padding: 5px 10px 5px 10px; background: none; color: #fff; border: 0px solid #9ba7c9; }
	.sec_interest .form_interest { margin-top: 0px; }
	.sec_interest .form_interest .list_wrap { margin: 0px 0px 0;}
	.sec_interest .form_interest .check_box .btn_privacy {font-size:13px; padding-bottom:20px;}
}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
#rightBar{
	position:fixed; top:0%; right:44px; z-index:99; margin-top:10px;
	opacity:0;filter:Alpha(opacity=0);
	visibility:hidden;
	transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}
#rightBar.fixed{visibility:visible; opacity:1.0;filter:Alpha(opacity=100); top:0%;}
#rightBar > ul {width:55px;}
#rightBar > ul > li{;width:100px; height:99px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }
#rightBar > ul > li > a{display:block;  text-align:center; color:#fff; font-weight: 500; font-size: 13.5px; line-height: 14px; padding:12px 5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#rightBar > ul > li > a > i {display: block; font-size: 25px; margin-bottom: 7px;}
#rightBar > ul > li > a > .jp {display: block; font-size: 25px; margin-bottom: 16px;}
#rightBar > ul > li.mb-change > a > i {margin-bottom: 16px;}

@media all and ( max-width: 800px ){
	#rightBar{right:-56px;}
	#rightBar.fixed{visibility:hidden;opacity:0;filter:Alpha(opacity=0);}
}

@media all and ( max-width: 800px ){
	#rightBar {display:none;}
}