@charset "utf-8";

/* import */
@import url("common.css"); /* 태그 기본설정 */
@import url("layout.css"); /* 태그 기본설정 */

/* font */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}

/* main */
.slidebox {
  position: relative;
  height: 750px;
}
.slidebox h1 {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  left: -60px;
  font-family: Montserrat;
  text-decoration: underline;
  font-size: 124px;
  font-weight: 600;
  line-height: 1.21;
  letter-spacing: -1.86px;
  color: #ff0000;
  z-index: 10;
}
.slidebox .wrap-img {
  position: absolute;
  display: flex;
  width: 50%;
 /* height: 100%; */
}
.slidebox .wrap-img img {width: auto;max-width:100%;max-height:100%}

.slidebox p {
  position: absolute;
  bottom: -60px;
  left: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.76;
}
.slidebox p b {
  color: #ff0000;
}

.slidebox.type01 {
  background: linear-gradient(90deg, #f1f1f1 0%, #f7f7f7 50%, #f1f1f1 100%);;
}
.slidebox.type02,
.slidebox.type03 {
  background-image: url("../../images/main/mv_border.png"),  linear-gradient(90deg, rgba(225, 225, 225, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(225, 225, 225, 1) 100%);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  -webkit-background-size: contain;
}
.slidebox.type01 .wrap-img {
  bottom: 0;
  right: 0;
  width: 60%;
  justify-content:flex-end;
  align-items:center;
}
.slidebox.type02 .wrap-img {
  bottom: -60px;
  right: 0;
	justify-content:center;
  align-items:flex-end;
}
.slidebox.type03 .wrap-img {
  bottom: -20px;
  right: 0%;
  width: 80%;
	justify-content:flex-end;
  align-items:flex-end
}

/* 영술수정 - 메인페이지 */
#middle.main {margin-top: 0;padding-top: 0 !important;}
.container.type01.mvContainer {width: 100%;padding: 0;max-width:none}
.main-banner-wrap {height: 46vw;padding: 0 6.979%;padding-top: 103px;box-sizing:border-box;overflow: hidden;}
.main-banner-wrap .main-banner {
  height: 100%;  box-sizing: content-box; overflow: visible;
}
.main-banner-wrap .main-banner .slidebox {height: 100%;}
.main-banner-wrap .main-banner .swiper-slide {padding: 0 0 100px;box-sizing:border-box}
.main-banner-wrap .swiper-container-vertical > .swiper-pagination-bullets {left: -40px;}
.main-banner-wrap .main-banner .slidebox p {bottom: -42px;}
.main-banner-wrap .main-banner .slidebox h1 {font-size: 4.3vw;}

.sub-visual .slidebox .wrap-img {width: 100%;}

/* 영술수정 - 메인페이지 */
@media screen and (max-width: 1920px) {
	.main-banner-wrap {padding: 0 50px;padding-top: 103px;}
	.main-banner-wrap .main-banner {max-width: 1652px;}
}


.sec01 {
  /*padding-top: 120px;*/
  padding-top: 60px;
}
.sec01 h1 {
  font-size: 17px;
  line-height: 1.76;
  color: #b2b2b2;
}
.sec01 h1 + .sec-h2 {margin-top: 15px;} 

.sec01 .sec-h2 {
  margin-top: 74px;
  width: 100%;
  overflow: hidden;
}
.sec01 h2 {
  margin-bottom: 150px;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  /* letter-spacing: 4.22px; */
  color: #ff0000;
}
.sec01 .comment {
  margin-left: 84px;
  width: 56%;
  font-size: 17px;
  line-height: 36px;
  float: left;
  padding-top: 25px;
}

.product-area h3 {
  position: relative !important;
  padding-left: 36px !important;
  font-size: 16px !important;
  line-height: 1.13 !important;
  letter-spacing: 2.24px !important;
}

.product-area .sec01 { padding-top: 0; }
.product-area h3::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 77px;
  background-color: #000;
  z-index: 10;
}
.product-area {
  margin-top: 98px;
  -webkit-display: flex;
  display: flex;
}
.product-area .wrap {
  align-items: stretch;
}
.product-area .wrap:nth-child(1) {
  flex: 0 0 60%;
  max-width: 60%;
  border-right: 1px solid #fff;
}
.product-area .wrap:nth-child(2) {
  flex: 0 0 40%;
  max-width: 40%;
}
.product-area .product {
  padding: 26px 5px 20px;
}
.product-area .product ul {
  text-align: center;
}
.product-area .product li {
  display: inline-block;
}
.product-area .product .tit {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.product-area .sec01 .product {
  background-color: #ececec;
  border-top: 1px solid #fff;
}
.product-area .sec01 .product:first-child {
  border-top: 0 none;
}
.product-area .sec01 .product ul {
  padding: 12px 0;
}
.product-area .sec02 .product {
  background-color: #f3f3f3;
  border-top: 1px solid #fff;
}
.product-area .sec02 .product:first-child {
  border-top: 0 none;
}
.product-area .sec03 {
  display: table;
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  min-height: 141px;
  width: 100%;
}
.product-area .sec03 .txt-btn01 {
  padding-left: 46px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 2.24px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}

.main-history {
  background: url("../../images/main/bg_history.png") no-repeat right bottom;
}
.main-history .txt01 {
  width: 465px;
}
.main-history .txt-btn01 {
  display: inline-block;
  width: 206px;
  font-family: HelveticaNeueLTStd-Bd;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.3px;
  font-weight: bold;
}
.main-history .txt-btn01 a::after {
  right: 0;
}
.number-define {
  margin-top: 48px;
  margin-bottom: 73px;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.number-define li {
  margin-right: 100px;
  float: left;
}
.number-define span {
  display: block;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 140px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -4.2px;
}
.number-define em {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 3.93;
  color: #cbcbcb;
}
.number-define > li:hover {
  color: #fff;
  cursor: pointer;
}
.number-define > li:hover span {
  color: #000;
}
.number-define > li:hover em {
  color: #ff0000;
}

.main-partners {
  width: 100%;
  overflow: hidden;
  padding-top: 150px;
}
.main-partners .sec-h2 {
  float: left;
  width: auto;
}
.main-partners .partners-list {
  float: right;
}
.partners-list {
  width: 69%;
  overflow: hidden;
}
.partners-list li {
  padding: 20px 14px;
  float: left;
  width: 33.333%;
}
.partners-list li a {
  display: block;
  border: 1px solid #e2e2e2;
}

.partners-list li a img { width: 100%; height: auto;}

.main-txt-btn {
  margin-top: 50px;
}
.main-txt-btn ul {
  width: 100%;
  overflow: hidden;
}
.main-txt-btn li {
  float: left;
  width: 50%;
  padding: 0 14px;
}
.main-txt-btn .txt-btn01 {
  padding: 30px 45px;
  display: block;
  background-color: #f5f5f5;
}
.main-txt-btn .txt-btn01 a {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
}




.main .sec01 h2 {
  float: left;
  margin-bottom: 0;
}
.main-product {
  padding-top: 50px;
}

/* sub common */

.sub-visual .slidebox {
  height: auto;
}
.sub-visual .slidebox h1 {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  font-size: 112px;
  line-height: 1.28;
  letter-spacing: -1.68px;
}
.sub-visual .slidebox .wrap-img {
  position: static;
}
.company01 .f-left {
  width: 48%;
}
.company01 .f-right {
  width: 48%;
}
.slidebox .stamp {
  position: absolute;
  bottom: -272px;
  right: -80px;
}
.slidebox .stamp::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -55px;
  width: 101px;
  height: 110px;
}
.slidebox .stamp .wrap-img {
  -webkit-animation: example 10s linear 0s infinite;
  animation: example 10s linear 0s infinite;
}

.company .slidebox .stamp::after {
  background: url("../../images/icon/ico_stamp_in01.png") no-repeat center center;
}
.product .slidebox .stamp::after {
  background: url("../../images/icon/ico_stamp_in02.png") no-repeat center center;
}
.customer .slidebox .stamp::after {
  background: url("../../images/icon/ico_stamp_in03.png") no-repeat center center;
}
.etc .slidebox .stamp::after {
  background: url("../../images/icon/ico_stamp_in04.png") no-repeat center center;
}
.sec02 {
  position: relative;
}
.sec02 h3 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.9px;
}
.sec03 {
  position: relative;
}

/* company */
.dl-type01 > dt {
  margin-bottom: 40px;
}
.dl-type01 .txt-box {
  font-size: 20px;
  line-height: 32px;
}
.dl-type01 .txt-box p {
  font-weight: 300;
  margin-bottom: 54px;
}
.dl-type01 .txt-box p b {
  font-weight: 500;
}
.dl-list01 {
  border-top: 1px solid #2d2926;
}
.dl-list01 dl {
  width: 100%;
  overflow: hidden;
  padding: 27px 0;
  border-bottom: 1px solid #e4e4e4;
  line-height: 25px;
  display: flex;
}
.dl-list01 dt {
  width: 180px;
  font-size: 18px;
  font-weight: 500;
 /*  float: left; */
}
.dl-list01 dd {
  font-size: 16px;
  /* float: left; */
  flex:1;min-width:0
}
.company-figure {
  position: relative;
}
.company-figure .imgarea {
  text-align: center;
}
.company-figure .imgarea img {height: auto; }
.company-figure span {
  position: absolute;
  font-size: 19px;
  font-weight: 300;
  line-height: 32px;
}
.company-figure .txt01 {
  width: 236px;
  text-align: right;
  top: 0;
  left: 50%;
  margin-left: -56%;
}
.company-figure .txt02 {
  width: 208px;
  top: 0;
  right: 50%;
  margin-right: -54%;
}
.company-figure .txt03 {
  width: 320px;
  bottom: -90px;
  left: 50%;
  margin-left: -160px;
  text-align: center;
}

/* company - history */
.history-box {
  width: 100%;
  overflow: hidden;
  margin-top: 166px;
}
.history-box .f-left,
.history-box .f-right {
  width: 50%;
}
.dl-history {
  position: relative;
  margin-top: 90px;
  min-height: 105px;
}
.dl-history dt {
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 67px;
  font-weight: bold;
  line-height: 1.54;
  color: #ff0000;
  font-family: 'Roboto Condensed';
}
.dl-history dd {
  padding-left: 280px;
  padding-right: 20px;
}
.dl-history ul {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
}
.dl-history li {
  margin-top: 20px;
  padding-left: 15px;
  position: relative;
}
.dl-history li:first-child {
  margin-top: 0;
}
.dl-history li::before {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #ff0000;
  border-radius: 5px;
}
.dl-year {
  position: static;
  padding-left: 140px;
  background-color: #fff;
}
.dl-year dt {
  width: 500px;
  font-size: 164px;
  font-weight: bold;
  line-height: 0.96;
  font-family: 'Roboto Condensed';
}
.dl-year dd {
  margin-top: 30px;
  width: 150px;
  font-size: 50px;
  font-weight: 900;
  line-height: 1.26;
  color: #e3e3e3;
  word-break: break-all;
}
.dl-year.fixed {
  position: fixed;
  top: 0;
  background-color: #fff;
  z-index: 10;
}
.f-left .dl-year.fixed {
  left: 50%;
  margin-left: -825px;
}
.f-right .dl-year.fixed {
  right: 50%;
  margin-right: -640px;
}

/* company - certificate */
.wrap-certificate .sec03 {
  margin-bottom: 100px;
}
.certificate-list ul {
 width: auto;
 margin-left: -14px;
 margin-right: -14px;
	font-size: 0;
}
.certificate-list a {
  display: block;
}
.certificate-list li {
 display: inline-block;vertical-align: top;float: none;
  padding: 50px 14px;
  font-size: 16px;
}
.certificate-list .wrap {
  padding: 75px 60px;
  
  background-color: #f5f5f5;
  overflow: hidden;
}
.certificate-list .wrap img {
  width: 100%;
  height: auto;
}
.certificate-list .txtbox {
  position: relative;
  margin: 0 30px;
  margin-top: 30px;

}
.certificate-list .txtbox::before {
  display: block;
  content: "";
  position: absolute;
  top: -53px;
  left: -8px;
  width: 2px;
  height: 55px;
  background-color: #ff0000;
}
.certificate-list .txtbox dfn {
  font-size: 18px;
  line-height: 26px;
}
.certificate-list .txtbox p {
  margin-top: 10px;
  line-height: 24px;
  color: #646464;
}

/* company - partner */
.wrap-partner .sec03 {
  margin-bottom: 155px;
}
.wrap-partner .tit03 {
  margin-bottom: 30px;
}
.partner-list ul {
	width: auto;
	margin: 0 -14px;
}
.partner-list li {
  padding: 14px;
}
.partner-list .wrap img {
  opacity: 0.7;
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
}
.partner-list .wrap img:hover {
  opacity: 1;
  filter: none;
  -webkit-filter: none;
  -webkit-filter: none;
  filter: none;
}

/* company - contact */
#map {
  /* width: 1000px; */
  height: 862px;
  background-color: #eee;
}
#map .map_item {display: none;width: 100%;height: 100%;}
#map .map_item iframe {display: block;width: 100%;height: 1088px;;}
#map .map_item.on {display: block;}

