/* ==========================================================================
   0. Header
   1. Paging
   2. widget 
   3. Comment 
   4. End Comment
   5. Nav CSS
   6. IE8
   ========================================================================== */
.btn { border-radius : 0}
.btn-lg {font-size:18px; font-weight:600; padding:15px 20px;}

.btn-primary {
	color: #fff;
	background-color: #756A30;
	border-color: #79568c;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
	color: #fff;
	background-color: #594F23;
    border-color: #5c3d6d;
}  
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #69437d;
    border-color: #562d6b;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #69437d;
    border-color: #562d6b;
}

.btn-success {
	color: #fff;
	background-color: #58336c;
	border-color: #58336c;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus{
	color: #fff;
	background-color: #e60962;
    border-color: #e60962;
}  
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 11px;
	line-height: 1.3;
	border-radius: 3px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #8b669e;
    border-color: #69437d;
}
/*-------------------------------------------------------------------------------------------------------------
 * 0. Header
 -------------------------------------------------------------------------------------------------------------*/
a, a:hover{color:inherit;}
.hidden-sidebar-container{
    float:right;
    right:0px;
    visibility:hidden;
    overflow-y:hidden;
    height:100%;
    min-height:100%;
}

.right_side_menu_opened .wrap{
    left:-250px;
}

.wrap{
    -webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -ms-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    left:0px;
    position:relative;
}

.main.right{
    float:right;
}

@media (max-width: 768px) {
    .main.right{
        float:none;
    }
}


.entry-content img{ width:100%;height:auto;}


/*-------------------------------------------------------------------------------------------------------------
 * 1. Paging
 -------------------------------------------------------------------------------------------------------------*/
.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 50px;
    position: relative
}

.pagination ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.pagination ul li {
    float: left;
    padding: 0;
    margin: 0;
    line-height: 35px
}

.pagination ul li span,.pagination ul li a {
    display: block;
    line-height: 35px;
    width: 35px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 5px 0 0;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f6f6f6;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.pagination ul li a {
    color: #888
}

.pagination ul li span,.pagination ul li a:hover {
    color: #fff;
    background-color: #eb005d
}

.pagination ul li.prev a,.pagination ul li.first a,.pagination ul li.next a,.pagination ul li.last a {
    width: 35px;
    line-height: 35px;
    margin: 0
}

.pagination ul li.prev a,.pagination ul li.first a {
    position: absolute;
    left: 0
}

.pagination ul li.prev.prev_first a {
    left: 40px
}

.pagination ul li.next a,.pagination ul li.last a {
    position: absolute;
    right: 0
}

.pagination ul li.next.next_last a {
    right: 40px
}

.pagination ul li.next a i,.pagination ul li.prev a i,.pagination ul li.last a i,.pagination ul li.first a i {
    font-size: 22px;
    line-height: 35px;
    color: #888;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.pagination ul li.next a:hover i,.pagination ul li.prev a:hover i,.pagination ul li.last a:hover i,.pagination ul li.first a:hover i {
    color: #fff
}

.main{padding-top:40px;padding-bottom:40px;}
.home.page .main{padding-top:0px;padding-bottom:0px;}

/* 비주얼 타이틀 */
.page-header-bg{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.page-header-bg .header-title {font-size:56px; font-weight:600; letter-spacing:-3px;}
.page-header-bg .header-title span {font-size:38px;font-weight:300;}


/*section-title*/
.section-title{background-image: none !important; background-color: #7D5943 !important; /*메인슬라이드 배경색*/ }
.section-title .container{position: relative;padding:0;}
.section-title #gif-img-wrap{position: absolute; right: 0; top: 0; width: 460px; height: 296px;background-position: right top; background-repeat: no-repeat;}
#gif-img-wrap{background-image: url(../images/sub01.gif); }
#gif-img-wrap.bg-id-132{background-image: url(../images/sub02.gif); }
#gif-img-wrap.bg-id-8{background-image: url(../images/sub03.gif); }
#gif-img-wrap.bg-id-75{background-image: url(../images/sub04.gif); }

.page-id-216 #gif-img-wrap {background-image: url(../images/sub02.gif);}
.page-id-637 #gif-img-wrap {background-image: url(../images/sub02.gif);}

.section-title .header-title-outer{
    display:table;
    min-height:140px;
}
.section-title.no-bg .header-title-outer{
    border-bottom:1px solid #eee;
}
.section-title .header-title-inner{
    display:table-cell;
    min-height:140px;
    vertical-align: middle;
}
.section-title .header-title{
    color:#333;
}

.single-post .header-title{
    margin-top:0px;
    font-size:28px;
}
    
.page-header-bg .header-title{
    color: #fff;
}
#top_navigation {
    padding-left:0px;
}
@media (max-width: 768px) {
    #mainpage-firstvisual img{ max-width:300px;}
}
@media (max-width: 600px) {
    #mainpage-firstvisual img{ max-width:250px;}
}

@media (max-width: 782px) {
    body.admin-bar .header-outer{ top:0px;}   
}


/*-------------------------------------------------------------------------------------------------------------
 * 2. widget 
 -------------------------------------------------------------------------------------------------------------*/
.sidebar{
    padding-top:40px;
}
.sidebar .widget h3{
    font-size:25px;
}

.sidebar .widget > ul{
    border-top:3px solid #333;
}
.sidebar .widget ul li{
    width:100%;
    position:relative;
}
.sidebar .widget ul li a{
    padding: 10px 5px;
    width:100%;
    display:block;
    border-bottom:1px solid #ddd;
}


.sidebar .widget .sub-menu > li{
    list-style:disc;
    list-style-position:inside;
}

.sidebar .widget ul ul a{
    padding-left:25px;
}


/*-------------------------------------------------------------------------------------------------------------
 * 3. Comment 
 -------------------------------------------------------------------------------------------------------------*/
#comments {
    padding-top:90px;
    padding-bottom:30px;
}
#comments h3{
    font-family: 'Open Sans', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    line-height:60px;
    border-bottom:1px solid #d4d4d4; 
}

