/* ----------------------------------------------------------------------------
						Navigation menu
-----------------------------------------------------------------------------*/
.navbar {
    background-color: #fff;
    margin-bottom: 0px;
    min-height: 53px;
}
.navbar-default {
    border: none;
    border-bottom: 1px;
}
.navbar-default .navbar-nav {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff
}
.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a.active:focus, .navbar-default .navbar-nav>li>a.active:hover {
    background-color: transparent;
    color: #000000;
}
.navbar-default .navbar-nav>li>a {
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .75px;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.0.75s;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #eeeeee;
}
.navbar-default .navbar-nav>li span {
    color: #e7e7e7;
}
.navbar-default .navbar-brand {
    padding: 14px 15px 0;
}
.navbar-brand>img {
    height: 25px
}
.navbar-default .navbar-brand span:last-child {
    color: #E4840D;
    font-weight: 400;
    padding-left: 4px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #dadada;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    margin-top: 0;
    padding: 15px 0 0;
    border: none;
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #bebebe;
    width: 35px;
    height: 5px;
}
.navbar-default .navbar-collapse {
    background-color: #999;
    border-top: none;
}
@media (min-width: 767px) {
.navbar-default .navbar-collapse {
    border-bottom: none;
    background: none;
}
.navbar-default .navbar-nav > li {
    padding-top: 12px;
}
.navbar-default .navbar-nav>li>a {
    color: #565656
}
}
/* ----------------------------------------------------------------------------
								Global
-----------------------------------------------------------------------------*/
body, button, input, select, textarea {
    font-family: 나눔고딕, 'NanumGothic', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', 돋움, dotum, sans-serif;
    font-size: 12px;
    line-height: 1.65em;
    color: #555;
}
a {
    color: inherit
}
a:hover {
    text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    text-transform: capitalize;
}
h1 {
    font-size: 16px;
    line-height: 1.29em;
    margin: 0;
}
h2 {
    font-size: 14px;
    line-height: 1.36em;
    margin: 0;
}
h3 {
    font-size: 12px;
    margin: 0;
}
ol, ul {
    padding: 0;
    list-style: none;
}
main {
    margin-top: 53px;
}
.page-head {
    margin-bottom: 20px;
    padding: 18px 0;
    background-color: #4c4643;
    color: #fff;
}
.page-head h1 img {
    margin-right: 10px;
    height: 35px;
    vertical-align: middle
}
.page-content h2 {
    margin-bottom: 10px;
    color: #5f86c4;
}
.label {
    padding: 1px 3px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 100;
}
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*----- button -----*/
.btn {
    border: none;
    border-radius: 0px;
    padding: 5px 20px;
    background-color: #000;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.btn.btn-gray {
    background-color: #6c6c6c
}
/* ----- form  -----*/
form {
    margin-bottom: 35px;
}
.form-group {
    margin-bottom: 10px;
}
.form-control {
    background-color: #fff;
    border: 1px solid #b0b0b0;
    border-radius: 0px;
    box-shadow: none;
    height: auto;
    padding: 4px 5px;
    font-size: 12px;
}
textarea.form-control {
    margin-bottom: 10px;
}
input[type-"checkbox"] {
 margin-top: 6px;
}
.form-control:focus {
    border-color: #DADADA;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 144, 144, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 144, 144, 0.5);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 144, 144, 0.5);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 144, 144, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 144, 144, 0.5);
}

::-webkit-input-placeholder {
 color: #969595;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #969595;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #969595;
}

:-ms-input-placeholder {
 color: #969595;
}
/*----- pagination -----*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #E4840D;
    border-color: transparent;
    color: #E6E6E6;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #E4840D;
    color: #ffffff;
}
.pagination>li>a, .pagination>li>span {
    color: #9A6326;/*margin-left: 5px;
                    border: 1px solid transparent;*/
}
.pagination-sm>li>a, .pagination-sm>li>span {
}
/*----- Portfolio -----*/
.portfolio .row {
    margin: 0 -5px;
}
.portfolio .item {
    padding: 0 5px;
    text-align: center;
}
.portfolio .item a {
    display: block
}
.portfolio .item img {
    max-width: 100%;
    border: 1px solid #dadada;
}
.portfolio .item:hover img {
    opacity: 0.8;
}
.portfolio .item h3 {
    margin: 10px 0;
    font-weight: 400;
}
/*wide형*/

.portfolio .item2 {
		padding: 0 5px;
		text-align: center;	
		height:280px;		
}

@media(max-width:600px) {  
	.portfolio .item2 {
		padding: 0 5px;
		text-align: center;	
		height:180px;
	}
}

