* {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none;
 box-sizing:border-box outline:none !important;
}
html,body {
 height:100%
}
body {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-size:15px;
 font-weight:400;
 line-height: 1.6;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6 {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-weight:600;
}
.no-padding {
 padding:0 !important;
}
.inline-block {
 display:inline-block;
}
ol,ul {
 margin:0;
 padding:0;
 list-style:none;
}
dl,dt,dd {
 margin:0;
 padding:0
}
img,fieldset {
 border:0;
 vertical-align:middle
}
input,textarea,select {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 color:#5d5d5d;
 font-weight:300;
}
input,button,select,textarea {
 font:inherit
}
input[type=button],input[type=reset],input[type=submit],select {
 -webkit-appearance:none
}
caption,legend {
 display:none;
 visibility:hidden
}
address,em,i {
 font-style:normal
}
.clearfix:before,.clearfix:after {
 content:'';
 display:block
}
.clearfix:after {
 clear:both
}
a {
 transition:all .3s ease-in 0s;
 color:#333;
 text-decoration:none;
}
a,a:focus,a:hover {
 text-decoration:none;
 outline:0;
}
a:focus,a:hover {
 color: #555;
}
/*margin*/
.mt-10 {
 margin-top:10px;
}
.mt-20 {
 margin-top:20px;
}
.mt-30 {
 margin-top:30px;
}
.mt-40 {
 margin-top:40px;
}
.mt-50 {
 margin-top:50px;
}
.mb-10 {
 margin-bottom:10px;
}
.mb-20 {
 margin-bottom: 20px;
}
/*padding*/
.pt-10 {
 padding-top:10px;
}
.pt-20 {
 padding-top:20px;
}
.pt-30 {
 padding-top:30px;
}
.pb-20 {
 padding-bottom:20px;
}
.pl-5 {
 padding-left:5px;
}
.pl-10 {
 padding-left:10px;
}
.pl-30 {
 padding-left:30px;
}
.pr-30 {
 padding-right:30px;
}
.m-left-10 {
 margin-left:-10px;
}
.p-left-10 {
 padding-left: -10px;
}
/*float*/
.fl {
 float:left;
 padding-left:10px;
}
.fr {
 float:right;
 padding-right:10px;
}
.section {
 padding:20px 0 40px 0;
}
.section-sm {
 padding:10px 0 20px 0;
}
.section-xs {
 padding:10px 0;
}
.section-title {
 margin-bottom:20px;
}
.section-title a {
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 color:#555;
 text-align:center;
}
.section-line {
 background-color:#36ade1;
 width:48px;
 height:3px;
 display:inline-block;
}
.section-line2 {
 background-color:#36ade1;
 width:48px;
 height:3px;
 display:inline-block;
 margin-bottom:40px;
}
.section-line3 {
 background-color:#eee;
 width:100%;
 height:1px;
 display:inline-block;
 margin-bottom:20px;
}
.section-border {
 clear:both;
 width:100%;
 margin:40px 0;
 border-bottom:1px solid #e5e5e5 !important;
}
.border {
 height:2px;
 margin:20px auto 20px;
 position:relative;
 width:80px;
 background:#28ABE3;
}
.dark-bg {
 background:rgba(0,0,0,0.7);
 height:100%;
 width:100%;
 position:absolute;
 z-index:-1;
}
.bg-white {
 background:#ffffff;
}
.bg-gray {
 background:#f9f9f9;
}
.clear {
 clear:both;
}
.center {
 text-align:center;
}
.text-white {
 color:#fff;
 text-align:center;
}
.text-overflow {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
iframe {
 display:block;
 border:none;
 width:100%;
 height:100%;
}
.line-height18 {
 line-height:18px;
}
.line-height24 {
 line-height: 24px;
}
/*-----------------------------------------------------*/
/* ¹öÆ° */
/*-----------------------------------------------------*/
.btn,.btn:hover,.btn.hover,.btn:focus,.btn.focus,.btn:active,.btn.active {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
.btn {
 display:inline-block;
 padding:5px 18px;
 font-size:13px;
 line-height:1.42857143;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 border-radius:5px;
 background-image:none;
 color:#333;
}
.btn.active:focus,.btn:active:focus,.btn:focus {
 outline:0;
}
.btn-default {
 color:#333;
 background-color:#fff;
 border-color:#ccc;
}
.btn-default:focus,.btn-default.focus {
 color:#333;
 background-color:#e8e8e8;
 border-color:#e8e8e8;
}
.btn-default:hover {
 color:#333;
 background-color:#e8e8e8;
 border-color:#ccc;
}
.btn-main {
 background:#28ABE3;
 border:1px solid #28ABE3;
 color:#fff;
 display:inline-block;
 font-size:13px;
 letter-spacing:1px;
 padding:7px 30px;
 text-transform:uppercase;
 border-radius:40px;
}
.btn-main:hover {
 background:#fff;
 border:1px solid #28ABE3;
 color:#28ABE3;
}
.btn-transparent {
 color:#fff;
 border:1px solid #fff;
 display:inline-block;
 font-size:13px;
 letter-spacing:1px;
 padding:14px 35px;
 text-transform:uppercase;
 border-radius:40px;
}
.btn-transparent:hover {
 color:#fff;
}
.btn-grey {
 background-color:#666;
 border-color:#666;
 color:#fff;
}
.btn-grey:hover,.btn-grey:focus,.btn-grey:active,.btn-grey.active {
 background-color:#fff;
 border-color:#ccc;
 color: #333;
}
/*-----------------------------------------------------*/
/* Button */
/*-----------------------------------------------------*/
.button {
 border-radius:3px;
 background-color:#666;
 border:1px solid #666;
 color:#fff;
 text-align:center;
 font-size:15px;
 padding:5px 18px;
 transition:all 0.5s;
 cursor:pointer;
 margin:5px;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
.button span {
 cursor:pointer;
 display:inline-block;
 position:relative;
 transition:0.5s;
}
.button span:after {
 content:'\00bb';
 position:absolute;
 opacity:0;
 top:0;
 right:-20px;
 transition:0.5s;
}
.button:hover span {
 padding-right:25px;
}
.button:hover span:after {
 opacity:1;
 right: 0;
}
/*--------------------------------------------------*/
/* TABS */
/*--------------------------------------------------*/
.nav-tabs {
 margin:10px 0 20px 0;
}
.nav-tabs li {
 margin-bottom:-1px;
 border-radius:0;
}
.nav-tabs>li.active>a {
 background:#fff;
 color:#333;
 border:1px solid #000;
 border-bottom:none;
 border-top:2px solid #000;
 border-radius:0;
 margin-right:2px;
}
.nav-tabs>li.active>a:hover {
 background:#fff;
 color:#37bc9b;
 border-bottom:none;
 border-top:2px solid #333;
 border-radius:0;
}
.nav-tabs li a {
 background:#f8f8f8;
 border:1px solid #ccc;
 margin-right:2px;
 color:#333;
 border-radius:0
}
.nav-tabs li a:hover {
 background:#37bc9b;
 color:#fff;
 border-radius:0;
}
.tab-content {
 border-top:1px solid #000;
 padding:20px 10px;
}
.tab-content:first-child {
 display:block;
}
.tab-content>h3 {
 color:#555333;
 font-size:20px;
 font-weight:600;
 line-height:24px;
 margin-top:0;
}
@media (min-width:1200px) {
 .col-lg-9 {
  width:79%;
 }
 .col-lg-3 {
  width:21%;
 }
}
@media screen and (max-width:767px) {
 .pc_view {
  display:none;
 }
}
@media screen and (min-width:768px) {
 .mobile_view {
  display: none;
 }
}
/*-----------------------------------------------------*/
/* ÇÏ´Ü Ç²ÅÍ ¿µ¿ª */
/*-----------------------------------------------------*/
.footer-top {
 width:100%;
 position:relative;
 background-color:#f5f5f5;
 padding:20px 0;
 margin-top:0;
 text-align:center;
}
.footer-top a {
 font-size:14px;
 color:#333;
 line-height:23px;
 font-weight:400;
 transition:color .3s;
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 display:inline-block;
 padding:0 15px;
 border-right:1px solid #ddd;
}
.footer-top a:hover {
 color:#36ade1;
}
.footer-top span.link-list {
 text-align:center;
}
.footer-bottom {
 text-align:center;
 background-color:#f5f5f5;
 border-top:1px solid #ddd;
 padding:20px;
}
.footer-bottom .footer-add {
 font-size:13px;
 line-height:1.8;
 color:#333;
 font-weight:400;
}
.footer-bottom .copy {
 font-size:13px;
 line-height:1.8;
 color:#333;
 font-weight:400;
}
@media screen and (max-width:767px) {
 .footer-top {
  padding:10px 0;
 }
 .footer-top a {
  padding:0 5px;
  border-right:0;
 }
 .footer-bottom {
  text-align:left;
 }
 .section {
  padding:10px 0;
 }
 .section-title {
  margin-bottom: 0;
 }
}
/*-----------------------------------------------------*/
/* slide style */
/*-----------------------------------------------------*/
#sub_visual {
 position:relative;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 overflow:hidden;
 height:250px;
 margin-top: -5px;
}
#sub_visual:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:rgba(0,0,0,0)
}
#sub_visual.bg1 {
 background:url("../../img/pure/sub_img1.jpg") center no-repeat;
 background-size:cover;
}
#sub_visual.bg2 {
 background:url("../../img/pure/sub_img1.jpg") center no-repeat;
 background-size:cover;
}
#sub_visual .container {
 position:relative;
 z-index:10;
}
#sub_visual .slide-text {
 color:#fff;
 margin-top:90px;
 text-align:center;
}
#sub_visual .slide-text h2 {
 font-size:32px;
 color:fff;
 font-weight:300;
 line-height:14px;
}
#sub_visual .slide-text h3 {
 font-size:18px;
 font-weight:300;
 color:#fff;
}
@media screen and (max-width:767px) {
 #sub_visual {
  margin-top: -30px;
 }
}
/*-----------------------------------------------------*/
/* content */
/*-----------------------------------------------------*/
.sub_content {
 width:100%;
 position:relative;
}
.sub_content_tit {
 width:100%;
 border-bottom:1px solid #ddd;
 padding:5px 0;
 margin-bottom:0px;
}
.page_text_1 {
 clear:both;
 font-size:16px;
 color:#666;
 font-weight:400;
 padding:10px 0;
}
.page_text_2 {
 float:right;
 font-size:13px;
 color:#666;
 font-weight:400;
 padding-right:15px;
}
.page_text_3 {
 font-size:13px;
 color:#666;
 font-weight:400;
}
.title p {
 font-size:14px;
 color:#777;
 font-weight:400;
 padding:0 0 10px 0;
}
.ceo {
 font-size:18px;
 color:#222;
 font-weight:300;
 line-height:28px;
}
.ceo span {
 color:#2166b6;
 font-weight: 400;
}
@media (max-width: 767px) {
  .ceo,
  .sub_content .col-md-6 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .ceo {
    font-size:14px;
    line-height:24px;
    font-weight:400;
    padding-top:20px;
  }
}

