/* main */
/*******************************************  layout CSS  *******************************************/
.wrapper {
  width:100%;
  min-width:320px;
}
.container {
  position:relative;
}
/*******************************************  visual CSS  *******************************************/



.main-visual {
  position:relative;
  padding:30vh 0 50vh;
  text-align:center;
  background:url(../img/main/main-visual-bg.jpg) no-repeat fixed center ;
  background-size:cover;
}
.main-visual .h3-title {
  margin-top:8px;
  color:#fff;
}
.main-visual .h3-title > br {
  display:none
}
.main-visual .main-visual-btn {
  margin-top:6vh;
}
.main-visual .main-visual-btn a + a {
  margin-left:20px;
}
.main-visual .main-visual-btn .visual-btn-free-demo {
  display:inline-block;
  width:260px;
  padding:15px 20px;
  background:#338dcc;
  color:#fff;
  font-size:20px;  
  text-align:left;
  border:1px solid #338dcc;
  text-align:center;
  font-weight:bold;
}
.main-visual .main-visual-btn .visual-btn-free-demo:hover {
  color:#338dcc;
  background:#fff;
}
.main-visual .main-visual-btn .visual-btn-free-demo:hover:after {
  color:#338dcc;
}

/*******************************************  contents CSS  *******************************************/
.contents {
  position:relative;  
  z-index:1;
}
.main-contents-fixed {
  position:fixed !important;
  top:0;
  left:0;
  width:100%;
}
.main-contents-static {
  position:static !important;
}

/* contents-function-description */
.contents-function-description {
  padding:77px 0;
  background-color:#f1f1f1;
}
.contents-function-description .h3-title {
  line-height:1.9;  
}
.contents-function-description.type2 {
  padding:30px 0;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.5);
}
.contents-function-description.type2 .h3-title {
  color:#fff;
}
/* function-list */
.contents-function-list {
  background:#fff;
  text-align:center;
}
.contents-function-list .contents-title {
  padding:70px 0 50px;
}
.contents-title .h3-title {
  font-weight:bold;
}
.contents-title .h3-title.exception-h3-title br {
  display:none
}
.contents-title .h4-title {
  margin-top:20px;
  font-size:24px;
}
.contents-title .h4-title > br {
  display:none
}
.function-list:before,
.function-list:after {
  content:"";
  display:table;
  clear:both;
}
.function-list li {
  position:relative;
  float:left;
  width:25%;
  min-height:310px;
  box-sizing:border-box;
  overflow:hidden;
}
.function-list li .function-list-bg {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-size:400% 200%;
  background-repeat:no-repeat;
  transition:all ease 0.2s;
  background-image:url(../img/function-list-bg17d6.jpg);
}
.function-list .web-based .function-list-bg {
  background-position:0 0;
}
.function-list .stock-circulation .function-list-bg {
  background-position:33.3% 0;
}
.function-list .business-sale .function-list-bg {
  background-position:100% 0;
}
.function-list .production-produce .function-list-bg {
  background-position:66.6% 0;
}
.function-list .purchase-order .function-list-bg {
  background-position:0 100%;
}
.function-list .accountancy-accounting .function-list-bg {
  background-position:33.3% 100%;
}
.function-list .pay-management .function-list-bg {
  background-position:66.6% 100%;
}
.function-list .group-ware .function-list-bg {
  background-position:100% 100%;
}
/* kr에서만 사용
.function-list .web-mail .function-list-bg {
  background-position:0 0;
}
*/
.function-list li .contents-full-screen {
  background-color:rgba(0, 0, 0, 0.7);
}
.function-list .contents-full-screen .contents-table {
  padding:10px;
  box-sizing:border-box;
}
.function-list li .contents-text-centered {
  max-width:22vw;
}
.function-list li .contents-text-centered .h4-title {
  margin-bottom:20px;
  font-weight:bold;
  color:#fff;
  font-size:28px;
}
.function-list li .contents-text-centered > .function-list-description {
  color:#fff;
  margin-bottom:50px;
  font-size:18px;
}
.function-list li .contents-text-centered > .function-btn-learn-more {
  display:inline-block;
  /*padding:8px 50px;*/
  border:1px solid #fff;
  color:#fff;
  background:rgba(255, 255, 255, 0.1);
  /*font-size:12px;*/

}
.function-btn-learn-more{
  font-weight:bold;
  height:40px;
  width:250px;
  padding-top:7px;
  font-size:17px;
}
.function-list .contents-full-screen .contents-table {
  padding:10px;
  box-sizing:border-box;
}
 .function-list li:hover .function-list-bg {
  transform:scale(1.3) translateZ(0);
}
.function-list li:hover .contents-full-screen .contents-table .contents-table-cell {
  border:1px solid #338dcc;
}
.function-list li:hover .contents-text-centered > .function-btn-learn-more {
  background:#338dcc;
  border:1px solid #338dcc;
  
}


