@charset "utf-8";
@import url('common.css');

body {font-family: 'noto', HelveticaNeue, AppleSDGothicNeo, sans-serif;}
#wrap {position: relative;}
#wrap>#content {min-height: 400px;}
.container {width: 1130px;}
.flexslider {background: none;}
.owl-nav [class*=owl-] {width:18px;height:22px;margin-top:-11px;line-height: 22px;background: #fff;border-radius: 0;font-size: 0; z-index: 2;}
.owl-nav .owl-prev {background: url(../img/btn_prev.gif)}
.owl-nav .owl-next {background: url(../img/btn_next.gif)}
.flex-control-paging li a.flex-active {background: #0066b3}
.flex-control-paging li a {background: #ebebeb; -webkit-box-shadow: none; box-shadow: none; width: 13px; height: 13px;}

/* HEADER */
header {height: 60px;padding-top: 15px;background: #fff;}
header h1 {float: left;font-size: 0;margin: 0;}
header h1 a {display: block;}
header #gnb {float: right;font-size: 0;}
header #gnb>ul {font-size: 16px;font-weight: 600;}
header #gnb>ul>li {display: inline-block;margin-left: 45px;}
header #gnb>ul>li:last-child .btn {font-weight: 800;padding: 8px 15px;margin-top: -2px;}

/* FOOTER */
footer {background: #f2f2f2;padding: 50px 0; margin-top: 100px; color: #666; letter-spacing: -1px; text-align: center;}
footer address {display: block;margin: 1.5em 0}
footer address span {padding: 0 5px;font-size: 80%;color: #ddd;}
footer ul {}
footer li+li {margin-left: 1em;}

/* MAIN */
.main-visual {position: relative;background: #f3f3f3;padding: 110px 0;}
.main-visual .item {position: relative;text-align: center;background-position: 50% 0;background-repeat: no-repeat;}
.main-visual .item img {max-width: 100%;width: auto;margin: 0 auto}
.index footer {margin-top: 0;}
.index section {padding: 80px 0; text-align: center;background-repeat: no-repeat;background-position: 50% 50%; letter-spacing: -1px}
.index section h1 {font-size: 28px;font-weight: bold; margin-bottom: 35px; position: relative;}
.index section h1+p {margin-bottom: 35px;}
.index section p {color: #666; font-size: 17px;}
.index section strong {font-size: 20px;display: block;margin-bottom: 1em;}
.index section h1+strong {font-weight: 600;margin-top: -25px;}
.index section ul {}
.index section li {vertical-align: top;}
.index section li strong {margin-bottom: 1em;}
.index section p.small {font-size: 15px;line-height: 1.6}
.index section .btn {width: 200px;height: 50px; font-size: 15px;background: none !important;}
.index section h1 .btn {width: 40px;height: 40px; font-size: 24px;padding: 0;line-height: 40px;position:absolute;right: 0;top: 0;margin-top: -5px;}
.index section.sc-1 {background-image: url(../img/bg_main_section1.jpg)}
.index section.sc-1 p {}
.index section.sc-1 ul {margin-top: 7%;}
.index section.sc-1 li {padding: 0 110px}
.index section.sc-1 .img {margin-bottom: 2em;}
.index section.sc-2 {background-color: #fafafa;}
.index section.sc-2 ul {margin-top: 7%;}
.index section.sc-2 li {padding: 0 50px}
.index section.sc-2 .img {margin-bottom: 2em;}
.index section.sc-3 .img {margin: 10% auto}
.index section.sc-4 {background: #fafafa}
.index section.sc-4 .img {margin: 10% auto 5%}
.index section.sc-5 .img {margin: 7% auto}
.index section.sc-6 {background-color: #fafafa;}
.index section.sc-6 .embed-responsive {margin: 5% auto;}
.index section.sc-7 {background-image: url(../img/bg_main_section7.jpg)}
.index section.sc-7 h1 {color: #fff;margin-bottom: 0;}
.index section.sc-7 p {color: #fff;margin-bottom: 5%;}
.index section.sc-7 ol {margin: 3% auto; background: url(../img/bg_flow_arr.png) no-repeat 50% 50%;}
.index section.sc-7 li {width: 340px; padding: 0; height: 208px; font-size: 15px;color: #666;background: url(../img/bg_main_cic.png) no-repeat 50% 0;}
.index section.sc-7 strong {color: #2e70b5;margin-top: 17%;margin-bottom: 5%;}
.index section.sc-8 {background-color: #fafafa}
.index section.sc-8 li {width: 330px;float: left;text-align: left}
.index section.sc-8 li+li {margin-left: 55px;}
.index section.sc-8 li strong {margin-bottom: 0.5em;margin-top: 1em;font-size: 18px}
.index section.sc-8 li p {font-size: 14px}
.index section.sc-8 li span {color: #bbb; display: block;margin-top: 1em; font-size: 13px;}
.index section.sc-9 ul {border-top: 2px solid #111;}
.index section.sc-9 li {padding: 1.5em 1em;text-align: left;position: relative; border-bottom: 1px solid #ededed}
.index section.sc-9 strong {margin-bottom: .7em;font-size: 18px}
.index section.sc-9 p {font-size: 15px}
.index section.sc-9 span {position: absolute;right: 0;top: 0;margin-top: 1.5em;margin-right: 1em; color: #bbb; font-size: 13px;}
.index section.sc-10 .slider-wrap {padding-bottom: 5%;position: relative}
.index section.sc-10 .flexslider {padding: 0 110px}
.index section.sc-10 .slides>li {text-align: left;}
.index section.sc-10 .flex-prev, .index section.sc-10 .flex-next {width: 28px;height: 74px;margin-top: -37px;font-size: 0}
.index section.sc-10 .flex-prev {background: url(../img/arr_slide_prev.png)}
.index section.sc-10 .flex-next {background: url(../img/arr_slide_next.png)}
.index section.sc-11 {background: #fafafa}
.index section.sc-11 li {margin-top: 30px;}
.index section.sc-11 li img {margin-bottom: 10px;}
.index section.sc-11 li strong {margin-bottom: 5px;}
.index section.sc-11 li p {font-size: 13px}
.slide-counter {position: absolute;bottom: 0;left: 0;right: 0;text-align: center}
.slide-counter .current-slide {color: #4175ba;}
.slide-counter .total-slides {}

.sub-board .thumb {margin-bottom:15px;}
.sub-board li {width: 330px;float: left; text-align: left; margin-right: 55px; margin-bottom:50px;}
.sub-board li:nth-child(3n+3) {margin-right:0px;}
.sub-board li strong {margin-bottom: 0.5em;margin-top: 1em;font-size: 18px}
.sub-board p {font-size: 14px}
.sub-board li span {color: #bbb; display: block;margin-top: 1em; font-size: 13px;}

/* SUB */
.breadcrumb {font-size: 13px; text-align: right;color: #666; margin-top: 35px; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 30px;}
.sub-top {text-align: center; background: url(../img/bg_sub_top.png) no-repeat 50% 50%;background-size: cover}
.sub-top h1 {font-size: 36px; font-weight: bold; padding-top: 2em;padding-bottom: 2em;}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {overflow: hidden}
.sub-content h2 {font-weight: 600;font-size: 44px;margin-top: 70px;margin-bottom: 40px;position: relative; overflow: hidden;}

/* 회원가입안내 */
.service-guide-flow {}
.service-guide-flow>ol>li {display: table; width: 100%; border-collapse: collapse; background: #f4f4f4; color: #666}
.service-guide-flow>ol>li {margin-bottom: 70px; position: relative;}
.service-guide-flow>ol>li:after {content: "";display: block; position: absolute; left: 0; right: 0; height: 70px; bottom: -70px; background: url(../img/arr_guide_flow.png) no-repeat 50% 50%}
.service-guide-flow>ol>li+li:last-child {margin-bottom: 0;}
.service-guide-flow>ol>li+li:last-child:after {display: none}
.service-guide-flow>ol>li>div {display: table-cell;vertical-align: top; padding: 2em; font-size: 15px}
.service-guide-flow>ol>li .img {width: 1%;}
.service-guide-flow>ol>li .img img {max-width: none; border: 1px solid #e5e5e5;}
.service-guide-flow>ol>li .txt {padding-top: 4em; padding-left: 1em;}
.service-guide-flow>ol>li strong {font-size: 28px; color: #000}
.service-guide-flow>ol>li p {margin: 2em auto}
.service-guide-flow>ol>li p:first-child {margin-top: 0;}
.service-guide-flow>ol>li li {line-height: 1.7}
.service-guide-flow .btn-box .btn {padding: 18px 60px}

/* 고객센터 */
.customer-center {float: left;width: 860px;}
.customer-center .top-search {padding: 30px;text-align: center;background: #fcfcfc;border: 1px solid #ddd;margin-bottom: 4%;}
.customer-center .lead {font-size: 27px;}
.customer-center .search-keyword {margin: 15px auto;color: #888}
.customer-center .search-keyword a {display: inline-block;vertical-align: top;padding: 0 10px}
.customer-center .search-keyword a+a:before {content: "";border-left: 1px solid #ddd;height: 10px;display: inline-block;left: -10px;position: relative;}
.customer-center .input-group {max-width: 285px;margin: 15px auto;}
.customer-center .input-group-btn .btn {min-width: 60px}
.customer-center .top-search .help-block {font-size: 14px;}
.customer-center .terms {height: 650px}
.faq-content .top-search {background: none;padding: 12px;border-color: #e5e5e5;margin-bottom: 10px;}
.faq-content .input-group {max-width: 512px;margin: 0 auto;}
.faq-content .input-group .form-control {height: 28px;border-right: 0;}
.faq-content .input-group .btn {height: 28px;font-family: 'Montserrat';font-size: 11px;font-weight: bold;text-shadow: 1px 1px #666;background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888));background: linear-gradient(#999, #888); border-color: #666;margin-left: 0;-webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px rgba(0, 0, 0, 0.1)}
.faq-content .faq-list {border-top: 0;}
.faq-content .faq-list dt {padding-left: 40px;}
.faq-content .faq-list dt:before {width: 40px;}
.faq-content .faq-list dd {padding-left: 40px;}
.faq-content .faq-list dd:before {width: 40px;}
.faq-category {font-size: 12px; margin-bottom: 0;}
.faq-category li {width: 12.5%}
.faq-list {border-top: 1px solid #888;font-size: 13px;}
.faq-list dt {padding: 12px;padding-left: 180px; color: #222; border-bottom: 1px solid #eee;position: relative;font-weight: normal;}
.faq-list dt span {width: 110px;text-align: center;display: inline-block;margin-left: -110px;color: #0059c4;font-weight: 600;}
.faq-list dt.active a {}
.faq-list dt:before {content: 'Q';display: inline-block;padding: 11px 0;position: absolute;left: 0;top: 0;width:  70px;font-weight: bold; color: #222; text-align:  center;}
.faq-list dd {display: none;line-height: normal;padding: 20px 12px;padding-left: 180px;border-bottom: 1px solid #eee;background: #fbfbfb;position: relative;}
.faq-list dd:before {content: 'A';display: inline-block;padding: 19px 0;position: absolute;left: 0;top: 0;width:  70px;text-align:  center;font-weight: bold;color:  #059ec8;}
.board-list table.table {text-align: center;border-top: 1px solid #888;}
.board-list table.table tr.notice td:first-child {color: #059ec8}
.board-list table.table th, .board-list table.table td {border-color: #eee; text-align: center; font-weight: 600}
.board-list table.table td {color: #888; font-weight: normal;}
.board-list table.table td img {margin: 0 3px;}
.board-list table.table td.state {color: #888;}
.board-list table.table td.state b {color: #222;}
.board-list table.table td.title {text-align: left; color: #222;}
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #059ec8; display: block;}
.board-list table.table td.order-no {color: #059ec8}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-view .view-header {border-top: 2px solid #111;border-bottom: 1px solid #eee; padding: 1em 0.5em; overflow: hidden}
.board-view .view-header strong {font-size: 18px;}
.board-view .view-header span {float: right; color: #ccc; font-size: 13px; line-height: 2;}
.board-view .view-header b {color: #222;font-weight: normal; font-size: 14px; margin: 0 10px}
.board-view .view-body {padding: 2em; min-height: 300px; line-height: 1.7; font-size: 15px; color: #666}
.board-view .btn-box {border-top: 1px solid #eee;padding-top: 2em;}
.board-write table.table textarea {min-height: 280px;}
.board-write select {width: auto;min-width: 150px;}
.board-write .email div>div, .board-write .addr div>div{margin-bottom: 5px;}
.board-write .email div>div:last-child, .board-write .addr div>div:last-child  {margin: 0;}
.board-list .btn-box, .board-view .btn-box, .board-write .btn-box {}
.board-list .btn-box .btn, .board-view .btn-box .btn, .board-write .btn-box .btn {min-width: 100px;padding: 8px 12px;}

/* 모바일 (992px 미만) */
@media (max-width: 991px) {
    body {font-family: sans-serif;}
    .container {width: 100%;}
    #wrap {position: relative;padding-top:60px;overflow-x: hidden;}
    #wrap>#content {min-height: inherit;}
    .owl-nav [class*=owl-] {width:15px;height:30px;margin-top:-15px;line-height: 28px; background: rgba(0, 0, 0, 0.2);font-size: 14px;}
    .flex-direction-nav a {width:15px;height:30px;margin-top:-15px;line-height: 28px;color: #fff; text-align: center !important; background: rgba(0, 0, 0, 0.2);border-radius: 0; z-index: 2;}
    .flex-direction-nav a:before {display: none}
    .flex-direction-nav .flex-prev {opacity: 1;}
    .flex-direction-nav .flex-next {opacity: 1;}
    .flex-direction-nav .flex-disabled {opacity: 1 !important;z-index: 0}
    .flex-control-paging li a {width: 10px; height: 10px;}


    /* HEADER */
    header {position: fixed;left: 0;right: 0;top: 0; padding-top: 0; text-align: center; background: rgba(255, 255, 255, 0.97);border-bottom: 1px solid #ddd;z-index: 9;}
    header h1 {margin: 0 auto; float: none; display: inline-block; line-height: 60px;}
    header h1 img {height: 30px;margin-top: 1px;}
    .toggle-nav-wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.6);overflow: hidden;z-index: 1;}
    .toggle-nav.active {display: block;margin-left: 0;-webkit-transition: all .5s;transition: all .5s;}
    #toggle-open {position: absolute;left: 15px;top: 0;padding: 0;font-size: 24px;background: none;height: 100%;}
    #toggle-close {position: absolute; left: 200px;top: 0;padding: 0;margin: 0 10px;line-height: 1; height: 38px; font-size: 24px; color: #fff; background: none;}
    .toggle-nav {width: 200px;height: 100%;position: absolute;top: 0;left: 0; text-align: left;margin-left: -59%;overflow-y: auto; background: #fff;-webkit-transition: all .5s;transition: all .5s;}
    .toggle-nav nav {float: none; font-size: 17px}
    .toggle-nav nav>ul>li {position: relative;border-bottom: 1px solid #ddd;display: block;margin: 0;line-height: normal;}
    .toggle-nav nav>ul>li a {display: block;padding: 0.8em 12px;position: relative;}
    .toggle-nav nav>ul>li>a:after {content: "\f112";font: normal normal normal 14px/1.5 LineAwesome; position: absolute;right: 0;margin: 0 12px;}
    .toggle-nav nav>ul>li:last-child .btn {text-align: left;padding: 0.8em 12px; font-size: 17px}

    /* FOOTER */
    footer {padding: 2em 0;font-size: 0.85em; margin-top: 50px;}
    footer span.logo {display: block;}
    footer span.logo img {height: 20px;}
    footer li img {height: 20px}
    footer li+li {margin-left: 0}
    footer .scroll-top {position:fixed; right:15px; bottom:0; background:#000; width:35px; height:35px; color:#fff; line-height:35px; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 3}
    footer .scroll-top.is-showing {bottom:55px; opacity:0.3;}

    /* MAIN */
    .main-visual {padding: 10% 15px;}
    .main-visual img {max-width: 90%;margin: 0 auto;}
    .index section {padding: 10% 0;background-size: 180%}
    .index section h1 {font-size: 21px;margin-bottom: 1em;line-height: 1.4}
    .index section p {font-size: 15px;}
    .index section br {display: none}
    .index section li strong {font-size: 16px;}
    .index section li p {font-size: 14px;}
    .index section h1+strong {font-weight: 600;margin-top: -0.7em; font-size: 17px}
    .index section p.small {font-size: 14px;}
    .index section .btn {width: auto;height: auto; font-size: 17px;}
    .index section h1 .btn {width: 20px;height: 20px; font-size: 15px;line-height: 18px;top: 50%;margin-top: -10px;}
    .index section.sc-1 li {display: table; border-collapse: collapse;width: 100%;font-size: 12px; text-align: left; position: relative}
    .index section.sc-1 li>div {display: table-cell;vertical-align: middle; padding: 0 1em;}
    .index section.sc-1 li+li {margin-top: 1em;}
    .index section.sc-1 .img {margin-bottom: 0;width: 30%;}
    .index section.sc-1 strong {margin-bottom: 0.5em;}
    .index section.sc-2 li {display: table; border-collapse: collapse;width: 100%;font-size: 12px; text-align: left; position: relative}
    .index section.sc-2 li>div {display: table-cell;vertical-align: middle; padding: 0 1em;}
    .index section.sc-2 li+li {margin-top: 1em;}
    .index section.sc-2 .img {margin-bottom: 0;width: 30%;}
    .index section.sc-2 strong {margin-bottom: 0.5em;}
    .index section.sc-10 .slide-wrap {}
    .index section.sc-10 .flexslider {padding:  0 20px}
    .index section.sc-10 .flex-prev, .index section.sc-10 .flex-next {width:15px;height: 40px;background-size: 15px;margin-top: -20px;}
    .index section.sc-10 .flex-prev {left: 0}
    .index section.sc-10 .flex-next {right: 0}
    .index section.sc-11 br {display: block}
    .index section.sc-7 {background-size: cover}
    .index section.sc-7 ol {margin: 20px auto; background-size: 100%; overflow: hidden}
    .index section.sc-7 li {float: left;width: 31%; padding: 0 10px; margin: 0 1%; height: auto;padding-top: 31%; font-size: 12px;background-size: 100%; position: relative; line-height: 18px;}
    .index section.sc-7 li span {display: block;width: 100%; position: absolute;left: 50%;top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
    .index section.sc-7 li br {display: block}
    .index section.sc-7 strong {margin-top: 0;margin-bottom: 5px;line-height: 18px;}
    .index section.sc-8 ul {margin: 0 -0.5em}
    .index section.sc-8 li {width: 50%;padding: 0 0.5em;}
    .index section.sc-8 li+li {margin-left: 0;}
    .index section.sc-8 li:last-child {display: none}
    .index section.sc-8 li strong {font-size: 16px;}
    .index section.sc-8 li p {font-size: 14px}
    .index section.sc-8 li span {font-size: 12px;}
    .index section.sc-9 li {padding: 1em 0.5em}
    .index section.sc-9 strong {font-size: 16px;}
    .index section.sc-9 p {font-size: 14px;}
    .index section.sc-9 span {font-size: 12px;position: static;}

	.sub-board ul {margin: 0 2%;}
    .sub-board li {float:left; width: 48%; float: left; text-align: left; margin-right:4%; margin-bottom:5%;}
    .sub-board li:nth-child(2n+2) {margin-right:0px;}
    .sub-board li:nth-child(2n+3) {margin-right:4%;}
    .sub-board li strong {font-size: 16px;}
    .sub-board li p {font-size: 14px}
    .sub-board li span {font-size: 12px;}

    /* SUB */
    .breadcrumb {display: none}
    .sub-top {position: relative;position:relative;overflow: hidden; background:#f7f7f7; text-align: center;border-bottom: 1px solid #ddd; margin-bottom: 1em;}
    .sub-top h1 {font-size: 17px;padding: 1em 0;}
    .sub-top .go-back {display: block;position:absolute;left: 0;top: 50%; line-height: 24px; margin-top: -13px; margin-left: 15px;font-size:24px;z-index:2;}
    .sub-top .sub-location {display: block;text-align: center;padding: 10px 15px;border-bottom: 1px dotted #ddd;}
    .sub-top .sub-top-img {border-top: 1px solid rgba(0, 0, 0, 0.5);}

    /* 회원가입안내 */
    .service-guide-flow {}
    .service-guide-flow>ol>li {display: block;}
    .service-guide-flow>ol>li {margin-bottom: 30px;}
    .service-guide-flow>ol>li:after {height: 30px; bottom: -30px;background-size: 15px;}
    .service-guide-flow>ol>li>div {display: block;}
    .service-guide-flow>ol>li .img {width: auto;}
    .service-guide-flow>ol>li .img img {max-width: 100%;}
    .service-guide-flow>ol>li .txt {padding: 2em;padding-top: 0;}
    .service-guide-flow>ol>li strong {font-size: 21px; font-weight: normal}
    .service-guide-flow>ol>li p {margin: 1em auto}
    .service-guide-flow>ol>li p:first-child {margin-top: 0;}
    .service-guide-flow>ol>li p:last-child {margin-bottom: 0;}
    .service-guide-flow>ol>li li {line-height: 1.7}
    .service-guide-flow .btn-box .btn {padding: 10px 12px; font-size: 15px;}

    /* 고객센터 */
    .customer-center {float: none;width: auto;}
    .customer-center .top-search {padding: 20px;}
    .customer-center .lead {font-size: 18px;}
    .customer-center .input-group {max-width: none;margin: 15px auto;}
    .customer-center .top-search .help-block {font-size: 13px;}
    .customer-center .terms {height: 280px}
    .faq-content .top-search {padding: 12px;}
    .faq-content .input-group {max-width: none;margin: 0}
    .faq-content .faq-list {border-top: 0;}
    .faq-content .faq-list dt {padding-left: 40px;}
    .faq-content .faq-list dt:before {width: 40px;}
    .faq-content .faq-list dd {padding-left: 40px;}
    .faq-content .faq-list dd:before {width: 40px;}
    .faq-category {padding-top: 1px;}
    .faq-category li {width: 25%;}
    .faq-list dt, .faq-list dd {padding: 10px;padding-left: 30px;}
    .faq-list dt span {width: 100%;text-align: left;margin-left: 0;}
    .faq-list dt:before, .faq-list dd:before {padding: 10px;width: 30px;line-height: 1.2;}
    .board-list table.table {text-align: left;border-bottom-color: #eee}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #059ec8;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
    .board-list table.table td {border: 0;padding: 0;display: inline-block;vertical-align: top;font-size: 12px; color: #888;}
    .board-list table.table td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .board-list table.table td.title {font-size: 14px;margin: 5px 0; line-height: 1.2; font-weight: bold;display: block;position: relative; height: auto;color: #222;}
    /* .board-list table.table tr:after {content: "";display: block;width: 5px;height: 10px;position: absolute;top: 50%;right: 13px;background: url(../img/arr_right_brd.gif) no-repeat 0 0;margin-top: -5px;background-size: 5px;} */
    .board-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .board-list table.table td.writer {}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .board-view .view-header strong {font-size: 17px;}
    .board-view .view-header span {float: none; display: block; margin-top: 1em;}
    .board-view .view-header b {margin: 0; margin-right: 5px;}
    .board-view .view-body {padding: 1em;min-height: inherit}
    .board-write table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-write table.table tbody {display: block;}
    .board-write table.table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-write table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-write table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-write table.table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-write table.table textarea {min-height: 150px;}
    .board-write table.table select {width: 100%;}
    .board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn {width: auto;height: auto; min-width: 30%; padding: 10px 16px;}
}

/* iPhone 5,SE */
@media all and (max-width: 320px) {
    .index section h1 {font-size: 19px;}
    .index section strong {font-size: 15px;}
}