/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1
*/

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);




* {
  font-family: "NanumSquare", sans-serif;
}

body {
  line-height: 1.4;
  font-family: "NanumSquare", sans-serif;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: auto;
}

h2,
h3,
h4,
h5 {
  margin-bottom: 0 !important;
}

.pointer {
  cursor: pointer;
}

.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}

.comments-area {
  display: none;
}

a{color:inherit}
a:hover{color:inherit}


nav .main-nav .mega-menu {
  position: static;
  cursor: default !important;
}

nav .main-nav .mega-menu > ul {
  position: absolute;
  width: 15%;
  left: auto !important;
  display: flex;
  flex-wrap: wrap;
}


nav .main-nav .mega-menu > ul > li {
  display: inline-block;
  vertical-align: top;
}

nav .main-nav .mega-menu.mega-menu-col-2 > ul > li {
  width: 50%;
}

nav .main-nav .mega-menu.mega-menu-col-3 > ul > li {
  width: 33.3333%;
}

nav .main-nav .mega-menu.mega-menu-col-5 > ul > li {
  width: 20%;
}

nav .main-nav .mega-menu > ul > li:hover > a,
nav .main-nav .mega-menu > ul > li:focus > a,
nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
nav .main-nav .mega-menu ul ul {
  background-color: transparent !important;
  color: inherit;
}

nav .main-nav .mega-menu ul .sub-menu {
  position: static;
  display: block;
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-shadow: 0 0 0;
  height: auto;
  pointer-events: auto;
  transform: scale(1);
}

nav .main-nav .mega-menu ul .sub-menu .menu-item > a::before {
  content: "┖ ";
}

nav .main-nav .mega-menu ul.toggled-on .sub-menu {
  pointer-events: auto;
}

nav
  .main-nav
  .mega-menu
  .sub-menu
  .menu-item-has-children
  .dropdown-menu-toggle {
  display: none;
}

.main-navigation:not(.toggled) ul li:hover > ul {
  opacity: 0.8;
}

.basic__flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.post-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.post-item-content a p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.img100{width:auto !important; margin: 0 auto}