/* contents-function-advantage */
.contents-function-advantage {
  padding:70px;
  background-color:#e2e3e7;
}
.contents-function-advantage ul li {
  position:relative;
  background-color:#fff;
}
.contents-function-advantage ul li:before,
.contents-function-advantage ul li:after {
  content:"";
  display:table;
  clear:both;
}
.contents-function-advantage ul li:first-child {
  margin-bottom:10px;
}
.contents-function-advantage ul li .advantage-image-box {
  float:left;
  width:50%;
  line-height:0.6;
}
.contents-function-advantage ul li .advantage-image-box,
.contents-function-advantage ul li .advantage-detail-box {
  box-sizing:border-box;
}
.contents-function-advantage ul li .advantage-image-box img {
  width:100%;
  height:100%;
}
.contents-function-advantage ul li .advantage-detail-box {
  position:absolute;
  top:0;
  right:0;
  width:50%;
  padding:30px;
  overflow:hidden;
  height:100%;
}
.contents-function-advantage ul li .advantage-detail-box .advantage-title .h3-title {
  font-weight:bold;
  color:#000;
  text-align:left;
}
.contents-function-advantage ul li .advantage-detail-box .advantage-title:after {
  content:"";
  display:block;
  border-bottom:1px solid #000;
  width:5%;
  margin:30px 0;  
}
.contents-function-advantage ul li .advantage-detail-box .advantage-sentence {
  font-size:20px;
}

.contents-function-advantage ul li .advantage-detail-box a {
  position:absolute;
  bottom:30px;
  left:30px;
  width:160px;
  height:20px;
  padding:10px 20px;
  background:#fff;
  border:1px solid #338dcc;
  color:#338dcc;
  font-weight:bold;
}
.contents-function-advantage ul li .advantage-detail-box .icon-btn-plus:after {
  color:#338dcc;
  font-size:20px;
}
.contents-function-advantage ul li .advantage-detail-box .icon-btn-plus:hover {
  background:#338dcc;
  color:#fff;
}
.contents-function-advantage ul li .advantage-detail-box .advantage-btn:hover:after {
  color:#fff;
}

