/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: 'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}

/* 메뉴 상단 영역 설정 */
.navbar-top {width: 100%; padding: 0; background: #fff; border-bottom: 1px solid #E5E5E5;}
.navbar-top-wrap {width: 100%; max-width: 1170px; margin: 0 auto;}
.navbar-top-wrap ul {margin:0; padding: 0;}
@media screen and (min-width: 768px) {
	.navbar-top-wrap ul { margin-right: 65px;}
}body{word-break:break-all;}
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@font-face { font-family: 'NanumBarunGothic';
 src: url('/fonts/NanumBarunGothic.eot');
 src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
 url('/fonts/NanumBarunGothic.woff') format('woff');}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.broswer-warning{border-bottom:2px solid #900;}
.broswer-warning p{font-size:12px;}
.broswer-warning strong{color:#900;font-weight:800;}
.broswer-warning a{color:#900;}
.broswer-warning .pull-right{padding:0 5px;}

.non-radius{border-radius: 0px;border-top-right-radius: 0px;border-top-left-radius: 0px;}

/* 메인메뉴 모바일 */
.navbar-collapse { border: none; }

/******************************************New 위젯*****************************************/
/*박스*/
.intro-widgetBoardbox{border: 1px solid #EDEDED;margin-bottom: 5px;background:rgba(255, 255, 255, 0.8) !important;}
.intro-widgetBoardbox>a{display: block;padding: 5px 15px;border-bottom: 1px solid #EDEDED;color: #000 !important;background: #efefef;padding-right: 25px;}
.intro-widgetBoardbox>a>h5{font-weight:bold;}
.intro-widgetBoardbox > a:hover{border-bottom: 1px solid #EDEDED !important;padding-right: 15px;}
/*리스트*/
.intro-widget-list-box>ul{font-size: 11px;list-style: none outside none;padding: 10px 15px;margin:5px 0px!important; overflow:hidden;}
.intro-widget-list-box>ul>li{padding: 4px 5px; overflow: hidden;}
.intro-widget-list-box>ul>li+li{border-top:solid 1px #EDEDED; }
.intro-widget-list-box>ul>li>a{color:#555;margin:0px 0;display:block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.intro-widget-list-box>ul>li>a:hover{color:#000;}
/*블로그1*/
.intro-widget-blog1-box{border-bottom: 0px solid #efefef;position:relative;}
.intro-widget-blog1-box>ul{font-size: 11px;list-style: none outside none;padding: 10px 15px;margin:5px 0px!important;}
.intro-widget-blog1-box>ul>li{padding: 3px 0px;}
.intro-widget-blog1-box>ul>li>a{color:#555;margin:0px 0;display:block;}
.intro-widget-blog1-box>ul>li>a:hover{color:#000;}

.intro-widget-blog1-box>.row>div a{color:#000;}
.intro-widget-blog1-box>.row>div a p{font-size:11px;margin: 0px 0px 3px;}
.intro-widget-blog1-box>.row>div a .title{font-weight:bold;margin: 0px 0px 5px;}

.intro-widget-blog1-box>.row{padding:15px;}
.widgetBlogBox1{width:100%;height:90px;background-size:cover;}
.intro-blog1-list{border-bottom: 0px solid #EFEFEF;}

/*블로그2*/
.intro-widget-blog2-box{border-bottom: 0px solid #efefef;position:relative;padding:15px 0;}
.intro-widget-blog2-box>ul{font-size: 11px;list-style: none outside none;padding: 10px 15px;margin:5px 0px!important;}
.intro-widget-blog2-box>ul>li{padding: 3px 0px;}
.intro-widget-blog2-box>ul>li>a{color:#555;margin:0px 0;display:block;}
.intro-widget-blog2-box>ul>li>a:hover{color:#000;}

.intro-widget-blog2-box>.row>div a{color:#000;}
.intro-widget-blog2-box>.row>div a p{font-size:11px;margin: 0px 0px 3px;}
.intro-widget-blog2-box>.row>div a .title{font-weight:bold;margin: 0px 0px 5px;}

.intro-widget-blog2-box>.row{padding: 5px 15px;}
.widgetBlogBox1{width:100%;height:110px;background-size:cover;}
.intro-blog2-list{border-bottom: 0px solid #EFEFEF;}

.blog2Text{background: none repeat scroll 0% 0% #333;display: block;padding: 6px 8px;color: #FFF !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*이미지배너1*/
.intro-widgetbannerbox{border: 1px solid #EDEDED;margin-bottom: 5px;background:rgba(255, 255, 255, 0.8) !important;}

/******************************************New 위젯 END*****************************************/

                /*******************************   flexslider   ***********************************/
.no-js .slides>li:first-child{display:block}
.slick-track .thumbnail{margin-top:0px;}
.q_number div h3{margin-left:-25px;font-size:18px;color:#000;}
.q_number div:nth-child(n+2) {font-size:16px;color:#888;}
.q_number div:nth-child(n+3) {font-size:16px;color:#000;}
.q_number input{margin:0 0 30px 0;}
.q_number textarea{margin:5px 0 30px 0;height:300px;}
.q_number div h3{margin-left:1px;font-size:18px;}

.q_number div:nth-child(n+3) .radio{
}
.q_number div:nth-child(n+3) .radio label{
    font-size: 13px;
    padding-left: 17px;
    position: relative;
    letter-spacing: -0.023em;
    margin-right: 9px;
}
.q_number div:nth-child(n+3) .radio label:last-child{
    margin: 0;
}
#mod_type_formForm .q_number .radio input{
    position: absolute;
    left: 0;
    top: 3px;
}

.uneven div {
    padding: 0px;
    line-height: 1.4285;
    background-color: #FFF;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
    /*height: 180px;*/
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.slick-slider {
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.flexslider{margin:0;background:#fff url(./ajax-loader.gif) no-repeat center center;border:4px solid #fff;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;zoom:1;box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5)}
body.flexdemobody .flexslider{}
.flexslider .slides{zoom:1}
.flexslider .slides>li{position:relative}
.flex-container{zoom:1;position:relative}
.flex-caption{width:100%;position:absolute;left:0;bottom:0;text-align:center;}
.flex-caption span{background:rgba(0,0,0,.6);color:#fff;padding:5px;text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.flex-caption span.intro-title{font-size: 30px;font-weight: 700;}
/*이미지 슬라이드 스틱슬라이드 */
.slick-prev::before, .slick-next::before{
    color:#000 !important;
}
/*Navibar Hover Setting*/
 @media (min-width: 767px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
 }
.carousel-control,.carousel-control.right ,.carousel-control.left,.carousel-control:hover, .carousel-control:focus {
    background-image:none;
 }
.pagenavi_disabled{
    cursor:default !important;
}
/*******************************   이미지게시판 *********************************/
.free-wall {
			}

			.filter-items {
				padding: 10px 0px;
			}

			.filter-label {
				display: inline-block;
				margin: 0px 5px 5px 0px;
				padding: 10px;
				cursor: pointer;
				background: rgb(205, 149, 12);
			}

			.filter-label.active,
			.filter-label:hover {
				background: rgb(238, 180, 34);
			}
/*******************************   인트로 게시판DH   ***********************************/
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;overflow:hidden;
    width:100%;
    height:180px;
    background-repeat:no-repeat;
    background-position:center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.dh-front-blog>.col-md-4>.thumbnail {
        display: block;
        padding: 0px;
        margin-bottom: 20px;
        line-height: 1.42857;
        background-color: #FFF;
        border: 1px solid #DDD;
        border-radius: 0px;
        transition: all 0.2s ease-in-out 0s;
        min-height:360px;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption a{text-decoration:none;color:#666;}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 a{font-weight:bold;color:#000;}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dh-front-blog>.col-md-4>.thumbnail>.caption .blog-row-regdate { display: none; }
.dh-front-blog>.col-md-4>.thumbnail>.caption p a{font-size:11px;}
/*인트로 블로그 수정END*/
@media (max-width: 767px) {
    .dh-front-blog>.col-md-4>.thumbnail {
            min-height:290px;
    }
}
.dh-front-txt div div div.panel-body{min-height:115px;}
.dh-front-txt div div div.panel-body h5{font-weight:800;}
.dh-front-txt div div div.panel-body h5 a{text-decoration:none;color:#000;}
.dh-front-txt div div div.panel-body h6{font-weight:none;}
.dh-front-txt div div div.panel-body h6 a{text-decoration:none;color:#666;font-size:11px;}
.front-panel>.panel{
    margin-bottom: 20px;
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.dh-front-gallery>.col-md-3>a.thumbnail {
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;overflow:hidden;
    width:100%;
    height:180px;
    background-repeat:no-repeat;
    background-position:center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.dh-front-gallery>.col-xs-3>a.thumbnail:hover,
.dh-front-gallery>.col-xs-3>a.thumbnail:focus,
.dh-front-gallery>.col-md-3>a.thumbnail:hover,
.dh-front-gallery>.col-md-3>a.thumbnail:focus,
.slick-track > div.thumbnail:hover,
.slick-track > div.thumbnail:focus
{
    -o-background-size: 120% auto;
    -moz-background-size: 120% auto;
    -webkit-background-size: 120% auto;
    background-size: 120% auto;
    background-position:center;
    cursor: pointer;
}



/*******************************   게시판DH   ***********************************/
.dh-margin-top{margin-top:15px;}
.dh-margin-topx2{margin-top:30px;}
.dh-margin-bottom{margin-bottom:15px;}
.dh-margin-left{margin-left:15px;}
.dh-margin-right{margin-right:15px;}

/*Common*/
.dh-board * a {color:#333;text-decoration:none;margin:3px 0;}
.dh-board .pagination{margin:0px;}
.dh-line {padding:5px 0;border-top:1px solid #ddd;}
.dhb-txt-list span{margin:0 1px;}


/*dhb-Txt*/
.dhb-txt-box {padding:8px 3px;background:#F6F6F6;border:1px solid #D9D9D9;margin:5px 0;}
.dhb-txt-list {border-right:1px solid #d9d9d9;}

/*dhb-Normal*/
.dh-board>.table-hover {border-top:2px solid #000;border-bottom:2px solid #000;margin:10px 0;}
.dh-board tr th,dh-board tr td {text-align:center;}

/*dhb-Blog*/
.dhb-txt-list img.dhb-thumb{width:100%;}
.media-body>h5>a {font-size:12px;}

/*dhb-Pds*/
.dhb-txt-list>h6 {font-size:11px;color:#CCC;font-weight:700;}

/*dhb-vod*/
.dh-vod-thumb {position:relative;}
.dh-vod-thumb .vod-play-btn{position:absolute; background:url(/skin/img/vod-play-bg.png);width:100%;height:100%;}
.dh-vod-thumb .vod-play-btn img{background: transparent;width:100%; }
.dh-vod-thumb .vod-play-btn{filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65;}
.dh-vod-thumb:hover .vod-play-btn{filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95;}
.dh-vod-thumb img { width:100%; }
.dh-vod-thumb .media-icon { width:auto; display:inline; margin-right:3px; }
.dh-vod-thumb .video-row-subject { text-align:center; }
.dh-vod-thumb .video-row-subject a { color:#333; font-size:20px; }
.dh-vod-thumb:hover .video-row-subject a { text-decoration:underline; }

.media-icon.youtube { height:24px; }
.media-icon.vimeo { height:20px; }

/*dhb-ViewBox*/
.dh-view-box{}
.dh-view-box>.row{padding-left:15px;padding-right:15px;}
.dh-view-box>.row>.page-header{border-top:1px solid #333;border-bottom:2px solid #666;padding:2px 15px 0;margin:0px;margin:0 0 1px 0;}
.dh-view-box>.row>.dh-view-info{background:#EEE;margin:0px;padding:7px 15px;border-bottom:1px solid #DDD; float:left; margin-bottom: 5px;}
.dh-view-box>.row>.dh-view-info>span {font-size:12px;padding:0 0 0 5px;}
.dh-view-box>.row>.dh-view-info>span>strong {color:#000;padding:0 8px 0 0;}
.dh-view-box .dh-attach h6 { text-align: center; margin-top:0; }
.dh-view-box .dh-attach h6 img { max-width: 100%; }
.dh-view-box .dh-attach h6 a { float:left; margin:0 0 3px 3px; }
@media (max-width: 970px) {
    .dh-view-box .dh-attach h6 b { float:left; margin-bottom: 3px; }
    .dh-view-box .dh-attach h6 img { float:left; display: block; width: 100%; }
}
@media (min-width: 971px) {
    .dh-view-box .dh-attach h6 b { float:left; }
    .dh-view-box .dh-attach h6 img { display: inline }
}

.dh-comments div.panel-body {font-size:11px;}
 #commentForm textarea, .commentUpdateForm textarea { margin-bottom: 5px; }

.panel-body>p{margin:5px 0 0;}
.dh-attach {}
.dh-attach>h6{padding:8px;font-size:11px;}


a {cursor: pointer !important}

/*세로구분선*/

 .navbar .divider-vertical {

 height: 50px;/*navi bar Height */

 margin: 0 11px;

 border-right: 1px solid #ffffff;

 border-left: 1px solid #f2f2f2;

 }



 .navbar-inverse .divider-vertical {

 border-right-color: #222222;

 border-left-color: #111111;

 }



 @media (max-width: 767px) {

 .navbar-collapse .nav > .divider-vertical {

 display: none;

 }

 }

 /*세로구분선END*/
/* ////////////////////////////////////////////////////////////////**/
.modal-content_img_view .carousel-control {
    background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0) 100%);
}
.flex-control-nav{display:none;}
#images_sum img{ width: 100px; float: left; }

.popup_view{
    max-width:700px;
    position:absolute;
    top:90px;
    z-index:20;
}
.popup_view_layer{
    max-width:700px;
    z-index:10;
}
.z-index9999{
    z-index:9999;
}
.pull-right {
    right:0;
}
.pull-left {
    left:0;
}
.pull-center {
    margin:0 auto;
}
.navbar-brand img{margin-top: -15px;}
@media all and (min-width:768px){
/*    .open > .dropdown-menu {display: none;}*/
}
.dh-popup{background:#FFF;border:1px solid #999;position:absolute;z-index:9999999999999999;padding:3px; top:65px;}
.dh-popup p.dh-close-btn{text-align:right;margin-bottom:0px;border-bottom:1px solid #ededed;}
.dh-popup p.dh-close-btn .checkbox-inline { margin-left: 12px; float: left; }
.dh-popup p a{margin-bottom:0px;font-size:11px;margin-right:5px;color:#000000;border-radius: 0px;border: 0px solid transparent;background:#efefef;float:left}
.dh-popup p a:hover{text-decoration:none;}
.dh-popup p>.button_pop{border: 0px solid transparent;border-radius: 0px; background: none;box-shadow: none; padding:3px 12px}

.dh-popup.pull-right{right:25px;}
.dh-popup.pull-left{left:25px;}
.dh-popup.pull-center{left:33%}

@media screen and (max-width: 768px) {
        .dh-popup{width:90%;top:15px;margin:0px auto;left:5%;right:5%; }
        .dh-popup img{width:100%;}
}
.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}
/*******사이트맵1******/
.vsitemap ul{font-weight:bold;}
.vsitemap a{color:#333333;}
.vsitemap-list{}
.vsitemap-list ul{float:left;width:25%;padding:0 0 0 0px;min-width:100px;text-align:center;}
.vsitemap-list ul li{padding:0 0 0 0px; font-weight:normal;font-size:11px;}
.vsitemap-list *.ul li:first-child{margin:25px 0 0 ;}
/*******사이트맵1 END******/

/*NaviBar 6 Custom*/

.navbar-dh6{
   background-image: -webkit-linear-gradient(top,#2B3E4F 0,#2B3E4F 100%);
   background-image: linear-gradient(to bottom,rgba(54, 54, 54, 1) 0,rgba(0, 0, 0, 1) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B3E4F', endColorstr='#2B3E4F', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   background-color: #2B3E4F !important;
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.25);
}



/**********************************/










.modal-header {border:0px solid #e5e5e5;}

.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: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 0px solid #DDD;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 0px 0px 0px 0px;
}




.navbar-brand{line-height:28px;}



/********사이트맵3********/
.sitemap3{}
.sitemap3>.row>div{padding:0 0 5px;}
.sitemap3-title{border-bottom:1px solid #ccc;padding:5px 3px;font-size:12px;font-weight:bold;}
.sitemap3-list{margin:5px 3px 0;font-size:12px;}
.sitemap3-list a{color:#000;}

/**********사이트맵3END**********/



/***이미지게시판 css수정***/

.filter-label {
    display: inline-block;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    cursor: pointer;
    background: none repeat scroll 0% 0% #ececec;
    font-size:11px;
}
.filter-label:hover{background: none repeat scroll 0% 0% #efefef;}

.dh-front-gallery > .col-md-3 > a.thumbnail{margin-bottom:0px; position: relative;}
.thumbnail{margin-top:20px;margin-bottom:0px;}

/*button 태그에 btn-warning 삭제 후 non-radius btn-default 클래수 추가하면되요~*/
/*글쓰기 버튼 클래스 btn-primary btn-sm pull-right 삭제후 btn btn-default non-radius 추가하면되요~*/

/***이미지게시판 css수정 END***/

/*********인트로 위젯 및 레이아웃*********/
.intro-widgetbox{margin-top:25px;border-bottom:1px solid #EEE;padding:0 0 0;}
.intro-widgetbox>.page-header{margin: 15px 0px 10px;padding-bottom: 0px;border:1px solid #EEE;padding:0 10px 0;}
.intro-widgetbox>.page-header>h5{font-weight:bold;}
.intro-widgetbox>.page-header>h5>.btn{background-image:none !important;text-shadow:none !important;box-shadow: none !important;border:none !important;}
.intro-widgetbox>.dh-front-gallery{padding:0 0 15px;}
/*********인트로 위젯 및 레이아웃END*********/

/*********인트로 게시판 레이아웃*********/
.intro-boardbox>.page-header>h4>.btn{color:#000;}
/*********인트로 게시판 레이아웃 END*********/

/***********인트로 위젯영역 미디어 쿼리 조절***********/
 @media (max-width: 768px) {
    .intro-widgetbox {
    padding-left: 15px;
    padding-right: 15px;
    }
}
/*인트로 텍스트 수정*/
	.dh-front-list>.panel-body{min-height:115px;}
	.dh-front-list h6{font-weight:800;margin:0px;}
	.dh-front-list h6 span{font-weight:normal;}
	.dh-front-list h6 a{text-decoration:none;color:#333;font-size:11px;}
	.dh-front-list h6 a:hover{text-decoration:underline;}
	.dh-front-list h6 p{margin-top:4px;font-size:12px;}

	.dh-front-list2>.panel-body{min-height:115px;}
	.dh-front-list2 h6{font-weight:800;margin:0px;}
	.dh-front-list2 h6 span{font-weight:normal;}
	.dh-front-list2 h6 a, .dh-front-list2 h6 a span{text-decoration:none;color:#666;font-size:13px;}
	.dh-front-list2 h6 a:hover span{text-decoration:underline;}
	.dh-front-list2 h5{font-size:11px;border-top:1px solid #efefef;padding-top:10px;color:#666}
	.dh-front-list2-words{margin-top:15px;}
	.dh-front-list2-words:first-child{margin-top:0px;}
	.dh-front-list2 .panel{padding-top:10px;}
	.front-panel>.panel{
    padding-top: 0px;
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);}
	/*인트로 텍스트 수정END*/
	@media (max-width: 767px) {
	}
/*************END**************/
/***********인트로 위젯영역 아이프레임***********/
.intro-widgetbox iframe{width:90%;}
/***********인트로 위젯영역 아이프레임***********/

/*****************SiteMAP4*********************/


*, *:before, *:after {box-sizing:  border-box !important;}


.sitemap4-toggle {margin:15px 0;}

.sitemap4-toggle .accordion-toggle a{disply:block;}

.sitemap4-toggle .panel-default > .panel-heading {
    background-image: none;
    background-repeat: none;
}

.sitemap4-toggle .panel{border-radius:0px;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);}
.sitemap4-toggle .panel .panel-body{padding:15px 30px;}

.sitemap4-toggle .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.sitemap4-toggle .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



.sitemap4 {
 column-width:18em;
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 column-gap: 1em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em;

}
.sitemap4>.list-group{border: 1px solid #DDD;}
.sitemap4>.list-group>.sitemap4-list,.sitemap4>.list-group>.sitemap4-title{border: 0px solid #DDD;}

.sitemap4>.list-group{border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075);}
.sitemap4>.list-group .list-group-item { position: static; }
.sitemap4>.menu-category {
 display: inline-block;
 margin:  0.25rem 0;
 padding:  1rem;
 width:  100%;
}
.sitemap4-title{font-weight:bold;}
.sitemap4-title a{color:#000;display:block; text-decoration:none;}
.sitemap4-list{font-size:11px;}

.sitemap4 .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.sitemap4 .list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

}

/*****************SiteMAP4 END*********************/

.vsitemap, .sitemap4-toggle{margin: auto; max-width: 1170px;}
/**슬라이드 화살버튼 div 영역에 이미지 잘리는 문제 수정++모든 슬라이드에 일괄 적용됨++**/
.flex-direction-nav a {
    height: 43px;
}
/**슬라이드 화살버튼 div 영역에 이미지 잘리는 문제 수정 END**/

/*인트로 위젯 좌우 너비 고정된거 꽉차게*/
.intro-widgetbox iframe{width:100%;}

/*인트로 게시판 리스트유형 박스안 여백 조절*/
.dh-front-list2-words:first-child {
    margin-top: 5px;
}

/*일반페이지 게시판 에디터에서 버튼(드롭다운) 안눌러지는 문제*/
/*로고 이미지 반영안되는문제*/



/*슬라이드 수정*/

.tos-wrapper>.tos-slider>.tos-image>img{border:5px solid #FFF;}
.tos-prev, .tos-next, .tos-close {
    background: none;
    border-radius: 0px;
}


/*수정사항*/

/*위젯 겔러리 백그라운드*/
.dh-front-gallery a{background-repeat:no-repeat; background-size:cover;}

/*위젯 겔러리 백그라운드*/
.navbar-brand{
    display: inline;
    height: auto;
}
/**css 업데이트**/

/******인트로 리스트형 게시판 타이틀 굵게********/
.dh-front-list2 h6 a, .dh-front-list2 h6 a span {
    color: #000;
    font-weight:800;
}
/******인트로 리스트형 게시판 타이틀 굵게 END********/


/********플렉스슬라이더 아이콘 쉐도우 진하게******/

.flex-direction-nav a {
color:#FFF;
text-shadow: horizontal-offset vertical-offset blur color;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.flex-direction-nav a {
    height: 60px;
}
/***************/

/**css 업데이트 END**/
/**css 업데이트**/




/************라이트박스 버튼 크기 수정*************/
.tos-prev span, .tos-next span, .tos-close span:before, .tos-close span:after {
    width: 20px;
    height: 20px;
}
.tos-close span:before, .tos-close span:after {
    width: 13px;
    height: 13px;
}
/************라이트박스 버튼 크기 수정 END*************/
/************텍스트 게시판 p 마진 수정*************/
.dhb-txt-list>h5>a>p {
margin:0px;
}
/************텍스트 게시판 p 마진 수정 END*************/
/*********************인트로위젯 타이틀 배경흰색*************************/
.intro-widgetbox > .page-header {
    background: #fff;
}
/*********************인트로위젯 타이틀 배경흰색END*************************/



/*********************블로그타입 이미지관련 css*************************/
.thumb-hidden {
    border: 8px solid #FFF;
    box-shadow: 0px 8px 6px -6px #000;
    overflow: hidden;
    width: 100%;
    max-height: 150px;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}
.thumb-hidden>a>img{width: 100%;}

/*********************블로그타입 이미지관련 cssEND*************************/

/** 로고이미지 반응형 **/
/*.navbar-brand img{width:100%;}*/
/** 로고이미지 반응형 END**/

/*인트로 게시판추출 css*/
.dh-front-list2 h5,.dh-front-list2 h5 a,.dh-front-list2 h5 p,.dh-front-list2 h5 span{ font-size: 11px !important; color: #555 !important;}
/*인트로 게시판추출 cssEND*/
/*게시판 css*/
.dhb-txt-list h5>.btnRead p,.dhb-txt-list h5>.btnRead a,.dhb-txt-list h5>.btnRead span.dhb-txt-list h5>.btnRead,.dhb-txt-list h5>.btnRead p a, .dhb-txt-list h5 p>.btnRead{font-size:11px!important;color:#333!important;}
/*게시판 cssEND*/
.socialArea{
 margin:40px 0;
}

/*****************color picker*******************/
.full-spectrum .sp-palette {
max-width: 200px;
}
/*****************color picker END*******************/

.fill {
    width:100%;height:400px;background-position:center;background-size:cover;
}
.carousel {
    margin-bottom: 0px;
}
.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}
@media not all, (-webkit-transform-3d){
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }
}

.fill h1 span {background-color: #000000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;padding: 0 10px; text-shadow: 1px 1px 3px black;}
.fill p span {background-color: #000000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;padding: 0 10px 3px 10px; text-shadow: 1px 1px 3px black;}

/*****************플랙스 슬라이드 좌우버튼*******************/
.flex-direction-nav a::before{
    font-size: 50px;
}

/*****************게시판 공유 버튼*******************/
.sns-box {
    float:left;
    height:20px;
}

.sns-box + .sns-box {
    margin-left: 5px;
}

.twitter-share-button {
    float:left;
    width: 75px !important;
}

.fb-share-button {
    float:left;
    position: static;
    display: block;
}

.goog-te-banner-frame {
    height: 0 !important;;
    width: 0 !important;;
    border: none !important;;
}

/*구글 번역 위젯이 변경한 값 복구*/
body{
    top:0 !important;
    position:static !important;
    min-height:0!important;
}

.cd-panel {
    z-index: 9999;
}

.row.dh-front-gallery.thumbs.intro-widgetBoardbox{
    margin-left: 0px;
    margin-right: 0px;
}

/*************** 모바일 메뉴 *********************/
/*
.dh-mobile-menu{}
.dh-mobile-menu .cd-panel-container{background:#333;}
.dh-mobile-menu .cd-panel-content {padding:50px 0px 0px !important;}
.dh-mobile-menu .navbar-nav > li > a {padding: 15px 20px;}
.dh-mobile-menu .cd-panel-header .cd-panel-close:hover {background-color: #333;}
.dh-mobile-menu .navbar-nav > li > a { color:#ccc; }
.dh-mobile-menu .navbar-nav > .open > a, .dh-mobile-menu .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background-color: #262626;}
.dh-mobile-menu .dropdown-menu > li > a {background: none;}
*/
/*  게시판 알림 */
.dh-alert {
    margin: 30px;
    font-size: 24px;
}
 @media (min-width:992px) {
    .dh-alert {margin: 50px;}
 }
/* 게시판 알림 */

/* 배너 */
.banner-item {
    margin-bottom: 10px;
}
.banner-item .img-responsive {
    display: inline;
}
/* 배너 */

/* 폼메일 */
#mailForm label[for='mail_agree'] {
    font-size: 8pt;
}
/* 폼메일 */

/* 블로그 2 */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background-color: #F6F6F6;
    border: 1px solid #D9D9D9;
    margin: 0px 0px;
    padding:10px 15px;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
    height: 100px;
}

@media screen and (max-width:969px) {
    .dhb-txt-box-type-b-img-layout .thumb-hidden {
        height: 80px;
    }
}

@media screen and (max-width:767px) {
    .dhb-txt-box-type-b-img-layout .thumb-hidden {
        height: auto;
    }
}

.dhb-txt-box-type-b-text-layout h4
{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
    margin-top: 15px;
    float: right;
    text-align: right;
}

.no-contents { color: #aaa; }

.img-bbs-img-slide-index-layout .img-bbs-subject,
.img-bbs-default-index-layout .img-bbs-subject
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 5px;
    padding: 3px;
    width:100%;
    margin:3px 0;
    font-size: 0.8em;
    display: none;
}

body.se2_inputarea { background:none !important; background-color: #fff !important; }

.dh-nonmember-comment-group { padding-left: 0; padding-right: 0; }
.dh-nonmember-comment-item { padding-left: 0; padding-right: 0; }
.dh-nonmember-comment-group .dh-nonmember-comment-item + .dh-nonmember-comment-item { padding-left: 15px; }
.dh-nonmember-comment-group .dh-nonmember-comment-item:last-child { padding-right: 0; }

form[class*="commentUpdateForm"] textarea[name="comment"], #commentForm textarea[name="comment"] { margin-bottom: 5px; }

.dh-nonmember-comment-btn { padding-right: 0; }

 @media (max-width: 768px) {
    .dh-nonmember-comment-item { margin-bottom: 5px; }
    .dh-nonmember-comment-btn { padding-left: 0; padding-right: 0; }
 }

 .filter-items .filter-label { color:#337ab7; }

 .body-layout {
    font-family: "NanumBarunGothic", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.intro-boardbox .dh-front-txt .text-row-subject
{
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow: hidden;
}

textarea.popover-content { border:0; outline:none; resize:both; }
.btn .fa { text-shadow:none; }

/*****************블로그 NEW 버튼*******************/

.blog-row-subject { padding:4px !important; }

/***************** 네이버 버튼 css *****************/
.container.login {
    margin-top: 50px;
}
.nlogin-btn{
    background-color: #1EC800 !important;
    color: #FFFFFF;
}
.nlogin-btn > .nlogin-img{
    width: 20px;
    height: 20px;
    background-image: url(/img/nlogin_white.png);
    background-size: 100% 100%;
    float:left;
}
.nlogin-btn:hover{
    border: 0.5px solid #999;
    background-color: #FFFFFF !important;
    color: #999999;
}
.nlogin-btn:focus {
    color:#ffffff;
}
.nlogin-btn:focus:hover{
    color:#999999;
}
.nlogin-btn:hover .nlogin-img{
    background-image: url(/img/nlogin_green.png);
}
.nhn-share-btn{
    width: 58px;
    color:white;
    border-radius: 3px;
    font-size:11px;
    height: 20px;
    padding : 0 0 0 2px;
    white-space: nowrap;
    background-color: #1EC800;
    cursor: pointer;
    border: none;
}
.nhn-share-btn:hover{
    background-color: #1aaf00;
}
.nhn-share-btn:focus{
    outline:0;
}
.nhn-share-text{
    vertical-align: middle;
    line-height: 22px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    font-size:11px;
    color:#fff;
}
.nhn-share-text:hover{
    color:#fff;
}
.nhn-share-img{
    margin-top: 2.5px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-image: url(/img/nlogin_white.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 50% 40%;
    float:left;
}

/* Added 17-06-30 by MAILPLUG */
.table.table-faq .faq-questions {
    cursor: pointer;
}

.table.table-faq .faq-answers {
    background-color: #FAFAFA;
}

/* Added 17-07-17 by MAILPLUG */
div.postcodify_popup_layer input.keyword {
	height: 40px !important;
}

.form-control.viewable {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
	background-color: transparent;
}

/*main quickmenu*/
.quickmenu_item .q_number div h3{margin-left:1px;font-size:18px;color:#000; margin: 0;}
.quickmenu_item  .q_number textarea {
    height: 100px;
    margin-bottom: 10px;
    resize: vertical;
}


/*********INTRO QUICKMENU LAYOUT*********/
.main_quickmenu {
    position: fixed;
    z-index: 9999;
    top: 30%;
    right: 0;
}

.main_quickmenu .quickmenu_item {
    transition: all 1s ease;
    position: relative;
    right: calc(-100% + 70px);
}

.main_quickmenu .quickmenu_item.active {
    right: 0;
}

.main_quickmenu .quickmenu_item:after {
    content: "";
    clear: both;
    display: block;
}

.main_quickmenu .quickmenu_item .icon_area {
    position: relative;
    padding: 10px;
    width: 70px;
    height: 70px;
    background: #eeeeee;
    float: left;
    transition: .4s ease;
}

.main_quickmenu .quickmenu_item.active .icon_area {
    background-color: #000000;
    width: 100px;
    height: 100px;
}

.main_quickmenu .quickmenu_item .icon_area img:hover {
    animation: swing;
    animation-duration: 1s;
}

/* quickmenu_title */

.main_quickmenu .quickmenu_item .quickmenu_title {
    font-size: 15px;
    margin: 10px 0 0;
    text-align: center;
    color: #fff;
    display: none;
}

.main_quickmenu .quickmenu_item.active .quickmenu_title {
    display: block;
}

/* kakaotalk consult */

.kakaotalk_consult .form_area {
    float: left;
    padding: 35px 10px;
    background-color: #FBD500;
}

.kakaotalk_consult .q_number h3 {
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 500;
}

.kakaotalk_consult .q_number h3:before {
    content: "\f058";
    font-family: 'FontAweSome' !important;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.kakaotalk_consult .q_number input, .kakaotalk_consult .q_number textarea {
    border: none;
    border-radius: 0;
    letter-spacing: -0.5px;
}

.kakaotalk_consult button {
    font-size: 15px;
    padding: 10px;
    letter-spacing: -1px;
    background: #000;
    border: 1px solid transparent;
    margin: 30px auto 0;
    display: block;
    float: none !important;
    width: calc(100% - 30px);
    border-radius: 0px;
    transition: all .6s ease;
}

.kakaotalk_consult button:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}


/*********INTRO QUICKMENU LAYOUT END*********/
.navbar-top-wrap ul li {float: left;}
.navbar-top-wrap ul li:hover a {background: #E7213A; color: #fff; } 
.navbar-top-wrap .navbar-top-btn {margin: -1px -1px -1px 0; padding: 12px 20px; display: inline-block; border: 1px solid #e5e5e5; color: #555555; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: -0.03em;}
@media screen and (max-width: 991px) {
	.navbar-top-wrap{width: 100%;}
}
@media screen and (max-width: 767px) {
	.navbar-top{display: none;}
}

.navbar-inverse { visibility: hidden; }

/* 메뉴 설정 시작 */
.navbar-toggle { background: #E6213A; border: none; margin-top: 30px; }
.navbar-inverse {background: #fff; padding: 0; margin: 0; border-bottom: 2px solid #de2e46; z-index: 9999; box-shadow: 5px 0 5px rgba(0,0,0,0.3); position: absolute; height: 137px; }
@media screen and (max-width: 767px) {
	.navbar-inverse { height: auto; }
}
.navbar-inverse .divider-vertical {display: none;}
.navbar .caret {display: none;} 
.navbar-right > li:hover .caret {color: #e6213a; display: block; margin: 0 auto; margin-top: 8px; position: absolute; left: 48%;}
.navbar~ br {display: none;}

#loader{
	display: none !important;
}

/*===== 메인 메뉴 설정 =====*/
.navbar-inverse .navbar-nav > li > a {color: #343434; font-size: 20px; font-weight: 500; text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; letter-spacing: -0.05em; padding: 20px 10px; margin: 0 0 10px; border: none !important;}

@media screen and (max-width: 1199px ) {
	.navbar-inverse .navbar-nav > li > a { padding: 20px 10px; } 
}
@media screen and (max-width: 1169px) {
	.navbar-inverse .navbar-nav > li > a { font-size: 16px; padding: 20px 0px; }
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background: rgba(0, 0, 0, 0); color: #e6213a !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border: none !important;}
.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li:focus > a, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #e6213a !important; border: none !important;}
@media screen and (min-width: 768px) {
	.navbar-inverse > .container { width: 100%; }
	.navbar-inverse .navbar-brand img {margin: 0;}
	.navbar-collapse { clear: both; width: 100%; }
	.navbar-right { float: none !important; margin: 0px 60px 0px 0px; text-align: center; width: 100%; }
	.navbar-right > li {padding: 0 9px;display: inline-block;float: none;}
	.navbar-header { display: none; }
	#m-17 > a.m-17 {padding: 0; position: relative; top: 20px; color: #fff;height: 77.09px;}
}
@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand{width: 220px;}
	.navbar-inverse .navbar-brand img {margin: 0 !important;transform: translateX(-30px);}
	.navbar-inverse .navbar-nav > li > a {font-size: 18px; padding: 10px 30px; margin: 0;}
	.navbar-nav > li > .dropdown-menu {top: 0 !important; height: auto !important;}
	.navbar-nav > li > .dropdown-menu > li {display: block !important; float: none !important;}
	.navbar-right > li:hover .caret {display: none;}
	.navbar-nav .open .dropdown-menu{padding: 5px 10px !important; }
	.navbar-nav .open .dropdown-menu > li > a {}
	.navbar-right > li:nth-of-type(3) { display: none; }
	.dh-margin-top{text-align:center !important;}
}
.divider-vertical ~ li { display: none; }
.topmarginLay_a {height: 134px !important;}

/*===== 서브 메뉴 설정 =====*/

.navbar-nav > li > .dropdown-menu {border: 2px solid #e6213a; border-top: 1px solid #eee; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: #fff; padding: 15px 10px; margin: 0; box-shadow: none; -webkit-box-shadow: none; min-width: 190px; left: 10px; right: auto;}
.navbar-nav > li > .dropdown-menu > li {display: block;}
.navbar-nav > li > .dropdown-menu > li > a {background: none; display: block; padding: 8px 20px; color: #444; font-size: 15px; font-weight: 400; letter-spacing: -0.05em;}
.navbar-nav > li > .dropdown-menu > li > a:hover {color: #222; font-weight: 500;}

@media (max-width: 767px){
	.body-layout{
		padding-top: 96px;
	}
	.container_contents{
		padding-top: 40px !important;
	}
	#sub4_3 + .dh-board .table .num, #sub4_3 + .dh-board .table .hits, #sub4_3 + .dh-board .table .regdate{
		display: none !important;
	}
}
@media (min-width: 768px) and  (max-width: 991px){
	
}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}

/*=======================MAIN CUSTOM ========================*/

/* basic layout */
.container_slide,
.container_contents {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.intro-html-layout { margin-left: 0px; margin-right: 0px; }

#main_html> .slider {
	height: 500px;
}

#main_html #section01 {
	top: -48px;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
}

#main_html #section01> .row> div:first-child {
	-webkit-box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	border: 1px solid #F4F4F4;
	position: relative;
	z-index: 99;
	padding: 50px 0px;
}

#main_html #section01> .row> div:nth-child(2) {
	background: url('/skin/img/main/mainVideo_bg.jpg') no-repeat center / cover;
	padding: 50px 0px;
}


@media screen and (min-width: 992px) {
	#main_html #section01> .row> div:first-child {
		border-right: 1px solid #d2d2d2;
		padding: 50px 40px 0px 0px;
		min-height: 715px;
	}
	#main_html #section01> .row> div:nth-child(2) {
		padding: 50px 0px 0px 30px;
		min-height: 715px;
	}
}

.main_program> header {
	margin-bottom: 30px;
}

.main_program> header> h3 {
	color: #121212;
	font-weight: 600;
	letter-spacing: -0.07em;
	margin: 0 0 12px;
}

.main_program> header> p {
	margin: 0;
	color: #777777;
	font-size: 15px;
	letter-spacing: -0.01em;
}



/* slider */

.fill {
	height: 500px;
	border-bottom: 1px solid #d2d2d2;
}

.carousel-caption {
	padding: 0;
	text-align: left;
	top: 50%;
	bottom: auto;
	margin: -170px 0 0;
}

.fill h1 {
	margin: 0 0 25px;
}

.fill h1 span,
.fill p span {
	background: none;
	padding: 0;
	opacity: 1;
	text-shadow: none;
}

.fill h1 span {
	font-size: 64px;
	color: #212121;
	font-weight: 600;
	letter-spacing: -0.07em;
}

.fill h1 span> span {
	color: #e6213a;
	font-size: 29px;
	letter-spacing: -0.05em;
	font-weight: 500;
	margin: 0 0 15px;
}

.fill p {
	margin: 0;
}

.fill p span {
	color: #454545;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.07em;
}

.fill p span> a {
	display: inline-block;
	height: 40px;
	padding: 4px 15px;
	margin-top: 35px;
	border: 3px solid #e6213a !important;
	border-radius: 50px;
	background: #e6213a;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.05em;
}

.fill p span> a:hover {
	background: #fff;
	color: #e6213a;
}

.fill p span> a i {
	padding-left: 20px;
}

#myCarousel> .pull-center {
	display: none;
}

.slide_btn {
	top: -47px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.slide_btn {display: none;}
}

.slide_btn> ul {
	text-align: center;
	margin: 1px auto 2px;
	line-height: 1;
	padding-left: 0;
}

.slide_btn> ul::after {
	clear: both;
	content: "";
	display: block;
}

.slide_btn> ul> li {
	text-align: center;
	display: inline-block;
	margin: 0px -3px;
	padding: 14px 0;
	background: #fff;
	border: 1px solid #d2d2d2;
	border-bottom: 0px;
	height: 45px;
	width: 50px;
}

.slide_btn> ul> li:hover {
	background: #f8f8f8;
	cursor: pointer;
}

@media (max-width: 767px){
	#main_html #section01> .row> div:nth-child(2){
		padding: 50px 15px;
	}
	.main_video .video_des .video_title span{
		font-size: 14px !important;
	}
	.dh-front-list2 h6 a span.list-row-subject{
		max-width: 150px;
	}
	.topmarginLay_a{
		display: none !important;
	}
}
@media (min-width: 768px) and  (max-width: 991px){

}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}

/************** MAIN program ***************/

@media screen and (min-width: 992px) {
	.main_program { 
		float: right;
		max-width: 650px;
		width: 100%;
	}
	.main_program > section { 
		max-width: 650px; 
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 991px) {
	.main_program > section { padding: 0 35px; }
}

.main_program> section> .row:nth-child(2) {
	margin-top: 10px;
}

.main_program .col-sm-6 {
	padding: 0 5px;
}

@media screen and (min-width: 768px) {
	.main_program> section> .row {
		margin: 0;
	}
/* 	.main_program .col-sm-6 {
		width: 50%;
		float: left;
		max-width: 325px;
	} */
}

.program_des {
	overflow: hidden;
	border: 1px solid #E3E3E3;
}

@media screen and (max-width: 767px) {
	.program_des {
		margin: 10px 0px;
	}
}

.program_des> .img_wrap {
	position: relative;
	min-height: 190px;
	z-index: -1
}

.program_des01> .img_wrap {
	background: url('/skin/img/main/mainProgram_1.jpg') no-repeat center / cover;
}

.program_des02> .img_wrap {
	background: url('/skin/img/main/mainProgram_2.jpg') no-repeat center / cover;
}

.program_des03> .img_wrap {
	background: url('/skin/img/main/mainProgram_3.jpg') no-repeat center / cover;
}

.program_des04> .img_wrap {
	background: url('/skin/img/main/mainProgram_4.jpg') no-repeat center / cover;
}

.program_des> .img_wrap .icon_wrap {
	bottom: -140px;
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	padding-top: 15px;
	margin: 0 auto;
}

.program_des figcaption {
	padding: 20px 0 18px;
	background: #fff;
	text-align: center;
	width: 100%;
	color: #454545;
	z-index: 99;
}
.program_des figcaption h4 {
	margin: 0;
	font-size: 21px;
	letter-spacing: -0.075em;
}
.program_btn {
	float: right;
	background: #E7213A;
	color: #fff;
	padding: 35px;
	transform: rotate(-48deg);
	position: absolute;
	right: -45px;
	top: -45px;
}

.program_btn i {
	position: relative;
	left: -28px;
	top: -5px;
	transform: rotate(48deg);
	font-size: 16px;
}

.program_btn::after {
	content: '';
	clear: both;
	display: block;
}

/* 프로그램 메뉴 호버 시 */
.program_hover_des {
	background: rgba(231, 33, 58, .85);
	color: #fff;
	padding-top: 75px;
	position: absolute;
	top: 0%;
	width: calc(100% - 12px);
	height: 100%;
	visibility: hidden;
}

.program_hover_title {
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.07em;
	margin: 0;
}

.program_hover_title::after {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #fff;
	margin: 18px auto;
}

.program_hover_des p {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 25px;
	margin: 0;
}

.program_des:hover .program_hover_des {
	visibility: visible;
}


/************ main video *************/


/* 구연동화 맛보기 */
.main_video> header {margin-bottom: 20px;}
.main_video> header> span {float: left; margin-right: 10px; padding-left: 20px; height: 78px;}
.main_video> header> h3, .main_video> header> p {text-align: left;}
.main_video> header> h3 {color: #333333; font-size: 23px; font-weight: 600; letter-spacing: -0.07em; margin: 0 0 12px;}
.main_video> header> p {margin: 0; color: #777777; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.03em;}
.main_video> header::after {content: ""; clear: both; display: block;}
.main_video .video_des {position: relative;}
.main_video .video_des .img_wrap {min-height: 214px; position: relative;}
/* .main_video .video_des01 .img_wrap {background: url('/skin/img/main/mainVideo_img_1.png') no-repeat center / contain;} */
.main_video .video_des02 .img_wrap {background: url('/skin/img/main/mainVideo_img_2.png') no-repeat center / contain;}
.main_video .video_des .img_wrap> .video_btn {position: absolute; top: 45px; right: 10px;}
.main_video .video_des .img_wrap> .video_btn img {z-index: 1000; position: relative;}
.main_video .video_des .img_wrap> .video_btn span {background: #008fd7; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; padding: 9px 16px; position: relative; left: -16px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}
.main_video .video_des .img_wrap> .video_btn span:hover {background: #fff; color: #008fd7;}
.main_video .video_des .video_title {margin: 12px 0 20px; padding: 0 0px; color: #333; font-size: 16px; font-weight: 500; letter-spacing: -0.05em;}
.main_video .video_des .video_title span {color: #fff; font-size: 15px; padding: 0px 10px; margin-right: 10px; border-radius: 20px;}
.main_video .video_des01 .video_title span {background: #f88800;}
.main_video .video_des02 .video_title span {background: #0da945;}

/* 구연동화 맛보기 반응형  */


@media screen and (min-width: 525px) and (max-width: 991px) {
	.main_video> header { max-width: 345px; width: 100%; margin: 0 auto; }
	.main_video> section { text-align: center; }
	.main_video .video_des { width: 45%; display: inline-block; }
}

@media screen and (min-width: 525px) and (max-width: 767px) {
	.main_video .video_des .img_wrap> .video_btn span { font-size: 13px; }
	.main_video .video_des .img_wrap> .video_btn { right: -20px; }
	.main_video .video_des .video_title { padding: 0px; }
}

@media screen and (min-width: 992px) {
	.main_video { max-width: 345px; width: 100%; }
}

@media screen and (max-width: 1023px) {
	.main_video {
		margin: 0 auto;
		max-width: 750px;
	}
}

/* mainBoard */
.intro-board-widget-layout {width: 100%; max-width: 100%; margin: -50px auto 0; background: #F8F8F8; padding: 60px 0 80px;}
.intro-board-widget-layout > .row { width: 100%; max-width: 1130px; margin: 0 auto; }
.intro-boardbox .page-header {padding: 20px 30px; margin: 0; border: none; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.intro-boardbox:nth-of-type(1) .page-header {background: #008fd7;}
.intro-boardbox:nth-of-type(2) .page-header {background: #544b9a;}
.intro-boardbox:nth-of-type(3) .page-header {background: #0da945;}
.intro-boardbox .page-header h3 {color: #fff; padding: 0; font-weight: 500; font-size: 24px; margin: 0;}
.intro-boardbox .page-header h3 a {background: rgba(0, 0, 0, .3); border-radius: 50%; margin-top: -6px; width: 40px; height: 40px; text-align: center; padding: 0; padding-top: 8px;}
.intro-boardbox .page-header h3 a:hover, .intro-boardbox .page-header h3 a:focus {background: #fff;}
.intro-boardbox .page-header h3 a i {font-size: 16px;}
.intro-boardbox .page-header h3 a i::before {content: "\f061"; color: #fff;}
.intro-boardbox:nth-of-type(1) .page-header h3 a:hover i::before {
	color: #008fd7;
}

.intro-boardbox:nth-of-type(2) .page-header h3 a:hover i::before {
	color: #544b9a;
}

.intro-boardbox:nth-of-type(3) .page-header h3 a:hover i::before {
	color: #0da945;
}
@media screen and (min-width: 992px) {
	.intro-boardbox { width: 100%; }  
}
@media screen and (max-width: 991px) {
	.intro-board-widget-layout {padding: 40px 0 80px;}
	.intro-boardbox {margin: 0 0 25px; }
}
.dh-front-list2 h6 {margin: 0; line-height: 32px;}
.dh-front-list2 h6::before {display: inline-block; content: ''; width: 8px; height: 2px; position: absolute; top: 16px; left: 8px;}
.intro-boardbox:nth-of-type(1) .dh-front-list2 h6::before {background: #008fd7;}
.intro-boardbox:nth-of-type(2) .dh-front-list2 h6::before {background: #544b9a;}
.intro-boardbox:nth-of-type(3) .dh-front-list2 h6::before {background: #0da945;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span {color: #555555; font-size: 16px; font-weight: 300; letter-spacing: -0.05em;} 
.dh-front-list2 h6 a span.row-separator, .dh-front-list2 h6 small, .dh-front-list2 h5, .dh-front-list2 h5 a, .dh-front-list2 h5 p, .dh-front-list2 h5 span {display: none;}
.dh-front-list2 h6 a span.list-row-subject {float: left; text-overflow: ellipsis; overflow: hidden; max-width: 800px; white-space: nowrap;}
.dh-front-list2 h6 a span.list-row-regdate {color: #999999; font-size: 13px; float: right}
.dh-front-list2  .front-panel > .panel {border: none; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 5px 0px #D7D7D7; margin: 0;}
.dh-front-list2  .panel-body {padding: 25px 20px; min-height: 242px;}
.dh-front-list2-words {margin: 0; padding: 0 15px 0 25px; position: relative;}
.dh-front-list2-words:first-child {margin: 0;}

@media screen and (max-width: 991px) {
	.dh-front-list2 h6 a span.list-row-subject{
		max-width: 200px;
	}
}

/* footer */
.footer-social-layout {display: none;}
.footer_copy {padding: 0; margin: 0;}
.footer_copy > .text-center {padding: 0;}
footer {padding: 0; overflow: hidden; font-size: 13px; border-top: 1px solid #e8e8e8; background: #dcdcdc;}
footer .link-wrap {background: #fff;}
.footer-wrap, footer .link {max-width: 1170px; margin: 0 auto; text-align: left; overflow: hidden;}
.footer_bottom {padding: 30px 0px 50px;}
footer + br {display: none;}
.footer-logo, .footer-list {float: left; font-size: 13px;}
.footer-logo {margin-right: 50px; margin-bottom: 20px;}
.footer-list ul {overflow:hidden; padding:0; margin-bottom: 20px;}
.footer-list ul li {float: left; list-style: none;}
footer .link {overflow: hidden; padding: 15px 0px;}
footer .link li {float: left; list-style: none;}
footer .link li a {color: #555555; font-size: 15px; letter-spacing: -0.03em;}
footer .link li a::after {content: ''; display: inline-block; background: #d2d2d2; height: 12px; width: 1px; margin: 0 20px;}
footer .link li:last-child a::after {background: #fff;}
footer .link li a:hover, .footer-list .link li a:focus {color: #333;}
.footer-list .info li {color: #6b6b6b; font-size: 14px; letter-spacing: -0.03em; margin-right: 40px; line-height: 2;}
.footer-list .info .company_name {color: #555555 !important; font-weight: 500;}
@media screen and (max-width: 767px) {
	footer .link {padding: 15px;}
	footer .link li a::after {margin: 0 10px;}
	.footer_bottom {padding: 30px 15px 50px;}
	.footer-list .info li {font-size: 13px; line-height: 1.5; word-break: keep-all;}
}

/*=======================SUB CUSTOM ========================*/
.sub-layout {padding: 0; margin: 0; width: 100%;}
.sub_content > .container > article {margin-bottom: 35px;}

/* Subtop */
main.sub_1 #sub_top { background: url('/skin/img/sub/subTop1.jpg') no-repeat center / cover; height: 200px; }
main.sub_2 #sub_top { background: url('/skin/img/sub/subTop2.jpg') no-repeat center / cover; height: 200px; }
main.sub_3 #sub_top { background: url('/skin/img/sub/subTop3.jpg') no-repeat center / cover; height: 200px; }
main.sub_4 #sub_top { background: url('/skin/img/sub/subTop4.jpg') no-repeat center / cover; height: 200px; }
#sub_top .container { padding: 0; }
@media screen and (max-width: 767px) {
	#sub_top .container { padding: 0 15px; }
}
#sub_top nav {margin-top: 30px;}
#sub_top nav .breadcrumb {background: none; padding: 0; margin: 0 0 30px; font-size: 13px;}
#sub_top nav .breadcrumb > li > a {color: #80878c; letter-spacing: -0.03em;}
#sub_top nav .breadcrumb > li.active {font-weight: bold;}
#sub_top nav .breadcrumb>li+li:before {padding: 0 10px; font-family: FontAweSome; content: "\f0da"; color: #e6213a; font-size: 12px; font-weight: 400;}
#sub_top h2 {margin: 0 0 10px; color: #344048; font-size: 32px; font-weight: 600; letter-spacing: -0.05em;}
#sub_top p {margin: 0; color: #636a6f; font-size: 19px; letter-spacing: -0.07em; word-break: keep-all;}

@media (max-width: 767px){
	#sub1_1 .sub_sect01 .sub_cont_title{
		font-size: 26px !important;
	}
	#sub1_1 .sub_sect01 .sub_cont_title span.ud01::after, #sub1_1 .sub_sect01 .sub_cont_title span.ud02::after{
		bottom: 0px !important;
	}
	.apply_contact{
		float: none !important;
	}
	.apply_contact > a{
		display: block!important;
		width: 237px!important;
		padding: 8px 55px !important;
		margin: 20px auto !important;
	}
	.bbs-blog-view-layout + .row{
		margin: 0;
	}
	main.sub_3 #sub_top{
		height: 180px;
	}
	#sub_top h2{
		font-size: 28px;
	}
	#sub_top p{
		font-size: 15px;
	}
	.sub_3 .sub_program_title{
		font-size: 24px;
	}
	.sub_3 .sub_program_title + p{
		font-size: 15px !important;
	}
	#sub3_1 .sub_sect02 .text-center h3{
		font-size: 22px !important;
	}
	ul.features li{
		width: 100% !important;
		float: none !important;
		margin: 8px auto;
	}
}
@media (min-width: 768px) and  (max-width: 991px){
	#sub1_1 .sub_sect01 .sub_cont_title{
		font-size: 28px !important;
		margin-bottom: 10px !important;
	}
	ul.features li{
		width: 50% !important;
	}
}
@media (min-width: 992px) and  (max-width: 1199px){
	#sub1_1 .sub_sect01 .sub_cont_title{
		font-size: 36px !important;
		margin: 20px 0 10px !important;
	}
}
@media (min-width: 1200px){

}

/*sub content */
/* #sub_content > .container { padding: 0; } */
/* #sub_top .container { padding: 0; } */
@media screen and (max-width: 767px) {
	#sub_content > .container { padding: 0 15px; }
}
.sub_cont_title {color: #333333; font-size: 25px; font-weight: 600; letter-spacing: -0.05em; margin: 0 0 30px;}
#sub_content > .container > section, #sub_content > .container > article { padding-top: 50px; }
#sub_content > .container > section:last-child, #sub_content > .container > article:last-child { padding-bottom: 80px; }


/* sub 1_1 */
#sub1_1 .sub_sect01 { border-bottom: 1px solid #D1D1D1; }
#sub1_1 .sub_sect01 .sub_cont_title {font-size: 48px; font-weight: 400; line-height: 1.2; margin: 20px 0 40px;}
#sub1_1 .sub_sect01 .sub_cont_title span.ud01 {color: #E6213A; font-weight: 500; letter-spacing: -0.07em; position: relative;}
#sub1_1 .sub_sect01 .sub_cont_title span.ud01::after {content: ''; display: block; width: 100%; height: 3px; position: absolute; bottom: 7px; left: 0; background: #e95990;}
#sub1_1 .sub_sect01 .sub_cont_title span.ud02 {font-weight: 500; margin: 0 -6px; position: relative;}
#sub1_1 .sub_sect01 .sub_cont_title span.ud02::after {content: ''; display: block; width: 100%; height: 3px; position: absolute; bottom: 7px; left: 0; background: #333;}
#sub1_1 .sub_sect01 .small_title {color: #333; letter-spacing: -0.03em; margin: 0 0 15px;}
#sub1_1 .sub_sect01 p {color: #555; letter-spacing: -0.03em; line-height: 1.8; margin: 0 0 40px; padding: 20px 30px; background: #f7f7f7;}
#sub1_1 .sub_sect02 .sub_cont_title::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #E3243D; position: relative; top: -20px; margin-right: 3px;}
#sub1_1 .sub_sect02 .greeting_des p {color: #666; letter-spacing: -0.03em; line-height: 1.8; margin: 0; padding: 0 15px;}

/* sub 1_2 */
#sub1_2 #sub_content > .container > section:last-child, #sub1_2 #sub_content > .container > article:last-child {padding: 50px 0 0;}

/* sub 1_3 */
/*
#sub1_3 .sub_sect01 figure {padding: 30px 0; border: 3px solid #dedede; margin: 10px 0px;}
#sub1_3 .sub_sect01 figure p {color: #333333; font-size: 15px; font-weight: 400; letter-spacing: -0.01em; margin: 10px 0 0;}
#sub1_3 .sub_cont_title::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #E3243D; position: relative; top: -20px; margin-right: 3px;}
*/
main.center #sub_top h2 > .num {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
main.center .sub_sect02 iframe { margin-bottom: 30px; }
main.center.sub_sect02 h4 {
    color: #303030;
    font-size: 18px;
	letter-spacing: -0.05em;}
main.center .location_des {padding: 0; margin: 0 0 15px;}
main.center .location_des li {color: #666;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.8;
    position: relative;
    padding-left: 15px;}
main.center .location_des li::before {content: ''; position: absolute; background: #ccc; width: 5px; height: 5px; left: 2px; top: 10px;}
main.center #sub_content img {
    margin-bottom: 30px;
}


/* sub 2_1 */
#sub2_1 .sub_cont_title::before { 
	content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E3243D;
    position: relative;
    top: -20px;
    margin-right: 3px;
}
#sub2_1 .apply_order {
    padding: 0;
    margin: 0 0 30px;
}
#sub2_1 .apply_order li {
    color: #333;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 28px;
    padding-left: 18px;
    position: relative;
}
#sub2_1 .apply_order > li::before {
    content: '';
    width: 8px;
    height: 2px;
    background: #E2233C;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 0;
}
#sub2_1 .sub_art01 .program_des figcaption h4 {font-size: 19px; font-weight: 400;}
#sub2_1 .sub_art02 > .sect01 {border-bottom: 1px solid #dedede;}
.apply_contact { 
    float: right;
    position: relative;
    top: 0;
    padding-right: 15px;
}
.apply_contact > * { display: inline-block; }
.apply_contact > p {
    color: #777777;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    letter-spacing: -0.03em;
}
.apply_contact > p strong {color: #222;
    font-size: 16px;
    font-weight: 500;}
.apply_contact > a {
    display: inline-block;
    padding: 8px 60px;
    margin-top: 20px;
    margin-left: 30px;
    border: 3px solid #e6213a !important;
    border-radius: 50px;
    background: #fff;
    color: #e6213a;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.apply_contact > a:hover {background: #e6213a; color: #fff;}
.apply_contact > a i {padding-left: 8px;}

/* sub 2_2 */
#sub2_2 .sub_sect01 .sub_cont_title::before { 
	content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E3243D;
    position: relative;
    top: -20px;
    margin-right: 3px;
}

/* sub_3 */
.sub_3 .sub_sect01 {border-bottom: 1px solid #7f7f7f; position: relative;}
.sub_3 .sub_sect01::before {content: url('/skin/img/sub/sub3_title_left.png'); position: absolute; left: 27%; top: 50px;}
.sub_3 .sub_sect01::after {content: url('/skin/img/sub/sub3_title_right.png'); position: absolute; right: 27%; top: 50px;}
@media screen and (max-width: 991px) {
	.sub_3 .sub_sect01::before {left: 20%;}
	.sub_3 .sub_sect01::after { right: 20%; }
}
@media screen and (max-width: 767px) {
	.sub_3 .sub_sect01::before {left: 3%;}
	.sub_3 .sub_sect01::after { right: 3%; }
}
.sub_3 .sub_program_title {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.06em;
    line-height: 36px;
    margin: 15px 0 30px;
}
.sub_3 .sub_program_title span {
    color: #222;
    font-weight: 600;
}
.sub_3 .sub_program_title + p {
    color: #666666;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 30px;
    word-break: keep-all;
    margin: 0 0 40px;
}
.sub_3 .sub_program_des {
    margin: 0;
    border: 1px solid #dedede;
    padding: 30px 15px 0;
    text-align: center;
    min-height: 300px;
}
@media screen and (max-width: 991px) {
	.sub_3 .sub_program_des {
		margin: 10px 0px;
	}
}
.sub_3 .sub_program_des img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-bottom: 25px;
}
.sub_3 .small_title {color: #000000;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1;
    margin: 0 0 20px;}
.sub_3 .small_title span {color: #e6213a;
    font-weight: 600;}
.sub_3 .sub_program_des figcaption p {color: #555;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 26px;
    margin: 0;}
.sub_3 .sub_program_des figcaption p strong {color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 22px; margin: 0 0 15px;
    display: block;}
.sub_3 .sub_sect02 {padding: 40px 0 0;}
.sub_3 .sub_sect03 {border-top: 1px solid #e5e5e5;
    margin: 40px 0 0;
    padding: 0 0 80px !important;
    display: inline-block;
    width: 100%;}
.sub_3 .sub_sect03 .apply_contact {padding: 0;}

/*=====----- 게시판 설정 -----=====*/
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {width: 100%; max-width: 1170px; margin: 0 auto; padding: 50px 0;}
.bbs-list-index-layout .subPage .right_contents, .bbs-list-view-layout .subPage .right_contents, .bbs-list-edit-layout .subPage .right_contents {width: 100%; padding: 0;}
/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f8f8f8; vertical-align: middle; border-bottom: 1px dotted #bdbdbd; font-size: 15px; font-weight: 600; color: #333; letter-spacing: -0.03em;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover {border-top: 2px solid #2d2d2d; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-margin-top{margin-top: 40px; display: inline-block;}
/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b {border: none; background-color: #fff; width: 25%; margin: 0 0 20px; padding: 0 10px;}
.bbs-blog2-index-layout .dhb-txt-box-type-b > div {margin: 0; padding: 0; border: 1px solid #e5e5e5;}
.dhb-txt-box-type-b-img-layout {padding: 0;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {border: none; min-height: 200px; max-height: 200px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dhb-txt-box-type-b-text-layout h4{font-size: 14px; margin: 15px 0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer{margin-top: 0; float: none; text-align: left; display: none;}
.txt-box-footer em {display: none;}
.txt-box-footer em > span.regdate{font-style: normal; color: #666; font-size: 13px;}
.txt-box-footer em > span:last-child{display: none;}
.txt-box-footer small.hits{display: none;}
@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {width: 100%; margin: 10px 0 20px;}
}
/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label-danger{color: #d83d0f;}
.label-primary{color: #d83d0f;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #d83d0f; border: 1px solid #d83d0f !important;}
.pagination > li > a, .pagination > li > span {color: #9D8478; border: 1px solid #fff !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}
/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 23px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;}
.dh-view-box > .row > .dh-view-info > span {padding: 0 15px 0 0;}
.dh-view-box > .row > .dh-view-info > span > strong {color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 100px;}
@media screen and (max-width: 991px) {
	.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 60px 15px;}
	#mod_type_formForm{padding: 40px 0;}
}
@media screen and (max-width: 767px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 40px 15px;}
}
/* 게시판 설정 끝 */


/* 주문폼 (교육상담) */
#sub1_2 .order_manual_list {padding: 0; margin: 0 0 40px;}
#sub1_2 .order_manual_list li {
    color: #333;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 28px;
    padding-left: 18px;
    position: relative;
	word-break: keep-all;
}
#sub1_2 .order_manual_list > li::before {
    content: '';
    width: 8px;
    height: 2px;
    background: #E2233C;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 0;
}

#sub1_2 .sub_sect01 {
	padding: 50px 0px 0px;
}

#mod_type_formForm { padding-top: 0; }

#mod_type_formForm .q_number {
    width: 33.333%;
    margin: 0 0 15px 0;
}

#mod_type_formForm .q_number:after{
	content: "";
	clear: both;
	display: block;
}

#mod_type_formForm .q_number:nth-child(10),
#mod_type_formForm .q_number:nth-child(11){
	width: 100%;
}

#mod_type_formForm .q_number div h3{
	margin: 0 0 10px !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
	color: #777777;
}

#mod_type_formForm .q_number input {
    margin: 0 !important;
    padding: 20px 0px;
    background: #f6f3f3;
    border: 1px solid #e4e3e3;
    border-radius: 0;
    box-shadow: none;
    text-indent: 15px;
}

#mod_type_formForm .q_number input:focus{
	border-color: #d83d0f;
}

#mod_type_formForm .q_number i { display: none; }

#mod_type_formForm .q_number textarea,
#mod_type_formForm .q_number textarea:hover,
#mod_type_formForm .q_number textarea:focus{
	background: #f6f3f3;
	border-radius: 0;
	border-color: #e4e3e3;
}

#mod_type_formForm .q_number textarea:focus{
	border-color: #d83d0f;
	box-shadow: none;
}

#mod_type_formForm .btn-wrap{
	margin-top: 0 !important;
}

#mod_type_formForm button.btn-lg{
	float: none !important;
    background: #e6213a;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.03em;
    border: none !important;
    border-radius: 50px;
	padding: 15px 50px;
}

#mod_type_formForm > div:nth-child(11) > div:nth-child(1){
	float: right;
    width: 80%;
}
#mod_type_formForm > div:nth-child(11) > div:nth-child(2){
	display: none;
}
#mod_type_formForm > div:nth-child(11) > div:nth-child(3){
	float: left;
	width: 20%;
	text-align: right;
}
#mod_type_formForm > div:nth-child(11) > div:nth-child(1) h3{
	font-size: 13px;
    color: #666;
    font-weight: 400;
    margin: 0;
}
#mod_type_formForm > div .checkbox label{
	padding: 0;
}
#mod_type_formForm > div .checkbox input{
	position: static;
}
#mod_type_formForm > div .checkbox label:last-child{
	display: none;
}

.mail_info p{
	margin: 20px 0 70px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #333;
}

/* #mod_type_formForm .q_2, #mod_type_formForm .q_3 {float: left;}
#mod_type_formForm .q_3 { padding-left: 20px; }
#mod_type_formForm center { clear: both; }
#mod_type_formForm .q_9 {
    display: block;
    width: 100%;
    float: none;
    padding: 40px 0px;
    margin: 0 0 40px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #e5e5e5;
}

#mod_type_formForm .q_9 > .col-sm-12:nth-of-type(1) { 
	padding: 0;
}
#mod_type_formForm .q_9 > .col-sm-12:nth-of-type(2) {
    margin-top: 25px;
    padding: 0 0 0 5px;
    color: #444444;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 30px;
}

#mod_type_formForm .section02 .q_number .col-sm-12:nth-of-type(1) {
	width: 25%;
	padding: 0;
}
#mod_type_formForm .section02 .q_number .col-sm-12:nth-of-type(2) {
	width: 75%;
	padding-left: 0;
}
#mod_type_formForm .q_number input {
    margin: 0 !important;
    padding: 20px 0px;
    background: #f6f3f3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-indent: 15px;
}
#mod_type_formForm .q_number i { display: none; }
#mod_type_formForm .section02 {padding: 0 0 30px;
    margin: 0 0 10px;
    border-bottom: 1px solid #7f7f7f;}
#mod_type_formForm .section02 .q_number div h3 {
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    display: inline-block !important;
    margin: 10px 0 0;
}
#mod_type_formForm center .save {
    margin-top: 20px;
    background: #e6213a;
    border: none;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-shadow: none;
    border: none !important;
    border-radius: 50px;
    padding: 15px 50px;
} */

/* 주문폼 반응형 */
@media screen and (max-width: 767px) {
	/* #mod_type_formForm .section02 .q_number { width: 100%; float: none !important; }
	#mod_type_formForm .section02 .q_number .col-sm-12 { width: 100% !important; } */
	#mod_type_formForm .q_number{
		width: 100%;
	}
	#mod_type_formForm > div:nth-child(11) > div:nth-child(1){
		width: 90%;
	}
	#mod_type_formForm > div:nth-child(11) > div:nth-child(3){
		padding: 0;
		width: 10%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#mod_type_formForm .section02 .q_number { width: 50%; }
}


/* 회원가입 */
.login-layout, .id-find-layout, .pw-find-layout {background: #f7f7f7; min-height: 700px;}
.login-layout .inner-box-wrapper, .id-find-layout .inner-box-wrapper, .pw-find-layout .inner-box-wrapper {width: 100%; max-width: 1170px; margin: 0 auto; padding: 100px 0 0;}
.login-layout .inner-box-wrapper, .id-find-layout .inner-box-wrapper, .pw-find-layout {margin-top: -20px;}
.join-agree-layout, .join-layout {width: 1170px; margin: 0 auto 70px;}
.join-agree-layout .panel, .join-layout .panel {border: 1px solid #dedede; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0;}
.join-agree-layout .panel-heading, .join-layout .panel-heading {background-image: none !important; background-color: #f7f7f7 !important;}
.join-agree-layout .btn-primary, .join-layout .btn-primary {background-color: #e6213a !important;border: 0px; border-radius: 0;}
@media screen and (max-width: 991px) {
    .login-layout, .id-find-layout, .pw-find-layout {width: 100%; margin: 0;}
}
/* 로그인 / 아이디, 비밀번호 찾기 */
.login-layout .panel, .id-find-layout .panel, .pw-find-layout .panel {border-radius: 8px; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); min-height: 440px; margin: 0; padding: 50px 30px 80px;}
.login-layout .panel-body h2, .id-find-layout .panel-body h2, .pw-find-layout .panel-body h2 {margin: 0; color: #454545; font-size: 28px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p, .id-find-layout .inner-box-msg p, .pw-find-layout .inner-box-msg p {font-size: 13px; color: #666; margin: 0;}
.login-layout .inner-box-form form label, .id-find-layout .inner-box-form form label, .pw-find-layout .inner-box-form form label {font-size: 14px;}
.login-layout .inner-box-form form label.error, .id-find-layout .inner-box-form form label.error, .pw-find-layout .inner-box-form form label.error {font-weight: 400; color: #e6213a; font-size: 12px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning, .id-find-layout .btn-warning, .pw-find-layout .btn-warning {background-image: none; background-color: #2a2a2a; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover, .id-find-layout .btn-warning:focus, .id-find-layout .btn-warning:hover, .pw-find-layout .btn-warning:focus, .pw-find-layout .btn-warning:hover {background: #e6213a;}
.login-layout form > div > p > a {display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover {color: #303030;}
.login-layout form > div > p > a:after {content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after {content: "";}
.id-find-layout .panel-body, .pw-find-layout .panel-body {margin-top: 40px;}

/* 2017-04-13 MOMSPLANET Custom */
.navbar-inverse .navbar-right > li > a > img {
	max-width: 230px;
	margin-top: -12px;
}

@media screen and (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a {
		margin: 0 0 4px;
	}
}

#mailForm {
	padding-top: 0;
}

#mailForm .form-group > label {
	color: #777777;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    display: inline-block !important;
    margin: 10px 0 0;
}

#mailForm input[type="text"], #mailForm input[type="email"], #mailForm textarea {
    margin: 0 !important;
    padding: 20px 0px;
    background: #f6f3f3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-indent: 15px;
}

#mailForm input[type="submit"] {
	margin-top: 20px;
    background: #e6213a;
    border: none;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-shadow: none;
    border: none !important;
    border-radius: 50px;
    padding: 15px 50px;
	width: auto;
	margin: 0 auto;
}

.dh-view-box > .row {
	padding-left: 15px;
	padding-right: 15px;
}

.text-bbs2 .dh-board .table-hover .regdate,
.text-bbs2 .dh-board .table-hover .writer,
.text-bbs2 .dh-board .table-hover .hits,
.text-bbs2 .dh-board .table-hover > thead,
.text-bbs2 .dh-view-box .dh-view-info,
.text-bbs2 .dh-view-box .dh-attach {
	display: none;
}

.intro-board-widget-layout > .row > .intro-boardbox:nth-child(2) .list-row-regdate {
	display: none;
}

.intro-board-widget-layout > .row > .intro-boardbox:nth-child(2) .dh-front-list2 h6 a span.list-row-subject {
	max-width: none;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.col-sm-2.col-sm-20 {
		width: 20% !important;
		padding-left:0; padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.col-sm-2.col-sm-20 {
		padding-left:0; padding-right: 0;
		margin-bottom: 5px;
	}
	main.center #sub_top h2 > .num {
		font-size: 22px;
	}
}

.sub_sect02 .inner {
	margin-bottom: 15px;
}

.sub_sect02 .inner .big h4 {
	background-color: #E6213A;
	padding: 25px 15px;
	text-align: center;
	color: #FFF;
	margin: 0;
	font-size: 20px;
	letter-spacing: 0.03em;
}

.sub_sect02 .inner .big i.fa {
	margin-bottom: 10px;
}

.sub_sect02 .inner .big h4 small {
	font-size: 80%;
	color: #FFF;
	opacity: .72;
}

.sub_sect02 .inner .small {
	padding: 15px 15px;
	background-color: #F3F3F3;
	text-align: center;
	font-size: 15px;
	min-height: 110px;
	color: #555;
}


.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dhb-txt-box-type-b-img-layout .dhb-thumb {
	visibility: hidden;
	opacity: 0;
}

.register_step {
	margin-bottom: 25px;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.register_step > .col-sm-4 {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #FAFAFA;
	color: #555;
}

.register_step > .col-sm-4:nth-child(1),
.register_step > .col-sm-4:nth-child(3) {
	background-color: #E6213A;
	color: #FFF;
}

.register_step > .col-sm-4 .step_num {
	opacity: .8;
	display: block;
}

.register_step > .col-sm-4 .step_des {
	font-size: 18px;
	display: block;
}

@media screen and (min-width: 992px) {
	.register_step > .col-sm-4 {
		padding-left: 35px;
		padding-right: 35px;
	}
}

@media screen and (min-width: 768px) {
	.register_step > .col-sm-4:nth-child(1)::after,
	.register_step > .col-sm-4:nth-child(2)::after {
		content: '';
		position: absolute;
		right: -15px;
		top: 27px;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #fafafa;
		clear: both;
		z-index: 9995;
	}

	.register_step > .col-sm-4:nth-child(1)::after {
		border-left: 20px solid #E6213A;
	}
}

.curr-wrap {
	max-width: 900px;
	margin: 60px auto 0;
}

.curr-list {
	margin-bottom: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
}

.curr-list .col-sm-3 {
	background-color: #E6213A;
	color: #FFF;
	padding: 25px;
	font-weight: bold;
}

.curr-wrap > .col-xs-12 > .curr-list:nth-child(1) .col-sm-3 { background-color: #BED35A; color: #555; }
.curr-wrap > .col-xs-12 > .curr-list:nth-child(2) .col-sm-3 { background-color: #37A9B0; color: #FFF; }
.curr-wrap > .col-xs-12 > .curr-list:nth-child(3) .col-sm-3 { background-color: #FDBD48; color: #555; }
.curr-wrap > .col-xs-12 > .curr-list:nth-child(4) .col-sm-3 { background-color: #2584C0; color: #FFF; }
.curr-wrap > .col-xs-12 > .curr-list:nth-child(5) .col-sm-3 { background-color: #9D6BAD; color: #FFF; }

@media screen and (min-width: 768px) {
	.curr-list .col-sm-3::after {
		content: '';
		position: absolute;
		right: 0px;
		top: 27px;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 20px solid #FAFAFA;
		clear: both;
		z-index: 9995;
	}
}

.curr-list .col-sm-9 {
	background-color: #FAFAFA;
	padding: 35px;
}

@media screen and (min-width: 768px) {
	.curr-list .col-sm-3 {
		width: 250px !important;
	}
	
	.curr-list .col-sm-9 {
		width: calc(100% - 250px) !important;
	}
}

.sub_2 .sub_sect01 .sub_program_title {
	color: #222;
    font-weight: 600;
	margin-bottom: 25px;
}

ul.features { padding: 0 0 0 20px; max-width: 900px; display: inline-block; }
ul.features li {
	list-style: square;
	font-size: 17px;
	color: #555;
	line-height: 30px;
	text-align: left;
}

#member-i h4 {
	margin-top: 50px;
	font-size: 24px;
	margin-bottom: 50px;
}

#member-i label {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	text-align: center;
}

#member-i label > small {
	font-size: 14px;
}