@import url(http://fonts.googleapis.com/css?family=Oleo+Script:400,700);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/*"Pretendard Variable", Pretendard,*/
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 0px;
	margin-top:0px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:20px;               /*텍스트 크기*/
	padding:15px 30px 15px 30px;  /*내부 여백*/
	margin:15px 0px 0px 0px;        /*외부 여백*/
	font-weight:700;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:6px 8px;      /*내부 여백*/
	margin:4px;       /*외부 여백*/
	font-size:16px;
	border-radius:4px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
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{
    background-color:#000;     /*배경 색*/
	padding:50px 0px 50px 0px;
}
.footer_copy .text-center{
	color:#808080;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	margin:0px auto;       /*외부 여백*/
	text-align:left;  /*텍스트 정렬*/
	max-width:1400px;
	float:none;
}
.footer_copy .text-center > br{
    display:none;
}
.footer_copy .text-center > p{
    margin-bottom:0px;
    line-height:1.8;
}
.footer_copy > .col-lg-12{
    /*padding:0px;*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/


.navbar-inverse .navbar-brand {color: #000; font-family: 'Oleo Script', cursive !important; font-size: 25px;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);}
.navbar-inverse {
    background: none repeat scroll 0% 0% #fff;
    border-color: #fff;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .divider-vertical {
display:none;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.flexslider {
    border: 0px solid #FFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    border-top: 0px solid #333;
    border-radius: 0px !important;
    margin:0 -15px !important;
}
.flex-caption span.intro-title{ font-family: 'Oleo Script', cursive}
.flex-caption span{

text-shadow: horizontal-offset vertical-offset blur color;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}

.flex-caption span.intro-title {
    padding: 5px !important;
    margin: 0px !important;
}

/* a링크 안에 위치하도록 수정 */
.section1{
    display:block; 
    /*width:100%;*/
    background:#ffffff;
    margin:0 -15px;
}
.section2{
    display:block; 
    /*width:100%;*/
    background:#fafafa;
    margin:0 -15px;
}
.mainthumbs{padding:200px 0;display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, 1fr);justify-items:center;gap:20px;margin:0px;max-width:1400px;margin:0 auto;}
.mainthumbs.row:before{display:none;}
.mainthumbs .text-center{padding:0px;width:auto;}
.mainthumbs .text-center a{display:block;height:100%;padding:50px 30px;border-radius:24px; border:1px solid #f2f2f2;}
.mainthumbs .text-center a > .img-circle{border-radius:0;}
.mainthumbs .text-center a h4{padding:20px 0;font-size:24px;font-weight:bold;}
.mainthumbs .text-center a p{font-size:16px;}

.maintxt{border-radius: 0px;}
.maintxt p{font-weight:bold;font-size:16px; color:#333;}


.footer_copy .text-center ul{
    background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    padding: 30px 20px;
    margin: 0px;
    text-align: center;
    border-top: 5px solid #333;
    list-style-type: none;
}


.intro-boardbox{padding:0px;}
.intro-widgetbox{margin-top: 0px;margin-bottom: 15px;}
.intro-widgetBoardbox>a,.intro-widgetbox>.page-header{display:none;}
.page-header {border-bottom: 1px solid #ddd;}

.skin-page-title{border-radius:0px;}
.skin-page-title p{margin: 0px 0px 0px;}

.page-company{

box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
border-radius: 0px;
background:url('/skin/img/i-company.jpg');
background-size:cover;
background-position:center;

}
.page-company>.panel-body{

color:#fff;
font-weight:normal;
text-align:center;
padding:45px 10px;

}

.page-company>.panel-body>h1{

font-family: 'Oleo Script', cursive !important;
margin-bottom:25px;

}

.none-radius{border-radius:0px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);}
.none-radius img{border: 10px solid #dfdfdf;}
.reset-padding {padding: 10px 0;}

.caret{display:none;;}


.text-left dd{
    text-align: left;
}

dl{
    margin: 33px 0;
}
a{
   color: #666;
}
a{
   color: #666;
}

/*202506 추가*/
.navbar-inverse{
    border-bottom:1px solid #fafafa;
}
.navbar-inverse + br{
    display:none;
}
.navbar-inverse > .container{
    width:100% !important;
}
.body-layout {
    font-family:"Pretendard Variable", "Pretendard", "NanumBarunGothic", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px !important;
}

.container.container_slide,.container.sub-layout{
    width:100% !important;
    /*margin:0px !important;*/
    /*padding:0px !important;*/
}
/*.container.container_slide{*/
/*    height: calc(100vh - 86px);*/
/*}*/

.container.container_contents{
    width:100% !important;
    /*margin:0px !important;*/
    /*padding:0px !important;*/
}
.intro-board-widget-layout{
    max-width:1400px;
    margin:0px auto;
    display: flex;
    align-items:stretch;
    justify-content:center;
    flex-direction:row-reverse;
    padding:200px 0;
}
.dh-board,.dh-view-box,.panel-body,.panel-footer{
    max-width:1400px;
    margin:0px auto;
}
.sub-htitle + div{
    max-width:1400px;
    margin:0px auto;
}
.custom-title.custom-back7 > .panel-body{
    max-width:100%;
    margin:0px auto;
}
.join-view-layout > p{
    display:none;
}
.panel-default {
    border:none;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: none;
}

.bbs-list-view-layout + .row{
    max-width:1400px;
    margin:0px auto;
}
.penel-wrap{
    max-width:1400px;
    margin:0px auto;
}
.form-horizontal{
    max-width:1400px;
    margin:0px auto;
}
.flexslider .slides img {
    width: 100%;
    display: block;
    object-fit: cover;
}
.subVisu{
    background-color:#000;
    background-repeat: no-repeat;
    background-position: center;
    /*background-attachment:fixed;*/
    background-size:cover;
    padding:0px 0px;
    margin:0 -15px;
}
.subVisu .inner{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:100px 15px;
    color:#FFF
}
.subVisu h2{
    font-size:56px;
    color:#FFF;
    margin-bottom:10px;
    font-weight:bold;
}
.subVisu p{
    font-size:24px;
    color:#FFF;
}

.location-wrap{
    display:block;
    border-bottom:1px solid #fafafa;
    margin-bottom:50px;
}

.location-wrap .location{
    max-width:1400px;
    margin:0px auto;
    padding: 20px 0px;
    font-size:14px;
    color:#999;
}
.location-wrap .location p{
    margin-bottom:0px;
    text-align:right;
}
.text-left{
    padding:0px;
}
.map-wrap{
    max-width:1400px;
    margin:0px auto;
}
/*.map-wrap .col-sm-8,.map-wrap .col-sm-4{padding:0;}*/
.main-map-wrap{
    padding:200px 0;
    display:flex;
    max-width:1400px;
    margin:0px auto;
}
.map-wrap .col-sm-4 .contact{padding:15px 0;}
.intro-boardbox > .page-header{
    display:none;
}
.intro-boardbox .dh-front-list2{
    margin:0;
}
.intro-boardbox .dh-front-list2 .front-panel{
    padding:0;
}
.intro-boardbox .dh-front-list2 .front-panel > .panel{
    border:none;
}
.intro-boardbox .dh-front-list2 .front-panel > .panel .panel-body{
    padding:0;
}
.dh-front-list2-words:first-child{border-top:1px solid #000000;margin-top:0;}
.dh-front-list2-words{margin:0px; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.dh-front-list2-words h6 > b{line-height:auto;}
.dh-front-list2-words h6 > b > a{display:flex;align-items:center;justify-content:space-between;}
.dh-front-list2-words h6 > b > a .list-row-subject{font-size:20px;}
.dh-front-list2-words h6 > b > a .row-separator,.dh-front-list2-words h6 > b > a small{display:none;}
.dh-front-list2-words h5{display:none;}

.section-title{display:flex;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.section-title h3{font-size:48px; font-weight:900; margin-bottom:10px;margin-top:0;}
.section-title p{font-size:16px;margin-bottom:30px;}
.section-title .btn-view{display:inline-block; background:#000;color:#FFF;font-size:14px;font-weight:500; border-radius:24px; padding:0px 50px; line-height:48px; margin-bottom:30px;}
.main-address{
    display:block;
    background:#e5e5e5;
    padding:10px;
}
.intro-widget-layout > a,.intro-widget-layout .intro-widgetbox{display:none;}
.intro-board-layout,.intro-widget-layout{padding:0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding:20px 5px;
    border-bottom: 1px solid #fafafa;
}
.table > thead > tr > th{
    border-bottom: 1px solid #ddd;
}

.flex-caption {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom:auto;
    text-align: left;
    max-width: 1200px;
    transform: translate(-50%, -50%);
    padding:0px;
    margin:0px;
}
.flex-caption span.intro-title{
    display:block;
    font-family:"Pretendard Variable", "Pretendard" !important;
    font-size:56px;
    font-weight:100;
    margin:0px 0px 30px 0px !important;
    padding:0px !important;
}
.flex-caption span.intro-text{
    display:block;
    font-family:"Pretendard Variable", "Pretendard" !important;
    font-size:24px;
    font-weight:300;
    margin:0px 0px 0px 0px !important;
    padding:0px !important;
}

.dropdown-menu {
    min-width: 120px;
    padding: 5px;
    font-size: 16px;
    border-radius: 8px;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-left:3px solid #2f67b2;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 24px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #FFF;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}
.sub-htitle{
    display:block;
    padding:0px 0px 50px;
}
.sub-htitle h2{
    display:block;
    max-width:1400px;
    margin:0 auto;
    font-size:56px;
    font-weight:500;
}
.join-view-layout>.row>.col-sm-12{padding:0;}

.dl-horizontal{
    font-size:24px;
    line-height:2;
    text-align:left;
}
.dl-horizontal dt{
    text-align:left;
    padding-bottom:20px;
    width:120px;
}
.dl-horizontal dd{
    margin-left:120px;
}

.sub-panel{
     padding-bottom:50px;
 }
.sub-panel .panel-heading{
    color: #000;
    background-color: #FFF;
    border-color: none;
    padding:0;
    margin-bottom:20px;
    border:none;
}
.sub-panel .panel-heading .panel-title{
    font-size:24px;
    font-weight:500;
    
}
.sub-panel .panel-body{
    color: #000;
    background-color: #FFF;
    border-color: none;
    padding:0;
    margin-bottom:20px;
    border:none;
}
.sub-panel .panel-body p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:20px;
}
.sub-panel .panel-body .img-wrap{
    display:block;
    padding:50px 0;
}
.sub-panel .panel-body .img-wrap img{
    display:block;
    width:100%;
}

.dh-view-info .pull-right .sns-box:nth-child(2){
    margin-top:-3px;
}





 @media (max-width: 768px) {
    .mainthumbs {
        padding: 100px 15px;
        grid-template-rows: repeat(4, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }
    .main-map-wrap {
        padding: 100px 15px;
        display: flex;
        flex-direction: column;
    }
    .intro-board-widget-layout {
        flex-direction: column-reverse;
        padding: 100px 0px;
    }
    .dh-front-list2 h6 .list-row-subject {
        display:inline-block;
        width:280px;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .dl-horizontal{
        font-size:16px;
    }
    .dl-horizontal dt{
        padding-bottom:10px;
        width:100%;
    }
    .dl-horizontal dd{
        margin-left:0px;
        margin-bottom:20px;
    }

}