/* support-item-list */
.support-item-list:before,
.support-item-list:after {
  content:"";
  display:table;
  clear:both;
}
.support-item-list li {
  float:left;
  width:18%;
  border:1px solid #ccc;
  box-sizing:border-box;
  margin:1%;
  overflow:hidden;
}
.support-item-list li .customer-support-box {
  position:relative;
  width:100%;
  min-height:350px;
  background-image:url(../img/main/support-list-bg2d93.jpg);
  background-size:503% 100%;
  background-repeat:no-repeat;
}
.support-item-list li .customer-support-box.item-upgrade {
  background-position:25% 0;
}
.support-item-list li .customer-support-box.item-free-video {
  background-position:50% 0;
}
.support-item-list li .customer-support-box.item-free-advice { 
  background-position:75% 0;
}
.support-item-list li .customer-support-box.item-collective-education {
  background-position:100% 0;
}
.support-item-list li .contents-full-screen {
  background-color:rgba(0,0,0,0.6);
  top:70%;
  transition:all ease 0.2s;
}
.support-item-list li span {
  display:block;
}
.support-item-list li .contents-table-cell {
  vertical-align:middle;
}
.support-item-list li .contents-text-centered {
  display:block;
  max-width:15vw;
  color:#fff;
}
.support-item-list li .contents-text-centered a {
  display:block;
  padding:5px 25px;
  background:#fff;
  margin-top:10px;
}
.support-item-list li .contents-full-screen .contents-text-centered .support-box-title {
  color:#fff;
  margin-bottom:20px;
  font-size:16px;
}
.support-item-list li .customer-support-box .icon-common {
  display:inline-block;
  width:32px;
  height:32px;
  text-align:center;
  margin:17px 0 10px;
  background-position:0 -94px;
}
.support-item-list li .customer-support-box.item-free-video .icon-common {
  background-position:-33px -94px;
}
.support-item-list li .customer-support-box.item-free-advice .icon-common {
  background-position:-65px -94px;
}
.support-item-list li .customer-support-box.item-remote-support .icon-common {
  background-position:-97px -94px;
}
.support-item-list li .customer-support-box.item-online-manuals .icon-common {
  background-position:-130px -94px;
}
.support-item-list li .customer-support-box.item-visiting-training .icon-common {
  background-position:-51px -61px;
}
.support-item-list li .customer-support-box.item-collective-education .icon-common {
  background-position:-83px -61px;
}
.support-item-list li:hover .contents-full-screen {
  display:block;
  top:0;
  background-color:rgba(0,0,0,0.9);
}

/* contents-success-stories */
.contents-success-stories {
  padding:70px 0;
  background:#f1f1f1;
  text-align:center;
}
.contents-success-stories .h3-title {
  font-weight:bold;
}
.contents-success-stories .company-list {
  max-width:960px;
  margin:50px auto 0;
}
.contents-success-stories .company-list:before,
.contents-success-stories .company-list:after {
  content:"";
  display:table;
  clear:both;
}
.contents-success-stories .company-list li {  
  float:left;
  width:300px;
  margin:0 1%;  
  box-sizing:border-box;
}
.contents-success-stories .company-list li a {
  display:block;
}
.contents-success-stories .company-list li .arrow-box {  
  position:relative;
  background:#fff;
  box-sizing:border-box;
  border:1px solid #ccc;
  margin-bottom:30px;
}
.contents-success-stories .company-list li .arrow-box:before,
.contents-success-stories .company-list li .arrow-box:after {
  position: absolute;
  top: 100%; 
  left: 50%; 
  border: solid transparent; 
  content:""; 
  height: 0;
  width: 0;   
  pointer-events: none; 
}
.contents-success-stories .company-list li .arrow-box:before {
  border-color: rgba(79, 91, 99, 0);
  border-top-color: #ccc; 
  border-width: 14px;
  margin-left: -14px
}
.contents-success-stories .company-list li .arrow-box:after {
  border-color: rgba(255, 255, 255, 0); 
  border-top-color: #fff; 
  border-width: 13px; 
  margin-left: -13px; 
}
.contents-success-stories .company-list li .success-company-description {
  font-size:20px;
}

/* contents-pricing-policy */
.contents-pricing-policy {
  position:relative;
  padding: 70px 0;
  background: #303f58;
  text-align: center;
  overflow: hidden;
}
.contents-pricing-policy .h3-title,
.contents-pricing-policy .h4-title {
  color:#dce5f3;
}
.contents-pricing-policy .h4-title {
  font-weight:normal;
  margin:20px 0 40px;
}
.contents-pricing-policy .h4-title > br {
  display:none;
}
.contents-pricing-policy .pricing-policy-btn {
  display:inline-block;
  width:300px;
  height:30px;
  border:1px solid #fff;
  color:#fff;
  padding:15px 20px;
  text-align:left;
  font-size:20px;
  font-weight:bold;
}
.contents-pricing-policy .pricing-policy-btn:hover {
  background:#fff;
  color:#303f58
}
.contents-pricing-policy .pricing-policy-btn:hover:after {
  color:#303f58;
}