#comments .media-list {
    margin-top:12px;
}

#comments .media-list li{
    padding: 20px 0;
    border-bottom:1px solid #d4d4d4; 
}

#comments .media{
    margin-top:0px;
}
#comments .media-list li .comment-entry, #comments .media-list li .comment-entry a, #comments .media-list li .comment-entry a:hover, #comments .media-list li .comment-entry a:focus, #comments .media-list li .comment-entry a:active{
    font-size:13px;
    font-family: 'Open Sans', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif;
    color:#999;
}
#comments .media-list li .comment-content{
    font-size:14px;
    font-family: 'Open Sans', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif;
    color:#666;
    line-height:24px;
}

#comments .comment-reply-link{
    background-color:#868686;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 6px;
    display:inline-block;
    margin-left:5px;
}
#comments .media-list li .comment-entry .comment-reply-link, 
#comments .media-list li .comment-entry a.comment-reply-link, 
#comments .media-list li .comment-entry a.comment-reply-link:hover, 
#comments .media-list li .comment-entry a.comment-reply-link:active, 
#comments .media-list li .comment-entry a.comment-reply-link:focus{
    color:#fff;
}
#reply-title a,#reply-title a:hover, #reply-title a:active, #reply-title a:focus{
    color:#333;
}


/*-------------------------------------------------------------------------------------------------------------
 * 4. End Comment
 -------------------------------------------------------------------------------------------------------------*/
.content-inner{
    padding-top:200px;
}

.content-inner .main{
    padding-right: 70px;
    padding-bottom: 70px;
}

.content-inner .page-title{
    margin-top:0px;
    font-size:30px;
    font-weight:bold;
    padding-bottom:30px;
    color:#0f0f0f;
}

.load-more{
    display:inline-block;
    margin-top:40px;
}
.load-more .button{
    display:block;
    font-size:15px;
    font-weight:bold;
    padding: 13px 40px;
    line-height: 15px;
    border:2px solid #3d3d3d;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.load-more, .load-more a, .load-more a:hover, .load-more a:focus, .load-more a:active{
    color: #3d3d3d;
}

.post-list.isotope article.hentry{
    border-bottom:none;
    margin-top:0px;
    padding-bottom:20px;
}
.post-list.isotope article.hentry .post-inner{
    padding: 15px;
    border:1px solid #ddd;
    background-color:#fff;
}
.post-list.isotope article.hentry .post-image img{
    width:100%;
    height:auto;
}
.post-list.isotope article.hentry .entry-title{
    color:#333;
    margin-bottom:5px;
}

.post-list.isotope article.hentry .post-entry{
    color:#999;
    font-size:12px;    
}

.post-list.isotope article.hentry .post-footer{
    margin-left:-15px;
    margin-right:-15px;
    padding: 15px 15px 0px;
    border-top:1px solid #ddd;
}
.post-list.isotope article.hentry .entry-date{
    font-family: "돋음", 'dotum', sans-serif;
    color:#999;
    font-size:12px;
}

.post-list.isotope article.hentry .post-excerpt{
    padding-bottom:15px;
    margin-top:15px;
}



/*-------------------------------------------------------------------------------------------------------------
 * 5. Nav CSS
 -------------------------------------------------------------------------------------------------------------*/

 
/*---------------------------------
 * 2. 네비게이션
 ---------------------------------*/

 .nav-main .dropdown-menu > li > a{
    font-size:12px;
    padding:12px;
}

.nav-main .dropdown-menu > li > a{
    border-bottom:1px solid #343434;
}

.nav-main ul.dropdown-menu{
    padding:0px;
    border-radius:0px;
    border-right:0px;
}

