@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@font-face {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-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-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-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-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-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');}
@font-face { font-family: 'Noto Sans KR-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/Noto Sans KR-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); <link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'> * { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }
/* common _ jyp */
* {
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif', 'Noto Sans KR' !important;
}
body {
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
  color:#000;
  letter-spacing:0;
  -webkit-text-size-adjust: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  color:#333;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.756em;
  font-weight:500;
}
table,td,th {
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}

img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {
  margin-top:0;
  font-family:  'Noto Sans KR-5Medium';

}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}

/* Footer */
.P-footer {
  clear:both;
  padding:20px 0;
  width:100%;
  background:#000000;
}
.footer-logo {
  display:none;
}
.footer-info {
  width:100%;
}
.footer-info li {
  width:100%;
  background:#fafafa;
  padding:0px 0px 0px 0px;
}
.copy-item {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#ADADAD
}
#totalANDzeroweb {background:#000000;}
#totalANDzeroweb div {
  font-size: 12px;
  width: 320px;
  margin: 0px auto;
  color: #ADADAD;
}
#menu_box { display:none; }
}



/* all  */
@media all{
  dl {padding-top: 5% !important; padding-bottom: 5% !important;}
  a{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
}
#SUB_Scontent {margin: 0 auto; z-index: 0;}
.swiper-container {
  position: relative;
  width: 50%;
  overflow: hidden;
}
.sw_wrap{
  width:100%;
  float: left;
  padding-bottom: 5%;
}

.P-nav-logo.m { display: none !important; }
.P-nav-logo.t { display: none !important; }
.pc { display: block; }
.m {display:none}
.menu {max-width:90% !important;}
.visible-lg {position:relative; display:block !important;}
#btnCi {display:block; position: absolute; left: 0; z-index:2;}
.P-header {
  width:100%;
  margin:0 auto;
  height:90px;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color:#fff;
  display: inline-block;
  transition-duration: 0.5s;
}
.P-header a {
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
  font-size:18px;
  color:#000000;
  font-weight:normal;
}
.P-nav a:first-child {margin: 0 auto;}
.hwa_center {
  display:block;
  width: 120px;
  height:40px;
  line-height:40px;	
  text-align: center;
  float:right;
  border:1px solid #ccc;
  position:absolute;
  right:0;
  transform:translateY(50%);
}
.P-nav > ul > li > a:last-child {border:1px solid #5d5d5d;}
.P-nav > ul > li {width:20%; float:left; text-align: center;}
.P-nav-item:hover, .P-nav-item:focus {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}
.P-member {display: none;}
.P-nav-logo {
  height: 90px;
  position: relative;
  font-size: 30px;
  line-height: 90px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.P-nav > ul {
  width: 100%;
  position:absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.visible-lg ul li:hover > ul{
  display:block;
  }
.P-nav > ul > li {position:relative; line-height:90px; background: #fff;z-index:2;}
.P-nav > ul > li > a {display: block; background: #fff;z-index:2;}
.P-nav-item:hover, .P-nav-item:focus {font-weight: 600;}
.P-nav:after {content:""; display:block; clear:both;}
.sub_02_menu{
  display:none;
  position: absolute;
  width: 100%;
  top: 90px;
  left: 0;
  float: left;
  text-align: center;
  border-top:2px solid #ed1b23;
  transition:all 0.7s ease-in-out;	
  z-index:-1;
}
.P-nav > ul > li {position:relative; width:160px; line-height:90px; background: #fff;z-index:2;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .P-nav > ul > li {line-height:90px;}
  .sub_02_menu {top: 90px;}
  .P-nav > ul {height:90px;}
}

.sub_02_menu li{background-color: #fff; height: 50px; line-height: 50px; transition:all 0.3s ease;}
.sub_02_menu li a {font-size:14px;font-weight:400;}
.sub_02_menu li:hover{background-color: #fff; z-index:1;}
.sub_02_menu li:hover a{color:#000;font-weight:600;}
.visible-lg ul li:hover > ul {display:block; z-index:1;}

/*로고 끝*/
.wrap {
  width: 100%;
  max-width:90%;
  margin: auto;
}
.wrap_in {height: 90px;margin:0 auto;}
.hidden-lg {display:none;}
.content {
  width:100%;
  height:619px;
  position: relative;
}
.Hwa_slide {width:90%; margin:0 auto;z-index: 22;}
.swiper-container {width: 100%;height: 700px;}

/* 주요 실적 :ⓢ: */
.Hwa_result, .Hwa_info {width:100%; max-width:90%; margin:0 auto; padding:70px 0;}
.Hwa_result h1 {font-size:38px; font-weight:400; text-align:center; margin-bottom:36px;}
.Hwa_result ul {width:100%;}
.Hwa_result ul li {width:23.5%; margin:1%; float:left;}
.Hwa_result ul li:first-child {margin-left:0;}
.Hwa_result ul li:last-child {margin-right:0;}
.Hwa_result ul li > a {display:block;}
.Hwa_result ul li:hover {box-shadow:0px 0px 40px 10px rgba(0, 0, 0, 0.1)}
.Hwa_result ul:after, .Hwa_info:after, .Hwa_location:after {content:""; display:block; clear:both;}
.result_img {width:100%; height:200px; background:#000; overflow:hidden;}
.result_img img {width:100%;}

.Hwa_result ul h2 {width: 90%; margin: 30px auto 0; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-size:20px; font-weight:600;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
.Hwa_result ul h6 {width: 90%; margin: 10px auto 30px;font-size:14px; font-weight:400; color:#757575;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
.moreBtn {margin:30px auto 36px; width:136px; height:44px; line-height:44px; text-align:center; background:#000;}
.moreBtn a {font-sizE:16px; font-weight:400; color:#fff;}
.moreBtn a:hover {color:#fff;}
/* 주요 실적 :ⓔ: */

/* Overseas Business :ⓢ: */
.Overseas {width:100%; max-width:100%; } /*background:#fafafa;*/
.Overseas_in {width:90%; margin:0 auto;}
/* Overseas Business :ⓔ: */

/*제품 소개*/
.Pdt_intro {width:100%; max-width:100%; margin:0 auto; padding:70px 0;}
.Pdt_intro_in {width:90%; margin:0 auto;}
.Pdt_intro ul {width:100%;}
.Pdt_intro ul li {width:18%; margin:1%; float:left;}
.Pdt_intro ul h4 {color:#333; margin:0; padding:0; font-size:15px; line-height:1.756em; font-weight:500; text-align:center;}
.Pdt_intro ul h1 {font-size:38px; font-weight:400; text-align:center; margin-bottom:36px;}
.Pdt_intro img.pdtintro {margin:0 auto;}
.moreBtn {margin:30px auto 36px; width:136px; height:44px; line-height:44px; text-align:center; background:#000;}
.moreBtn a {font-sizE:16px; font-weight:400; color:#fff;}
.moreBtn a:hover {color:#fff;}

/*제품 소개*/

/* 고객센터 / 영업시간 / 입금계좌 / 오시는길 :ⓢ: */
.Hwa_info {max-width:1200px;}
.Hwa_info > div {width:33.33%; float:left;}
.Hwa_info > div h3 {font-size:20px; font-weight:600; color:#020202;}
.Hwa_info > div h4 {font-family:'Roboto'; font-size:24px; font-weight:600; color:#020202; margin:14px 0;}
.Hwa_info > div h5 {font-size:16px; font-weight:500; color:#020202; margin:4px 0;}
.Hwa_info > div h5 span.num {width:62px; line-height:24px; background:#c81a20; border-radius:30px; font-size:12px; color:#fff; text-align:center;}
.Hwa_info > div h5 span {width: 70px; display: inline-block;}
.Hwa_info > div h6 {font-size:16px; font-weight:600; color:#5e5e5e; line-height: 1; height: 40px; margin:14px 0;}
.Hwa_bank h5 {padding-bottom: 30px;}
.Hwa_location h3 {padding:30px 0; border-top:1px solid #dbdbdb;}
.Hwa_location a:first-child {font-size:20px; font-weight:600; color:#020202;}
.Hwa_location a:last-child {float:right;}
/* 고객센터 / 영업시간 / 입금계좌 / 오시는길 :ⓔ: */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.Hwa_result ul h2 {height:22px}
}
@media all and (max-width:1550px){
  .P-nav > ul > li {width: 14%;}
}

/*태블릿 [ 0 ~ 1200px 적용] */
@media all and (max-width:1200px){
  .P-nav-logo.m { display: block !important; }
  .P-nav-logo.t { display: block !important; }
  .pc, .m{display:none;}
  .t {display:block;}
  #btnCi {top: 50%; transform: translateY(-25%);}
  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .msd_logo_box {
    width: 280px;
    margin: auto;
  }
  .msd_logo_box img {
    width: 100%;
  }
  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .P-member {
    display: none;
  }
  .P-header {
    width: 100%;
    height: 70px;
    position: initial;
    display: inline-block;
    margin: 0 auto;
    padding: 0%;
    z-index: 10;
    top: 0;
    left: 0;
  }
  .wrap {
    position: relative;
    width: 100%;
    margin: auto;
  }
  .wrap_in {height:70px;}
  .P-nav-logo {
    padding:0;
    float: left;
    height: 70px;
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
    position: relative;
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
  }
  .P-nav-logo img {float: left; width: 150px;}
  .P-header a {margin:0;}
  .visible-lg {
    display: block;
    overflow: hidden;
  }
  #btn-top-menu {
    width: 31px;
    float: right;
    padding-top: 18px;
  }
  #btn-top-menu img {
    display: block;
  }
  /*로고 끝*/
  .wrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
  }
  .wrap_in {margin:0 auto;float: left;}
  .wrap:after {content:""; display:block; clear:both;}
  .visible-lg {display: none !important; width: 80%;}
  .hidden-lg {display: block;}
  .Hwa_info, .Overseas_in, .Pdt_intro {max-width:90%;}
  .result_img {height: 100px;}
  .Pdt_intro img.pdtintro {width:80%;}
}

/* 모바일 [ ~ 900px 적용] */
@media all and (max-width:900px){
  .Hwa_result ul li {background:#fff; border: 1px solid #000;}
  .Hwa_info > div {width: 50%;}
  .Hwa_info > div:last-child {width:100%; margin-top:10%;}
  .Hwa_info > div:last-child > div {width:50%; float:left;}
  .Hwa_info > div:last-child:after {content:""; display:block; clear:both;}
  .Hwa_location h3 {padding:0; border-top:0;}
  .Hwa_info .Hwa_bank h4 {margin-bottom:0;}
  .Pdt_intro img.pdtintro {width:70%;border:0px;}
}

/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}
  .swiper-container {height:360px;}
  .Hwa_result ul li {width: 100%; margin:1% auto 20px; float: none; border: 1px solid #000;}
  .Hwa_result ul li:first-child, .Hwa_result ul li:last-child {margin-left:auto;}
  .Hwa_result h1 {font-sizE:32px;}
  
  
  .Pdt_intro ul li {width: 100%; margin:1% auto 15px; float: none; border: 1px solid #000;}
  .Pdt_intro ul li:first-child, .Pdt_intro ul li:last-child {margin-left:auto;}
  .Pdt_intro img.pdtintro {width:90%; border:0px;}
}

/* 모바일 [ ~ 640px 적용] */
@media all and (max-width:640px){
  .P-logo img {width:230px;}
  .Hwa_result, .Hwa_info, .Pdt_intro {padding: 50px 0;}
  .result_img {height: 150px;}
  .Hwa_result h1 {margin-bottom: 26px;}
  .Pdt_intro h1 {margin-bottom: 26px;}
  
  .Hwa_info > div, .Hwa_info > div:last-child > div {width: 90%;margin:0 auto 5%; padding-bottom:5%; float: none; border-bottom: 1px solid #ccc;}
  .Hwa_info > div:last-child > div:last-child {border-bottom:none;}
  .Hwa_info > div:last-child {border-bottom:none; margin-top:0;}
  .Hwa_bank h5 {padding-bottom:0;}
  .Hwa_info > div h6 {height:20px;}
}

/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:480px){
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}
  #btnCi {padding: 6% 0;}
  .Hwa_info > div h6 {height:40px;} 
  .P-nav-logo {height: 95px;}
}

/* 모바일 [ ~ 390px 적용] */
@media all and (max-width:390px){
  .main_content {
    height: 370px;
    background: url(../images/main/main_visual_m2.png) no-repeat bottom;
    background-size: 110%;
  }
  .P-logo_in, .serviceIn {width:100%;}
  .about, .store {width: 90%; padding: 10% 0;}
  .about > div, .store > div {width: 50%;}
  .arrowSlider img {width:50%;}
  .swiper-button-next {left: 7% !important;}
  .Mleft > .mBtn {width: 50%;}
  .call {width: 100%;}
  .call > h1 a {margin: 2% 0 2%;}
  .service {padding: 10% 0 0;}
  .service_in {margin: 0 auto 9%;}
  .serRight > div {width: 70%;}
}