/*-----------------------------------------------------*/
/* map */
/*-----------------------------------------------------*/
#com_map {
 width:100%;
 margin-top:35px;
}
.map_border {
 width:100%;
 border:1px #e1e1e1 solid;
}
.map {
 padding:20px 0 10px 15px;
 font-weight:300;
 line-height:24px;
}
.map_phon {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-size:18px;
 color:#ed5c20;
 font-weight: 600;
}
/*-----------------------------------------------------*/
/* Panel */
/*-----------------------------------------------------*/
.panel-group .panel {
 border-radius:5px;
 border:0px none;
 box-shadow:none;
}
.panel-heading {
 padding:0;
}
.panel-title {
 position:relative;
 font-size:15px;
 font-weight:500;
}
.panel-title>a {
 border:1px solid #3498db;
 border-radius:5px;
 display:block;
 background:#3498db;
 color:#fff;
 padding:12px 45px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
.panel-title>a:hover,a:focus {
 text-decoration:none;
 outline:none;
}
.panel-title .left-icon {
 font-size:24px;
 color:#fff;
 font-weight:400;
 width:40px;
 padding:8px 0 7px 0;
 text-align:center;
 display:inline-block;
 margin-right:10px;
 position:absolute;
 left:0;
 top:0;
}
.panel-title a:after {
 content:"\f068";
 font-family:'FontAwesome';
 float:right;
 font-size:20px;
 margin-right:20px;
 color:#fff;
 position:absolute;
 top:10px;
 right:0;
 display:inline-block;
}
.panel-title .collapsed:after {
 content:"\f067";
 color:#3498db;
}
.panel-title .collapsed {
 background:#fff !important;
 color:#6d6d6d;
 border-color:lightgray;
 border-radius:5px;
}
.panel-title .collapsed .left-icon {
 color:#3498db;
 border-color:lightgray;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
 border:1px solid #f3f3f3;
 border-radius:5px;
 line-height: 24px;
}
/*-----------------------------------------------------*/
/* Sections Header */
/*-----------------------------------------------------*/
.section-header {
 padding:0 0 100px 0;
 margin: 0;
}
/*-----------------------------------------------------*/
/* Service */
/*-----------------------------------------------------*/
.service {
 margin-top:30px;
 -webkit-transition:all 0.4s ease-in-out 0s;
 -moz-transition:all 0.4s ease-in-out 0s;
 -ms-transition:all 0.4s ease-in-out 0s;
 -o-transition:all 0.4s ease-in-out 0s;
 transition:all 0.4s ease-in-out 0s;
 border-radius:20px;
}
.service-icon {
 display:inline-block;
 vertical-align:middle;
 height:64px;
 width:64px;
 position:relative;
 overflow:hidden;
}
.service-icon span {
 position:absolute;
 height:100%;
 width:100%;
 left:50%;
 font-size:52px;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 -webkit-transition:all 0.3s ease-in-out 0s;
 -moz-transition:all 0.3s ease-in-out 0s;
 -ms-transition:all 0.3s ease-in-out 0s;
 -o-transition:all 0.3s ease-in-out 0s;
 transition:all 0.3s ease-in-out 0s;
 display:inline-block;
 vertical-align:middle;
 color:#00b4d9;
}
.service-icon span i {
 color:#00b4d9;
}
.service-icon span img {
 max-height:100%;
 max-width:100%;
}
.service-icon span:first-child {
 top:50%;
}
.service-icon span:last-child {
 top:150%;
}
.service-content {
 padding-top:15px;
}
.service-content h2,.service-content h3,.service-content h4,.service-content h5,.service-content h6 {
 font-weight:500;
 color:#333333;
}
.service-content h2 a,.service-content h3 a,.service-content h4 a,.service-content h5 a,.service-content h6 a {
 color:#333333;
}
.service-content h2 a:hover,.service-content h3 a:hover,.service-content h4 a:hover,.service-content h5 a:hover,.service-content h6 a:hover {
 color:#00b4d9;
}
.service-content p {
 padding-top:10px;
 color:#333333;
 font-weight:400;
}
.service:hover .service-icon span:first-child {
 top:-50%;
}
.service:hover .service-icon span:last-child {
 top:50%;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .service {
  padding:0;
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .service {
  padding:0;
  padding-top:20px;
 }
}
@media only screen and (max-width:767px) {
 .service {
  padding:0;
  padding-top: 15px;
 }
}
/*-----------------------------------------------------*/
/* Service Styels */
/*-----------------------------------------------------*/
.service-style {
 -webkit-box-shadow:0 1px 3px rgba(85,85,85,0.3);
 -moz-box-shadow:0 1px 3px rgba(85,85,85,0.3);
 -ms-box-shadow:0 1px 3px rgba(85,85,85,0.3);
 -o-box-shadow:0 1px 3px rgba(85,85,85,0.3);
 box-shadow:0 1px 3px rgba(85,85,85,0.3);
 padding:30px 30px 45px 30px;
 border:1px solid #f5f5f5;
}
.service-style:hover {
 -webkit-box-shadow:0 1px 2px rgba(85,85,85,0.2);
 -moz-box-shadow:0 1px 2px rgba(85,85,85,0.2);
 -ms-box-shadow:0 1px 2px rgba(85,85,85,0.2);
 -o-box-shadow:0 1px 2px rgba(85,85,85,0.2);
 box-shadow:0 1px 2px rgba(85,85,85,0.2);
 border:1px solid #00b4d9;
}
.bg-white .service-style {
 background:#fff;
}
.bg-grey .service-style {
 background:#fff;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .service-style {
  padding:30px;
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .service-style {
  padding:30px;
 }
}
.bg-grey {
 background:#f7f7f7 !important;
}
.service-content h4 {
 font-size: 20px;
}
/*-----------------------------------------------------*/
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
/*-----------------------------------------------------*/
.privacy {
 width:100%;
 margin-bottom:20px;
}
.privacy-con {
 width:100%;
 height:400px;
 font-size:13px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* ÀÌ¿ë¾à°ü */
/*-----------------------------------------------------*/
.agreement {
 width:100%;
 margin-bottom:20px;
}
.agreement-con {
 width:100%;
 height:400px;
 font-size:13px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* Modal */
/*-----------------------------------------------------*/
.modal {
 text-align:left;
 z-index:99991;
}
.modal-content {
 border:none;
 border-radius:10px 10px 0 0;
 -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
 box-shadow:0 5px 15px rgba(0,0,0,.5);
}
.modal-header {
 background:#fff;
 padding:20px 15px 10px 15px;
 border-bottom:1px solid #fff;
 border-radius:10px 10px 0 0;
}
.modal-header .close-link span {
 position:absolute;
 top:0;
 right:30px;
 font-size:30px;
 color:#333;
}
.modal-title {
 font-size:17px;
 color:#333;
 margin-top:-20px;
}
.modal .modal-dialog {
 margin:0 auto;
 text-align:center;
 position:fixed;
 bottom:0;
 left:25%;
 right:25%;
}
.modal-backdrop.in {
 opacity:0;
}
@media (min-width:768px) {
 .modal-sm {
  width:350px;
 }
}
@media (min-width:992px) {
 .modal-lg {
  width:900px;
 }
}
@media screen and (max-width:767px) {
 .modal .modal-dialog {
  margin:0 auto;
  text-align:center;
  position:fixed;
  bottom:0;
 }
 .modal-header .close-link span {
  display: none;
 }
}

/*-----------------------------------------------------*/
/* ÁÖ¿ä¾÷¹« */
/*-----------------------------------------------------*/
.business-section {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}
.section-title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 500;
}

.business-image {
  text-align: center;
  margin-bottom: 40px;
}
.business-image .main-img {
  width: 100%;
  max-width: 800px;
}
.business-item {
  margin-bottom: 40px;
}
.business-item h3 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #2166b6;
}
.business-item h4 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #2166b6;
}
.business-item p {
  font-size: 16px;
  line-height: 1.7;
  color: #000;
  font-weight: 300;
}
.business-item ul {
  list-style: none;
  padding: 0;
}
.business-item ul li {
  margin: 8px 0;
  font-size: 16px;
  color: #000;
  font-weight: 300;
}
.business-item ul li strong {
  color: #666;
}
.business-item p strong {
  color: #666;
}
/* ¹ÝÀÀÇü */
@media (max-width: 991px) {
  .section-title h2 { font-size: 24px; }
  .business-item h3 { font-size: 18px; }
  .business-item p { font-size: 15px; }
}
@media (max-width: 600px) {
  .business-section { padding: 5px; }
  .section-title h2 { font-size: 26px; }
  .business-image { margin-bottom: 10px; }
  .business-item { margin-bottom: 10px; }
  .business-item h3 { font-size: 17px; }
  .business-item p { font-size: 14px; line-height: 1.6; font-weight: 400;}
  .business-image .main-img { max-width: 100%; }
  .business-item ul li { margin: 8px 0; font-size: 14px; font-weight: 400;}
  .embed-container { width: 100%; height: 250px; border: 1px solid #e1e1e1; padding: 10px;} 
}