/* 최상단 - 로그인 */
nav.submenu_menu{
    font-size:12px;
    float:right;
}
nav.submenu_menu ul{
    display:table;
    margin-bottom:0px;
    height:35px;
    border-right:1px solid #e0e0e0;
}
nav.submenu_menu ul li{
    display:table-cell;
    vertical-align: middle;
    border-left:1px solid #e0e0e0;
}
nav.submenu_menu ul li a{
    display:inline-block;
    padding: 0 15px;
    height:100%;
	color:#999; line-height:35px;
}
nav.submenu_menu ul li a,nav.submenu_menu ul li a:hover, nav.submenu_menu ul li a:active{
    color:#666;
}

/* 메인 네비게이션*/
.navbar-nav > li > a {font-weight:400; background:url(../images/gnb-bar.jpg) left center no-repeat; padding:0 20px 0 21px;}
.navbar-nav > li:first-child > a {background-image:none;}
ul.nav > li.dropdown > ul.dropdown-menu {border-top:0px;}
.nav-main .dropdown-menu > li > a {border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}
.dropdown-menu {box-shadow:none;}

.dropdown-menu > li > a {color:#666;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:inherit;}
body .nav-main .dropdown-menu > li > a {font-size:14px; padding:16px 12px 16px 16px; letter-spacing:-0.3px;}
body .nav-main .dropdown-menu > li > a:hover {color:#8b58a7;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {background-color:inherit;}
body .nav-main .dropdown-menu > li.active > a,
body .nav-main .dropdown-menu > li.active > a:hover,
body .nav-main .dropdown-menu > li > a:hover {background-color:inherit; color:#8b58a7;}

.menu-75 .dropdown-menu {left:-41px;}

/* page top */
#page-top-icon {position:fixed; right:50px; top:85%; z-index:1000; height:auto; display:none; cursor:pointer;}



/* mobile */
@media only screen and (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }
    .logo {
        margin-top: 20px;
    }
    .navbar-fixed-top {
        position: relative;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: inherit;
    }
    ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu {
        margin-top: 0;
    }
    ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu li a {
        padding-left: 60px;
    }
    .nav-main .dropdown-menu {
        background-color: #f8f8f8;
    }
    .nav-main .dropdown-menu > li > a {
        border-bottom: 0;
        color: #888;
    }
    ul.nav .dropdown-toggle i {
        position: absolute;
        right: 15px;
        margin-top: 2px;
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #888;
    }
}
/* desktop */
@media only screen and (min-width: 768px) {
    ul.nav ul {
        width: 140px;
		min-width:140px;
    }
    ul.nav > li.dropdown > ul.dropdown-menu {
        border-top: 1px solid #e7e7e7;
    }
    ul.nav li.dropdown > ul.dropdown-menu {
        display: none !important;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block !important;
    }
    .nav-main ul.dropdown-menu {
        border: 0;
    }
    .navbar-nav > li > .dropdown-menu {
        margin-top: 0px;
    }
    ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu {
        left: 100%;
        top: 0;
        margin-top: 0;
        border-right: 0;
        border-left: 0;
        background-color: #2b2b2b;
    }
    ul.nav li.dropdown.last > ul.dropdown-menu .dropdown-menu {
        left: inherit;
        margin-left: -140px;
    }
    ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu li a {
        padding: 10px;
        border-bottom: 1px solid #343434;
    }
    ul.nav .dropdown-toggle i {
        display: none;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
    }
}

/*-------------------------------------------------------------------------------------------------------------
 * 6. IE8
 -------------------------------------------------------------------------------------------------------------*/
.ie8 ul.nav ul {
    width: 140px;
}
.ie8 ul.nav > li.dropdown > ul.dropdown-menu {
    border-top: 1px solid #e7e7e7;
}
.ie8 ul.nav li.dropdown > ul.dropdown-menu {
    display: none !important;
}
.ie8 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block !important;
}
.ie8 .nav-main ul.dropdown-menu {
    border: 0;
}
.ie8 .navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
}
.ie8 ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu {
    left: 100%;
    margin-top: -42px;
    border-right: 0;
    border-left: 0;
    background-color: #2b2b2b;
}
.ie8 ul.nav li.dropdown.last > ul.dropdown-menu .dropdown-menu {
    left: inherit;
}
.ie8 ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu li a {
    padding: 12px;
    border-bottom: 1px solid #343434;
}
.ie8 ul.nav .dropdown-toggle i {
    display: none;
}
.ie8 .dropdown-menu > li > a:hover, .ie8 .dropdown-menu > li > a:focus {
    color: #fff;
}


/* Table */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px;
}
.table > thead > tr > th { font-weight:600; text-align:center; }
.table > tbody > tr > th { font-weight:600; background-color:#f8f8f8; padding-left:20px; vertical-align:middle; min-width:80px; }

.table-th-center > tbody > tr > th {text-align:center; letter-spacing:-1px; min-width:60px; padding-left:0; padding-right:0;}

/* form */
.checkbox label, .radio label {margin-right:10px; }

@media only screen and (max-width: 767px) {
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 6px; font-size:12px;
	}
	.table > tbody > tr > th { padding-left:10px; }
	input, select, textarea { font-size:12px; }
}