@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{font-family: 'Nanum Gothic', serif;overflow-x:hidden;}
img{vertical-align:middle;}
a{text-decoration:none !important;outline:none;}
.img-responsive {
    margin: 0 auto;
}
.inner {width:1100px;margin:0 auto;}
.inner:after {clear:both;display:block;content:"";zoom:1;}

/*header*/
header .logo {margin: 25px auto;width:200px;}
header .gnb {border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
header .gnb ul li {border-right:1px solid #e4e4e4;height:100%;padding:20px;}
header .gnb ul li a {font-size:15px;display:block;color:#3b3b3b;font-weight:bold;}
header .gnb ul li:first-child {border-left:1px solid #e4e4e4;}
/*header*/

/*content*/
.content {background:#f1f1f1; padding-top:20px; padding-bottom: 20px;}
.content .new {border:1px solid #e4e4e4;background:#fff;margin:10px 0;}
.content .text {text-align:left;padding:25px;}
.content .text li {margin-top:-5px;}
.content .text p {display:inline-block;font-size:15px;padding-left:45px;}
.content .text .main_btn {width:100%;margin-top:10px;}
.content .label-default {width:75px;display:block;float:left;position:relative;top:4.5px;}
.content .label-danger {margin-left:10px;}
.content .label-info {display:block;padding:13px;font-size:24px !important;font-weight:bold !important;}
.content .label {font-size:14px;font-weight:normal;}
.content .subject p {height:30px;margin-bottom:20px;color:#403f3f;font-size:20px !important;font-weight:bold;padding-left:0px !important;}
.ask_thumb {
    height: 280px;
    overflow: hidden;
}
.ask_thumb img {
    max-width: 100%;
}
.latest{line-height: 200%; text-align: center;}
.latest a{text-decoration: none; display: block;overflow-x:hidden;}

#memberModal .modal-content {border-radius:20px;}
#memberModal .modal-header .close {opacity:0.3;font-size:30px;}
#memberModal .modal-header {border-bottom:none;}
#memberModal .modal-body {padding:50px;}
#memberModal .modal-body h5 {clear:both;font-size:18px;color:#666;padding-bottom:10px;font-weight:bold;}
#memberModal .modal-body .caption {display:block;padding-top:40px;}
#memberModal .modal-body .caption h5 {float:left;}
#memberModal .modal-body .caption h6 {float:right;font-size:13px;padding-top:5px;}
#memberModal .modal-body .gray {color:#777 !important;font-weight:bold;}
#memberModal .modal-body .blue {color:#9bb8ff !important;}
#memberModal .modal-body .pink {color:#ee95ab;}
#memberModal .modal-body .table {font-size:13px;}
#memberModal .modal-body .col-md-3 {font-size:13px;font-weight:bold;padding:0px;height:25px;}
#memberModal .modal-body .col-md-9 {padding:0px;height:25px;font-size:13px;}
#memberModal .modal-body .icon:after {clear:both;display:block;content:"";zoom:1;}
#memberModal .modal-body .icon ul:after {clear:both;display:block;content:"";zoom:1;}
#memberModal .modal-body .icon {width:100%;}
#memberModal .modal-body .icon ul {width:123px;margin:0 auto;}
#memberModal .modal-body .icon ul li {float:left;padding:10px 3px 0 0;}
#memberModal .modal-body .icon ul li img {width:35px;}
#memberModal .modal-body .form:after {clear:both;display:block;content:"";zoom:1;}
#memberModal .modal-body .form {clear:both;font-size:14px;border:1px solid #e3e3e3;background:#f5f5f5;padding:20px 0;border-radius:5px;}
#memberModal .modal-body .contact .form-control {width:22%;padding:0px;height: 32px;font-size:12px;}
#memberModal .modal-body .btn {display:block;padding:47px 0;background:#e4872c;font-size:15px;font-weight:bold;color:#fff;border-radius:10px;}
#memberModal .modal-body .select .form-control {width:166px;}
#memberModal .modal-body .form-group {padding:3px;}

.line {padding:0px !important;margin-bottom:10px;display:block; overflow: hidden; }
.line span {border-top:3px solid #000;padding:2px; width: 80%; display: block; float: left; }
.line span:first-child {border-color:#ee95ab;width:20%; }

#register-btn { width: 100%; }
#register-form .form-group label {width:40px;}
/*content*/

/*footer*/
footer {background:#f1f1f1;padding:0 0 60px;}
footer > img.b_img {margin-bottom: 60px;}
footer .f_info {font-size:13px;line-height:2;}
footer .f_logo img {width:100%;}
footer .icon {text-align:right;}
footer .icon ul:after {clear:both;display:block;content:"";zoom:1;}
footer .icon ul {float:right;}
footer .icon ul li {float:left;padding-left:10px;}
/*footer*/

/* Custom */
.page-title {
    font-size: 24px;
    margin-bottom: 15px;
}
.date {
    float: right;
    font-size: 13px;
    color: #999;
}
.view-con {
    margin-bottom: 40px;
    color: #333;
}
.qa-title {
    margin-bottom: 14px;
    font-size: 18px;    
}
.mini-line {
    height: 1px;
    border-top: #71757a 1px solid;
    margin: 20px 0;
}
.qa-list i {
    color: #777;
    font-size: 18px;
    vertical-align: bottom;
}
.qa-content {
    line-height: 22px;
}
.qa-password-form {
    padding: 22px;
    border: #babbbc solid 1px;
    border-radius: 7px;
    background: #FFF;
}
.qa-form label,
.qa-password-form label {
    margin-bottom: 6px;
}
.qa-images {
    margin-top: 10px;
    text-align: center;
}
.qa-images img {
    max-width: 100%;
    margin-bottom: 10px;
}
.image-row {
    margin-bottom: 5px;
}
#image-con a {
    display: block;
    text-align: right;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    background: #FFF;
}
.nav{list-style: none;width: 100%;}
.navbar-nav>li:first-child{border-left:1px solid #eee;}
.navbar-nav>li {
    float: left;
    width: 20%;
    border-right: 1px solid #eee;
    font-weight: bold !important;
}
.navbar-nav>li a{color:#000 !important;}

.mobile_none{display: block;}
#main-mobile-slider { display: none; }
.mobile-show { display: none; }

@media screen and (min-width: 0px) and (max-width: 600px) {
	.mobile_none{display: none !important;}
	.nav{list-style: none;width: 100%;}
    .navbar-nav>li:first-child{border-left:0px solid #eee;}
    .navbar-nav>li{float:left;width:100%;border-right:0px solid #eee;}
      .inner {width:100%;margin:0 auto;}
      .modal-content {border-radius:20px;}
    .modal-header .close {opacity:0.3;font-size:30px;}
    .modal-header {border-bottom:none;}
    .modal-body {padding:30px;}
    .modal-body h5 {clear:both;font-size:18px;color:#666;padding-bottom:10px;font-weight:bold;padding-top:20px;}
    .modal-body .caption {display:block;padding-top:40px;}
    .modal-body .caption h5 {float:left;}
    .modal-body .caption h6 {float:right;font-size:13px;padding-top:5px;}
    .modal-body .gray {color:#777 !important;font-weight:bold;}
    .modal-body .blue {color:#9bb8ff !important;}
    .modal-body .pink {color:#ee95ab;}
    .modal-body .table {font-size:13px;}
    .modal-body .col-md-6 {padding:0px;}
    .modal-body .col-md-6 ul li {line-height:2;}
    .modal-body .map {padding-top:20px;}
    .modal-body .col-md-3 {font-size:13px;font-weight:bold;padding:0px;height:25px;}
    .modal-body .col-md-9 {padding:0px;height:25px;font-size:13px;}
    .modal-body .icon:after {clear:both;display:block;content:"";zoom:1;}
    .modal-body .icon ul:after {clear:both;display:block;content:"";zoom:1;}
    .modal-body .icon {width:100%;}
    .modal-body .icon ul {width:123px;margin:0 auto;}
    .modal-body .icon ul li {float:left;padding:10px 3px 0 0;}
    .modal-body .icon ul li img {width:35px;}
    .modal-body .form:after {clear:both;display:block;content:"";zoom:1;}
    .modal-body .form {clear:both;font-size:14px;border:1px solid #e3e3e3;background:#f5f5f5;padding:20px 0;border-radius:5px;}
    .modal-body .contact .form-control {width:20%;padding:0px;height: 32px;font-size:12px;float:left;}
    .modal-body .btn {display:block;padding:47px 0;background:#e4872c;font-size:15px;font-weight:bold;color:#fff;border-radius:10px;}
    .modal-body .select .form-control {width:166px;}
    .modal-body .form-group  span {float:left;padding:10px 5px;}
    .modal-body .form-group {padding:0px;}
    .modal-body .form-group:first-child {margin-bottom:20px;}

    .line {padding:0px !important;margin-bottom:10px;display:block; overflow: hidden; }
    .line span {border-top:3px solid #000;padding:2px; width: 80%; display: block; float: left; }
    .line span:first-child {border-color:#ee95ab;width:20%; }

    #register-btn { width: 100%; }
    #register-form .form-group label {width:40px;}
    #register-form .form-group label:first-child {position:relative ;top:5px;float:left;margin-right:20px;}
    #register-form .form-group:after {clear:both;display:block;content:"";zoom:1;}
    .ask_thumb {
        height: auto;
        overflow: hidden;
    }
    .navbar {border:0px;}
    .row {margin:0px;}
    .col-md-12 {padding:0px;}
    #main-mobile-slider { display: block; }
    #main-slider { display: none; }

    .qa-list table {
        display: block;
    }
    .qa-list table thead {
        display: none;
    }
    .qa-list table tbody {
        display: block;
    }
    .qa-list tr {
        display: block;
        margin-bottom: 3px;
        background: #FFF;
    }
    .qa-list .table > tbody > tr > td {
        display: block;
        padding: 4px 8px;
        border: none;
    }
    .qa-list .table > tbody > tr > td.mobile-inline {
        display: inline-block;
    }

    .qa-list .table > tbody > tr > td.mobile-inline:after {
        display: inline-block;
        content: "/";
        padding-left: 16px;
    }
    .qa-list .table > tbody > tr > td.mobile-inline.last:after {
        display: none;
    }
    .mobile-show {
        display: inline;
    }
}


#comment-list {
    margin-bottom: 10px;
    background: #FFF;
}

.comment-item {
    padding: 10px 0px;
    margin: 0 20px;
    font-size: 13px;
    border-bottom: 1px #EEE solid;
}
.comment-item .comment {
    line-height: 18px;
}
.comment-item .date {
    font-size: 11px;
    color: #999;
    font-weight: bold;
    line-height: 27px;
}

.comment-item .btn {
    padding: 3px 7px;
}
.comment-item .btn.btn-info {
    margin-right: 8px;
}