/* [Master Stylesheet v1.0] */
/* Import Fonts */
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

/* Import All CSS */
@import url(./bootstrap.min.css);
@import url(./owl.carousel.min.css);
@import url(./animate.css);
@import url(./classy-nav.min.css);
/* Base CSS */
* {margin:0;padding:0}

body {font-family:'Noto Sans KR', sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6 {color:#1b1b1b;line-height:1.3;font-weight:500}
p {color:#5a5a5a;font-size:15px;line-height:1.8;font-weight:400}
a,a:hover,a:focus {
  -webkit-transition-duration:500ms;
  transition-duration:500ms;
  text-decoration:none;
  outline:0 solid transparent;
  color:#1b1b1b;
  font-weight:500;
  font-size:16px}

ul,ol {margin:0}
ul li, ol li {list-style:none}
img {height:auto;max-width:100%}

/* Spacing */
.mt-15 {margin-top:15px !important}
.mt-30 {margin-top:30px !important}
.mt-50 {margin-top:50px !important}
.mt-70 {margin-top:70px !important}
.mt-100 {margin-top:100px !important}
.mb-15 {margin-bottom:15px !important}
.mb-30 {margin-bottom:30px !important}
.mb-50 {margin-bottom:50px !important}
.mb-70 {margin-bottom:70px !important}
.mb-100 {margin-bottom:100px !important}
.ml-15 {margin-left:15px !important}
.ml-30 {margin-left:30px !important}
.ml-50 {margin-left:50px !important}
.mr-15 {margin-right:15px !important}
.mr-30 {margin-right:30px !important}
.mr-50 {margin-right:50px !important}

.pt-50 {padding-top:50px !important}

/* Height */
.height-400 {height:400px !important}
.height-500 {height:500px !important}
.height-600 {height:600px !important}
.height-700 {height:700px !important}
.height-800 {height:800px !important}

/* Section Padding */
.section-padding-100 {padding-top:100px;padding-bottom:100px}
.section-padding-100-0 {padding-top:100px;padding-bottom:0}
.section-padding-0-100 {padding-top:0;padding-bottom:100px}
.section-padding-100-70 {padding-top:100px;padding-bottom:70px}
@media only screen and (max-width:767px) {
    .section-padding-100 {padding-top:50px;padding-bottom:50px}
    .section-padding-100-0 {padding-top:50px;padding-bottom:0}
    .section-padding-0-100 {padding-top:0;padding-bottom:50px}
    .section-padding-100-70 {padding-top:50px;padding-bottom:35px}
}


/* Preloader */
#preloader {
  background-color:#ffffff;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:5000;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -ms-grid-row-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
  #preloader .circle {
    -webkit-box-flex:0;
    -ms-flex:0 0 95px;
    flex:0 0 95px;
    max-width:75px;
    width:75px;
    height:75px;
    text-align:center;
    line-height:85px;
 }

/* Section Heading */
.section-heading {position:relative;z-index:1;max-width:800px;margin-bottom:90px}
    .section-heading img {margin-bottom:15px;}
    .section-heading h3 {font-size:48px;margin-bottom:10px;font-weight:500;letter-spacing:-.1rem}
    .section-heading p {margin-bottom:0;font-size:17px;color:#444;letter-spacing:-.05rem}
    .section-heading.text-left {text-align:left !important;}
    .section-heading.white h3 {color:#ffffff;}
    @media only screen and (max-width:767px) {
        .section-heading {margin-bottom:30px}
        .section-heading h3 {font-size:28px;}
        .section-heading p {font-size:12px}
    }

/* Common */
.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
.no-border {border:none !important}
.bg-img {background-position:center center;background-size:cover;background-repeat:no-repeat;}
.bg-white {background-color:#ffffff !important}
.bg-dark {background-color:#000000 !important}
.bg-transparent {background-color:transparent !important}
.font-bold {font-weight:700}
.font-light {font-weight:200}
.text-center {text-align:center !important}
.bg-overlay,
.foo-bg-overlay {position:relative;z-index:2;background-position:center center;background-size:cover;}
.bg-overlay::after,
.foo-bg-overlay::after {background-color:rgba(0, 0, 0, 0.6);position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";}
.foo-bg-overlay::after {background-color:rgba(0, 0, 0, 0.91);}
input:focus,
textarea:focus {outline:none;box-shadow:none;border-color:transparent;}

/* ScrollUp */
#scrollUp {
    background-color:#27a4c2;
    border-radius:0;
    bottom:60px;
    box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.3);
    color:#ffffff;
    font-size:24px;
    height:40px;
    line-height:38px;
    right:60px;
    text-align:center;
    width:40px;
    -webkit-transition-duration:500ms;
    transition-duration:500ms;}
    #scrollUp:hover {background-color:#1b1b1b;}
    @media only screen and (max-width:767px) {
        #scrollUp {bottom:30px;right:30px;}
    }

/* Button */
.wb-btn {
    display:inline-block;
    min-width:150px;
    height:60px;
    background-color:#27a4c2;
    color:#ffffff;
    border:none;
    border-radius:0;
    padding:0 30px;
    font-size:15px;
    line-height:60px;
    -webkit-transition:all 500ms;
    transition:all 500ms;
    font-weight:400;
    letter-spacing:-.04rem;
    text-transform:capitalize}
    .wb-btn.active, .wb-btn:hover, .wb-btn:focus {font-size:15px;font-weight:400;color:#ffffff;background-color:#1b1b1b;}
    .wb-btn.active:hover, .wb-btn.active:focus {color:#ffffff;background-color:#27a4c2}
    .wb-btn.btn-2 {border:2px solid #1b1b1b;color:#1b1b1b;background-color:transparent;line-height:56px}
    .wb-btn.btn-2:hover, .wb-btn.btn-2:focus {border:2px solid #27a4c2;background-color:#27a4c2;color:#ffffff}
    .wb-btn.btn-3 {border:2px solid #27a4c2;color:#27a4c2;background-color:transparent;line-height:56px}
    .wb-btn.btn-3:hover, .wb-btn.btn-3:focus {border:2px solid #1b1b1b;background-color:#1b1b1b;color:#ffffff}

.wb-btn.btn-s {height:40px;font-size:14px;line-height:40px;min-width:120px}
.wb-btn.btn-full {width:100%}


.btn-big {font-size:18px !important}
.btn-big:hover, .btn-big:focus {font-size:18px !important}


.bbs-btn-new {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	}


.bbs-btn-ok {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	}




/* Header Area */
.header-area {position:relative;z-index:100;width:100%}
    .header-area .top-header {width:100%;height:60px;background-color:#1b1b1b}
    .header-area .wb-main-menu {position:relative;width:100%;z-index:100;height:100px;background-color:rgba(255,255,255,1)}
    .header-area .wb-main-menu .classy-nav-container {background-color:transparent}
    .header-area .wb-main-menu .classy-navbar {height:100px;padding:0}
    .header-area .wb-main-menu .classy-navbar .classynav ul li a {padding:0 25px;display:block;height:100px;font-size:18px;line-height:100px;font-weight:500}
    .header-area .wb-main-menu .classynav ul li .dropdown {width:auto;min-width:180px}
    .header-area .wb-main-menu .classy-navbar .classynav ul li a:hover, 
    .header-area .wb-main-menu .classy-navbar .classynav ul li a:focus {color:#27a4c2;}
    .header-area .wb-main-menu .classy-navbar .classynav ul li a:hover::after, 
    .header-area .wb-main-menu .classy-navbar .classynav ul li a:focus::after {color:#ffffff}
    .header-area .wb-main-menu .classynav ul li .dropdown li a,
    .header-area .wb-main-menu .classynav ul li .megamenu li a {font-size:15px;font-weight:400;height:38px;line-height:38px;white-space:nowrap;}
    .header-area .wb-main-menu .classynav ul li .dropdown li a::after,
    .header-area .wb-main-menu .classynav ul li .megamenu li a::after {top:3px}
    .header-area .is-sticky .wb-main-menu {z-index:3000 !important;box-shadow:0 20px 50px rgba(0, 0, 0, 0.2)}
    @media only screen and (max-width:991px) {
        .breakpoint-on .classynav>ul>li>a {border-bottom:1px solid #eee}
        .header-area .wb-main-menu .classy-navbar .classynav ul li a {height:40px;line-height:40px;background:#fff}
        .header-area .wb-main-menu .classy-navbar .classynav ul li .dropdown li a {background:#f8f8f8}
    }
    @media only screen and (max-width:767px) {
        .header-area .wb-main-menu {height:70px}
        .header-area .wb-main-menu .classy-navbar {height:70px;}
        .classy-navbar .nav-brand img {height:26px}
    }
    

/* Visual Area */
.visual-slides {position:relative;z-index:1;background:#31506c}
    .visual-slides .single-visual-slide {width:100%;height:602px;z-index:1;background:url(../img/bg-img/bg-0.jpg) center center;}
    @media only screen and (min-width:992px) and (max-width:1199px) {
        .visual-slides .single-visual-slide {height:602px}
    }
    @media only screen and (min-width:768px) and (max-width:991px) {
        .visual-slides .single-visual-slide {height:500px}
    }
    @media only screen and (max-width:767px) {
        .visual-slides .single-visual-slide {height:440px}
    }
    .visual-slides .single-visual-slide .visual-icon {width:100%;position:absolute;z-index:10;top:0;right:0;height:100%}
    .visual-slides .single-visual-slide .visual-icon img {max-width:600px;max-height:600px;display:inline-block}

        .visual-slides .single-visual-slide .visual-slides-content h3 {font-weight:200;font-size:64px;color:#ffffff;line-height:1;margin-bottom:0}
        .visual-slides .single-visual-slide .visual-slides-content h2 {font-size:64px;font-weight:700;color:#ffffff;margin-bottom:1.4rem}
        .visual-slides .single-visual-slide .visual-slides-content p {color:#ecfbff;margin-bottom:0;font-size:24px;font-weight:200;line-height:1.4}
        @media only screen and (min-width:992px) and (max-width:1199px) {
            .visual-slides .single-visual-slide .visual-icon { top:90px }
            .visual-slides .single-visual-slide .visual-icon img {width:400px;max-height:400px;}
            .visual-slides .single-visual-slide .visual-slides-content h2,
            .visual-slides .single-visual-slide .visual-slides-content h3 {font-size:48px}
        }
        @media only screen and (min-width:768px) and (max-width:991px) {
            .visual-slides .single-visual-slide .visual-icon { top:90px }
            .visual-slides .single-visual-slide .visual-icon img {width:300px;max-height:300px;}
            .visual-slides .single-visual-slide .visual-slides-content h2,
            .visual-slides .single-visual-slide .visual-slides-content h3 {font-size:42px}
        }
        @media only screen and (max-width:767px) {
            .visual-slides .single-visual-slide .visual-icon { top:20px;}
            .visual-slides .single-visual-slide .visual-icon img {max-width:50%;max-height:50%;}
            .visual-slides .single-visual-slide .visual-slides-content h2,
            .visual-slides .single-visual-slide .visual-slides-content h3 {font-size:30px}
            .visual-slides .single-visual-slide .visual-slides-content h3 {padding-top:50px}
            .visual-slides .single-visual-slide .visual-slides-content p {font-size:18px}
        }
        
    .visual-slides .owl-prev,
    .visual-slides .owl-next {
    background-color:transparent;width:40px;height:40px;line-height:35px;color:#ffffff;top:50%;margin-top:-20px;left:0;position:absolute;
    z-index:10;text-align:center;font-size:36px;}
    .visual-slides .owl-prev:hover, .visual-slides .owl-prev:focus,
    .visual-slides .owl-next:hover,
    .visual-slides .owl-next:focus {background-color:#1b1b1b;color:#27a4c2}
    @media only screen and (max-width:767px) {
        .visual-slides .owl-prev,
        .visual-slides .owl-next {opacity:0;visibility:hidden}
    }
    .visual-slides .owl-next {left:auto;right:0}
    .visual-slides .owl-dots {
    position:absolute;
    bottom:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    width:1140px;
    z-index:10}
    @media only screen and (min-width:992px) and (max-width:1199px) {
        .visual-slides .owl-dots {width:930px}
    }
    @media only screen and (min-width:768px) and (max-width:991px) {
        .visual-slides .owl-dots {width:700px}
    }
    @media only screen and (max-width:767px) {
        .visual-slides .owl-dots {width:300px}
    }
    @media only screen and (min-width:480px) and (max-width:767px) {
        .visual-slides .owl-dots {width:440px}
    }
    .visual-slides .owl-dots .owl-dot {color:#ffffff;font-size:14px;margin:0 2px}
    .visual-slides .owl-dots .owl-dot.active {color:#27a4c2}
    @media only screen and (max-width:767px) {
        .visual-slides:hover .owl-prev,
        .visual-slides:hover .owl-next {opacity:1;visibility:visible}
    }

/* main menu button area */
.wb-button-area {padding-top:50px}
    @media only screen and (max-width:767px) {
        .wb-button-area button {margin-bottom:25px}
    }

/* main service menu Area CSS */
.single-menu-area {position:relative;z-index:1;-webkit-transition-duration:500ms;transition-duration:500ms;text-align:center;border-left:1px solid #e4e4e4;}
    .single-menu-area .menu-thumbnail {position:relative;z-index:1;width:240px;height:240px;line-height:240px;margin:0 auto;border-radius:50%}
    .single-menu-area .menu-thumbnail.bg1 {background-color:#f2f9fb}
    .single-menu-area .menu-thumbnail.bg2 {background-color:#f6fbf2}
    .single-menu-area .menu-thumbnail.bg3 {background-color:#fbf2f2}
    .single-menu-area .menu-thumbnail img {height:54px;}
    .single-menu-area .menu-thumbnail .post-date a:hover, .single-menu-area .menu-thumbnail .post-date a:focus {
    background-color:#1b1b1b}
    .single-menu-area .menu-content {-webkit-transition-duration:500ms;transition-duration:500ms;padding:40px 25px 20px;}
    .single-menu-area .menu-content .blog-title {font-size:18px;display:block;margin-bottom:15px}
    .single-menu-area .menu-content .blog-title:hover {color:#27a4c2}
    .single-menu-area .menu-content p {font-size:15px;font-weight:400;margin-bottom:30px;line-height:1.6;min-height:72px}
    .single-menu-area .menu-content .readmore-btn {display:inline-block;font-size:14px;font-weight:500;color:#666;border:1px solid #ccc;padding:8px;width:140px;text-align:center;}
    .single-menu-area .menu-content .readmore-btn:hover {color:#000;border-color:#000}
    /*
    .single-menu-area:hover, .single-menu-area:focus {box-shadow:0 15px 30px rgba(0, 0, 0, 0.3)}
    .single-menu-area:hover .menu-content, .single-menu-area:focus .menu-content {}
    */
    @media only screen and (max-width:991px) {
      .single-menu-area {border:none !important}
      .single-menu-area .menu-content p {min-height:auto}
    }


/* Service opt Area CSS */
.service-opt-area {background:#e8f3f5}
.service-opt {position:relative;z-index:1}
.single-service {position:relative;z-index:1;margin-bottom:60px}
    .single-service .icon-thumbnail {
        -webkit-transition-duration:500ms;
        transition-duration:500ms;
        -webkit-box-flex:0;
        -ms-flex:0 0 140px;
        flex:0 0 140px;
        max-width:140px;
        width:140px;
        }
    .single-service .icon-thumbnail img {max-width:140px}
    .single-service .events-content {padding:15px 20px}
    .single-service .events-content a {display:block}
    .single-service .events-content a h5 {-webkit-transition-duration:500ms;transition-duration:500ms;letter-spacing:-.08rem}
    .single-service .events-content a h5:hover, .single-service .events-content a h6:focus {color:#27a4c2}
    .single-service .events-content p {margin-bottom:0;font-size:14px;line-height:1.5}
    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-service .icon-thumbnail {max-width:100px;width:100px}
        .single-service .icon-thumbnail img {height:100px}
    }
    @media only screen and (max-width:767px) {
        .single-service {margin-bottom:30px}
        .single-service .icon-thumbnail {max-width:80px;width:80px}
        .single-service .icon-thumbnail img {height:80px}
        /*.single-service {-ms-flex-wrap:wrap;flex-wrap:wrap}
        .single-service .icon-thumbnail {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}
        .single-service .icon-thumbnail .event-thumbnail {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;height:120px}*/
    }


.sub-section {border-bottom:1px solid #efefef}




/* table */
.table-wrap .table {border-bottom:1px solid #dee2e6}
    .table caption {caption-side:top}
    .table td, .table th {vertical-align:middle;}
    .table thead th {border-bottom: 1px solid #9e9e9e;white-space: nowrap;}
    .table-centered th, .table-centered td {text-align:center}
    .table-centered th.left, .table-centered td.left {text-align:left}
    .table tbody th, .table tbody td a {font-weight:400;font-size:15px}
    @media only screen and (max-width:767px) {
        .table .b-date, .table .b-view {display:none}
    }

.button-wrap {text-align:right}

.board-view-wrap {}
    .board-view-wrap .board-info {}
    .board-view-wrap .board-info span {display:inline-block;padding-right:20px;font-size:12px;color:#999}
    .board-view-wrap .board-title {font-size:24px;font-weight:400;padding:20px 0;border-bottom:1px solid #aaa}
    .board-view-wrap .board-content {padding:50px 0;font-size:16px}

    @media only screen and (min-width:768px) and (max-width:991px) {
        .board-view-wrap .board-content {font-size:15px}
    }
    @media only screen and (max-width:767px) {
        .board-view-wrap .board-title {font-size:18px}
        .board-view-wrap .board-content {padding:20px 0;font-size:14px}
    }

.form-inline .form-group {margin-right:5px}

.pagination {position:relative;z-index:1}
    .pagination .page-item {border-radius:0}
    .pagination .page-item .page-link {
        background-color:#1b1b1b;
        width:34px;
        height:34px;
        color:#ffffff;
        padding:0;
        line-height:34px;
        font-size:14px;
        font-weight:500;
        text-align:center;
        border:none;
        margin-right:7px}
    .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {background-color:#27a4c2}
    .pagination .page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0}
    .pagination .page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}


/* Footer Area CSS */
.main-footer-area {position:relative;z-index:1}
    .main-footer-area .footer-widget .widget-title {margin-bottom:35px}
    .main-footer-area .footer-widget .widget-title h6 {font-size:24px;letter-spacing:-.04rem;margin-bottom:0;color:#000;margin-top:8px;text-transform:capitalize}
    .main-footer-area .footer-widget p {color:#c9c9c9;}
    .main-footer-area .footer-widget .single-contact-area p {color:#27a4c2;font-size:48px;line-height:1.4;font-weight:700;margin:0;letter-spacing:-.06rem;display:block}
    .main-footer-area .footer-widget .single-contact-area span {font-size:15px;color:#999;display:block;font-weight:400;margin-top:10px}
    .main-footer-area .footer-widget .notice li {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .main-footer-area .footer-widget .notice li a {font-size:15px;font-weight:400;color:#999;display:inline-block;margin-bottom:10px;border-bottom:1px solid transparent}
    .main-footer-area .footer-widget .notice li a:hover, 
    .main-footer-area .footer-widget .notice li a:focus {color:#27a4c2;border-bottom:1px solid #27a4c2;display:inline-block}
    .main-footer-area .footer-widget .widget-btnset {padding-top:40px}

    .main-footer-area .copywrite-text {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}
    .main-footer-area .copywrite-text p {font-size:12px;color:#27a4c2}
    .main-footer-area .copywrite-text p a {color:#27a4c2;font-size:12px}
    .main-footer-area .copywrite-text p a:hover, .main-footer-area .copywrite-text p a:focus {color:#ffffff}


.footer-copyright {background:#f8f8f8;padding-top:60px;padding-bottom:50px}
    .footer-copyright .footer-logo {text-align:center}
    .footer-copyright .footer-logo img {height:60px;}
    .footer-copyright ul li { display:inline-block; margin-bottom:30px}
    .footer-copyright ul li a {display:block;padding:0 20px;line-height:16px;border-left:1px solid #ccc}
    .footer-copyright ul li:first-child a {border:none;padding-left:0}
    .footer-copyright p {margin-bottom:0;font-size:14px}
    @media only screen and (min-width:768px) and (max-width:991px) {
        .main-footer-area .footer-widget .widget-btnset {padding-top:0;text-align:center}
        .main-footer-area .footer-widget .single-contact-area p {font-size:36px}
        .footer-copyright p {font-size:12px}
        .footer-copyright .footer-logo img {height:50px;}
    }
    @media only screen and (max-width:767px) {
        .main-footer-area .footer-widget .widget-btnset {padding-top:0;text-align:center}
        .footer-copyright {padding:30px 0}
        .footer-copyright .footer-logo {display:none;}
        .footer-copyright ul li a {padding:0 6px;font-size:13px}
        .footer-copyright p {font-size:10px}
    }


/* serviceinfo Area CSS */
.subtitle-area {position:relative;z-index:10;width:100%;height:220px}
    .subtitle-area::after {width:100%;height:100%;top:0;left:0;background-color:rgba(0, 0, 0, 0.6);content:'';position:absolute;z-index:-5}
    .subtitle-area img {max-height:220px}
    .subtitle-area .subtitle-text h5 {font-size:22px;font-weight:200;color:#ffffff;margin-bottom:0}
    .subtitle-area .subtitle-text h2 {font-size:48px;font-weight:600;margin-bottom:0;color:#ffffff}
    .subtitle-area .subtitle-text p {color:#ffffff;margin-bottom:0;font-weight:200;font-size:14px}
    @media only screen and (max-width:991px) {
        .subtitle-area img {margin-top:0}
    }
    @media only screen and (max-width:767px) {
        .subtitle-area {height:160px;}
        .subtitle-area .subtitle-text h2 {font-size:36px}
        .subtitle-area .subtitle-text h5 {font-size:13px}
        .subtitle-area .subtitle-text p {display:none}
    }

/* Tabs CSS*/
.wb-tabs-content {position:relative;z-index:1}
    .wb-tabs-content .nav-tabs {border-bottom:none;margin-bottom:50px}
    .wb-tabs-content .nav-tabs .nav-item {margin-bottom:5px;}
    .wb-tabs-content .nav-tabs .nav-link {background-color:#eff4f6;color:#5a5a5a;border:2px solid #eff4f6;padding:0 15px;height:50px;line-height:50px;margin:0 2px;border-radius:0;
    font-size:16px;font-weight:400;line-height:46px}
    .wb-tabs-content .nav-tabs .nav-link.active {background-color:#222;color:#fff;border:2px solid #222}
    .wb-tabs-content .tab-content h6 {color:#28a4c3;margin-bottom:20px;letter-spacing:-.06rem;}
    .wb-tabs-content .wb-tab-text h3 {margin-bottom:40px;letter-spacing:-.04rem}
    .wb-tabs-content .wb-tab-text .img-a {margin-bottom:50px}
    .wb-tabs-content .wb-tab-text .img-a img {max-width:100%}
    @media only screen and (min-width:992px) and (max-width:1199px) {
        .wb-tabs-content .nav-tabs .nav-link {padding:0 10px}
    }
    @media only screen and (max-width:991px) {
        .wb-tabs-content .nav-tabs .nav-link {padding:0 10px;font-size: 13px;height:40px;line-height:38px;}
        .wb-tabs-content .wb-tab-text {-ms-flex-wrap:wrap;flex-wrap:wrap}
        .wb-tabs-content .wb-tab-text .img-a {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;margin-bottom:15px}
    }

.sub_title {
	font:normal 18px 'µ¸¿ò',dotum,  sans-serif;
	line-height:1.8;
	font-weight:bold;
	color:#F25D03;
}



/* Single blog Area */
.single-blog-area .title {position:relative;z-index:1;margin-bottom:20px}
    .single-blog {margin-bottom:50px;min-height:140px}
    .single-blog h6 {font-size:20px;font-weight:400;}
    .single-blog h6 i {display:inline-block;width:40px;margin-right:8px;text-align:center;vertical-align:sub;}
    .single-blog ul li {color:#dc3545;line-height:1.8}
    

/* Single Feature Area */
.single-feature-area .title {position:relative;z-index:1;margin-bottom:20px}
    .single-feature-area .title img {margin-right:15px}
    .single-feature-area .title h3 {font-size:20px;font-weight:400;margin-bottom:0}


.guide-area {background:#eff5f7;padding:25px;font-size:13px;color:#666;line-height:1.6}



/********************************************************  È¸¿ø°¡ÀÔcss  **********************************************************/

.form .row {
	width: 100%;
	display: flex;
	align-items: center;
}

.form>.row {
	margin: 20px 0;
}

.form .row.db {
	display: block;
	font-size: 0;
	margin-left: 15px;
}

.form .item {
	width: 100%;
}

.form .col {
	width: 100%;
	padding: 5px;
}

.form .col.w25p {
	width: 20%;
	display: inline-block;
	font-size: 15px;

}

.tx2 {
	max-width: 100%;
	font-size: 16px;
	line-height: 1.3;
	position: relative;
	margin-left: 15px;
}

.form input[type=checkbox],
.form input[type=radio] {
	display: none;
}

.form input[type=checkbox]+label,
.form input[type=radio]+label {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background-color: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
	text-align: center;
}

.form input[type=checkbox]:checked+label,
.form input[type=radio]:checked+label {
	background-color: #28a5c3;
	border: 1px solid #28a5c3;
	color: #fff;
}

.form .btn-wrap {
	display: flex;
}

.form .btn-wrap .btn {
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 18px;
}

.form .btn-wrap .btn:first-child {
	background-color: #28a5c3;
	color: #fff;
}

.form .btn-wrap .btn:last-child {
	border: 1px solid #eee;
	background-color: #fff;
}