.portfolio .item2 a {
    display: block
}
.portfolio .item2 img {
    max-width: 100%;
    border: 1px solid #dadada;
}
.portfolio .item2:hover img {
    opacity: 0.8;
}
.portfolio .item2 h3 {
    margin: 10px 0;
    font-weight: 400;
}
/*----- post -----*/
.post-list li {
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 10px 5px;
    border-bottom: 1px solid #e7e7e7;
    color: #888;
}
.post-list li a {
    float: left;
    margin-right: 10px
}
.post-list li span {
    float: right
}
.post-list .view-more {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 11px;
}
.post-write .control-label {
    margin: 0;
    padding-right: 0;
    line-height: 26px;
    color:#888
}
.post-write .form-group {
    margin: 0;
    padding: 6px 0;
    border-top: 1px solid #e7e7e7;
}
.post-write .form-group:first-child {
    border-top: none
}
.post-write .form-group strong {
    line-height: 26px;
    color: #333
}
.post-write .form-group .btn {
    padding: 4px 10px;
    font-size: 12px;
}
.post-write .form-control {
    line-height: 16px;
 width:
}
.post-write .checkbox-inline {
    padding-top: 0;
    line-height: 26px;
}
.post-write .checkbox-inline input[type="radio"] {
    margin-left: 5px
}
.post-write .button-gruop {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 12px;
}
.post-write .button-gruop .btn {
    margin: 0 5px
}
.post-view table {
    margin-bottom: 0
}
.post-view tr:first-child th, .post-view tr:first-child td {
    border-top: none;
}
.post-view table tbody tr th {
    padding-right: 0;
    color: #888
}
.post-view td strong {
    color: #000
}
.post-view td .post-content {
    padding: 10px 0;
    line-height: 1.65;	
}

.post-view td .post-content img {
    margin-bottom: 10px;
    max-width: 100%
}

.post-view .button-group {
    margin-bottom: 55px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
/*----- tabs -----*/
.nav-tabs {
    border-bottom: none;
}
.nav-tabs > li > a {
    padding: 0 8px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}
.nav-tabs > li > a {
    border: none;
    color: #666;
    font-size: 11px;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #4285F4 !important;
    background: transparent;
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}
.nav-tabs > li > a::after {
    content: "";
    background: #aaa;
    position: absolute;
    top: 3px;
    left: 0px;
    width: 1px;
    height: 10px;
}
.nav-tabs > li:first-child > a::after {
    width: 0
}
/*----- scroll to top -----*/
.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 0px;
    right: 20px;
    background: #222;
}
a.scrollup {
    outline: 0;
    text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
    opacity: 1;
    text-decoration: none;
}
a.scrollup i {
    margin-top: 10px;
    color: #fff;
}
a.scrollup i:hover {
    text-decoration: none;
}
/* ----------------------------------------------------------------------------
								Home
-----------------------------------------------------------------------------*/
#home section {
    margin-bottom: 30px
}
#home section .container {
    position: relative;
}
#home section h2 {
    margin-bottom: 10px
}
#home .view-more, #home .nav-tabs {
    position: absolute;
    top: 3px;
    right: 15px;
    font-size: 11px;
}
#home .nav-tabs {   
    right: 5px;    
}
/*----- quick-links -----*/
.quick-links .item {
    padding: 15px 0;
    background-color: #484443;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center
}
.quick-links .item a {
    display: block;
    color: #fff
}
.quick-links .item.link2 a {
    color: #fcff00
}
.quick-links .item.link4 a {
    color: #00fffc
}
.quick-links .item img {
    margin-bottom: 6px;
    height: 46px
}
.quick-links .item strong {
    display: block;
    font-size: 13px;
    letter-spacing: -.5px;
}
#home .workplace {
    padding: 15px 0 10px;
    background-color: #e9e9e9
}
/*----- 최근글 -----*/
#home .post-list h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #aaa
}
#home .post-list li {
    padding-bottom: 0;
    border-bottom: none;
}
/* ----------------------------------------------------------------------------
							Login
-----------------------------------------------------------------------------*/
#login .links {
    display: inline;
    margin-right: 15px;
    font-size: 11px;
    color: #5f86c4;
}
#login .links span {
    margin: 0 10px
}
/* ----------------------------------------------------------------------------
							Sign up
-----------------------------------------------------------------------------*/
#registration .registration-form {
    position: relative
}
#registration .registration-form span.notice {
    position: absolute;
    top: 0px;
    right: 0;
    color: #5f86c4;
    font-size: 11px;
    font-weight: 700;
}
#registration .control-label {
    margin: 0;
    padding-left: 0;
    text-align: right;
    line-height: 26px;
}
#registration .control-label.required:before {
    content: "*";
    margin-right: 5px;
    color: #5f86c4;
}
#registration .control-label + div {
    padding: 0
}
#registration h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#registration .form-group {
    margin: 0;
    padding: 6px 0;
    border-top: 1px solid #e7e7e7;
}
#registration .form-group:first-child {
    border-top: none
}
#registration .form-group .btn {
    padding: 4px 10px;
    font-size: 12px;
}
#registration .form-control {
    line-height: 16px;
 width:
}
#registration .phone .form-control {
    display: inline-block;
    width: 35px
}
#registration .form-control.input-sm {
    display: inline-block;
    width: 50%
}
#registration .checkbox-inline {
    padding-top: 0;
    line-height: 26px;
}
#registration .checkbox-inline input[type="checkbox"] {
    margin-top: 7px
}
#registration .registration-form .button-gruop {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 12px;
}
#registration .button-gruop .btn {
    margin: 0 5px
}
#registration .terms-of-use h2 {
    padding-bottom: 0;
    border-bottom: none
}
#registration .scroll_box {
    border: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    overflow-y: auto;
    height: 190px;
    padding: 1%;
    padding: 10px;
    margin-bottom: 10px;
}
#registration .agreement {
    margin-bottom: 35px
}
/* ----------------------------------------------------------------------------
							게시판
-----------------------------------------------------------------------------*/
#board .page-head {
    padding: 10px 0
}
#board h1 {
    color: #fcff00
}
#board .post-list {
    position: relative;
    margin-bottom: 35px;
}
#board h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    color: #333;
}
/* ----------------------------------------------------------------------------
							포트폴리오
-----------------------------------------------------------------------------*/
#portfolio .page-head {
    padding: 10px 0
}
#portfolio h1 {
    color: #00fffc
}
#portfolio .category .nav li {
    padding: 0;
    text-align: center
}
#portfolio .category .nav>li>a {
    padding: 5px
}
#portfolio .category .nav>li>a:focus, #portfolio .category .nav>li>a:hover {
    background: none
}
#portfolio .category.type-1 {
    padding-bottom: 15px;
}
#portfolio .category.type-1 .nav li.active a {
    color: #5f86c4;
    font-weight: 700;
    text-decoration: underline;
}
#portfolio .category.type-2 {
    margin-bottom: 20px
}
#portfolio .category.type-2 .nav li a {
    color: #fff
}
#portfolio .category.type-2 .nav li a.active {
    color: #f00
}
#portfolio .category.type-2 {
    background-color: #333
}
#portfolio .category.type-2 .nav li a {
    color: #fff
}
#portfolio .category.type-2 .nav li.active a {
    color: #FFD400
}
#portfolio .portfolio {
    margin-bottom: 35px
}
#portfolio .portfolio .item h3 {
    margin-bottom: 15px
}
/* ----------------------------------------------------------------------------
							Footer
-----------------------------------------------------------------------------*/
footer .switch-to-desktop {
    padding: 15px 0;
    background-color: #afafaf;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    line-height: 1;
}
footer .copyright {
    padding: 10px 0 0;
    font-size: 11px;
    color: #888;
    line-height: 1.65
}
footer .copyright p {
    margin-bottom: 10px;
    line-height: 1.6;
}
footer .copyright strong {
    color: #3e3e3e
}
footer .copyright span {
    margin-right: 5px
}
footer .copyright a[href^="tel"] {
    color: #3857bc
}

