/* Base */

a:hover,
a:focus {
  text-decoration: none;
}
a:focus,
button:focus{
  outline: none;
}
body.admin-bar .header-outer {
  top: 32px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
figure.alignnone {
  margin-left: 0;
  margin-right: 0;
}

body{padding-top:125px;}
body {font-family:'Arita', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:'Arita', sans-serif;}
label,strong {font-weight:600;}
.p1-color {color:#69437d;}
.p2-color {color:#e60962;}
.gray-color {color:#666;}
.darkgray-color {color:#444;}
.msg { line-height:1.6; }

/* Header */
.header-outer{ background-color:rgb(255,255,255);}
header.main-nav-outer{ min-height:89px;}

.logo-outer .logo a img { max-height:70px }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.nav-main .dropdown-menu > li.active > a,
.nav-main .dropdown-menu > li.active > a:hover,
.nav-main .dropdown-menu > li > a:hover,
.nav-main .dropdown-menu > li > a:focus,
.navbar-default ul.navbar-nav > .active > a,
.navbar-default ul.navbar-nav > .active > a:hover,
.navbar-default ul.navbar-nav > .active > a:focus,
.sidebar .widget ul li.active a,
.sidebar .widget ul li a:hover,
.sidebar .widget ul li a:active,
.sidebar .widget ul li a:focus{color:rgba(33, 33, 33, 33);}

.second-nav-outer{ height:35px;}
.second-nav-outer {
  border-bottom: 1px solid #e0e0e0;
}

.page-header-bg .header-title-outer{height:296px;}

/* non_responsive */
/* Account for fixed navbar */
body.non-responsive {
  min-width: 960px;
  /* Reset the container */
  /* Always float the navbar header */
  /* Undo the collapsing navbar */
  /* Always apply the floated nav */
  /* Redeclare since we override the float above */
}
body.non-responsive .container {
  width: 960px;
  max-width: none !important;
}
body.non-responsive .container .navbar-header,
body.non-responsive .container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
body.non-responsive .navbar-header {
  float: left;
}
body.non-responsive .navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
body.non-responsive .navbar-toggle {
  display: none;
}
body.non-responsive .navbar-collapse {
  border-top: 0;
}
body.non-responsive .navbar-brand {
  margin-left: -10px;
}
body.non-responsive .navbar-nav {
  float: left;
  margin: 0;
}
body.non-responsive .navbar-nav > li {
  float: left;
}
body.non-responsive .navbar-nav > li > a {
  padding: 10px;
}
body.non-responsive .navbar-nav.navbar-right {
  float: right;
}

.main-box { margin-bottom:30px; }
.main-box .lbox { }
.main-box .lbox .area-nav {padding:0 10px 30px}
.main-box .lbox .area-nav h3 {margin:10px 0 5px;color:#e60962}
.main-box .lbox .area-nav > p {margin-bottom:20px}
.main-box .lbox .area-nav a {display:block;float:left;padding:15px 0; text-align:center; width:31%; background:#f5f5f5;border:1px solid #eee;margin:2px;font-size:18px;font-weight:600}
.main-box .lbox .area-nav a:hover {background-color:#e60962;color:#fff}
.main-box .lbox .area-nav:after{display:table;content:'';clear:both}
.main-box .rbox {text-align:center;}
.main-box .rbox img {max-width:100%;}

/* marquee */
.mq-sec { margin-top:20px; background-color:#333; height:46px; font-size:18px }
.mq-sec .mq {overflow:hidden; color:#ffbc95;margin:10px 0; font-size:16px;line-height:26px}
.mq-sec .mq-count {background-color:#000; text-align:center;color:#fff;line-height:46px; }
.mq-sec .mq-count strong {color:#fff35f;}


@media (min-width: 768px) {
  /* header inner top */
  .header-inner .row:first-child .second-nav-outer {
    display: table-cell;
    vertical-align: middle;
  }
  /* header inner bottom */
  .header-inner .logo-outer > .logo a {
    display: table-cell;
    vertical-align: middle;
  }
  .navbar-nav > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 14px;
    font-size: 14px;
  }
  .navbar-default .navbar-nav > li > a {
    color: #333;
  }
  /* mobile navigation */
  .mobile_nav_box,
  .navbar-nav > li > img {
    display: none;
  }
  /* sub menu */
  .navbar-right .dropdown-menu {
    right: inherit;
    left: 0;
  }
  ul.nav li.dropdown > ul.dropdown-menu {
    display: none !important;
  }
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block !important;
  }
  .main-box .rbox {padding-top:35px}
}
@media (min-width: 992px) {
  /* header navigation bottom */
  .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 600;
    padding: 0 28px;
  }

}
@media (min-width: 1199px) {
  .navbar-nav > li > a  img {height:70px}
  /* header navigation bottom */
  .navbar-nav > li > a {
    font-size: 18px;
    font-weight: 600;
    padding: 0 34px;
  }
    .main-box .rbox {padding-top:0}
}
@media only screen and (max-width: 767px) {
  /* header inner logo  */
  .header-inner .logo-outer {
    text-align: center;
  }
  /* mobile navigation */
  .navbar {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  .navbar-header {
    padding: 0 20px;
  }
  .navbar-collapse {
    border: 0;
  }
  .mobile_nav_box {
    position: relative;
    margin-top: 20px;
  }
  .mobile_nav_box .select_nav {
    height: 40px;
    line-height: 38px;
    border: 1px solid #ddd;
    padding-left: 10px;
  }
  .mobile_nav_box button.navbar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border-radius: 0;
    padding: 12px;
  }
  .navbar-nav {
    margin: 0 -10px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  .navbar-nav > li {
    border-bottom: 1px solid #ddd;
  }
  .navbar-nav > li > img {
    position: absolute;
    top: 15px;
    right: 15px;
    transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
  }
  .navbar-nav > li > img.view_submenu {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  /* sub menu */
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: none;
  }
  ul.nav li.dropdown > ul.dropdown-menu {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    box-shadow: none;
  }
  ul.nav li.dropdown > ul.dropdown-menu li a {
    padding: 10px 30px;
    border-top: 1px solid #ddd;
	
  }
  .main-box { margin-bottom:0; }
  .main-box .lbox h3 {font-size:16px;}
  .main-box .lbox > p {}
  .main-box .rbox img { width:80px}
}

#sub-visual { position: relative; height: 250px; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}
#sub-visual .title { letter-spacing: -3px;}
#sub-visual .title h2,#sub-visual .title h3 {display: inline-block; width: auto; color:#fff;margin:0}
#sub-visual .title h2 { font-size: 54px;font-weight:600;margin-top:5px;}
#sub-visual .title h3 { display: block; font-size: 38px; font-weight:300; margin-top:50px}
#sub-visual .img { text-align:center; padding-top:20px;}
#sub-visual .img img { max-width:100%;}

@media only screen  and (max-width:1198px) {
	#sub-visual {height:180px}
	#sub-visual .title h2 { font-size: 46px;}
	#sub-visual .title h3 { font-size: 32px;margin-top:30px;}
	#sub-visual .img { padding-top:10px;}
}
@media only screen  and (max-width:991px) {
	#sub-visual {height:150px}
	#sub-visual .title {letter-spacing:-1px;}
	#sub-visual .title h2 { font-size: 34px;}
	#sub-visual .title h3 { font-size: 22px;margin-top:30px;}
	#sub-visual .img { }
}
@media only screen  and (max-width:767px) {
	#sub-visual {height:auto}
	#sub-visual .title { text-align:center;}
	#sub-visual .title h2 { font-size: 24px;font-weight:600;}
	#sub-visual .title h3 { font-size: 16px;  margin-top:30px;}
	#sub-visual .img {padding-bottom:10px}
	#sub-visual .img img {height:60px }
}


@media only screen  and (min-width:768px) {
.navbar-nav > li > a {height:89px;}
.header-inner .logo-outer > .logo a {height:89px;}
.second-nav-inner {height:35px;}
}

@media only screen  and (max-width:991px) {
	.page-header-bg .header-title-outer{height:236.8px;}
}
@media only screen  and (max-width:767px) {
	body{padding-top:0px;}
	.page-header-bg .header-title-outer{height:266.4px;}
	.logo-outer .logo a img { max-height:55px }
	
	/*nav*/
    .navbar {border-bottom:0;}
    .navbar-nav > li > a {background:none; padding:13px;}
    .mobile_nav_box .select_nav {height:45px; line-height:43px;}
    .mobile_nav_box button.navbar-toggle {padding:14px 13px 15px;}
    ul.nav .dropdown-toggle i {right:0; top:0; margin:0; width:40px; text-align:center; height:46px; padding-top:15px; z-index:100;}
    
    /*header*/
    .wrap .section-title #gif-img-wrap {display:none;}

	/*footer*/

	/* form */
	.form-inline select { margin-bottom:3px; }

    /*.page-header-bg {display:none;}*/
    .page-header-bg .header-title {font-size:40px;}

	.mq-sec {height:92px; overflow: auto;}

}

#mypage-nav {margin-bottom:30px; }
.member-section strong { }
.table-in-p thead tr td {font-weight:600;}
.table-in-p tr td { text-align:center; }
.table-in-p tr td.left { text-align:left; }
.table-in-p tr td.right {text-align:right; }
.table-in-p tbody tr td {color:#666; }
.table-in-p tbody tr td p {margin:0; padding:3px 0; }

/*  페이지 스타일 */
.page-section {padding:30px 0 50px;}
.page-first-section {padding-top:30px;}
.page-sub-section {padding-top:10px;}
.page-cage-bg-section {margin-top:10px; padding-top:85px;}
.page-section .title-section {padding-bottom: 44px;}
.page-section .title-section h2 {text-align:center; font-size:36px; line-height:48px; letter-spacing:-1.7px; font-weight:400;margin-top:50px}
.page-section .title-section h2 br {display:none; }
.page-section .depth-title {letter-spacing:-1px;}
.page-section .depth-text {letter-spacing:-0.5px;}
.page-section .title-section .title-sub-text {text-align:center; font-size:16px; color:#444; line-height:24px; margin:17px 0 25px; font-weight:600; letter-spacing:-0.6px;}
.page-section .title-section .title-sub-text-small {text-align:center; font-size:14px; color:#666; line-height:24px; font-weight:600; letter-spacing:-0.6px;}
.page-section .nopadding-depth {margin:0;}
.page-section .nopadding-depth > .column_container {text-align:center; padding:0;}

.sm-section {float:none !important; margin:0 auto 10px !important; border:1px solid #eee; }
.sm-section input[type=button], .sm-section input[type=reset], .sm-section input[type=submit] { width:100%;}
.sm-section .step1-sec {padding:25px 10px;}
.sm-section .step1-sec a {width:100%;margin-bottom:5px; }
.text-msg { padding:0 20px; font-size:12px;}

.scroll-section {padding:10px; overflow-y:scroll; height:200px; border:1px solid #ccc; margin-bottom:20px;}
.scroll-section pre { background:#fff; font-family:'Arita'; border:0; white-space: pre-line;}

@media only screen  and (max-width:640px) {
	.page-section {padding:0px 0 90px;}
	.page-section .title-section { padding-bottom:20px;}
	.page-section .title-section h2 {font-size: 23px;line-height: 32px;}
	.page-section .title-section h2 br {display:block;}
	.page-section .title-section .title-sub-text, .page-section .title-section .title-sub-text-small {font-size:12px;line-height:18px;font-weight:400; }
	.page-section .title-section .title-sub-text br, .page-section .title-section .title-sub-text-small br {display:none}

	.sm-section h3 { font-size:18px;}

	#mypage-nav.btn-group .btn {font-size:11px}
}

/* 레이아웃 스타일 */
body.pop-document { padding-top:0;}
.pop-section {}
.pop-section h2 {margin-top:0px;padding:20px;background:#69437d; color:#fff; font-size:24px; }
.pop-section .pop-doc {padding:10px; }

.idchk-msg {padding:10px 10px 0;}
.idchk-msg strong {font-weight:600; color:#d9534f; }


/* 견적폼 */
.infrm-section {}
.infrm-section .infrm-stt { margin-bottom:20px; color:#e60962;}
.infrm-section .infrm-1-sec,.infrm-section .infrm-2-sec {border-top: 3px solid #856596;}

.infrm-section .infrm-btn-sec {
 text-align:center;
 margin:30px 0;
}
.infrm-section .infrm-btn-sec p {padding:10px; font-weight:600; font-size:16px}

@media only screen  and (max-width:767px) {
	.infrm-section { padding-top:20px;}
	.infrm-section h3 { font-size:18px; margin-bottom:5px; font-weight:600}
	.infrm-section .infrm-stt {font-size:12px;letter-spacing:-.5px}
	.infrm-section .infrm-1-sec {padding-bottom:20px;}
	.infrm-section .infrm-btn-sec p {font-size:12px}
}

.best-box { margin-bottom: 25px; }
.best-box .best-box-wrap { text-align:center; margin-bottom:20px;}
.best-box .best-box-wrap a { display:block; padding:25px 10px 0; min-height:168px; background-color:#f6f6f6; border-radius:3px; }
.best-box .best-box-wrap a:hover {background-color:#f6f6f6; }
.best-box .best-box-wrap .box-circle { border-radius:50%; background-color:#58336c; color:#fff; font-size:2em; width:64px; height:64px; line-height:64px; margin:0 auto; }
.best-box .best-box-wrap h2 { font-size:16px; font-weight:600; letter-spacing:-1px; line-height:1.3em; }

.ip-section-2 { text-align:center; border:1px solid #ddd; padding-top:40px;margin-bottom:60px; }
.ip-section-2 img { max-width:100%; }
.ip-section-2 .ip-res {padding:30px 0 40px;font-size:24px; font-weight:400;}

.ip-box { margin-bottom: 25px; }
.ip-box .ip-box-wrap { text-align:center; margin-bottom:20px;}
.ip-box .ip-box-wrap a { display:block; padding:25px 10px 0; min-height:168px; background-color:#f6f6f6; border-radius:3px; }
.ip-box .ip-box-wrap a:hover {background-color:#f6f6f6; }
.ip-box .ip-box-wrap .ip-circle { border-radius:50%; background-color:#58336c; color:#fff; font-size:4em; width:100px; height:100px; line-height:104px; margin:0 auto; }
.ip-box .ip-box-wrap h2 { font-size:16px; font-weight:600; letter-spacing:-1px; line-height:1.3em; }

.ip-section-3 {}
.ip-list  { margin:0 auto; max-width:500px; list-style:none; padding:0;}
.ip-list li { padding:10px; padding-left:20px; font-size:16px; border:1px solid #8b689c; border-left-width:3px; margin-bottom:10px; }
.ip-section-3 .callcenter {background:#333; color:#fff; text-align:center;padding:20px; font-weight:600; font-size:24px; margin-top:30px;}
.well h3 {margin:0 0 15px 0;}

@media only screen  and (max-width:991px) {
	.ip-section-2 img { width:74%; }
	.ip-section-2 .ip-res {font-size:18px}
}
@media only screen  and (max-width:767px) {
	.best-box .best-box-wrap {margin-bottom:10px}
	.best-box .best-box-wrap a { min-height:140px; padding:25px 10px 0;}
	.best-box .best-box-wrap h2 { font-size: 13px;margin-top:10px}
	.ip-section-2 .ip-res {font-size:14px}
	.ip-section-2 .ip-box .ip-box-wrap {margin-bottom:30px}
	.well { font-size:12px; }
	.well h3 {font-size:18px;}
	.ip-list li { font-size:13px; padding-left:10px; margin-bottom:4px; }
}


/* 푸터 */
footer.footer-outer {background-color:rgb(255,255,255);position:relative; border-top:1px solid #ddd;}
footer.footer-outer {  display: table;  width: 100%;}
footer.footer-outer .copyright {display:block; padding:40px 0 57px; height:auto;  text-align: center;  margin: 0 auto;}
footer.footer-outer .copyright p {margin-bottom:3px; font-weight:600; font-size:13px; letter-spacing:-0.6px;line-height:20px;}
footer.footer-outer .copyright .copyright-text { margin-bottom:0px;}
footer.footer-outer .copyright .copyright-text a {transition:color 0.5s; -webkit-transition:color 0.5s;}
footer.footer-outer .copyright .copyright-text a:hover {color:#F8D923;}
footer.footer-outer .copyright .copyright-info {}
footer.footer-outer .copyright .copyright-msg {padding:15px 0;}
footer.footer-outer .copyright .designby {color:#b5b5b5;padding-left:4px;font-weight:normal}
/* sns */
.sns_box_container {margin-bottom:30px;}
.sns_box_container a {display:inline-block; margin:0 4px;}

.home footer.footer-outer {border-top:0; -webkit-transition:bottom 0.5s ease; transition:bottom 0.5s ease;}


@media only screen  and (max-width:767px) {
	footer.footer-outer .copyright {padding:30px 0 10px;} 
	footer.footer-outer .copyright .copyright-info br {display:none}
	footer.footer-outer .copyright .copyright-msg {font-size:12px;line-height:16px}
	footer.footer-outer .copyright .designby {display:block}
}


/* 보드 */
.tbl-section{ margin: 0 auto; width: 99%; }
.board-list .board-header { float: left; margin-top: 0; width: 100%; }
.board-category { float: left; padding-bottom: 5px; width: 50%; text-align: left; }
.board-category select { display: inline-block; margin: 0; padding: 5px 2px; font-size: 12px; width: 120px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; box-shadow: none; }
.board-search { padding-bottom: 5px; }
.board-search select { display: inline-block; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 12px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; vertical-align: middle; box-shadow: none; }
.board-search input,.board-search button { display: inline-block; margin: 0; padding: 6px 2px; width: 120px; height: auto; font-size: 12px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; line-height: 12px; vertical-align: middle; box-shadow: none; }
.board-search button { width:60px; }

/* 리스트 */
.board-list table td {padding:10px 0;}
.board-list table thead tr {border-top:2px solid #9d7eae;}
.board-list table thead tr td {border-bottom:1px solid #dfdfdf; border-left:1px solid #d6d6d6; font-size:15px; color:#444; font-weight:600; text-align:center; }
.board-list table thead tr td:first-child {border-left:0;}
.board-list table tbody tr td {border-left:1px solid #d6d6d6;vertical-align:middle}
.board-list table tbody tr td:first-child {border-left:0;}
.board-list tbody tr.list-notice {background:inherit;}
.board-list tbody tr.list-notice:hover {background-color:#f7f7f7;}
.board-list tbody tr.list-notice td.list-uid {color:#666; font-weight:600;}
.board-pagination .board-pagination-pages li a {padding:4px 8px 5px;}
.board-list tbody tr:hover {background-color:#fdfdfd;}

.board-row {border-top:2px solid #9d7eae;}
.board-row table th, .board-row table td {padding:10px 0;}
.board-row table tbody tr th {border-bottom:1px solid #dfdfdf;font-weight:600;}
.board-row table tbody tr td {border-left:1px solid #d6d6d6;border-bottom:1px solid #dfdfdf;}

#estimate-step2, #estimate-step3 { display:none;background:#f8f8f8; }
#estimate-step1, #estimate-step3 { }
.estimate-box { text-align:center }
.estimate-box .estimate-total { font-size:18px; padding:20px 0;border: 1px solid #000; background: #333; color: #fff;}
.estimate-box .estimate-total span {display:block;font-weight:600;font-size:22px; padding-top:10px }
.estimate-box .estimate-phone { padding:30px 0 10px; }
.btn-sec {text-align:center;margin-bottom:30px;}
.btn-sec .animated-button { width:100%}
.btn-sec p {margin-top:10px}
.btn-sec-r {text-align:right}

.tbl-wrap table {border-bottom:1px solid #ddd; }
.tbl-wrap .thum-img {max-height:100px; }

/* 보드 공통 */
#board-section {margin:0 auto; width:100%; border-top:2px solid #9a76ad;}
.board-section {margin:0 auto; width:100%; border-top:2px solid #9a76ad;}
.board-list { width: 100%; background-color: white; }
.board-list table { table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
.board-list table a { color: black; text-decoration: none; border: 0; }
.board-list table tr { border: 0; }
.board-list table td { padding: 15px 0; text-align: center; vertical-align: middle; }
.board-list table td.list-uid { width: 7%; }
.board-list table td.list-chk { width: 14%; }
.board-list table td.list-title { width: auto; padding-left:30px; padding-right:30px; }
.board-list table td.list-title img { display: inline; margin: 0; vertical-align: middle; margin-right:3px; }
.board-list table td.list-title p {margin:0}
.board-list table td.list-title p.gubun { font-weight:600;}
.board-list table td.list-title p.des .cut_strings{color:#999;font-size:12px}
.board-list table td.list-user { width: 14%; }
.board-list table td.list-date { width: 14%; }
.board-list table td.list-view { width: 7%; }
.board-list table td.list-more { width: 14%; }
.board-list thead tr td { font-weight: bold; color: #545861; border: 0; border-bottom: 2px solid #e3e3e3; }
.board-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #e3e3e3; }

.board-list tbody tr.list-notice { background-color: #f4f4f4; }
.board-list tbody tr.list-notice td.list-uid { font-weight: bold; color: #515151; }
.board-list tbody td.list-title { text-align: left; }
.board-list tbody td.list-title img { display: inline; vertical-align: text-bottom; }

.board-pagination { padding: 15px 0; text-align:center; }
.board-pagination .pagination { margin:0 auto; width:auto; }
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

/* 뷰 */

/* 작성 */
#board-section table tbody tr td.content-view { padding:20px; }
#board-section table tbody tr td.content-view iframe { max-width:100%; }

/* 렌털 (상품상세) */
.prod-detail-img-wrap { text-align:center; }
.prod-detail-img-wrap img { max-width:100%; max-height:400px; margin:0 !important; }
.prod-detail-info-wrap { margin-top:30px;}
.prod-detail-info-wrap > table { border-top:2px solid #86609a; border-bottom:1px solid #ddd; }
.prod-detail-info-wrap .prod-name {font-size:18px;padding:20px 10px}
.prod-detail-contents-wrap { padding:30px 0; text-align:center; border:1px solid #ddd; margin-top:50px;}
.prod-detail-contents-wrap img {max-width:100%; }

/* 보드버튼박스 */
.board-control { float: left; padding: 15px 0;  width: 100%; }
.board-control .left { position: static; float: left; }
.board-control .right { position: static; float: right; text-align: right; }
.board-control:before, .board-control:after {display:table; content:""; clear:both; }

/* 코멘트 */
.comment-section {}
.comment-form-wrap{padding:10px;border:1px solid #eee; background:#f8f8f8;  font-size:12px;}
.comment-list-wrap {margin-top:30px;}
.comment-list {padding:0}
.comment-list li {list-style:none;border-bottom:1px solid #ddd;padding:10px 30px 10px 10px;position:relative}
.comment-list li .btn-del {position:absolute;right:10px;top:10px;}

.comment-list li .rp-name {font-weight:600}
.comment-list li .rp-date {font-size:12px;color:#999;display:inline-block;padding-left:6px}
.comment-list li .rp-content {color:#666;padding-top:6px}
.comment-list li .rp-content-hidden {color:#999;padding-top:6px}

@media only screen  and (max-width:767px) {
	.board-list table { font-size:12px; }
	.board-list table thead tr td,
	.board-row table tr th{ font-size:12px; }
	.board-list table td, .board-row table th, .board-row table td{padding:6px 0;}
	.board-list table td.list-user,
	.board-list table td.list-view {display:none;}
	.board-list table td.list-title {padding-left:10px}
	.board-list table td.list-uid, .board-list table td.list-chk, .board-list table td.list-more  { width: 16%; }
	.board-list table td.list-date { width: 21%; }
}


/* 회원 */


/* 썸네일 리스트 */
.tab-content {padding:30px 0; }
.thum-list-default { margin-top:20px;}
.thum-list-default .item { min-height:240px; margin-bottom:30px; }
.thum-list-default .item .image {margin-right:0 auto; text-align:center; }
.thum-list-default .item .image img {max-width:100%;max-height:240px;}
.thum-list-default .item .list-con-wrap { margin-top:15px;}
.thum-list-default .item .list-con-wrap .list-title { font-size:15px;letter-spacing:-1px; display:block; font-weight:600; padding-bottom: 6px; }
.thum-list-default .item .list-con-wrap .list-title em { font-style:normal; color:#545861; }
.thum-list-default .item .list-con-wrap .list-meta { font-size:13px; height: 38px; margin-bottom:8px; overflow:hidden; color:#666; }
.thum-list-default:before, .thum-list-default:after { display:table; content:''; clear:both; }

.thum-list-small { padding:30px 0; }
.thum-list-small .item { min-height:140px }
.thum-list-small .item .image { max-width:100px; max-height:100px; overflow:hidden; text-align:center; float:left; margin-right:15px; }
.thum-list-small .item .image img {width:100px;height:100px;}
.thum-list-small .item .list-con-wrap {padding-top:5px}
.thum-list-small .item .list-con-wrap .list-title { font-size:15px; display:block; font-weight:600; padding-bottom: 6px; }
.thum-list-small .item .list-con-wrap .list-title em { font-style:normal; color:#545861; }
.thum-list-small .item .list-con-wrap .list-meta { font-size:13px; height: 38px; margin-bottom:8px; overflow:hidden; color:#666; }

.thum-list-board { padding:30px 0; }
.thum-list-board .item { min-height:170px }
.thum-list-board .item .item-inner { padding:10px; height:142px; border:1px solid #ddd; }
.thum-list-board .item .image { max-width:160px; max-height:120px; overflow:hidden; text-align:center; float:left; margin-right:15px; }
.thum-list-board .item .image img {width:160px;height:120px;}
.thum-list-board .item .list-con-wrap {padding-top:5px}
.thum-list-board .item .list-con-wrap .list-title { font-size:15px; display:block; font-weight:600; padding-bottom: 6px; }
.thum-list-board .item .list-con-wrap .list-title em { font-style:normal; color:#545861; }
.thum-list-board .item .list-con-wrap .list-meta { font-size:13px; height: 52px; margin-bottom:8px; overflow:hidden; color:#666; }
.thum-list-board .item .no-data { padding:20px; text-align:center;}
.thum-list-board:before, .thum-list-board:after { display:table; content:''; clear:both; }

.thum-list-09 .item .list-con-wrap {margin-top:10px}
.thum-list-09 .item .list-con-wrap .list-title {font-size:18px;text-align:center}

@media only screen  and (max-width:767px) {
	.main {padding-top:0}
	/* tab */
	.nav-tabs.nav-justified.area-tab>li { width:20%;float:left}
	.nav-tabs.nav-justified.area-tab>li a{border-radius:0;margin:0}
	.tab-content {margin: 0 -15px;padding:0;}
	/* thum-list */
	.thum-list-default .item .list-con-wrap .list-title {text-align:center}
	.thum-list-small { padding:0; border-top:1px solid #ddd; }
	.thum-list-small .item { min-height: 130px; padding: 15px; border-bottom: 1px solid #ddd; }
	.thum-list-small .item .list-con-wrap .list-title {font-size:13px}
	/* thum-board */
	.thum-list-board { padding:0;  }
	.thum-list-board .item { min-height: 140px; padding: 15px 0;border-bottom: 1px solid #ddd; }
	.thum-list-board .item .item-inner {padding:0;border:0; height:auto; }
	.thum-list-board .item .list-con-wrap .list-title {font-size:13px;}
	.thum-list-board .item .list-con-wrap .list-date {font-size:11px}
	.thum-list-board .item .image img {width:140px;height:105px;}

	.board-search {display:none;}
	.tel-sm { width:28%; min-width:60px; max-width:100px; display:inline-block;}
}

/* main carousel */
.apt09 { margin-top:-20px;margin-bottom:30px}
.apt09 .item {text-align:center;border:1px solid #eee;padding:10px}
.apt09 .item:hover {border-color:#ccc}
.apt09 .item .item-img {}
.apt09 .item .item-title {padding:10px 0 5px;font-size:16px;font-weight:600;letter-spacing:-1px}
.apt09 .item .item-descript{font-size:12px;color:#666;height:16px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;width:90%;display:none}
.apt09 .item .item-name {color:#999}

/* sigong carousel */
.owl-carousel-sigong { margin-bottom:30px}
.owl-carousel-sigong .item {text-align:center;border:1px solid #eee;padding:10px}
.owl-carousel-sigong .item:hover {border-color:#ccc}
.owl-carousel-sigong .item .item-img { max-height:246px; }
.owl-carousel-sigong .item .item-title {padding:10px 0 5px;font-size:16px;font-weight:600;letter-spacing:-1px}
.owl-carousel-sigong .item .item-descript{font-size:12px;color:#666;height:16px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;width:90%;display:none}
.owl-carousel-sigong .item .item-name {color:#999}

/* group contents */
/* group list */
.group-inner {padding:30px 0 50px}
.group-inner .well h4 {margin-top:0}
.group-inner h3 { }
.group-inner ol {margin:30px 0;padding-left:20px}
.group-inner ol li {padding:5px 0}
.group-inner ol li img {display:block; margin:50px 0 50px;max-width:100%}
.group-inner blockquote {font-size:14px; margin-top:30px;color:#9a76ad}
.group-inner blockquote h4{font-weight:600;color:#333}

/* group view */
.gorup-view-wrap {}
.gorup-view-wrap .group-title {padding:20px 0;text-align:center;font-size:36px;color:#69437d;border-top:2px solid #9a76ad;border-bottom:1px solid #9a76ad;letter-spacing:-1px}
.gorup-view-wrap .group-sub-title {font-size:18px;margin:40px 0 20px;letter-spacing:-1px;position:relative}
.gorup-view-wrap .group-sub-title #go-comment-icon {position:absolute;right:0;top:0}
.gorup-view-wrap .group-inner .gorup-img img {max-width:100%}
.gorup-view-wrap .group-inner .group-tt {font-size:24px;font-weight:600;padding:15px 0;letter-spacing:-1px}
.gorup-view-wrap .group-inner .group-msg {padding-bottom:10px;color:#666}
.gorup-view-wrap .group-inner .group-com { font-weight:600; font-size:16px;color:#58336c;letter-spacing:-1px}
.gorup-view-wrap .group-inner .group-service { font-weight:600; font-size:16px;color:#e60962;letter-spacing:-1px}

@media only screen  and (max-width:767px) {
.group-inner {font-size:12px;padding:10px 0 30px}
.group-inner h3 { font-size:18px;font-weight:600 }
.group-inner h4 { font-size:16px}
.group-inner .btn {display:block;text-align:center;padding-top:15px;padding-bottom:15px}

.gorup-view-wrap .group-title {font-size:24px}
.gorup-view-wrap .group-sub-title {font-size:14px}
.gorup-view-wrap .group-sub-title #go-comment-icon { position:relative; display:block;margin-top:20px }
}
/* button ------------------------------ */

/* Global Button Styles */

.animated-button:link,
.animated-button:visited {
  position: relative;
  margin: 30px auto 0;
  padding: 14px 20px;
  font-weight:600;
  color: #333;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  border-radius: 0;
  /* text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.animated-button:link:after,
.animated-button:visited:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 150%;
  z-index: -1;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}

.animated-button:link:hover,
.animated-button:visited:hover {
  color: #fff;
  text-shadow: none;
}

.animated-button:link:hover:after,
.animated-button:visited:hover:after {
  height: 450%;
}

/* Victoria Buttons */
a.animated-button {
  cursor: pointer;
  position: relative;
  border: 2px solid #58336c;
  transition:all 0.4s ease;
  0s;
}

a.animated-button:hover {
  color: #fff !important;
  background-color: transparent;
  text-shadow: nthree;
}

a.animated-button:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
}

a.animated-button:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: '';
  color: #fff !important;
  background:  #58336c;
  transition:all 0.4s ease;
  0s;
}

.tabs { font-size: 14px; line-height: 20px; }
.tabs ul:before, .tabs ul:after {content: "\0020"; display: block; height: 0; visibility: hidden;} 
.tabs ul:after { clear: both; }
.tabs ul {	margin:0;list-style:none;padding:0;border-bottom: 2px solid #9d7eae; zoom: 1;text-align:center;padding-bottom:10px;}
.tabs ul li {	position: relative;	display:inline-block;margin:0;}
.tabs ul li a {
	font-weight: 400;
	text-align: center;
	display: block;
	color: #888;
	padding: 6px 10px;
	text-decoration:none;
}
.tabs ul li a:hover {background:#f8f8f8;}
.tabs ul li.active {border: 1px solid #69437d; background: #fff;}
.tabs ul li.active a {
	color: #69437d;
	font-weight:600;
}
@media only screen  and (max-width:767px) {
	.tabs { font-size: 13px; }
}