/*******************************************  main-common CSS  *******************************************/
.contents-full-wrap {
  position:relative;
  width:100%;
  height:100vh;
}
.contents-full-screen {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.contents-table {
  display: table;
  width:100%;
  height:100%;
}
.contents-table-cell {
  display: table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}

/* contents-line */
.contents-line {
  margin-top:50px;
  text-align:center;
  font-size:0;
  letter-spacing:0;
  word-spacing:0;
}
.contents-line span {
  display:inline-block;
  width:60px;
  height:4px;
}
.contents-line .red-line {  
  background:#338dcc;
}
.contents-line .gary-line {
  background:#555153;
}

/* icon common */
.icon-btn-plus:after {
  content:"+";
  float:right;
  font-size:28px;
  color:#fff;
  line-height:1;
}

/*팝업====================================================================*/

/* 메인팝업 */
.wrapper-main-popup {
  position: absolute;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  padding: 10px;
}
.wrapper-main-popup .popup-contents {
  margin-bottom: 20px;
}
.wrapper-main-popup .popup-bottom {
  overflow: hidden;
}
.wrapper-main-popup .popup-bottom .float-r a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.wrapper-main-popup .popup-bottom .float-r a:hover {
  text-decoration: underline;
}

/* 제품설명회팝업 */
.popup-presentations {
  width: 500px;
  top: 100px;
  left: 50%;
  margin-left: -250px;
  z-index: 10;
}

/*브라우져 upgrade 팝업*/
.browser-upgrade-popup {
  position: fixed;
  z-index: 100;
  right: 0px;
  bottom: 0px;
  background: #fff;
  border: 1px solid #ccc;
  width: 560px;
  margin: 10px;
  padding: 10px;
  border: 2px solid #d60000;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
}
.browser-upgrade-popup .popup-heading .heading30 {
  margin: auto;
  color: #338dcc
}
.browser-upgrade-popup .popup-contents {
  font-size: 12px;
  line-height: 1.7;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 10px 0;
  padding: 15px 0;
}
.browser-upgrade-popup .popup-contents ul.browser-install {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}
.browser-upgrade-popup .popup-contents ul.browser-install > li:first-child {
  margin-bottom: 5px;
}
.browser-upgrade-popup .popup-contents ul.browser-install > li > a {
  color: #333;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
}
.browser-upgrade-popup .popup-contents ul.browser-install > li > a:hover {
  color: #ff0000;
}
.browser-upgrade-popup .popup-bottom {
  font-size: 12px;
}
.browser-upgrade-popup .popup-bottom .float-r a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
  display: inline-block;
}
.browser-upgrade-popup .popup-bottom .float-r a:hover {
  text-decoration: underline;
}
.browser-upgrade-popup .popup-bottom .float-r a:first-child {
  margin-right: 10px;
}

/*개인정보취급방침 팝업
.popup-policy {
  width: 280px;
  top: 148px;
  left: 10px;
  z-index: 99;
  position: absolute;
  border: 1px solid #338dcc
  background: #fff;
  padding: 10px 20px 5px 20px;
}
.popup-policy .popup-contents {
  padding-bottom: 20px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.popup-policy .float-r a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.popup-policy .float-r a:hover {
  text-decoration: underline;
}
.popup-policy .heading30 {
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  font-weight: bold;
}
*/