/* Pagination */

.pagination { padding: 0px 0; text-align: center; line-height: normal ; width:100% }

.pagination a, .pagination strong { font-size: 11px; position: relative; display: inline-block; padding: 2px 8px; text-decoration: none; line-height: normal; color: #a2a2a2; vertical-align: middle }

.pagination a:hover, .pagination a:active, .pagination a:focus { border: 1px solid #ddd; margin: 0 -1px}

.pagination strong { color: #444444; font-size: 11px }

.pagination .direction { font-weight: normal; white-space: nowrap }

.pagination .direction span { font-weight: lighter; font-size: 10px }

.pagination .direction:hover, .pagination .direction:active, .pagination .direction:focus { border: 0; margin: 0 }

/* 상세 - 이전글/다음글 */
.board-nav { border-top: 1px solid #d7d5d5; border-bottom: 1px solid #d7d5d5; margin-top: 46px; }
.board-nav li { overflow: hidden; border-bottom: 1px solid #e9e9e9; line-height: 140%; color: #353535; }
.board-nav li strong, .board-nav li a { float: left; padding: 10px; width:200px; }
.board-nav li strong { box-sizing: border-box; width: 20%; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: normal; background: url("/images/sub/board/icon_nav_prev.gif") no-repeat 25px 15px; }
.board-nav li.next { border: 0; }
.board-nav li.next strong { background: url("/images/sub/board/icon_nav_next.gif") no-repeat 25px 15px; }

/* tabs */

.tabs { padding-top: 5px; }

.tabs .tab-nav { overflow: hidden; border-bottom: 1px solid #ddd; }

.tabs .tab-nav li { float: left; height: 38px; line-height: 38px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

.tabs .tab-nav li:first-child { border-left: 1px solid #ddd; }

.tabs .tab-nav li a { display: block; padding: 0 30px; font-size: 12px; font-weight: 600; color: #3b3b3b; }

.tabs .tab-nav li:hover a, .tabs .tab-nav li.active a { background-color: #929292; color: #fff; }

.tabs .tab-content { /*display: none; */ padding: 10px 0 60px 0}

.tabs .tab-content h3 { margin-bottom: 35px; padding-bottom: 12px; border-bottom: 2px solid #ddd; font-size: 20px; text-align: center }

.portfolio .prdInfo img {
    max-width: 100%;
    border: 1px solid #dadada;
}