.wrap-contact {
  width: 100%;
  overflow: hidden;
}
.wrap-contact .f-left {
  width: 60%;
}
.wrap-contact .f-right {
  width: 37%;
}
.contact-list li {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.contact-list dt {
  margin-bottom: 28px;
}
.contact-list .addr {
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.68;
}
.contact-list .txt {
  margin-bottom: 10px;
  color: #676767;
}
.contact-list .btn-map span {
  position: relative;
  font-size: 30px;
  line-height: 45px;
  font-weight: bold;
  color: #676767;
}
.contact-list .active .btn-map span {
  color: #ff0000;
}
.contact-list .active .btn-map span::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ff0000;
}

/* product */
.wrap-product-info {
  padding-left: 260px;
}
.wrap-product-info ul {
  width: 100%;
  overflow: hidden;
}
.wrap-product-info li {
  width: 250px;
  float: left;
  min-height: 106px;
  border-left: 1px solid #e4e4e4;
}
.wrap-product-info li:first-child {
  border-left: 0 none;
}
.wrap-product-info dl {
  padding: 0 20px;
}
.wrap-product-info dt {
  margin-bottom: 17px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.wrap-product-info dd {
  line-height: 25px;
  color: #646464;
  font-weight:300;
}
.wrap-product-info li:first-child dl {
  padding-left: 0;
}
.wrap-product-info .btn-down01 {
  margin-top: 44px;
}
.wrap-product-info .txt01 {
  width: 722px;
  color: #646464;
  font-size: 16px;
  line-height: 28px;
}

.wrap-product-list {
  margin-top: 70px;
}
.wrap-product-list li {
  min-height: 625px;
  padding: 110px 28px 40px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f5f5f5;
}
.wrap-product-list .wrap-goods {
  display: table;
  width: 100%;
  height: 405px;
  text-align: center;
}
.wrap-product-list .wrap-goods img {
  max-width: 356px;
}
.wrap-product-list .name {
  display: block;
  margin-top: 40px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

/* form */
.form-control {
  width: 100%;
  background-color: #f5f5f5;
  height: 60px; padding: 0 20px;
  font-size: 16px;
  line-height: 25px;
  border: 0 none;
}
textarea.form-control {padding: 20px;}
.form-control::-webkit-input-placeholder {
  color: #919191;
}
.form-control::-moz-placeholder {
  color: #919191;
}
.form-control:-ms-input-placeholder {
  color: #919191;
}
.form-control::-ms-input-placeholder {
  color: #919191;
}
.form-control::placeholder {
  color: #919191;
}
textarea.form-control {
  height: 428px;
}
.label-tit {
  position: relative;
  padding-right: 12px;
  font-size: 17px;
  line-height: 32px;
  margin-bottom: 10px;
  display: inline-block;
}
.label-tit i {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  background-color: #ff0000;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.wrap-chk span {
  margin-left: 14px;
  display: inline-block;
  font-size: 16px;
  line-height: 25px;
}
.selbox {
  display: block;
  width: 100%;
  min-width: 253px;
  background-color: #f5f5f5;
  border: none;
	height: 70px;padding: 0 20px;
  font-size: 16px;
  line-height: 25px;
  padding-right: 32px;
/*       background: url(../../images/common/select_arrow.png) no-repeat calc(100% - 20px) 50%; */
}
.form-email {
  display: flex;
  
}
.form-email > .form-email_item {
  flex:1
}
.form-email > span {text-align: center;width: 30px;line-height: 70px;}
.form-email input, .form-email select {width: 100%;}
.box-file-input .wrap {
  background-color: #f5f5f5;
  padding: 15px;
  padding-left: 20px;
  width: 672px;
  overflow: hidden;
}
.box-file-input label {
  float: right;
  width: 102px;
  background: #000;
  color: #fff;
  font-size: 16px;
  padding: 8px 22px;
  line-height: 24px;
  cursor: pointer;
}
.box-file-input label:after {
  content: "파일첨부";
}
.box-file-input .file-input {
  display: none;
}
.box-file-input .filename {
  float: left;
  color: #919191;
  line-height: 40px;
}
.wrap-search {
  position: relative;
  border: 1px solid #000;
}
.wrap-search input[type="text"] {
  color: #b2b2b2;
  background-color: #fff;
  font-size: 20px;
  line-height: 29px;
  padding: 22px 30px;
  padding-right: 180px;
}
.wrap-search button[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  color: #fff;
  background: #000;
  font-size: 20px;
  line-height: 29px;
  padding: 21px 55px;
  height: 100%;
}

/* customer - inquiry */
.wrap-tit {
  width: 100%;
  overflow: hidden;
}
.wrap-tit h3 {
  float: left;
}
.wrap-tit .comm {
  float: right;
  line-height: 34px;
}
.wrap-tit .comm i {
  font-weight: bold;
  color: #ff0000;
}

.wrap-inquiry .sec03 {
  margin-top: 140px;
}
.wrap-inquiry .sec03:first-child {
  margin-top: 0;
}
.wrap-inquiry .list {
  margin-top: 28px;
  padding-bottom: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #e4e4e4;
}
.wrap-inquiry .list li {
  margin-top: 25px;
}
.wrap-inquiry .wrap-inp {
  padding: 0 14px;
}
.wrap-inquiry .wrap-chk {
  margin-top: 33px;
}

.inquiry-agree {
  margin-top: 28px;
  border: 1px solid #e4e4e4;
  padding: 50px;
}
.inquiry-agree li {
  margin-top: 30px;
}
.inquiry-agree li:first-child {
  margin-top: 0;
}
.inquiry-agree dt {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
}
.inquiry-agree dd {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}

/* customer - data */
.wrap-data .sec03 {
  margin-top: 120px;
}
.wrap-data .wrap-search {
  width: 50%;
}
.wrap-sel-group {
  margin-top: 60px;
}
.wrap-sel-group li {
  padding-left: 30px;
}
.wrap-sel-group li:first-child {
  padding-left: 0;
}
.wrap-sel-group select {
  padding: 12px 0;
  width: 100%;
  font-weight: 500;
  border: 0 none;
  border-bottom: 2px solid #e4e4e4;
  line-height: 24px;
  background-position: -webkit-calc(100% - 0px) center; background-position: -moz-calc(100% - 0px) center;background-position: calc(100% - 0px) center;
  outline:none;

  
}
.data-list {
  margin-top: 50px;
  font-size: 0;
}
.data-list ul {margin-top: -40px;}
.data-list  li {display: inline-block;vertical-align: top;float: none;margin-top: 40px;}
.data-list a {
  display: block;
}
.data-list .wrap {
  margin: 0 auto;
 padding: 0 10px;text-align: center;
}
.data-list .wrap img {
  max-width: 100%;
  height: auto;
}
.data-list span {
  margin-top: 10px;
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 27px;
}
.noti-btn-area {
  margin-top: 120px;
  padding: 18px 40px;
  width: 100%;
  overflow: hidden;
  background-color: #f5f5f5;
}
.noti-btn-area .txt {
  float: left;
  font-size: 16px;
  line-height: 70px;
  color: #919191;
}
.noti-btn-area .btn {
  float: right;
}

/* customer - service */
.wrap-service {
  margin-top: 150px;
  width: 100%;
  overflow: hidden;
}
.wrap-service .txt01 {
  font-weight: bold;
  font-size: 30px;
  line-height: 45px;
}
.wrap-service .txt02 {
  font-weight: bold;
  margin-top: 55px;
  width: 414px;
  font-size: 82px;
  line-height: 100px;
}
.wrap-service .txt03 {
  position: relative;
  font-weight: 300;
  margin-top: 60px;
  padding-top: 74px;
  font-size: 20px;
  line-height: 30px;
}
.wrap-service .txt03::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 2px;
  background-color: #ff0000;
}
.wrap-service .txt04 {
  font-weight: bold;
  margin-top: 84px;
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.wrap-service .f-left {
  width: 30%;
}
.wrap-service .f-right {
  width: 50%;
  padding-top: 20px;
}
.wrap-service .list li {
  margin-top: 30px;
}
.wrap-service .list li:first-child {
  margin-top: 0;
}
.wrap-service .list em {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
}
.wrap-service .list p {
  margin-top: 34px;
  font-size: 19px;
  line-height: 1.68;
  font-weight: 300;
}
.wrap-service-figure {
  position: relative;
  padding-top: 74px;
  margin-top: 110px;
}
.wrap-service-figure .tit {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -148px;
  width: 296px;
  height: 127px;
  z-index: 2;
}
.wrap-service-figure .tit img {
  width: 100%;
  height: auto;
}
.wrap-service-figure .figure {
  position: relative;
  background-color: #f5f5f5;
  padding: 120px 0 76px;
  z-index: 1;
}
.wrap-service-figure .figure .wrap {
  text-align: center;
  width: 1180px;
  margin: 0 auto;
  position: relative;
}
.wrap-service-figure .figure span {
  position: absolute;
  left: 50%;
  width: 145px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.wrap-service-figure .figure .txt01 {
  top: 0;
  left: 8%;
}
.wrap-service-figure .figure .txt02 {
  top: 0;
  left: 43%;
}
.wrap-service-figure .figure .txt03 {
  top: 0;
  left: 80%;
}
.wrap-service-figure .figure .txt04 {
  bottom: 0;
  left: 8%;
}
.wrap-service-figure .figure .txt05 {
  bottom: 0;
  left: 43%;
}
.wrap-service-figure .figure .txt06 {
  bottom: 0;
  left: 80%;
}
.wrap-service.type02 {
  margin-top: 180px;
	overflow: visible;
}
.wrap-service.type02 .f-right .wrap img { width: 50vw; height: auto; }






/* etc - recruit */
.wrap-recruit {
  position: relative;
}
.top-recruit {
  position: relative;
  text-align: center;
}
.top-recruit .sup {
  position: absolute;
  top: -30px;
  right: 30%;
  font-size: 22px;
  line-height: 33px;
  color: #ff0000;
}
.top-recruit .comm {
  margin-top: 46px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.top-recruit .btn-area {
  margin-top: 30px;
}
.find-recruit {
  text-align: center;
  margin-top: 230px;
}
.find-recruit .tit-red {
  position: relative;
  top: -30px;
  display: block;
  color: #ff0000;
  font-size: 120px;
  font-weight: bold;
  line-height: 0.64;
}
.find-recruit .comm {
  margin-top: 7px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  width: 45%;
  display: inline-block;
}
.recruit-box {
  position: relative;
}
.recruit-box::after {
  display: block;
  content: "";
  clear: both;
}
.recruit-box dl {
  position: relative;
}
.recruit-box dl::before {
  display: block;
  content: "";
  position: absolute;
  top: 63px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ff0000;
  z-index: 1;
}
.recruit-box dt {
  font-size: 59px;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: -0.89px;
  position: relative;
  z-index: 2;
}
.recruit-box dt em {
  position: absolute;
  top: -34px;
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
}
.recruit-box dd {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
}
.recruit-box.box01 dl::before,
.recruit-box.box03 dl::before {
  opacity: 0.16;
}
.recruit-box .wrap {
  position: relative;
  top: -110px;
}
.recruit-box .f-left,
.recruit-box .f-right {
  width: 50%;
}
.recruit-box.box01 .f-left, .recruit-box.box03 .f-left {padding-right: 20px;box-sizing:border-box}
.recruit-box .f-left dl {
  text-align: right;
}
.recruit-box .f-left .wrap {
  text-align: left;
}
.recruit-box .f-right .wrap {
  text-align: right;
}
.recruit-box .f-right dt em {
  left: 0;
}
.recruit-box .f-left dt em {
  right: 0;
}
.recruit-box.bg {
  background-color: #f8f8f8;
}
.recruit-box.box01 {
  margin-top: 292px;
}
.recruit-box.box01 .wrap {
  text-align: center;
}
.recruit-box.box02 {
  margin-top: 270px;
}
.recruit-box.box02 .f-right {
  padding-top: 230px;
}
.recruit-box.box03 {
  padding-top: 120px;
  padding-bottom: 300px;
}
.recruit-box.box04 .wrap {
  text-align: center;
}
.recruit-box.box04 .f-right {
  padding-top: 150px;
}

/* etc - privacy */
.wrap-privacy {
  width: 1230px;
}
.wrap-privacy .top-tit {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.62;
}
.privacy-list {
  position: relative;
  padding-top: 40px;
  margin-top: 40px;
}
.privacy-list::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 1px;
  background-color: #ff0000;
}
.privacy-list li {
  margin-bottom: 30px;
}
.privacy-list .dl01 > dt {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.privacy-list .dl01 dd {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.63;
  color: #676767;
}
.privacy-list .dl01 > dd {
  padding-left: 20px;
}
.privacy-list dd b {
  font-weight: 500;
}
.privacy-list .dl02 {
  margin-top: 15px;
}

/* animation */
@-webkit-keyframes example {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes example {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}



/* 영술 추가 수정 200615 */
.pc_only {}
.m_only {display: none;}
/* // 영술 추가 수정 200615 */

@media screen and (max-width: 1800px) {
   /*  .company-figure { padding: 0 50px; } */
    .company-figure .txt01 { margin-left: -51%; font-size: 14px; line-height: 24px; width: 150px; }
    .company-figure .txt02 { margin-right: -51%; font-size: 14px; line-height: 24px; width: 150px; }
    .company-figure .txt03 { font-size: 14px; line-height: 24px; }
	.slidebox h1 {left: -30px;}
	.main-banner-wrap .swiper-container-vertical > .swiper-pagination-bullets {left: -30px;}
}


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

    /* main */
    /* #middle { margin-top: 0; } */
    .main-banner {height: 495px;  width: 100%; box-sizing: border-box; left: 0;}
    .slidebox { height: 410px;}
   
   

    /* form */
    .form-email { flex-wrap:wrap }
    .form-email > * { margin-right: 0; }
	.form-email > span.pc_only {display: none;}
    .form-email > .form-email_item:last-child {flex:auto; width: 100%;margin-top: 10px; }
	
	/* history */
	.dl-history dd {padding-left: 200px;}
	.dl-year {padding-left: 0;}
	.dl-year dt {font-size: 130px;}
}


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

    /* main */
	
    .product-area { display: block; margin-top: 26px; }
    .product-area .wrap { flex: none; max-width: none; }
    .product-area .wrap:nth-child(1) { flex: none; max-width: none; }
    .product-area .wrap:nth-child(2) { flex: none; max-width: none; margin-top: 30px }
    .product-area h3::before { height: 44px; left: 24px; }
    .product-area h3 { padding-left: 36px; font-size: 12px; line-height: 18px; margin-bottom: 18px; }
    .product-area .sec03 { margin-top: 30px; padding: 24px; min-height: 0;}
    .product-area .sec03 .txt-btn01 { padding-right: 0; }
    .txt-btn01 a::after { width: 50px; }

    .main-partners .sec-h2 { float: none; }
    .partners-list { float: none; width: 100%;; }
    .partners-list li { width: 50%; }
    .partners-list img {width: 100%; height: auto; }
    .main-txt-btn li { margin-top: 0; float: none; width: 100%; padding: 5px 0;}
    .main-txt-btn .txt-btn01 {  padding: 24px; }
    .main-txt-btn .txt-btn01 a { font-size: 16px; line-height: 24px; }

    /* product */
    .product-list01 .sec02 h3 { position: static; margin-bottom: 20px;}
    .wrap-product-info {  padding-left: 0; }


    /* customer - service */
    .wrap-service-figure { margin: 90px -20px 0; background-color: #f5f5f5; padding-top: 0; }
    .wrap-service-figure .tit { width: 200px; margin-left: -100px; padding-top: 35px;  top: -40px; padding-top: 0;}
    .wrap-service-figure .figure { padding: 65px 60px 66px; }
    .wrap-service-figure .figure .wrap { position: relative; width: 100%; padding: 90px 40px; min-width: 156px; min-height: 1086px; border: 2px dashed #cdcdcd; -webkit-border-radius: 130px; border-radius: 130px; }
    .wrap-service-figure .figure .wrap img { display: none; }
    .wrap-service-figure .figure span { position: relative; margin-top: 30px; bottom: auto !important; right: auto !important; left: 0 !important; top: 0 !important; display: block; padding: 170px 25px 0; width: 100%; font-size: 14px; line-height: 20px;}
    .wrap-service-figure .figure span::before { display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -78px; width: 156px; height: 156px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; }
    .wrap-service-figure .figure span::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; margin-left: -28px; margin-top: -58px;  width: 56px; height: 56px; -webkit-background-size: 100% auto; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;}
    .wrap-service-figure .figure .txt01 { margin-top: 0; }
    .wrap-service-figure .figure .txt01::after { background-image: url("../../images/customer/service01_m.png");}
    .wrap-service-figure .figure .txt02::after { background-image: url("../../images/customer/service02_m.png");}
    .wrap-service-figure .figure .txt03::after { background-image: url("../../images/customer/service03_m.png");}
    .wrap-service-figure .figure .txt04::after { background-image: url("../../images/customer/service04_m.png");}
    .wrap-service-figure .figure .txt05::after { background-image: url("../../images/customer/service05_m.png");}
    .wrap-service-figure .figure .txt06::after { background-image: url("../../images/customer/service06_m.png");}
}


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

	#map .map_item iframe{height:100%;}

    /* common */
    .block { display: inline-block; }
    #header .navi {
        display: none;
    }
    

    .container.type01 {
        max-width: none;
        margin: 0;
    }
    .container.type02 {
        max-width: none;
        margin: 0;
    }

    .sub-visual {
        padding: 0;
    }

    #middle { padding: 72px 0 0; }

    /* btn */
    .btn { font-size: 14px; line-height: 20px; min-width: 0;}
    .btn span { padding: 13px; }

    /* form */
    .form-control { font-size: 13px; padding: 0 10px; }
    .label-tit { font-size: 14px; line-height: 20px; }
	.selbox {padding: 0 10px;font-size: 13px;}

    
    /* main */
    .sec01 { padding-top: 20px;}
    .sec01 h1 { font-size: 12px;letter-spacing: 0.3px;}
    .sec01 h2 { margin-bottom: 50px; font-size: 23px; line-height: 34px;letter-spacing: 0.69px;}
    .sec01 .sec-h2 { margin-top: 10px; }
	.sec01 h1 + .sec-h2 {margin-top: 10px;}


	/* 영술수정 200625 */
	.main-banner-wrap {min-height:auto;padding: 0 35px;padding-top: 71px;}
	.main-banner-wrap .swiper-container-vertical > .swiper-pagination-bullets {left: -20px;bottom: 55px;}
	
	.main .slidebox h1 {font-size: 12vw;}
	.slidebox .wrap-img {width: 100%;height: 70%;}
	.slidebox.type01 .wrap-img {width: 100%;}
	.slidebox.type03 .wrap-img {width: 100%;}

    .slidebox p { bottom: -60px; font-size: 10px; line-height: 14px;}
    .slidebox p b {display: block; }
    .slidebox h1 { top: -40px; transform:translateY(0); font-size: 60px; line-height: 75px; font-size: 53px; line-height: 1.28; left: -15px;}
	

    #middle { margin-top: 0; padding: 110px 0 0 }
    #middle.main { padding: 72px 0 0 }
	.container.type01 {padding: 0 20px;}
	.container.type02 {padding: 0 20px;}

    .main .sec01 h2 { float: none; font-size: 40px; line-height: 44px; letter-spacing: 2.52px; }
    .sec01 .comment { margin-top: 20px; margin-left: 0; width: 100%; font-size: 12px; line-height: 18px; }
    .main-product { margin-top: 50px; }

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 0; }
    .swiper-container-vertical > .swiper-pagination-bullets { bottom: 12px; }
	
    /* .slidebox .wrap-img { width: 95%;; }
    .slidebox.type01 .wrap-img { top: 160px; right: 10px; }
    .slidebox.type02 .wrap-img {  bottom: -20px; right: 30px;width: 200px;}
    .slidebox.type03 .wrap-img { bottom: -10px; right: -70px; }*/ 

    .number-define { margin-top: 20px; }
    .number-define li { margin-right: 0; float: none; }
    .main-history { -webkit-background-size: 400px auto; background-size: 400px auto; background-position: center bottom; padding-bottom: 440px;}

    /* sub common */
    .slidebox .stamp {
        bottom: -60px;
        right: 0;
        width: 120px;
        height: 120px;
    }
    .slidebox .stamp .wrap-img { width: 120px; height: 120px;}
    .company01 .f-left {
        width: 100%;
    }
    .company01 .f-right {
        width: 100%;
    }
    .sub-visual .slidebox {
        padding-left: 20px;
    }
    .sub-visual .slidebox h1 {
        left: 0;
        margin-top: -75px;
		font-size: 60px;margin-top: 0;
    }

    .sub-visual .slidebox .wrap-img { width: 100%; }
    .sub-visual .slidebox h1 + .wrap-img {
        height: 172px;
        background: url("../../images/company/sub_visual01.png") no-repeat right 0;
        background-size: cover;
    }
    .sub-visual .slidebox h1 + .wrap-img img {
        display: none;
    }

    .company .slidebox .stamp::after,
    .product .slidebox .stamp::after,
    .customer .slidebox .stamp::after,
    .etc .slidebox .stamp::after { -webkit-background-size: 100% auto; background-size: 100% auto;}
    
    .sec02 h3 {
        position: static;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 18px;
    }
    .wrap-product-info {
        padding-left: 0;
    }
    .wrap-product-info dt {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .wrap-product-info li {
        padding: 15px 0;
        width: 100%;
        min-height: 0;
        float: none;
        border-left: 0 none;
        border-bottom: 1px solid #e4e4e4;
    }
    .wrap-product-info dl {
        padding: 0;
    }
    .wrap-product-list li {
        border: 0 none;
        margin-bottom: 4px;
        padding: 20px;
        min-height: 0;
    }

    /* company */
    /*
	.company-figure .imgarea {
        margin: 0 auto;
        width: 320px;
        height: 457px;
        background: url("../../images/company/company_figure_m.png") no-repeat center 0;
        background-size: 100% auto;
    }
	*/
	/*
    .company-figure .imgarea img {
        display: none;
    }*/
	.company-figure .imgarea {
        padding-top: 30px;
    }


    .company-figure .txt01 {
        width: 70px;
        text-align: left;
        top: 70px;
        left: 50%;
        margin-left: -140px;
        font-size: 8px;
        line-height: 14px;
        letter-spacing: -1px;
    }
    .company-figure .txt02 {
        width: 70px;
        text-align: right;
        top: 70px;
        right: 50%;
        margin-right: -140px;
        font-size: 8px;
        line-height: 14px;
        letter-spacing: -1px;
    }
    .company-figure .txt03 {
        width: 134px;
        bottom: 0;
        left: 50%;
        margin-left: -67px;
        font-size: 8px;
        line-height: 14px;
        letter-spacing: -1px;
    }

    .slidebox .stamp::after {
        margin-left: -22px;
        margin-top: -24px;
        width: 45px;
        height: 49px;
        background-size: 100% auto;
    }
    .company .slidebox .stamp::after {
        margin-left: -22px;
        margin-top: -24px;
        width: 45px;
        height: 49px;
        background-size: 100% auto;
    }

    .dl-type01 > dt {
        margin-bottom: 20px;
    }
    .dl-type01 .txt-box {
        font-size: 14px;
    }
    .dl-type01 .txt-box p {
        margin-bottom: 30px;
    }
    .dl-list01 dl {
        padding: 20px 0;
    }
    .dl-list01 dt {
        font-size: 14px;
        line-height: 20px;
        width: 30%;
    }
    .dl-list01 dd {
        font-size: 14px;
        line-height: 20px;
        width: 70%;
    }

    /* company - history */
    .history-box { margin-top: 50px;}
    .history-box .f-left, .history-box .f-right { width: 100%; }
    .dl-year { padding-left: 0; }
    .dl-year dt { width: 100%; font-size: 40px; }
    .dl-year dd { margin-top: 3px; font-size: 20px; line-height: 29px;}
    .dl-history { margin-top: 22px; min-height: 0; }
    .dl-history dt { position: static; font-size: 25px; line-height: 30px; }
    .dl-history dd { padding: 0; margin-top: 20px; }

    .dl-history li::before { width: 4px; height: 4px; top: 9px; }
    .dl-history li { padding-left: 8px; font-size: 14px; line-height: 20px; margin-top: 10px; }


    /* company - certificate */
    .certificate-list { margin: 15px -6px 0; }
    .certificate-list ul { left: 0; margin-left: -6px;margin-right: -6px;}
    .certificate-list li { padding: 6px;width: 50%; }
    .certificate-list .wrap { max-height: none; min-height: 0; padding: 30px 24px; }
    .certificate-list .txtbox { margin: 4px 10px 14px;  }
    .certificate-list .txtbox dfn { font-size: 14px; line-height: 20px; }
    .certificate-list .txtbox p { font-size: 14px; line-height: 16px; }
    .certificate-list .txtbox::before { height: 21px; top: -12px; left: -2px; width: 1px; }
    .wrap-certificate .sec03 { margin-bottom: 50px; }

    
    /* company - partner */
    .partner-list { }
    .partner-list ul { margin: 0 -6px; }
    .partner-list li { width: 33.333%; float: left; padding: 6px; }
    .partner-list .wrap img { width: 100%; height: auto; }
    .wrap-partner .sec03 { margin-bottom: 50px; }


    
    /* company - contact */
    #map { width: 100%; height: 190px; }
    .contact-list { padding-top: 20px; }
    .contact-list dt { margin-bottom: 15px; }
    .contact-list .btn-map span { font-size: 20px; line-height: 25px; }
    .contact-list .active .btn-map span::after { height: 2px; bottom: -3px; }
    .contact-list .addr { font-size: 14px; line-height: 20px; }


    /* product */
    .wrap-product-info .btn-down01 { margin-top: 10px; }
    .wrap-product-list { margin-top: 25px; }
    .wrap-product-list .name { font-size: 14px; margin-top: 20px; text-align: center;}
    .sec02.mt-140 { margin-top: 50px; }


    /* customer - service */
    .wrap-service { margin-top: 0; }
    .wrap-service .txt01 { font-size: 20px; line-height: 30px;}
    .wrap-service .txt02 { font-size: 45px; line-height: 62px; margin-top: 20px; }
    .wrap-service .f-left { width: 100%; }
    .wrap-service .f-right { width: 100%; padding-top: 68px; }
    .wrap-service .list em { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
    .wrap-service .list p { margin-top: 12px;  line-height: 22px; font-size: 14px;}
    
    .wrap-service.type02 { margin-top: 50px; }
    .wrap-service .txt03 { margin-top: 30px; padding-top: 30px; font-size: 14px; line-height: 22px; }
    .wrap-service .txt04 { margin-top: 22px; font-size: 16px; line-height: 24px; }
    .wrap-service .f-right { padding-top: 50px; }
    .wrap-service .f-right .wrap { height: 1000px; background: url("../../images/customer/service002_m.png") no-repeat center 0; -webkit-background-size: contain; background-size: contain; }
    .wrap-service .f-right img { display: none; }


    /* customer - data */
    .wrap-data .wrap-search { width: auto; }
    .wrap-search input[type="text"] { font-size: 14px; line-height: 20px; padding: 20px; padding-right: 110px; }
    .wrap-search button[type="submit"] { font-size: 14px; line-height: 20px; padding: 20px 30px; }
    .wrap-sel-group { margin-top: 0; }
    .wrap-sel-group li { padding-left: 0; }
    .wrap-sel-group select { padding: 20px; padding-right: 20px; }
    .wrap-data .sec03 { margin-top: 50px; }
    .data-list { margin-top: 20px;}
    .data-list ul { width: auto; margin: 0 -6px; margin-top: -20px;}
    .data-list li { width: 50%; padding: 6px;margin-top: 20px;}
    .data-list .wrap { width: auto; min-height: 0; max-height: none; padding: 0 5px;}
    .data-list span { font-size: 14px; line-height: 16px; }
    .noti-btn-area { margin-top: 30px; padding: 20px; text-align: center; }
    .noti-btn-area .txt { font-size: 14px; line-height: 22px;  float: none;}
    .noti-btn-area .btn { margin-top: 15px; min-width: 0; float: none; font-size: 12px; line-height: 18px; padding: 6px 13px; margin-left: 0; }
    .noti-btn-area .btn span { padding: 0; }


    /* customer - inquiry */
    .selbox { min-width: 0; }
    .wrap-inquiry .d-flex { display: block; }
    .wrap-inquiry .wrap-inp { margin-bottom: 17px; }
    .wrap-inquiry .wrap-inp.inp-add { padding: 0; }
    .wrap-inquiry .flex-2 { flex: none; max-width: none; }
    .wrap-inquiry .flex-3 { flex: none; max-width: none; }
    .wrap-inquiry .flex-4 { flex: none; max-width: none; }
    .wrap-inquiry .wrap-chk { margin-top: 10px; }
    .btn-area { margin-top: 40px; }
    .form-email { display: flex;}
    .form-email > * { min-width: 0; width: 100%; }
    .form-email  > .selbox { padding: 23px 0; margin-top: 0; width: 100%; border: 0 none; font-size: 14px; }
    .form-email .form-control { letter-spacing: -1px; }
	
    .wrap-inquiry .list { padding-bottom: 8px; }
    .wrap-inquiry .sec03 { margin-top: 25px; }
    .wrap-inquiry .btn-area .btn { width: 48%; }
    textarea.form-control { height: 290px; }
    .box-file-input { padding: 0 !important; }
    .inquiry-agree { margin-top: 5px; padding: 18px; }
    .inquiry-agree dt { font-size: 14px; line-height: 20px; }
    .inquiry-agree dd { font-size: 14px; line-height: 20px; }
    .inquiry-agree li { margin-top: 15px; }
    .box-file-input .wrap { width: auto; }
    .box-file-input .filename { width: 65%; }

    /* etc - recruit */
    .top-recruit .wrap img { width: 100%; height: auto; }
    .top-recruit .comm { margin-top: 24px; font-size: 14px; line-height: 22px; }
    .top-recruit .btn-area { margin-top: 20px;}
    .find-recruit { margin-top: 50px; }
    .find-recruit .wrap img { width: 100%; height: auto; }
    .find-recruit .tit-red { font-size: 42px;line-height: 0.52;letter-spacing: 4.2px; top: -15px;}
    .find-recruit .comm { width: 100%; font-size: 14px;line-height: 1.57;}
    .recruit-box.box01 { margin-top: 120px; }
    .recruit-box .f-left { float: left;}
    .recruit-box .f-right { float: right; }
    .recruit-box .wrap { top: -27px; }
    .recruit-box .wrap img { width: 100%; height: auto; }
    .recruit-box dt {font-size: 24px;line-height: 1.92;letter-spacing: -0.36px; margin-bottom: 18px; }
    .recruit-box dt em { font-size: 10px; }
    .recruit-box.box01 .f-left { padding-right: 30px; }
    .recruit-box dd { font-size: 14px; line-height: 22px; }
    .recruit-box.box02 { margin-top: 70px; }
    .recruit-box.box02 .f-right { padding-left: 30px; padding-right: 10px; padding-top: 20px;}
    .recruit-box.box03 .f-left { padding-right: 30px}
    .recruit-box.box03 { padding-bottom: 100px; padding-top: 70px; }
    .recruit-box.box04 .f-right { padding-top: 20px; padding-left: 30px; }

	.top-recruit .sup {font-size: 14px;line-height: 22px;top: -22px;}

    /* etc - privacy */
    .wrap-privacy { width: 100%;}
    .wrap-privacy .top-tit { font-size: 16px; line-height: 28px; }
    .privacy-list { margin-top: 20px; padding-top: 20px; }
    .privacy-list .dl01 > dt { font-size: 14px; line-height: 22px; }
    .privacy-list .dl01 > dd { padding-left: 0;  }
    .privacy-list .dl01 dd { font-size: 12px; line-height: 22px;}

	
	/* 영술 추가 수정 200615 */
	.pc_only {display: none;}
	.m_only {display: inline-block;}
	/* // 영술 추가 수정 200615 */

}

@media (max-width: 767px) {

    /* main */
    .partners-list li { width: 100%; float: none; padding: 5px 0; }
    

	.partner-list li {width: 50%;}

	/* 200625 */
	.main .slidebox h1 {font-size: 15vw;}
	.main-banner-wrap .main-banner .swiper-slide {padding: 50px 0 80px;}
	.main-banner-wrap .swiper-container-vertical > .swiper-pagination-bullets {bottom: 34px;}
	.slidebox .wrap-img {height: 56%;}
	.slidebox.type02 .wrap-img {bottom: 15px;}
	.slidebox.type03 .wrap-img {bottom: 0px;right: 0%;}


}

@media (max-width: 767px) {
    .wrap-service .f-right .wrap { background-size: 100% auto; background-size: 100% auto;}
}



/******** 210707 : SB *******/

.dv3{ width:33.3333%; float:left; height: 243.4px; border-right:1px solid #fff;}
.dv3:last-child{ border:none;}
.dv3 ul{ height:160px;}

.product.dv3 ul{ display:flex; justify-content:center; align-items:center;}


@media (max-width: 600px) {
	.dv3{ width:100%; float:none; border:none;}
}