/*메인 제품설명회 팝업*/
#layer_wrap,
.timeTable {
  width: 945px;
  margin: 0 auto;
}
.layer_pop {
  position: fixed;
  width: 945px;
  top: 170px;
  z-index: 100;
}
.layer_pop > div {
  width: 434px;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  border: 2px solid #338dcc;
}
.layer_pop .tit {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
}
.layer_pop table.schedule {
  width: 100%;
  font-size: 13px;
  text-align: center;
  border: 1px solid #b7b7b7;
  border-bottom: none;
  border-right: none;
}
.layer_pop table.schedule th {
  padding: 5px 0 3px 0;
  background: #e9e9e9;
  border: 1px solid #b7b7b7;
  border-top: none;
  border-left: none;
}
.layer_pop table.schedule td {
  padding: 7px 5px 5px 5px;
  border: 1px solid #b7b7b7;
  border-top: none;
  border-left: none;
  vertical-align: middle;
}
.layer_pop table.schedule a:hover {
  text-decoration: underline;
}
.layer_pop .layer_close {
  overflow: hidden;
  margin-top: 10px;
  font-size: 13px;
}
.layer_pop .layer_close span.close {
  float: right;
  padding-top: 2px;
}
.layer_pop .layer_close a:hover {
  text-decoration: underline;
}
.layer_pop .layer_close img {
  margin-right: 3px;
  vertical-align: -2px;
}
.layer_pop table.info {
  border: none;
}
.layer_pop table.info th,
.layer_pop table.info td {
  background: none;
  border: none;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  border-top: 1px solid #eee;
}

.layer_pop table.info tr:first-child th,
.layer_pop table.info tr:first-child td {
  border-top: none;
}



