
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:rgba(0,0,0,1);     /*배경 색*/
	border-color:none;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	border:none;
	/*z-index: 99999;*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
    width: auto;
    height: 55px;
    margin-top: 0;
    
}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
        height: 85px;
    }
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#ffffff;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
h1, h2, h3, h4, h5, h6, p, body {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;}
h1, h2, h3, h4, h5, h6 {
    line-height:1.65;
}
p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/


    .fill {
        height: 80vh !important;
    }

.navbar-toggle {background-color: #000;}
.navbar-toggle:hover {background-color: #000;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {    background: #000;}
.dropdown-menu > li > a {
    background-color: #000;
    color: #333;
    padding: 0px;
    margin: 3px 0px;
    font-size: 14px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.intro-html-layout>div{padding:0px;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #E8E8E8;
    background-image: linear-gradient(to bottom, #F2F2F2, #F2F2F2);
    background-repeat: repeat-x;
}

.sections{min-height:150px;padding:20px 0;background-size:cover !important;background-position:center !important;text-align:center;clear: both;}
.sections p{text-align:center;}

.sec1{background:#f3f3f3;padding:80px 0 !important;}
.sec2{background:#eee;background:url('/skin/img/bg1.jpg');color:#fff;font-size:15px;font-weight:normal;}
.sec3{background:#f2f2f2;padding:80px 0 !important;}
.sec4{background:#333;padding:0px !important;}
.sec5{background:#dedede;background:url('/skin/img/thumb-bg.jpg');padding:80px 0 !important;}
.sec6{background: #E9E9E9;padding:40px 0 !important;}
.sec7{background: #fff;padding:50px 0 !important;}

.sec2 .container{background:rgba(0,0,0,0.5);padding:80px 20px !important;}
.sec2 i{font-size:119px;font-weight:bold;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;}
.sec2 h2{text-align:center;}

.intro-board-widget-layout>div{width:100%;padding-right: 0px;padding-left: 0px;border:none;}
.intro-board-widget-layout>div .page-header{display:none;}
.intro-board-widget-layout>div>div{border:none;}

.footer_copy .text-center { padding: 45px;}


.sec1 .container>div{text-align:center;}
.sec1 i{font-size:99px;}

.sec4 .social-btn{padding:25px 10px 10px;}
.sec4 .social-btn a{color:#fff;font-size:47px;padding:5px 15px;}

.sec5 .thumbnail {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top:18px;
    background:rgba(255,255,255,0.8);
}

.sec5 .thumbnail img{border-radius:50%;width: 40%;}
.sec5 .thumbnail h3{font-weight:bold;}

.sec5 i{font-size:58px;}

.sec7 p{font-size:37px;}

.navbar-inverse .divider-vertical {display:none;}

.caret {
    display: none;}

.bbtn {
    color: #000;
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin-top: 30px;
    display: inline-block;
}

#map-canvas {width: 100%; height: 500px;margin: 0;padding: 15px;}
.gu-address{padding:25px;text-align:center;color:#fff;}
.addressmap{background: #f5f5f5;overflow: hidden;}
.gu-address a{color:#fff;font-weight:bold;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.footer_copy .text-center {
     background-color: #Fafafa;
    color: #000;
    font-size:11px;
}


.secWorks{background: #f0f0f0;padding: 10px;}
.secWorks p{text-align:center;}
.flexslider {
    margin: 0;
    background: #fff url(./ajax-loader.gif) no-repeat center center;
    border: 0px;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    
    zoom: 1;
    border-radius: 0;
    box-shadow: 0 ;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    border: 0px;
    
}
.dh-front-blog{
    max-width: 1280px;
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin:0;
    margin-top:130px;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb{
    height:0px;
    padding-top:100%;
}
.dh-front-blog>.col-md-4>.thumbnail{
    height:550px;
        border:0;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
    
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background:rgba(0,0,0,0);}
.dropdown-menu > li > a {
    background-color: #fff;
    color: #333;
    padding: 10px;
    margin: 3px 5px;
    font-size: 15px;
}
.mobile-btn-layout {
    margin: 0px auto !important;
}
.sections{min-height:150px;padding:30px;}

.fill {
    height: 80vh !important;
}

    .sec7 p{font-size:87px;}
}
    .navbar-right {
        float: right !important;
        margin-right: -15px;
        height: 85px;
        display: flex
;
margin-top:0px!important;
        align-items: center;
    }
    .thumb-hidden{
        max-height:unset;
    }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }



