/** 웹폰트 호출 **/
@import url(http://fonts.googleapis.com/css?family=Damion);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/** 슬라이드 테두리 설정 **/
.flexslider {border: 0px solid rgba(255, 255, 255, 1);border-radius: 0px;}
.flexslider {box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2)!important;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 최상단여백 크기 설정 **/
.topmarginLay_a{padding:55px;}
@media (max-width: 768px) {
.topmarginLay_a{padding:85px;}
}
@media (max-width: 768px) {
.topmarginLay_a{padding:85px;}
}
/** 각각의 페이지 타이틀 설정 **/
.panel-default >.vine-title-title{background-repeat: none;padding:30px 0;}
/** 타이틀백그라운드 이미지 **/
.custom-back1{border-bottom:1px solid #333;}
/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {border-right-color: rgba(236, 205, 171, 1);border-left-color: rgba(195, 130, 16, 1);display:none;}
/** 서브메뉴 하단 보더처리 **/
.navbar-nav > li > .dropdown-menu {border-bottom: 5px solid #7C5852;border-radius: 3px;}
/**페이지 타이틀**/
.vs-title-box{background:#fff;border:1px solid #ddd;background-image:url(/skin/img/title-deco.png) no-repeat right bottom;margin:0 0 55px;}
.vs-title-img{}
.vs-title-img img{width:100%;}
.vs-title-txt{}
/*css3 애니메이션 입니다. 익스플로러 9 이하 버전에서는 작동하지 않습니다.*/
/*.navbar-brand>img {  animation-duration: 1s;  animation-name: slidedown;}
@keyframes slidedown {
  from {    margin-top: -200px;    width: 100%  }
  to {    margin-top: 0px;    width: 100%;  }
}
@-webkit-keyframes slidedown {
  from {    margin-top: -200px;    width: 100%  }
  to {    margin-top: 0px;    width: 100%;  }
} */
/**ClearFix**/
.dh-board,.dh-view-box{clear:both;}
/**인트로 HTML 설정**/
.intro-html{margin:25px 0;}
.vs-intropanel{background:#fff;padding:10px;border:1px solid #ddd;min-height:250px;}
.vs-intropanel p{font-size:11px;}
.vs-intropanel a{color:#000;display:block;}

/*Vine*/

p.vBox{
   /*max-width:800px;*/
   margin:20px auto !important;
   padding:15px;
   font-size:14px;
   line-height:28px;
   font-weight:400;
   color:#999;
   background:#f8f8f8;
   border-top:3px solid #eee;
   border-bottom:3px solid #eee;
}

.vUnderline {    }
.vSubtitle{font-size:12px;padding:0 0 0 40px;}

.vborder#DDD{border:1px solid #ddd;}

.vboxH450{height:450px;}
.vbox1{background:#FFF; padding:15px; border:1px solid #ddd;margin:0 0 15px;}
.vbox2{background:#FFF;}

.thumbnail {margin:0 0 15px 0;}

/* 11th Template Initial Publishing */


body {color: #4d4d4d; line-height: 1.7; background-color: #fff;}

/* navigation */
.navbar {margin-bottom: 0;}

.navbar-inverse {background: #FFF; border: 0;}

.navbar-inverse .navbar-nav > li > a {
    padding: 34px;
    color: #4d4d4d;
    font-size: 17px;
    font-weight: 500;
    text-shadow: none;
}

.btnEdit i,
.btnDelete i {
	color: #eee;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open>a:focus,
.navbar-inverse .navbar-nav > .open>a:hover {	
	color: #4d4d4d;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.navbar-inverse .navbar-nav > .open>a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #4d4d4d;
}
.navbar .glyphicon {
	color: #4d4d4d;
}
.caret {display: none;}

.navbar-nav > li > .dropdown-menu {border-bottom: 5px solid #e70217;}
/* //navigation */

/* slide */
.flex-caption {
    top: 68%;
    left: 18%;
    width: 640px;
    height: 75px;
    padding: 0 10px;
    line-height: 1;
    /*background: rgba(0, 0, 0, 0.55);*/
}
.flex-caption {text-align: left;}
.flex-caption > .intro-title {
    padding: 0;
    font-size: 80px !important;
    font-weight: 800 !important;
    font-family: "나눔바른고딕", "NanumBarunGothic";
    text-shadow: none;
    background: none;
}

.flex-caption > .intro-title .top {
    font-size: 35px;
    font-weight: 400;
    font-family: "나눔바른고딕", "NanumBarunGothic"
}

.flex-caption > .intro-text {
    padding: 0;
    font-size: 16px;
    text-align: left;
    text-shadow: none;
    background: none;
    line-height: 1.3;
}
/* //slide */

/* main page */

/* top */
.main .top {
    padding: 20px;
    background-image: url('/skin/img/main/bg_t.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}

.main .top h2 {
    margin: 10px 0 0; 
    color: #fff; 
    font-weight: 400;
    
}
.main .top p {color: #939393; font-size: 15px;}
.main .top img {padding: 25px 0;}

/* middle (left) */
.main .middle .left {
    width: 675px;
    position: absolute;
    padding: 30px 10px;
    background-color: #f0f0f0;
}
.main .middle .left .box {padding: 15px; background-color: #fff; border-right: 2px solid #f0f0f0;}
.main .middle .left .box:hover {background-color: #f0f0f0;}
.main .middle .left .box table h4 {margin: 0; color: #4d4d4d;}
.main .middle .left .box p {margin: 10px 0; color: #7B7777; line-height: 1.3;}

/*  middle (right) - widget (NOTICE) */
.intro-board-layout {width: 100%;}
.intro-widget-layout {width: 495px; float: right; background-color: #f0f0f0;}
.intro-widgetbox {padding: 22px 0px 25px;}

.intro-widgetBoardbox {border: none; background-color: #f0f0f0 !important;}
.intro-widgetBoardbox > a {padding:5px 15px;border: none; background: #f0f0f0;}
.intro-widgetBoardbox > a:hover {padding:5px 15px; border-bottom: none !important;}
.intro-widgetBoardbox > a > h5 {
    color: #4d4d4d;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    background-color: #f0f0f0;
}
.fa-angle-right::before {content: url('/skin/img/main/btn_plus.png');}

.intro-widget-list-box > ul > li {padding: 7px 0;}
.intro-widget-list-box > ul > li > a {color: #888888;}
.intro-widget-list-box > ul > li > .widget-list-row-regdate {font-size: 11px;}

/* middle2 */
.main .middle2, .main .bottom {padding: 30px 0;}
.main .middle2 .title {margin-bottom: 15px;}
.main .middle2 .title h4 {padding-left: 50px;}
.main .middle2 .title img, .main .bottom .title img {float: left;}
.main .middle2 ul {padding-left: 0;}
.main .middle2 ul li::before {content: url('/skin/img/main/ico_arrow.png');}
.main .middle2 ul li {list-style-type: none; line-height: 1.9; color: #7B7777;}
.main .middle2 .contents-r img {}

/* bottom */
.main .bottom {color: #fff; background-color: #8f8f8f;}
.main .bottom .title h4 {margin-top: 3px; margin-bottom: 20px; padding-left: 35px; font-weight: 400;}
.main .bottom h5 {margin: 0 0 10px; font-size: 29px; font-weight: 600;}
.main .bottom ul {padding-left: 20px;}
.main .bottom ul li, .main .bottom p {color: #f0f0f0; font-weight: 400;}
.main .bottom p {padding-left: 35px;}
/* //main page */

/* sub page */

.sub .menuTitle {
    background-image: url('/skin/img/sub/bg_menuTitle.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}
.sub .menuTitle > div {padding: 30px; background-color: rgba(0, 0, 0, 0.4);}
.sub .menuTitle h2 {margin: 0; color: #fff; font-size: 38px; font-weight: 400;}
.sub .menuTitle p {margin: 5px 0 0; color: #ddd;}

.sub .route {float: none; padding: 30px 0;}
.sub .route > div {padding: 0;}
.sub .route h4 {display: none;}
.sub .route ol {display: inline-block; margin: 0; padding: 0; list-style-type: none;}
.sub .route li {float: left; color: #919191; font-size: 12px; font-family:"나눔바른고딕", "NanumBarunGothic";}

.sub .subTitle img:nth-child(1) {padding-left: 4px;}
.sub .subTitle h3 {float: left; margin: 10px 0 30px; color: #e70217; font-size: 30px;}

.sub .contents {margin-top: -30px;margin-bottom:40px;}
.sub .contents .nav-tabs {border-bottom: 2px solid #e70217;}
.sub .contents .nav-tabs > li {margin-bottom: -2px;}
.sub .contents .nav-tabs > li > a {
    width: 150px;
    padding: 15px;
    color: #565656;
    font-size: 16px;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #4099ef;
    background-color: #fff;
}
.sub .contents .nav-tabs > li.active > a {
    color: #fff;
    border: 1px solid #4099ef;
    background-color: #4099ef;
}
.sub .contents .nav-tabs > li.active > a:focus,
.sub .contents .nav-tabs > li.active > a:hover,
.sub .contents .nav-tabs > li > a:focus,
.sub .contents .nav-tabs > li > a:hover {
    color: #fff;
    background-color: #4099ef;
    border: 2px solid #4099ef;
}

.sub .contents .tab-content {
    overflow: hidden;
    margin: 30px 0;
    padding: 40px 40px 60px;
    border: 1px solid #dfdfdf;
}

.sub .contents big {
    color: #333;
    font-size: 30px;
    border-bottom: 1px solid #333;
    line-height: 1;
    letter-spacing: 1px;
}
.sub .contents big span:nth-child(1) {color: #4099ef; font-weight: 600;}

.sub .contents .txt::first-letter {font-size:200%;}

.sub .contents .sign {
    overflow: hidden;
    margin-top: 40px;
    padding-left: 230px
    
}
.sub .contents .sign span {
    float: left;
    padding-top: 35px;
    font-size: 18px;
    
}
/* //sub page */

/* social area */
.socialArea {display: none;}
/* //social area */

/* footer */
.footer_copy .text-center {
	padding: 0;
    margin: 0;
    margin-top: -10px;
    color: #c1c1c1;
    font-size: 13px;
    text-align: left;
    border-top: 0;
    background: transparent;
}

.footer_copy .footerBox {
    margin: 0 auto 30px;
    padding: 30px 20px;
    width: 1200px;
    border-top: none;
    background-color: #3e3e3e;
}

.footer_copy .info, .footer_copy .copy {padding: 0 15px;}
.footer_copy .logo {padding: 0;}
.footer_copy .txt {padding-left: 80px;}
.footer_copy .info span {padding: 0 10px;}

.footer_copy a {color: #fff;}
.footer_copy a:hover {color: #fff;}

.footer_copy ul li,
.footer_copy address,
.footer_copy span,
.footer_copy .copy {
    color: white;
}

.footer_copy ul li {float: left; padding: 0 20px; list-style-type: none;}
.footer_copy address {display: inline-block; margin: 10px 0 0; text-align: left;}
/* //footer */

/* //11th Template Initial Publishing */



/* 별도의 추가 css */
.btn_height {
    margin-top:10px;
}





* { margin:0; padding:0; }
ul,li { list-style:none; }
a { text-decoration:none; color:#000; }
.tab { border:1px solid #ddd; border-left:none; overflow:hidden; }
.tab li { float:left; width:25%; border-left:1px solid #ddd; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; padding:20px; cursor:pointer; }
.tab li.on { background-color:#eee; color:#f00; }
.tab_con { clear:both; margin-top:5px; border:1px solid #ddd; }
.tab_con div { display:none; height:870px; line-height:100px; text-align:center; }

.big_title {text-align:left;font-family: NanumGothic; font-size: 30px; line-height:30px; font-weight: bold;color:#e70217}
.mid_title {font-family: NanumGothic; font-size: 20px; line-height:20px;font-weight:bold;color:#e70217}
.small_title {font-family: NanumGothic; font-size: 17px; line-height:25px;font-weight: bold;}

.img-bbs-default-index-layout > div.row > div.col-lg-12 {
    padding: 0;
}

.dh-front-gallery > .element1 {
    padding: 15px;
}
.main a .box .center-block{
    border:1px solid #ddd;
}