/*******************************************  media query CSS  *******************************************/
@media all and (max-width : 1260px) {
  .function-list li {
    min-height:250px;
  }
  .support-item-list li .customer-support-box {
    min-height:280px;
  }
  .contents-function-advantage ul li .advantage-detail-box a{
    bottom:10px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-title:after {
    margin:15px 0;
  }  
}

@media all and (max-width : 1024px) {
  .contents-success-stories .company-list {
    max-width:640px;
  }
  .contents-success-stories .company-list li {
    width:200px; 
  }
}

@media all and (max-width : 1002px) {
  .function-list li {
    min-height:200px;
  }
  /*.function-list li .contents-text-centered .h4-title {
    font-size:20px;
    margin-bottom:10px;
  }
  .function-list li .contents-text-centered > .function-list-description {
    font-size:14px;
    margin-bottom:25px;
  }*/
  .support-item-list li .customer-support-box .contents-text-centered .icon-common {
    margin-top:10px;
  }
  .contents-function-advantage {
    padding:35px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-title {
    font-size:28px;
  }
}


@media all and (max-width : 889px) {


  /* contents-function-description */
  .contents-function-description {
    padding:15px 0;
  }

  /* contents-function-list */
  .contents-function-list .contents-title {
    padding:35px 0 25px;
  }
  .function-list li {
    width:50%;
    min-height:250px;
  }
  .function-list li .contents-text-centered {
    max-width:42vw;
  }
  .function-list li .contents-text-centered > .function-btn-learn-more {
    padding:8px 25px;
  }

  /* contents-function-advantages */
  .contents-function-advantage {
    padding:10px;
  }  
  .contents-function-advantage ul li:first-child {
    margin-bottom:20px;
  }
  .contents-function-advantage ul li .advantage-image-box {
    float:none;
    width:100%;
  }
  .contents-function-advantage ul li .advantage-detail-box {
    position:inherit;
    width:100%;
    padding:15px 10px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-title {
    font-size:22px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-title:after {
    margin:10px 0;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-btn {
    display:block;
    position:inherit;
    width:150px;
    left:0;
    bottom:0;
    padding:5px;
    margin-top:20px;
  }

  /* contents-customer-support */  
  .support-item-list li {
    width:48%;
  }
  .support-item-list li .contents-text-centered {
    max-width:45vw;
  }
  .support-item-list li .customer-support-box .icon-common {
    background-position:-1px -131px;
  }
  .support-item-list li .customer-support-box.item-free-video .icon-common {
    background-position:-50px -131px;
  }
  .support-item-list li .customer-support-box.item-free-advice .icon-common {
    background-position:-98px -131px;
  }
  .support-item-list li .customer-support-box.item-remote-support .icon-common {
    background-position:-146px -131px;
  }
  .support-item-list li .customer-support-box.item-online-manuals .icon-common {
    background-position:-196px -131px;
  }
  .support-item-list li .customer-support-box.item-visiting-training .icon-common {
    background-position:-146px -86px;
  }
  .support-item-list li .customer-support-box.item-collective-education .icon-common {
    background-position:-197px -86px;
  }

  /* contents-success-stories */
  .contents-success-stories .company-list li .success-company-description {
    font-size:14px;
  }

  /* contents-pricing-policy */
  .contents-pricing-policy {
    padding:35px 0;
  }
  .contents-pricing-policy .pricing-policy-btn {
    font-size:16px;
    width:230px;
    height:20px;
    padding:15px;
  }
  .contents-pricing-policy .icon-btn-plus:after {
    font-size:20px;
  }
  .contents-line {
    margin-top:25px;
  }
  .icon-btn-plus:after {
    font-size:26px;
  }
}

@media all and (max-width : 680px) {  

  /* main-visual */
  .main-visual {
    padding:120px 0;
    margin-top:100px;
    background-attachment:inherit;
  }
  .contents-title .h4-title {
    font-size:18px;
  }
  .contents-function-description.type2 {
    position:inherit;
    background:rgba(0,0,0,0.8);
  }
  .function-list li .contents-text-centered .h4-title {
    font-size:24px;
  }  
  .main-visual .main-visual-btn {
    margin-top:24px;
  }  
  .main-visual .main-visual-btn .visual-btn-free-demo {
    width:50%;
    padding:10px;
    font-size:16px;
    display:block;
    margin:0 auto;
  }
  .main-visual .main-visual-btn .visual-btn-free-demo:first-child {
    margin-bottom:10px;
  }
  .main-visual .icon-btn-plus:after {
    font-size:24px;
  }
  /* contents-pricing-policy */
  .contents-pricing-policy .pricing-policy-btn {
    width:200px;
    height:20px;
    padding:10px;
    font-size:14px;
  }

  /* contents-success-stories */
  .contents-success-stories {
    padding:35px 0;
  }
  .contents-success-stories .company-list {
    margin-top:25px;
  }
  .contents-success-stories .company-list li {
    display:block;
    width:94%;
    margin:1% 3%;
  }
  .contents-success-stories .company-list li .arrow-box > a > img{
    height:65px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-sentence {
    font-size:14px;
  }
  /*메인페이지 제품설명회 팝업*/
  .wrapper-main-popup {
    width: 90%;
    margin: 0;
    left: 2%;
  }
  /*브라우져 upgrade*/
  .browser-upgrade-popup {
    width: 90%;
    margin: 2%;
  }
}

@media all and (max-width : 465px) {
  /* contents-function-list */
  .function-list li {
    width:90%;
    margin:2% 5%;
  }
  .function-list li .contents-text-centered {
    max-width:80vw;
	margin:auto;
  }

  /* contents-customer-support */
  .support-item-list li {
   width:90%; 
   margin:2% 5%;
  }
  .support-item-list li .contents-text-centered {
    max-width:80vw;
  }
}

@media all and (max-width : 420px) {
  .main-visual .h3-title > br {
    display:block;
  }
  .main-visual .main-visual-btn .visual-btn-free-demo {
    padding:5px;
    font-size:14px;
  }
  .contents-title .h3-title.exception-h3-title br {
    display:block
  }
  .contents-title .h4-title {
    font-size:14px;
  }
  .contents-title .h4-title > br {
    display:block;
  }
  .function-list li .contents-text-centered > .function-list-description {
    font-size:14px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-sentence {
    font-size:14px;
  }
  .contents-function-advantage ul li .advantage-detail-box .advantage-sentence > br {
    display:none;
  }
  .contents-pricing-policy .h4-title > br {
    display:block;
  }
}

@media all and (max-height : 510px) {
  /* main-visual */
  .main-visual {
    padding:150px 0 265px
  }
  .main-visual .main-visual-btn {
    margin-top:10px;
  }
}


/******************   메인 비주얼   ******************/

#visual{position:relative; height:700px;}
#visual .imageWrap div{position:absolute; left:0; top:0; width:100%; height:700px; text-align:center; overflow:hidden;}
#visual .subCopy{color:#fff; font-size:26px; font-weight:700; width:100%; max-width:1130px; margin:280px auto 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.74); }
#visual .mainCopy{color:#fff; font-size:70px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);  font-weight:900; width:100%; max-width:870px; margin:20px auto 0; }
#visual .v1{background:url(../img/Mbnr2.jpg) no-repeat center center; background-size:cover;}
#visual .v2{background:url(../img/Mbnr1.jpg) no-repeat center center; background-size:cover;}
#visual .v3{background:url(../img/Mbnr3.jpg) no-repeat center center; background-size:cover;}
#visual .v4{background:url(../img/Mbnr4.jpg) no-repeat center center; background-size:cover;}
#visual .v5{background:url(../img/Mbnr5.jpg) no-repeat center center; background-size:cover;}
#visual .v6{background:url(../img/Mbnr6.jpg) no-repeat center center; background-size:cover;}
#visual .v7{background:url(../img/Mbnr7.jpg) no-repeat center center; background-size:cover;}
#visual .v8{background:url(../img/Mbnr8.jpg) no-repeat center center; background-size:cover;}
#visual .v9{background:url(../img/Mbnr9.jpg) no-repeat center center; background-size:cover;}
#visual .indi{position:absolute; bottom:50px; left:50%; margin-left:-93px; z-index:1; width:185px; height:18px;}
#visual .indi li{width:18px; height:18px; background:url(../img/indi.png) no-repeat center center; float:left; margin-left:10px; cursor:pointer;}
#visual .indi li:first-child{margin-left:0;}
#visual .indi li.on{width:69px; background:url(../img/indi_on.png) no-repeat center center;}

#visual .ui{position:absolute; left:50%; margin-left:-565px; width:1130px; top:360px;}
#visual .ui a{display:block; position:absolute; width:40px; height:91px; text-indent:-9999px}
#visual .ui a.left{background:url(../img/visual_left.png) no-repeat right center; left:0;}
#visual .ui a.right{background:url(../img/visual_right.png) no-repeat left center; right:0;}


@media screen and (max-width:1280px){
	
	#visual .mainCopy{font-size:60px; max-width:840px;}
	#visual .ui{margin-left:-480px; width:960px; top:360px;}
}

@media screen and (max-width:960px){
	#visual{position:relative; height:420px;}
	#visual .imageWrap div{height:420px;}
	#visual .subCopy{font-size:14px;margin:150px auto 0;}
	#visual .mainCopy{font-size:35px;margin:15px auto 0; padding:0 50px; width:auto; line-height:38px;}
	#visual .ui{ position:relative; left:0; margin-left:0; width:100%; top:200px; z-index:1;}
	#visual .ui a{display:block; position:absolute; width:45px; height:45px; background-size:contain;}
	#visual .ui a.left{background:url(../img/visual_left.png) no-repeat right center; left:0;}
	#visual .ui a.right{background:url(../img/visual_right.png) no-repeat left center; right:0;}	

	.bbsBG h2{font-size: 30px!important}
}


.btn-primary1{border-radius:0 !important; border: 0px solid #10203c !important;background: #338dcc !important; color: #fff !important;height:55px; padding-top:17px; width:250px; font-size:17px;}
.btn-primary1:hover{background: #b6824b!important; color: #fff!important;}
/*padding:0.68em 3.42em; */
.btn-primary2{ border: 0px solid #10203c !important;background-color:#338dcc !important; color: #000 !important;width:120px;height: 40px;}
.btn-primary2:hover{background: #eb842d !important; color: #000 !important;}
/*
input::-wskit-input-placeholder { color:#2d3c57 !important}
input::-moz-placeholder { color:#2d3c57 !important }
input::-ms-input-placeholder { color:#2d3c57 !important}
*/
#contact-main input, select{padding: 0.22em; box-sizing: content-box ;border-radius:4px !important; background: #fafafa ;border: none ; margin:15px 0; color:#ffffff !important;}
.f16 {font-size:15px !important; color: #666; line-height:21px !important;}
.f21 {font-size:26px; font-weight: bold;}
.iconContent{background-color:#fff; padding: 10px; height: 232px; }
.iconContent p{color:#777; }
.bbsBG{background:#ebebeb }

.bbsBG2{background: url('../img/bg_info.jpg')no-repeat top; background-size:cover; }
.content p{font-size:18px;line-height:30px;color: #222;}
.content p.itd_title{font-size:24px;margin-bottom:30px;}
.content a {text-decoration:none;padding:8px;margin-top: 10px;}
.content a:hover{text-decoration:none;}
#contact-main{}
#contact-main p{font-size: 30px; text-align: center;  font-weight: bold; color: #2b2b2b; line-height: 36px }
#contact-main h3{margin-top: 21px; font-size: 21px; color: #606060;  padding-bottom: 55px }

.visual_button_area{
	z-index:999;
	width:100%;
	text-align:center;
	position:absolute;
	margin-top:500px;
}

@media screen and (max-width:1600px){
	.visual_button_area{
		margin-top:500px;
	}
	.btn-primary1{
		font-size:15px;
		width:200px;
		height:50px;
		padding-top:15px;
	}
	.function-list .contents-full-screen .contents-table{

	}
	.function-list li .contents-full-screen{
		
	}
	.function-list li .contents-text-centered{
		margin-right:0px;
	}
	.function-list{
	}
	.stock-circulation, .production-produce, .business-sale, .purchase-order{
		height:320px;			
	}
	.function-btn-learn-more{
		width:130px;
	}
	.function-list-description > blockquote > p{

		font-size:14px;
	}
	.function-list li .contents-text-centered > .function-list-description{
		
	}
	/*
	.navbar{
		height:80px;
		padding-top:-20px;
	}
	.collapse{
		margin:-4px;
	}
	.navbar-header > a > img{
		margin-top:10px;
		width:150px;
	}
	*/


}

@media screen and (max-width: 1200px){
/*
	.navbar{
		height:30px;
		padding-top:10px;
	}
	*/
}


@media screen and (max-width:1024px){
	.visual_button_area{
		margin-top:500px;
	}
	.btn-primary1{
		font-size:15px;
		width:200px;
		height:40px;
		padding-top:10px;
	}
	.function-list .contents-full-screen .contents-table{

	}
	.function-list li .contents-full-screen{

	}
	.function-list li .contents-text-centered{
		margin:auto;
	}
	.function-list{

	}
	.stock-circulation, .production-produce, .business-sale, .purchase-order{
		height:320px;
	}
	.function-list li .contents-text-centered > .function-list-description{
		font-size:5px !important;
	}
	/*
	.navbar{
		height:80px;
		padding-top:0px;
	}
*/
}

@media screen and (max-width:960px){
	.visual_button_area{
		margin-top:300px;
	}
	.btn-primary1{
		font-size:15px;
		width:200px;
		height:40px;
		padding-top:10px;
	}
	.function-list .contents-full-screen .contents-table{

	}
	.function-list li .contents-full-screen{

	}
	.function-list li .contents-text-centered{
		margin:auto;
	}
	.function-list{

	}
	.stock-circulation, .production-produce, .business-sale, .purchase-order{
		height:320px;
	}
	.function-list li .contents-text-centered > .function-list-description{
		font-size:5px !important;
	}
	/*
.navbar{
		height:80px;
		padding-top:0px;
	}
	*/
}

@media screen and (max-width:480px){
	.visual_button_area{
		margin-top:300px;
	}
	.btn-primary1{
		font-size:12px;
		width:140px;
		height:35px;
		padding-top:10px;
	}
	.function-list .contents-full-screen .contents-table{

	}
	.function-list li .contents-full-screen{

	}
	.function-list li .contents-text-centered{
		
	}
	.function-list{

	}
	.stock-circulation, .production-produce, .business-sale, .purchase-order{
		height:320px;
	}
	.function-list li .contents-text-centered > .function-list-description{
		font-size:5px !important;
	}

}


::-webkit-input-placeholder { /* Chrome */
  color: #999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999 !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999 !important;
  opacity: 1;
}