.bg01{background: #f9fdfe }
.bg02{background: #f5f6fa }
.bg03{background: #f7fbfc}
.bg04{background: #f6f8f8}

.fw400{font-weight: 400 !important}


@media (max-width: 712px) {
}
.inner900{width: 900px; margin: 0 auto; position: relative}
.inner900 img{width: auto !important}

.inner1200{width: 1200px; margin: 0 auto; position: relative}
.inner1200 img{width: auto !important}
.inner1300{width: 1300px; margin: 0 auto; position: relative}
.inner1300 img{width: auto !important}
.inner1400{width: 1400px; margin: 0 auto; position: relative}
.inner1440{width: 1440px; margin: 0 auto; position: relative}
.inner1340{width: 1340px; margin: 0 auto; position: relative}

.txtCneter{text-align:center !important}

.s_crmBox01{background: url("/img/crm_img01.png") top center no-repeat; height: 284px; display: flex; justify-content:center; align-items:center; color: #fff; text-align: center}
.s_crmBox01 dt{font-size: 50px; font-weight: 700; line-height: 43px; display: flex; justify-content:center; align-items:center;}
.s_crmBox01 dt span{border-left:#fff 3px solid; font-size: 30px; font-weight: 300; padding-left:10px; margin-left: 20px }


.s_crmBox02{width: 1440px; margin: 0 auto; border-bottom:#dddddd 1px solid; text-align: center; margin-bottom: 120px}
.s_crmBox02 a{display: inline-flex; justify-content:center; align-items:center;height: 78px; border-bottom:#1b5970 5px solid; color: #00687f !important; padding: 0 10px; font-size: 20px}

.s_crmBox03{width: 1050px; margin: 0 auto; position: relative; line-height: 1.3; letter-spacing: -0.04em}
.s_crmBox03 img{width: auto !important}

.s_crmBox04{text-align: center; margin-bottom: 40px}
.s_crmBox04 dt{font-size: 50px; font-weight: 700; margin-bottom: 30px}
.s_crmBox04 dl{color: #666666; font-size: 25px}
.s_crmBox04 dl span{color: #27687d}

.s_crmBox05{text-align: center; font-size: 30px; margin-top: 90px}
.s_crmBox05 dt{font-size: 35px; font-weight: 700; margin-bottom: 60px }
.s_crmBox05 img{width: auto}

.s_crmBox06{border: #bbbbbb 1px solid; padding: 30px 20px 30px 35px; font-size: 20px; font-weight: 300; margin-bottom: 30px}
.s_crmBox06 dl{padding-left: 15px; margin-bottom: 5px}
.s_crmBox06 dd{padding-left: 25px}
.s_crmBox06 dl:before{content:"*"; position: absolute; margin-left: -15px; margin-top: 3px}
.s_crmBox06 dd:before{content:"※"; position: absolute; margin-left: -25px;}

.s_crmBox07{border-top: #cfcfcf 2px solid; border-bottom: #cfcfcf 2px solid; padding-top: 30px; padding-bottom: 65px; margin-bottom: 90px}
.s_crmBox07 button{width: 160px; height: 45px; margin: 30px auto; background: #01a4ad; color: #fff !important; font-weight: 700; font-size: 20px; display: flex; justify-content:center; align-items:center; border-radius: 5px;}

.s_crmBox08{background: #f5f8fa; padding: 40px; text-align: center}
.s_crmBox08 ol{width:530px; margin: 0 auto;}
.s_crmBox08 ol dl{padding-left: 120px}
.s_crmBox08 ol dl span{font-size: 22px; font-weight: 700; position: absolute; margin-left: -120px; line-height: 46px}
.s_crmBox08 ol dl+dl{margin-top: 20px}
.s_crmBox08 ol input{width: 100%; height: 46px; border: #b3b3b3 1px solid; background: #fff; font-size: 16px}
.s_crmBox08 ol input::placeholder{color: #bebebe}

.s_crmBox09{margin: 70px auto 30px; display: flex; justify-content:center; align-items:center; width: 210px; height: 50px; color: #00687f; border: #00687f 2px solid; border-radius: 50px; font-size: 26px; font-weight: 700}

.s_crmBox10{border:0; margin: 0; border-spacing:0; padding:0; border-collapse:collapse; font-size: 22px; font-weight: 300; }
.s_crmBox10 tr th{background: #f5f8fa; width: 40%; text-align: center; font-weight: 700; border-bottom: #d3d3d3 1px solid; height: 60px}
.s_crmBox10 tr td{width: 60%; padding-left: 60px; border-bottom: #d3d3d3 1px solid ; border-right: none;  }
.s_crmBox10+.s_crmBox10{margin-top: 50px}

.s_crmBox10b tr th{width: 32%}
.s_crmBox10b tr th.h1{background: #00687f; color: #fff; font-weight: 800; font-size: 25px; width: 8%}

.s_crmBox11{text-align: center; margin: 90px 0 100px}
.s_crmBox11 dd{color: #01a4ad; font-size: 32px; font-weight: 700; margin-bottom: 35px}
.s_crmBox11 a{width: 514px; height: 125px; margin: 30px auto; background: #fae100; color: #3c1d1e !important; font-weight: 700; font-size: 30px; display: flex; justify-content:center; align-items:center; border-radius: 10px}
.s_crmBox11 a img{padding-right: 10px}


 .mms_wrap{background:#f5f6fa; width:900px !important; height:800px !important;position:relative; line-height: 1.4 }
.phone_select{width:110px; height:43px; border:1px solid #9a9a9a;border-top:1px solid #abadb3; font-size: 18px; padding: 0 10px}
.phone01{width:90px; height:43px; border:1px solid #9a9a9a;border-top:1px solid #abadb3;  font-size: 18px; padding: 0 10px}
.phone02{width:90px; height:43px; border:1px solid #9a9a9a;border-top:1px solid #abadb3;  font-size: 18px; padding: 0 10px}
.mms_btn01{position:absolute;top:320px;left:335px;}
.mms_btn02{position:absolute;top:320px;left:444px;}

.mms_title{text-align: center; margin-bottom: 50px; padding-top: 60px}
.mms_Box01 ul{font-size: 0; padding: 0 65px}
.mms_Box01 ul li{display:inline-block; width: 340px; vertical-align: top}
.mms_Box01 ul li:nth-child(2){width: 430px;}
.mms_Box01 ul li dt{color: #4797a9; font-size: 32px; font-weight: 700px; padding: 20px 0 35px}
.mms_Box01 ul li dl{border: #94b6bd 5px solid; border-radius: 20px; padding: 30px 20px; color: #717171; font-size: 24px; font-weight: 700 }
.mms_Box01 ul li dd{color: #27687d; font-size: 26px; font-weight: 700; margin: 30px 0 0}

.mms_btnBox01{text-align: center; margin-top: 30px}
.mms_btnBox01 a{width: 167px; line-height: 47px; text-align: center; border-radius: 50px; background: #c3c3c3; font-size: 20px; color: #444444; margin-left: 13px; display: inline-block; cursor:pointer}
.mms_btnBox01 input[type="button"]{width: 167px; line-height: 47px; text-align: center; border-radius: 50px; background: #27687d; font-size: 20px; color: #fff; border: none; cursor:pointer}

.u_videoBox01{text-align: center}
.u_videoBox01 iframe{width: 805px; height: 453px}


.web{display: block !important}
.mobile{display: none !important}
.mobile2{display: none !important}

.searchTitile01{margin:80px auto 20px; font-size: 50px; font-weight: 300 }
.searchText01{display: block; text-align: left; border-bottom: #000 1px solid;padding: 30px 0 20px; font-size: 30px; }
.searchText01 span{font-size: 20px;}

.quickM{position: fixed; bottom:0; width: 100%; background: #fff; z-index: 999; font-size: 0}
.quickM a{display: inline-flex; width: 16.666%;height: 67px; justify-content:center; align-items:center; flex-direction: column; color: #3a3a3a; font-size: 10px; font-weight: 900; border: #c5c5c5 1px solid; border-right: none; vertical-align: top}
.quickM a dd{line-height: 1.3;margin-top: 5px; display: flex;justify-content:center; align-items:center; text-align: center}
.quickM a img {width: 22px; }
.quickM a:last-child{border-right: #c5c5c5 1px solid}

.categoryBox01{background:rgba(0, 104, 126, 0.1); height: 50px; border-top: #c1ced2 1px solid; border-bottom: #c1ced2 1px solid; overflow: hidden}
.categoryBox02{display: flex; align-items:center; font-size: 0}
.categoryBox02 a{padding: 15px;border-left: #c1ced2 1px solid; border-right: #c1ced2 1px solid;}
.categoryBox02 a img{width: auto; height: 20px;}
.categoryBox02 select{border: none; background: none;  height: 50px; margin: 0;}
.categoryBox02 span{border-right: #c1ced2 1px solid; border-left: #c1ced2 1px solid; height: 50px; padding-right: 15px; margin-left: 15px; display: inline-block;}

.tcL{text-align: center}