@charset "utf-8";
/*Common Footer*/
a {color: #4f59c4;text-decoration: none;}
a:hover,a:focus {color: #4f59c4;text-decoration: underline;}

/*about-rule*/
.terms {border-top:1px solid #c5c5c5;}
.terms p {font-size:13px;margin-bottom:0px;}
.terms ol li {font-size:13px;}
.terms ol {margin-left:0;padding-left:17px;}
.terms ol.pl0 {margin-left:0;padding-left:0px;}

/*Common Footer*/
.new-footer {margin-top:30px;}

.sub-view { display:none;height: 196px; }
@media (min-width:768px) {
	/*Common Footer*/
	.new-footer {margin-top:80px;}

	.sub-view { display:block;}
	.sub-view1 { background: url( '../img/sub-view/1.jpg') center top no-repeat;background-size: auto 100%;}
	.sub-view2 { background: url( '../img/sub-view/2.jpg') center top no-repeat;background-size: auto 100%;}
	.sub-view3 { background: url( '../img/sub-view/3.jpg') center top no-repeat;background-size: auto 100%;}
	.sub-view4 { background: url( '../img/sub-view/4.jpg') center top no-repeat;background-size: auto 100%;}
	.sub-view5 { background: url( '../img/sub-view/4.jpg') center top no-repeat;background-size: auto 100%;}

}

/* CSS Document */
.sub-content { margin-top: 10px; }
.sub-left, .sub-right { min-height:250px; }
.sub-left { padding-left:12px; padding-right:12px; }
.sub-left h2 { width:100%; padding: 43px 0; margin: 0; text-align:center; color:#fff; background: #4f59c4; font-weight:bold;}
.sub-left .menu { width:100%; padding: 0; margin: 0; }
.sub-left .menu li { padding: 0; color:#666666; border: 1px solid #e5e5e5; border-top: none; }
.sub-left .menu li a { width: 100%; padding: 15px 5px 15px 15px; font-size:14px; display:block; color:#888; }
.sub-left .menu li a:hover { text-decoration:none; color:#4f59c4; border: none; }
.sub-left .menu li.on { font-size:14px; color:#fff; font-weight:bold; background: #8993de; border: none; }
.sub-left .menu li.on a { font-size:14px; color:#fff; font-weight: bold; }
/*.sub-right { padding-left:12px; padding-right:12px; }*/
.sub-right { padding-left:5px; padding-right:5px; }

@media (min-width:320px) {
	.sub-left { padding-left:7px; padding-right:7px; }
}
@media (min-width:768px) {
	.sub-left { padding-left:15px; padding-right:15px; }
	.sub-right { padding-left:20px; padding-right:20px; }
}
@media (min-width:992px) {
	.sub-content { margin-top: 40px; min-height:500px; }
	.sub-left { padding-left:0; padding-right:20px; }
	.sub-left h2 {padding: 33px 0; font-size:18px;}

	.sub-right { padding-left:20px; padding-right:0px; }
	.sub-right2 { padding-left:20px; }
}
@media (min-width:1200px) {
	.sub-left { padding-left:0; padding-right:0px;}
	.sub-left h2 { padding: 43px 0;font-size:22px;}
	.sub-left .menu li a { padding: 15px 5px 15px 30px;}
	.sub-left .menu li.on a { font-size:14px; color:#fff; font-weight: bold; background: url( '../img/s/sub-left-arrow.png') 90% center no-repeat; }

	.sub-right { padding-left:50px; padding-right:0px; }
	.sub-left2 { padding-right:10px; }
	.sub-right2 { padding-left:30px; }
}

/*location*/
.location { display:block; height:30px;}
.location h3 { margin: 0; padding: 0px; float:left; font-size:18px;color:#111;font-weight:bold; }
.location .path {display:none; float:right; margin-top: 0px; font-size: 12px; color:#999999;}
.location .path span.home { background:url('../img/s/home.png') 0 2px no-repeat; padding-left: 14px;}
.location .path span.strong { font-weight: bold;color:#393939; }

@media (min-width:768px) {
	.location { display:block;height:40px;}
	.location h3 {font-size:22px;letter-spacing:-1pt;}
	.location .path {display:block; margin-top: 5px;}
	.location .path span.home { background:url('../img/s/home.png') 0 3.5px no-repeat; }
}

h4.tit {color: #4f59c4;font-size: 16px;font-weight: 700;margin-top:0px;margin-bottom: 10px;letter-spacing: -1px;}
h4.tit-navy {color: #4f59c4;font-size: 24px;font-weight: 700;margin-bottom: 5px;letter-spacing: -1.5px;}
h5.tit-navy {color:#4f59c4;font-size:16px;font-weight:700;margin-bottom: 5px;letter-spacing:-1px;}
h6.tit-navy {color:#333;font-size:14px;font-weight:700;margin-bottom: 5px;letter-spacing:-1px;}


/* Content */
.m-block {display:block;}
.w-block {display:inline;}
.bold {font-weight:700;color:#222;}
.pr0 {padding-right:0;}
.pl0 {padding-left:0;}
.justify {text-align:justify;}
.purple {font-size:17px;color:#4f59c4;margin:0;font-weight:700;margin-bottom:20px;line-height:130%;}
.purple2 {font-size:20px;color:#4f59c4;margin:0;font-weight:700;margin:30px 0 0 0;letter-spacing:-0.5pt;}
.purple3 {font-size:16px;color:#4f59c4;margin:0;font-weight:700;margin:0px 0 10px 0;letter-spacing:-0.5pt;}
.purple4 {font-size:20px;color:#4f59c4;margin:0;font-weight:700;margin:2px 0 10px 0;letter-spacing:-0.5pt;}
.purple5 {font-size:16px;color:#c45fac;margin:0;font-weight:700;margin:20px 0 10px 0;letter-spacing:-0.5pt;}

.purple6 {font-size:14px;color:#4f59c4;margin:0;font-weight:700;letter-spacing:-0.5pt;}


.pink {background: url('../img/m/icon-01.png') left top no-repeat;padding:0 0 1px 23px;font-size:15px;font-weight:700;color:#333;margin:30px 0 25px 0;letter-spacing:-0.5pt;}
.parrow {background: url('../img/s/bullet_arrow.png') 5px 10px no-repeat;padding:0 0 0 15px;}

.b16 {font-weight:700;font-size:16px;color:#222;}
.editable {font-size:14px;color:#333;}
.editable:after {clear:both;display:block;content:"";}
.editable p {margin-bottom:0;line-height:1.5}
.editable p img {max-width:100%;}

.c1-1-1 {padding-top:20px;border-top:1px solid #c5c5c5;}
.c1-1-2 {margin-top:40px;}
.c1-1-1 .left, .c1-1-2 .left {text-align:center;}
.c1-1-1 .right, .c1-1-2 .right {margin-top:20px;text-align:justify;}

.c1-2 .logo {margin-top:15px;width:100%;}
.c1-2 .left-img {display:block;vertical-align:top;text-align:center;}
.c1-2 .left-img img {max-width:100%;}
.c1-2 .right-txt {display:block;vertical-align:top;padding-top:20px;}

.hist {width:100%;display:block;}
.hist .left {width:100%;display:block;padding:8px 0 8px 12px;background:#8993de;vertical-align:middle;text-align:left;color:#fff;font-size:15px;font-weight:700;}
.hist .left-bg2 {background:#d488c0;}
.hist .right {width:100%;display:block;padding:10px 0 10px 10px;border:1px solid #dbdbdb;border-top:0;}
.hist .right, .hist .right p {}
.hist .right.last {border-bottom:1px solid #dbdbdb;}
.hist .right .month {display:block;color:#4f59c4;font-size:13px;font-weight:700;letter-spacing:-1pt;}
.hist .right .month2 {color:#c45fac;}
.hist .right .txt {display:block;color:#555;font-size:13px;letter-spacing:0;}
.hist .txt span {display:block;}
.hist.first .right {border-top:1px solid #dbdbdb;}
.hist.last .left {border-bottom:1px solid #8993de;}
.hist.last2 .left {border-bottom:1px solid #d488c0;}
.hist .right .month.first {margin-top:0;}
.hist .right .month {margin-top:15px}

.map-img {border:1px solid #c5c5c5;padding:5px 0 15px 0;background:#fff;text-align:center;}
.map-img img {max-width:80%;}
.map-txt {font-size:14px;}
.square {font-size:16px;color:#4f59c4;font-weight:600;background:url('../img/s/bullet_square.png') left center no-repeat;padding-left:18px;margin:20px 0 10px 0;}
.square2 {font-size:16px;color:#333;font-weight:600;background: url('../img/m/icon-01.png') left 2px no-repeat;padding:0 0 2px 25px;margin:20px 0 10px 0;line-height:1.4;}
.purple-t {color:#4f59c4;font-weight:600;margin:20px 0 5px 0;}
.lineg {border-top:1px solid #dbdbdb;margin:20px 0;}
.purple-bold {color:#4f59c4;font-weight:600;}
.purple-bold2 {color:#c45fac;}
.under-arrow {text-align:center;padding:7px 0;}
.under-license {text-align:center;padding:10px 0;background:#4f59c4;color:#fff;font-weight:700;}
.under-license img {vertical-align:top;margin-top:-4px;margin-right:4px;}
.under-license2 {background:#c45fac;}

.boldb {font-weight:700;color:#222;}
.mtw {margin-top:10px;}
.mtw2 {margin-top:80px;}

.cbox1, .cbox2, .cbox3 {display:table;width:100%;background:#8993de;}
.ctxt {display:table-cell;vertical-align:middle;padding:10px;color:#fff;font-size:14px;line-height:1.5;}

@media (min-width:768px) {
	
	.editable p {line-height:1.8}

	.purple {margin-bottom:30px;}
	.purple2 {font-size:22px;margin:40px 0 20px 0;}
	.purple3 {font-size:22px;margin:0px 0 20px 0;}
	.purple4 {font-size:22px;margin:40px 0 20px 0;}
	.purple5 {font-size:22px;margin:40px 0 20px 0;}
	.parrow {background: url('../img/s/bullet_arrow.png') 10px 10px no-repeat;padding:0 0 0 19px;}

	.c1-1-1 {padding-top:40px;}
	.c1-1-2 {margin-top:80px;}

	.hist {width:100%;display:table;}
	.hist .left {width:20%;font-size:22px;display:table-cell;text-align:center;padding-left:0;border-bottom:1px solid #fff;font-weight:500;}
	.hist .left {font-size:17px;}
	.hist .right {width:80%;padding:25px 0px 25px 30px;display:table-cell;border-bottom:1px solid #dbdbdb;border-right:0}
	.hist .right .month {font-size:14px;letter-spacing:0;}
	.hist .right .txt {font-size:14px;letter-spacing:-0.5pt;}

	.square {margin:50px 0 10px 0;}
	.square2{margin:30px 0 20px 0;}
	.purple-t {margin:30px 0 5px 0;}
	.lineg {border-top:1px solid #dbdbdb;margin:50px 0;}
	.mtw {margin-top:20px;}
	.mtw2 {margin-top:100px;}

	.cbox1 {display:table;width:100%;height:192px;background:url('../img/s/c2-1-1.png') no-repeat;background-size: auto 100%;}
	.cbox2 {display:table;width:100%;height:192px;background:url('../img/s/c2-1-2.png') no-repeat;background-size: auto 100%;}
	.cbox3 {display:table;width:100%;height:192px;background:url('../img/s/c2-1-3.png') no-repeat;background-size: auto 100%;}
	.ctxt {display:table-cell;vertical-align:middle;padding:0 100px 0 230px;color:#fff;font-size:16px;line-height:1.7;}

}
@media (min-width:992px) {

	.m-block {display:inline !important;}
	.w-block {display:block;}
	.w-inline {display:inline-block;}

	.c1-1-1 .left, .c1-1-2 .left {float:left;width:160px;text-align:left;}
	.c1-1-1 .right, .c1-1-2 .right {float:left;width:625px;margin-top:0px;}
	.c1-1-2 {float:left;}

	.c1-2 .logo {display:table;width:100%;table-layout:fixed;margin-top:30px;}
	.c1-2 .left-img {display:table-cell;vertical-align:top;width:10%;}
	.c1-2 .right-txt {display:table-cell;vertical-align:top;padding-left:15px;padding-top:0;width:90%;}

}
@media (min-width:1200px) {
	.c1-1-1 .left, .c1-1-2 .left {width:160px;}
	.c1-1-1 .right, .c1-1-2 .right {width:764px;}
	.c1-2 .right-txt {padding-left:30px;}

}

/*apply-noti*/
.apply-noti-tit {border-top:1px solid #c5c5c5;background:#f9f9f9;font-weight:700;font-size:14px;text-align:center;margin-top:15px;padding:5px 0;}

.apply-noti {border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:7px;}
.apply-noti .txt {padding:0;font-size:12px;}
.apply-noti .txt p {margin-bottom:0px;}
.apply-noti .txt2 {padding:10px 0 0 0;}
.apply-noti .txt2 p {font-size:12px;margin-bottom:0px;}

.apply-noti .agree {font-weight:bold;text-align:center;margin:20px 0 20px 0;}
.apply-noti .input {text-align:center;margin-top:10px;}
.apply-noti .input label {font-size:15px;}

.t-list {display:table;width:100%;}
.t-list .left {display:table-cell;}
.t-list .right {display:table-cell;text-align:right;}

@media (min-width:768px) {
	.apply-noti {padding:20px 15px;}
}


/*board search*/
.board-search {clear:both;display:inline-block;padding-top:5px;padding-bottom:0px;}
.board-search .dropdown {width:100%;}
.board-search .dropdown li {font-size:12px;}
.board-search .input-group {width:100%;}
.bbs-search {position:relative;margin-top:5px;height:35px;}
.bbs-search .input-group {width: 180px;}
.bbs-search .input-group2 {width: 180px;}
.bbs-search .input-group2 {width: 180px;}
.bbs-search .b-btb-posi {position:absolute;right:0;top:0;}
@media (min-width:240px) {
	.board-search .dropdown {float:left;width:30%;}
	.board-search .input-group {float:right;width:50%;}
}


/*board-list*/
.board-list { width:100%;}

/*notice-list*/
.notice-list {border-top:1px solid #c5c5c5;margin-bottom:0;}
.notice-list li {background:#fcfcfc;overflow:hidden;border-bottom:1px solid #e6e7e8;}
.notice-list li {width:100%;line-height:1.2;}
.notice-list li a {display:block;padding:10px 5px 10px 9px;font-size:13px;}
.notice-list li a:after { content: ""; display: block; clear: both; *zoom:1; }
.notice-list li a:focus, .notice-list li a:hover {text-decoration:none;background:#fffff3;}
.notice-list li span.noti {float:left;width:50px;padding-top:10px;font-size:12px;font-weight:bold;text-align:center;}
.notice-list li span.o-subject {width:100%;letter-spacing:0em;}
.notice-list li .subject {display:block;color:#000;font-size:12px;font-weight:400;}
.notice-list li .subject .bold {font-weight:700;}
.notice-list li .subject .t-ellipsis {display:inline-block;max-width:90%;}
.notice-list li span.add-info {display:inline-block;font-size:12px;color:#aaa;}
.notice-list li span.memo {display:none;vertical-align:top;color:#000;}
.notice-list li .user {color:#777;}
@media (min-width:992px) {
	/*board-list*/
	.notice-list li .subject {float:left;width:83%;padding-right:20px;font-size:14px;}
	.notice-list li span.add-info {float:right;width:17%;font-size:14px;}
	.notice-list li .date {margin-left:5px;}
}
@media (min-width:1200px) {
	/*board-list*/
	.notice-list li .subject {width:85.5%;}
	.notice-list li span.add-info {width:14.5%;}
}


/*board-main*/
.board-main {margin-bottom:0;}
.board-main li {width:100%;overflow:hidden;line-height:1.2;border-bottom:1px solid #e6e7e8;}
.board-main li a {display:block;padding:3px 0;}
.board-main li a:after { content: ""; display: block; clear: both; *zoom:1; }
.board-main li a:focus, .board-main li a:hover {text-decoration:none;background:#fffff3;}

/* .board-main li span.img {float:left;width:67px;display:none;border:1px solid #f0f0f0;} */
.board-main li span.img {float:left;width:28%;max-height:60px;margin-top:0px;display:block;overflow-y:hidden;margin:0 auto;border:1px solid #f0f0f0;}
.board-main li span.img img {padding-top:0px;width:100%;vertical-align:middle;}
.board-main li span.reply {float:left;width:20px;text-align:center;padding-top:7px;}

.board-main li span.o-subject {float:left;width:72%;padding:7px 0 7px 7px;}
.board-main li span.o-subject.reply {display:block;text-align:left;width:62%;padding-top:0;}
.board-main li span.b-like-it {color:#aaa;margin-left:2px;}
.board-main li span.b-like-it .glyphicon {font-size:11px;}
.board-main li span.no-img {width:100%;padding:7px 0 7px 7px;}
.board-main li span.reply-no-img {width:90%;}

/*board list title*/
.board-main li .subject {display:block;color:#000;font-size:14px;letter-spacing:-1px;}
.board-main li .subject .t-ellipsis {display:inline-block;max-width:90%;}
.board-main li span.add-info {display:inline-block;font-size:12px;letter-spacing:0;}
.board-main li span.add-info span.user {color:#777;}
.board-main li span.add-info span.level {color:#aaa;}
.board-main li span.add-info span.user:hover,.board-main li span.add-info span.user:focus {text-decoration:none;color:#4f59c4}
.board-main li span.icon {display:block;}
.board-main li span.icon span.glyphicon {font-size:11px;}
.board-main li span.date {color:#aaa;margin-left:0px;}
.board-main li span.date:before { content: "|";margin-right:3px;color:#e0e0e0;font-size:11px;}
.board-main li .date-web {display:none;}
.board-main li span.count {color:#aaa;}
.board-main li span.count span.glyphicon {font-size:11px;}
.board-main li span.memo {display:inline-block;color:#999;vertical-align:top;margin-left:4px;}
.board-main li span.file {padding-left:3px;}
.board-main li span.file img {margin-top:-3px;}
@media (min-width:480px) {
	.board-main li span.img {max-height:80px;}
	.board-main li span.reply {padding-top:10px;}
}
@media (min-width:600px) {
	.board-main li span.img {max-height:100px;}
}
@media (min-width:768px) {
	.board-main li {border-bottom: 1px solid #e6e7e8;margin-bottom:0px;}
	.board-main li a {padding:6px 0;}
	.board-main li .subject {font-size:19px;letter-spacing:-1px;}
	.board-main li span.img {float:left;width:168px;max-height:94px;margin-top:0px;padding-left:0px;margin-bottom:0;display:block;overflow-y:hidden;border-bottom:1px solid #e6e7e8;}
	.board-main li span.reply {display:block;width:40px;text-align:center;padding-top:20px;}
	.board-main li span.o-subject {float:left;width:77%;padding:5px 0 0 12px;border:0;background:transparent;}
	.board-main li span.o-subject:hover {background:transparent;}
	.board-main li span.o-subject.reply {width:57%;text-align:left;}
	.board-main li span.no-img {padding:18px 7px 24px 12px;}
	.board-main li span.reply-no-img {padding-top:10px;padding-bottom:10px;}
	.board-main li span.b-like-it {display:inline-block;}
	.board-main li span.add-info {display:inline-block;font-size:14px;}
	.board-main li span.count {display:inline-block;}
	.board-main li .auction-subject2 .subject {font-size:19px;}
}
@media (min-width:992px) {
	.board-main li {line-height:1.5;}
	.board-main li a {font-size:14px;position:relative;}
	.board-main li a:after { content: ""; display: block; clear: both; *zoom:1; }
	.board-main li span.o-subject {width:60%;}
	.board-main li .subject {font-size:17px;}
	.board-main li span.no-img {width:80%;padding:8px 7px 13px 12px;}

	.board-main li span.date {display:none;}
	.board-main li .date-web {display:table;width:120px;color:#555;position:absolute;right:0px;top:38%;}
	.board-main li .date-web .inner {display:table-cell;height:100%;vertical-align:middle;}
	.board-main li .date-web.no-img {display:table;width:120px;color:#666;position:absolute;right:0px;top:35%;padding:0;}
}
@media (min-width:1025px) {
	.board-main li .subject {font-size:15px;font-weight:500;}
	.board-main li .brown {font-weight:500;}
}
@media (min-width:1200px) {
	.board-main li span.o-subject {width:65%;}
	.board-main li span.no-img {width:80%;padding:5px 7px 7px 12px;}
}

.mobile-new {display:table;width:100%;border:1px solid #e6e7e8;border-top:0;background:#f7f7f7;height:33px;}
.mobile-new .b-like-it {display:table-cell !important;color:#8993de;text-align:center;vertical-align:middle;}
.mobile-new .count {display:table-cell !important;color:#777;text-align:center;vertical-align:middle;}
.mobile-new .memo {display:table-cell !important;color:#8993de;text-align:center;vertical-align:middle !important;}
@media (min-width:768px) {
	.mobile-new { display:none; }
}


/*Pagination*/
.board-p {position:relative;text-align:left;margin-top:0px;padding:3px 0 4px 0;/*background:#fcfcfc;*/border-bottom:1px solid #f0f0f0;}
.board-p .b-btb-posi {position:absolute;right:0;top:3px;}
.board-p .f-size {font-size:11px;}
.board-p .pagination {margin:5px 0 0 0 ;border-radius:0px;}
.board-p2 {margin-top:0;}

.pagination>li>a, .pagination>li>span {border: 1px solid #e0e0e0;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {border-color: #e0e0e0;}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 7px 11px;
    font-size: 12px;
}
.pagination-sm>li.pbtn>a, .pagination-sm>li.pbtn>span {
    padding: 7px 9px;
}
.board-p-center {text-align:center;}

@media (min-width:768px) {
	.pagination-sm>li>a, .pagination-sm>li>span {
		padding: 8px 12px;
	}
	.pagination-sm>li.pbtn>a, .pagination-sm>li.pbtn>span {
		padding: 8px 12px;
	}
}

/*board-main-view 읽기페이지*/
.board-main-view {border-top:1px solid #c5c5c5;}
.board-main-view li span.o-subject {/*width:92%;*/padding-left:7px;}
.board-main-view li span.prev {float:left;padding:28px 5px 0 5px;font-size:12px;}
.board-main-view li span.next {float:left;padding:28px 5px 0 5px;font-size:12px;}
.board-main-view li span.prev .txt, .board-main li span.next .txt {display:none;}
@media (min-width:768px) {
	.board-main-view li span.no-img {width:86%;}
	.board-main-view li span.prev {padding:35px 5px 0 5px;font-size:12px;}
	.board-main-view li span.next {padding:35px 5px 0 5px;font-size:12px;}
	.board-main-view li span.prev .txt, .board-main li span.next .txt {display:inline-block;}
}


/*board-view-title*/
.board-view {border-top:1px solid #c5c5c5;margin-bottom:0;background:#fcfcfc;padding:9px 0 9px 0;border-bottom:1px solid #e6e7e8;}
@media (min-width:768px) {
	.board-view {padding:18px 0 20px 0;}
}

.board-title {margin-bottom:0;}
.board-title li {overflow:hidden;line-height:1.3;width:100%;padding:0 10px 0 0;}
.board-title li span.noti {float:left;width:12%;padding:22px 0;font-size:12px;color:#4f59c4;font-weight:bold;text-align:center;}
.board-title li span.o-subject {float:right;width:88%;}
.board-title li span.no-noti {padding-left:2%;width:100%;}
.board-title li span.title {display:inline-block;display:block;color:#111;font-size:16px;letter-spacing:-1px;}
.board-title li span.memo {display:inline-block;vertical-align:top;font-weight:normal;}
.board-title li span.date {color: #999;letter-spacing:0;margin-left:2px;}
.board-title li span.count {color: #999;margin-left:2px;}
.board-title li span.b-like-it {margin-left:0px;color: #999;}
.board-title li span.add-info {display:inline-block;font-size:14px;}
.board-title li span.add-info span.glyphicon {font-size:11px;}
.board-title li span.add-info span.attach {display:block;padding:5px 0;}
.board-title li span.add-info span.attach a {display:inline-block;color:#2d2d2d}
.board-title li span.add-info span.attach a:hover, .board-title li span.add-info span.attach a:focus {text-decoration:none;}
@media (min-width:640px) {
	.board-title li {padding:0 10px 0 0;}
	.board-title li span.noti {font-size:14px;}
	.board-title li span.o-subject {float:left;}
	.board-title li span.add-info {font-size:14px;}
}
@media (min-width:768px) {
	.board-title li span.noti {padding: 12px 0;}
	.board-title li span.title {font-size:22px;}
	.board-title li span.o-subject {float:left;}
	.board-title li span.add-info {font-size:14px;}
}
@media (min-width:992px) {
	.board-title li span.title {font-size:17px;font-weight: 600;}
	.board-title li span.add-info {font-size:13px;}
}

span.level {color:#8993de;}

/*board-button*/
.board-button { display: inline-block; width: 100%; margin: 0; padding:0;border-bottom:1px solid #e6e7e8; }
.board-button:after { content: ""; display: block; clear: both; *zoom:1; }
.board-button .left {float:left;padding-top:0px;}
.board-button .left .btn {margin-top:-4px;}
.board-button .left a {color:#666;font-size:12px;}
.board-button .left a:hover {text-decoration:none;color:#4f59c4;}
.board-button .left a:after {content:"";background:url('../img/sns/bar.gif') 7px 2px no-repeat;padding:0 3px 0 6px;}
.board-button .left a:last-child:after {content:"";background:none;}

.board-button .right {float:right;}
.board-button .right a {color:#666;font-size:12px;}
.board-button .right a:hover {text-decoration:none;color:#4f59c4;}
.board-button .right a:after {content:"";background:url('../img/sns/bar.gif') 7px 2px no-repeat;padding:0 3px 0 6px;}
.board-button .right a:last-child:after {content:"";background:none;}
.board-button .center {text-align:center;}

.board-button .left-web {padding:0;}
.board-button .right-web {text-align:right;margin-top:0px;}
@media (min-width:860px) {
	/*board-button*/
	.board-button .left-web {float:left;}
	.board-button .right-web {float:right;margin-top:0px;}
}

.board-button-view {border-bottom:none;text-align:right;}
.board-button-view .dropdown {float: left; margin:0 0 5px -14px;}
.board-button-view2 {padding:5px 0;}
.board-button-view3 {padding:5px 0 7px 8px;}
@media (min-width:768px) {
	.board-button-view .dropdown {float: left; margin:5px 0 5px -13px;}
	.board-button-view2 {padding:5px 0;}
}


/* 이부분은 공통으로 뺼것 아니면 board 선택범위를 좁혀야... */
.mmt50-wmt100 {margin-top:50px;}
.write-mt {padding-bottom:5px;}
a.write-btn {background:#fff;color:#4f59c4;border:1px solid #4f59c4;}
a.write-btn:hover {background:#8993de;color:#fff;border:1px solid #8993de;transition: all 0.2s ease;}
.padding0{padding:0;}
@media (min-width:768px) {
	.write-mt {padding-top:5px;padding-bottom:5px;}
	a.write-btn {padding: 6px 18px;}
}
@media (min-width:992px) {
	.mmt50-wmt100 {margin-top:60px;}
}





.btn-sm {padding: 7px 16px;}
.btn-sm2 {padding: 4px 10px;font-size:11px !important;;}
.btn-sm4 {padding: 7px;font-size:14px;}
.btn-sm-cgray {background:#505356;color:#fff;}
.btn-sm-cgray:hover {background: #8993de;}
@media (min-width:414px) {
	.btn-sm {padding: 7px 21px;}
	.btn-sm2 {padding: 4px 10px;}
}
@media (min-width:768px) {
	.btn-sm3 {padding: 5px 19px;}
}
@media (min-width:992px) {
	.btn-sm {padding: 7px 14px;}
	.btn-sm2 {padding: 3px 5px;font-size:11px;}
}




.new-sns-outline {text-align:center;margin-top:15px;}
.new-sns-outline .new-sns {margin:0;}
.new-sns-outline .new-sns li {padding:0;}
.new-sns-outline .new-sns li a {display:block;font-size:0;}
.new-sns-outline .new-sns li a img {width:30px;height:30px;margin:0;}
@media (min-width:992px) {
	.new-sns-outline .new-sns li a img {max-width:100%; width: 32px;height: 32px;}
}




/*board-vote*/
.board-vote {border-top:1px solid #c5c5c5;border-bottom:1px solid #e6e7e8;margin-top:20px;padding:35px 30px 30px 30px; }
.board-vote p {margin:0;}
.board-vote:after { content: ""; display: block; clear: both; *zoom:1; }
.board-vote .title-date {width:100%;text-align:center;margin-top:0px;padding:15px 0;}
.board-vote .title-date .title {color:#4f59c4;font-weight:bold;font-size:16px;}
.board-vote .title-date .title a {display:block;margin:0 auto;width:100%;background:#c6861b;padding:3px 10px 5px 10px;border-radius:5px;color:#fff;}
.board-vote .title-date .date {font-size:12px;font-weight:bold;margin-top:8px;}
.board-vote .title-date .finish {margin:0 auto;width:100px;height:30px;line-height:30px;margin-top:10px;background:#333;color:#fff;text-align:center;}

/*board-vote-article*/
.board-vote .vote-list {display:block;margin:0 auto;}
.board-vote .vote-list .vote-article {position:relative;text-align:center;border-bottom:1px solid #f0f0f0;padding:10px 0;font-size:14px;vertical-align:top;display:block;color:#111;font-weight:bold;}
.board-vote .vote-list .order {position:absolute;top:0;left:0;width:30px;height:30px;background:#8993de;color:#fff;text-align:center;line-height:30px;}

.board-vote .vote-list .vote-article .img {display:inline-block;max-width:40%;text-align:left;}
.board-vote .vote-list .vote-article img {max-width:95%;}

.board-vote .vote-list .vote-article .txt {display:inline-block;width:58%;vertical-align:top;}
.board-vote .vote-list .vote-article .txt .f-radio {display:table-cell;text-align:center;padding-right:2px;}
.board-vote .vote-list .vote-article .txt .f-radio input {}
.board-vote .vote-list .vote-article .txt .title {display:table-cell;word-break:break-all;text-align:left;font-weight:normal;}

.board-vote .button {text-align:center;padding-top:20px;}

.board-vote .vote-list .vote-result {position:relative;max-width:100%;height:17px;margin:0 auto;margin-bottom:7px;background:#eee;}
.board-vote .vote-list .vote-result .bar {float:left;height:17px;background:#dba524;}
.board-vote .vote-list .vote-result .count {position:absolute;right:5px;font-size:13px;color:#000;font-weight:bold;}
.board-vote .vote-list .vote-result .count span {font-size:10px;}
.vote-finish {margin-top:5px;}

.board-vote .vote-list .vote-article .no-img {width:100%;}

@media (min-width:992px) {

	/*board-vote-article*/
	.board-vote .vote-list {margin:0 auto;margin-top:0px;}
	.board-vote .vote-list .vote-article .img {width:25%;}
	.board-vote .vote-list .vote-article .txt {width:74%;margin-bottom:5px;}
	.board-vote .title-date {padding:0 0 15px 0;}
	.board-vote .vote-list .vote-article .txt .title {font-size:15px;font-weight:bold;}
	.board-vote .title-date .title a {width:80%;}

	/*board-vote-article*/
	.board-vote .vote-list {margin-top:0px;}
	.board-vote .vote-list .vote-article {width:80%;margin:0 auto;}
	.vote-finish {margin-top:0px;}
}

@media (min-width:1200px) {
	/*board-vote-article*/
	.board-vote {padding:50px 50px 40px 50px;}
	.board-vote .title-date .title a {width:65%;}
	.board-vote .vote-list .vote-article {width:65%;}
	/*.board-vote .vote-list .vote-article {height:340px;}
	.board-vote .vote-list .vote-article img {max-width:100%;max-height:200px;}*/
}







/*board-content*/
.board-content {padding:10px 7px;border-bottom:1px solid #e6e7e8;word-break:break-all;font-size:16px;}
.board-content img {max-width:100%;height:auto;display:block;margin:0 auto !important;margin:20px 0;height: auto;}
.board-content ul li img, .board-content div img, .board-content p img {margin:0 auto;height: auto;}
.board-content ul, .board-content ol {list-style:none;padding:0;margin:0;margin-top:30px;}
.board-content iframe {max-width:100%;min-height:150px;}

@media (min-width:768px) {
	.board-content {padding:10px 20px;border-bottom:1px solid #e6e7e8;font-size:17px;}
	.auction-detail-view {padding:10px 20px;}
	.board-content p.youtube {text-align:center;}
}
@media (min-width:992px) {
	.board-content {padding:30px 30px;}
}


/*board-content-btn-like-it*/
.board-like-it {display:block;padding-top:14px;font-size:12px;width:70px;height:70px;text-align:center;background:#8993de;color:#fff;border-radius:50px;line-height:1.1;margin:0 auto;margin-top:15px;}
.board-like-it:focus, .board-like-it:hover {color:#fff;text-decoration:none;background:#4f59c4;}
@media (min-width:640px) {
	.board-like-it {width:80px;height:80px;padding-top:16px;font-size:14px;}
}
@media (min-width:768px) {
	/*board-content-btn-like-it*/
	.board-like-it {width:80px;height:80px;padding-top:22px;font-size:14px;}
}
@media (min-width:992px) {
	/*board-content-btn-like-it*/
	.board-like-it {width:80px;height:80px;padding-top:16px;font-size:14px;}
}





/*comment-txt*/
.comment-txt {margin-top:20px;margin-bottom:10px;}
.comment-txt #num_text {}
.comment-txt #num_text:before {content:"";background:url('../img/sns/bar2.gif') 2px 4px no-repeat;padding:0 3px 0 6px;}

/*comment-write*/
.comment-write {height:84px;padding:0px;}
.comment-write .input-group textarea,.comment-write .input-group button {height:84px;}
.comment-write .input-group button {width:60px;}
@media (min-width:480px) {
	.comment-write {height:133px;padding:15px 20px 0 20px;background:#fcfcfc;border-top:1px solid #e6e7e8;border-bottom:1px solid #e6e7e8;}
	.comment-write .input-group textarea,.comment-write .input-group button {height:100px;}
	.comment-write .input-group button {width:100px;}
}


/*comment-sort*/
.comment-sort {margin-top:25px;margin-bottom:5px;border-bottom:1px solid #e6e7e8;}
.comment-sort li {font-size:14px;}
.comment-sort li a {color:#111;}
.comment-sort li.on a {color:#4f59c4;font-weight:bold;}
.comment-sort li a:hover {text-decoration:none;}

/*comment-list 댓글아웃라인*/
.comment-list {padding:13px 0 14px 0;border-bottom:1px solid #e6e7e8;}
.comment-list:after { content: ""; display: block; clear: both; *zoom:1; }
.comment-list .user-img {float:left;width:40px;height:40px;}
.comment-list .user-img img {width:40px;height:40px;}
.comment-list-last {border-bottom:1px solid #e6e7e8;}
.comment-list-nomsg {margin-top:20px;padding:20px 0;border-top:1px solid #e6e7e8;border-bottom:1px solid #e6e7e8;}

/*comment-list-user-msg 댓글 글쓴이, 내용*/
.comment-list .user-msg {float:left;padding-left:10px;font-size:12px;width:80%;}
.comment-list .user-msg .user-left {float:left;}
.comment-list .user-msg .button-right {float:left;padding-top:10px;}
.comment-list .user-msg .user-line {font-size:14px;}
.comment-list .user-msg .user-line .date {color: #b5b5b5;font-size:14px;}
.comment-list .user-msg .user-line .date:after {content:"|";padding:0 3px 0 5px;color:#d3d3d3;}
.comment-list .user-msg .user-line .date:after {content:"";background:url('../img/sns/bar.gif') 7px 3px no-repeat;padding:0 3px 0 6px;}
.comment-list .user-msg .user-line .singo a {text-decoration:none;color:#b5b5b5;font-size:13px;}
.comment-list .user-msg .user-line .singo a:after {content:"";background:url('../img/sns/bar.gif') 7px 3px no-repeat;padding:0 3px 0 6px;}
.comment-list .user-msg .user-line .del a {text-decoration:none;color:#b5b5b5;font-size:13px;}
.comment-list .user-msg .msg {font-size:15px;margin-top:5px;word-break:break-all;}
@media (min-width:480px) {
	.comment-list .user-msg {padding-left:15px;width:85%;}
}
@media (min-width:768px) {
	.comment-list .user-msg {padding-left:15px;width:86%;font-size:14px;}
	.comment-list .user-msg .msg {font-size:16px;}
	.comment-list .user-img {float:left;width:50px;height:50px;}
	.comment-list .user-img img {height:50px;}
}
@media (min-width:992px) {
	.comment-list .user-msg {font-size:12px;width:80%;}
	.comment-list .user-msg .msg {font-size:15px;}
	.comment-list .user-img {float:left;width:55px;height:55px;}
	.comment-list .user-img img {height:55px;}
}
@media (min-width:1200px) {
	.comment-list .user-msg {width:85%;}
}

/*comment-list-user-msg btn*/
.comment-list .btn-reply {color:#111;padding:4px 10px;font-weight:bold;border-radius:0px;}
.comment-list .btn-reply:hover {color:#fff;background:#4f59c4}
.comment-list .btn-like-it {color:#8993de;padding:4px 8px;font-weight:bold;border-radius:0px;}
.comment-list .btn-like-it:hover {color:#fff;background:#8993de;}

/*comment-reply 대댓글*/
.comment-reply {padding-left:5px;}
.comment-reply .user-msg {width:80%;}
.comment-reply .reply {float:left;width:5%;padding-top:0px;padding-right:5px;text-align:center;}
.comment-reply .reply img {max-width:100%;}
@media (min-width:480px) {
	/*comment-reply*/
	.comment-reply .user-msg {width:75%;}
	.comment-reply .reply {width:8%;padding-top:5px;}
}
@media (min-width:640px) {
	/*comment-reply*/
	.comment-reply .user-msg {width:80%;}
	.comment-reply .reply {width:5%;}
}
@media (min-width:768px) {
	/*comment-reply*/
	.comment-reply .user-msg {width:83%;font-size:14px;}
	.comment-reply .reply {width:7%;text-align:center;padding-top:14px;}
}


/*comment-reply-reply 대대댓글*/
.comment-reply-reply {padding-left:6.5%;}



/*comment-write-reply 대댓글쓰기*/
.comment-write-reply {height:81px;padding:9px 0 10px 5px;border-top:0px solid #e6e7e8;}
.comment-write-reply .reply {float:left;width:5%;padding-top:12px;padding-right:5px;text-align:center;}
.comment-write-reply .reply img {max-width:100%;}
.comment-write-reply .input-group textarea,.comment-write-reply .input-group button {height:60px;}
.comment-write-reply .input-group button {width:60px;}
@media (min-width:480px) {
	/*comment-write-reply*/
	.comment-write-reply {background:#fcfcfc;padding-right:15px;border-bottom:1px solid #f0f0f0;}
	.comment-write-reply .reply {width:8%;}
}
@media (min-width:640px) {

	/*comment-write-reply*/
	.comment-write-reply .reply {width:5%;}
}
@media (min-width:768px) {
	/*comment-write-reply*/
	.comment-write-reply {background:#fcfcfc;padding-right:15px;}
	.comment-write-reply .reply {width:7%;text-align:center;}
}

/*comment-write-reply 대대댓글쓰기*/
.comment-write-reply-reply {padding-left:6.5%;}

/*board-write*/
.board-write .article { width:100%;margin:0;border-top:1px solid #e6e7e8;overflow:hidden;table-layout:fixed;}
.board-write .border-bottom-none {border-bottom:0;}
.board-write .article-top {border-top:1px solid #e6e7e8;}
.board-write .first {border-top:1px solid #c5c5c5;}
.board-write .border-bottom-none {border-bottom:0;}

.board-write .article .left {padding:5px 5px 0 5px;}
.board-write .article .left:after {content: ""; display: block; clear: both; *zoom:1; }
.board-write .article .right {padding:0 5px 5px 5px;background:#fff;vertical-align:middle;}
.board-write .article .right:after {content: ""; display: block; clear: both; *zoom:1; }
.board-write .article .right2 {padding:0 0 10px 0;}

.board-write .article .right ul {margin:0px;-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;}

.noti-tit label {vertical-align:top;}
.noti-tit label .input {margin-top:-15px;}
.vote-tit label {vertical-align:top;}
.vote-tit label .input {margin-top:-15px;}

.board-write .file {padding-top:4px;}
.board-write .file input {display:inline-block;}
.board-write .file .txt {display:block;font-size:12px;color:#777;vertical-align:top;}
.board-write .text-input {margin-top:5px;margin-bottom:10px;}
.board-write .text-input textarea {min-height:250px;}
.board-write .b-title {width:100%;display:inline-block;margin-right:5px;}

/*board-write-vote-wirte*/
.board-write .vote-write .title {border-bottom:1px solid #e6e7e8;padding:5px 0;}
.board-write .vote-write .date {border-bottom:1px solid #e6e7e8;padding:5px 0;}
.board-write .vote-write .date input {display:inline-block;width:35%;}
.board-write .vote-write .vote-detail-title {padding:5px 0;}
.board-write .vote-write .vote-detail-title input {display:inline-block;border-bottom:1px solid #e6e7e8;}
.board-write .vote-write .vote-detail-title .number {display:inline-block;width:40px;height:73px;line-height:60px;text-align:center;padding-top:5px;font-weight:bold;color:#fff;border-radius:4px;background:#8993de;vertical-align:top;}
.board-write .vote-write .vote-detail-title .input-title {display:inline-block;width:50%;padding:0;}
.board-write .vote-write .vote-detail-title .input-title .file {margin-top:5px;}
.board-write .vote-write .vote-detail-title .del {display:inline-block;height:73px;vertical-align:top;}
.board-write .vote-write .vote-detail-title .del .btn {width:40px;height:73px;}
.board-write .vote-write .vote-detail-title .input-file {padding:2px 0;}
.board-write .vote-write .vote-detail-title .input-title .input-group-addon {background:#8993de;color:#fff;}
.board-write .vote-write .title-add {text-align:right;}
.board-write .article .right .form-group {margin-bottom: 5px;}
.board-write .article .right .input-group {margin-bottom: 5px;
}
@media (min-width:360px) {
	/*board-write-vote-wirte*/
	.board-write .vote-write .vote-detail-title .input-title {display:inline-block;width:70%;padding:0;}
}
@media (min-width:480px) {
	/*board-write-vote-wirte*/
	.board-write .vote-write .vote-detail-title .input-title {display:inline-block;width:78%;padding:0;}
}
@media (min-width:640px) {
	/*board-write-vote-wirte*/
	.board-write .vote-write .vote-detail-title .input-title {width:83%;}
}
@media (min-width:768px) {

	/*board-write*/
	.board-write .article {display: inline-block; width: 100%; background:#f9f9f9;margin-bottom:-4px;}
	.board-write .article:first-child {}
	.board-write .first {border-top:0px}
	.board-write .border-bottom-none {border-bottom:0;}
	.board-write .article .left {padding:5px 10px;}
	.board-write .article .left label {margin-top:5px;}
	.board-write .article .right {padding:5px 10px;background:#fff;border-left:1px solid #e6e7e8;}
	.board-write .article .right p {margin-bottom:0px;}
	.board-write .b-title {width:83%;}

	.noti-tit label {margin-top:1.1%;}
	.noti-tit label .input {margin-top:0;}
	.vote-tit label {margin-top:2.1%;}
	.vote-tit label .input {margin-top:0;}

	.board-write .vote-r {margin-top:160px;}
	.board-write .file {padding-top:4px;}
	.board-write .file input {display:inline-block;}
	.board-write .file .txt {display:block;font-size:12px;color:#777;vertical-align:top;}
	.board-write .text-input {margin-top:0px;margin-bottom:10px;}
	.board-write .text-input textarea {min-height: 450px;}
	.board-write .file-attach {margin-top:3px;}
}

/*@media (min-width:992px) {

	.board-write .article .left {padding:10px 0 10px 2.5%;}
	.board-write .vote-write .vote-detail-title .input-title {width:86%;}
	.board-write .b-title {width:85%;}
	.noti-tit label {margin-top:2.2%;}
	.vote-tit label {margin-top:2.2%;}
}
@media (min-width:1200px) {

	.board-write .article .left {padding:10px 0 10px 4%;}
}*/



/*Join*/
.join-uesrtype {width:100%;padding:30px 0 20px 0;}
.join-uesrtype:after {content: ""; display: block; clear: both; *zoom:1; }
.join-uesrtype .txt-u {text-align:center;line-height:1;}
.join-uesrtype .txt-u img {height:80px;}
.join-uesrtype .txt-w {font-size:18px;color:#4f59c4;letter-spacing:-2px;margin-top:15px;margin-bottom:15px;font-weight:bold;}
.join-uesrtype .o-member {width:100%;margin:0 auto;}

.join-uesrtype .member, .join-uesrtype .family {float:left;width:48%;}
.join-uesrtype .member {margin-right:2%;border:1px solid #4f59c4;}
.join-uesrtype .member .title {height:53px;line-height:53px;font-size:18px;text-align:center;color:#fff;background:#4f59c4;font-weight:bold;}
.join-uesrtype .member .txt {height:65px;padding:10px 10px 0 10px;letter-spacing:-1px;font-size:11px;}
.join-uesrtype .member .txt span {}

.join-uesrtype .family {margin-left:2%;border:1px solid #8993de;}
.join-uesrtype .family .title {height:53px;line-height:53px;font-size:18px;text-align:center;color:#fff;background:#8993de;font-weight:bold;}
.join-uesrtype .family .txt {height:65px;padding:10px 10px 0 10px;letter-spacing:-1px;font-size:11px;overflow:hidden;}
.join-uesrtype .family .txt span {}

.join-uesrtype .btn-join-o {clear:both;padding-top:20px;}
.join-uesrtype .btn-join {background:#eee;color:#111;letter-spacing:-1px;}
.join-uesrtype .btn-join:hover {background:#4f59c4;color:#fff;}
.join-uesrtype .btn-join-o .txt-j {font-size:12px;letter-spacing:-1px;margin-top:15px;text-align:center;}

@media (min-width:480px) {
	.join-uesrtype .member .txt {padding:10px 10px 0 30px;font-size:13px;}
	.join-uesrtype .family .txt {padding:10px 10px 0 30px;font-size:13px;}
}

@media (min-width:768px) {
	.join-uesrtype {width:100%;padding:70px 0 130px 0;}
	.join-uesrtype .o-member {width:70%;}
	.join-uesrtype .member .title {height:73px;line-height:73px;font-size:18px;}
	.join-uesrtype .member .txt {height:115px;padding:40px 10px 0 10px;font-size:14px;}
	.join-uesrtype .family .title {height:73px;line-height:73px;font-size:18px;}
	.join-uesrtype .family .txt {height:115px;padding:20px 10px 0 10px;font-size:14px;}
	.join-uesrtype .txt-u img {height:110px;}
	.join-uesrtype .txt-w {font-size:24px;letter-spacing:-2px;margin-top:15px;margin-bottom:30px;}
}

/*Join-finish*/
.join-finish {width:100%;padding:20px 0 20px 0;}
.join-finish:after {content: ""; display: block; clear: both; *zoom:1; }
.join-finish .txt-u {text-align:center;}
.join-finish .txt-w {font-size:24px;color:#4f59c4;letter-spacing:-3px;margin-top:35px;margin-bottom:20px;font-weight:bold;}
.join-finish .txt-s {width:100%;margin:0 auto;font-size:12px;letter-spacing:-1px;text-align:left;}
.join-finish .txt-s span.t1 {display:block;margin-top:10px;}
.join-finish .btn-login {background:#4f59c4;width:185px;margin-top:35px;color:#fff;letter-spacing:-1px;}
.join-finish .btn-login:hover {background:#8993de;}
@media (min-width:640px) {
	.join-finish .txt-s {width:85%;}
	.join-finish .txt-s span.t1 {margin-top:0;}
}
@media (min-width:768px) {
	.join-finish {width:100%;padding:100px 0 130px 0;}
	.join-finish .txt-s {width:70%;}
}

@media (min-width:860px) {
	.join-finish .txt-s {width:62%;}
}
@media (min-width:992px) {
	.join-finish .txt-s {width:52%;}
	.join-finish .txt-s span.t1 {display:block;margin-top:0;}
	.join-finish .txt-s span.ml {display:block;margin-left:7px;}
}

/*Join-agree*/
.join-all {background:#f3f3f3;color:#4f59c4;height:45px;line-height:45px;padding:0 15px;margin-bottom:40px;position:relative;}
.join-all .btn-next {background:#fff;color:#111;position:absolute;right:8px;top:5px;}
.join-all .btn-next:hover {background:#4049a8;color:#fff;}

.agree-area {padding: 12px 12px 5px 12px;border: 1px solid #d7d5d5;border-top: 3px solid #4f59c4;color: #747474;font-size: 12px;line-height: 20px;background: #fbfafa;}
.agree-area .agree {overflow: auto;height: 150px;padding: 0px 20px 20px 20px;border: 1px solid #e6e6e6;background: #fff;}
.agree-area .check {padding: 7px 0 0 0;color: #202020;font-size: 12px;}

@media (min-width:768px) {
	/*Join-Agree*/
	.agree-area {padding: 30px 30px 5px 30px;}
	.agree-area .agree {overflow: auto;height: 330px;padding: 0px 20px 20px 20px;border: 1px solid #e6e6e6;background: #fff;}
}



/*join-write*/
.join-write .article {margin:0;border-bottom:1px solid #e6e7e8;table-layout:fixed;}
.join-write .first {border-top:1px solid #c5c5c5;}
.join-write .last {border-bottom:1px solid #c5c5c5;}
.join-write .border-bottom-none {border-bottom:0;}
.join-write .article .left {padding:5px 5px 0 5px;}
.join-write .article .left label {height:100%;}
.join-write .article .left2 label {margin-top:8px;}

.join-write .article .right {background:#fff;padding:0 5px 5px 5px;}
.join-write .article .right .radio {margin:0;}
.join-write .article .right .radio-inline input {margin-top:0px;}

.join-write .article .right ul {margin:0px;-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;}
.join-write .article .right p {margin-bottom:0px;}
.join-write .article .right .form-group {margin-bottom:5px;}
.join-write .article .right .input-group {margin-bottom: 5px;}

.join-write label {margin-bottom: 0px;font-size:14px;}
.join-write .file {padding-top:0px;}
.join-write .file input {display:block;}
.join-write .file .txt {display:block;font-size:12px;margin-top:5px;}
.join-write .text-input {margin-top:30px;margin-bottom:10px;}
.join-write .text-input textarea {min-height: 350px;}

.join-write .photo {display:inline-block;background:#e5e5e5;width:55px;height:55px;vertical-align:top;}
.join-write .photo span {width:55px;height:55px;line-height:55px;font-size:24px;text-align:center;color:#fff;}
.join-write .photo-right {width:80%;display:inline-block;}

.join-write h4 .tip {float:right;margin-top:5px;}

.join-write-btn {margin-top:20px;}
.join-write-btn .btn-join {width:120px;background:#4f59c4;color:#fff;letter-spacing:-1px;}
.join-write-btn .btn-join:hover {background:#4049a8;color:#fff;}
.join-write-btn .btn-join2 {width:120px;}

.join-write-btn .btn-family-join {width:120px;background:#8993de;color:#fff;letter-spacing:-1px;}
.join-write-btn .btn-family-join:hover {background:#4f59c4;color:#fff;}

.join-write-btn .btn-go {display:inline-block;background:#4f59c4;color:#fff;letter-spacing:-1px;font-size:15px;}
.join-write-btn .btn-go:hover {background:#4049a8;color:#fff;}



@media (min-width:768px) {

	/*Join-write*/
	.join-write .article {background:#f9f9f9;}
	.join-write .article .left {padding:10px 10px;}
	.join-write .article .left-email {margin-top:0px;}
	.join-write .article .left-recommand {margin-top:10px;}

	.join-write .article .photo-t {height:100%;padding:0;margin-top:10px;vertical-align:middle;}
	.join-write .article .right {background:#fff;border-left:1px solid #e6e7e8;padding:5px 10px;min-height:40px;}
	.join-write .article .right .radio-inline input {margin-top: 3px;}
	.join-write .article .right .input-group {margin-bottom:0px;}
	.join-write .article .right .form-group {margin-bottom:0px;}
	.join-write label {font-size:13px;}
	.join-write-btn {margin-top:15px;margin-bottom:15px;}
	.form-inline .input-group>.pad-m {width:150px;}

	.join-write .article .right-email .form-group input {width:150px;}
	.join-write .article .right-email .input-group>.pad-m {width:125px !important;}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {

}


.tip {font-size:12px;letter-spacing:-1px;}
.tip2 {font-size:12px;}
.tip3 {font-size:12px;}
.btn-gray {background:#505356;color:#fff;width:100%;letter-spacing:-1px;}
.btn-gray:hover {background:#4049a8;color:#fff;}


/*Login*/
.login {width:100%;padding:20px 0 20px 0;margin:0 auto;}
.login:after {content: ""; display: block; clear: both; *zoom:1; }
.login .email-login {margin-top:40px;margin-bottom:50px;}
.login .form-group {margin-bottom: 5px;}
.login .txt {font-size:13px;}
.login .btn-login {background:#4f59c4;color:#fff;width:100%;padding: 15px 16px;}
.login .btn-login:hover {background:#4049a8;color:#fff;}
.login .util {border-top:1px solid #e6e7e8;padding-top:5px;margin-top:5px;}
.login .util a {background:url('../img/m/bullet_arrow.png') 0 4px no-repeat;padding-left:8px;font-size:14px;color:#111;margin-left:10px;}
.login .util a.first {margin-left:0px;}
.login .util a:hover {text-decoration:none;color:#4f59c4}
.login .btn-sns {margin-top:20px;}
.login .btn-sns li {margin-bottom:5px;}
.login .btn-sns li a img {max-width:100%;}
@media (min-width: 360px){
	.login {width: 320px;}
}
@media (min-width:768px) {
	/*Login*/
	.login {width:338px;padding:40px 0 50px 0;margin:0 auto;}
	.login .sns-tip span {display:block;letter-spacing:-0.5px;margin-left:8px;}
	.login .util a {background:url('../img/m/bullet_arrow.png') 0 6px no-repeat;}
	.login .txt span {display:block;}
}
@media (min-width:992px) {
	/*Login*/
	.login {padding:20px 0 50px 0;}
}

/*find-email*/
.find-email-txt {padding:10px 0 0 0;line-height:1.4;}
.find-email h4 .tip {float:left;}
.fint-result {text-align:center;padding:100px 0;}
@media (min-width:480px) {
	/*find-email*/
	.find-email-txt {padding:0;}
	.find-email h4 .tip {float:right;}
}

/*table-memo*/
.table-memo {border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;font-size:12px;margin-bottom: 0px;}
.table-memo>thead>tr>th {border-bottom:1px solid #e6e7e8;background:#fcfcfc;}
.table-memo>tbody>tr>td, .table-memo>tbody>tr>th,
.table-memo>tfoot>tr>td, .table-memo>tfoot>tr>th, .table-memo>thead>tr>td,
.table-memo>thead>tr>th {border-color: #e6e7e8;padding: 10px 2px;vertical-align:middle;}
.table-memo td.check {padding: 12px 3px;width:12px;}
.table-memo th.memo-con {text-align:center;font-size:12px;}
.table-memo td.memo-con {font-size:13px;}
.table-memo td.memo-con a {text-decoration:none;color:#333;}
.table-memo td.memo-con a:hover {text-decoration:none;}
.table-memo td.memo-con p {margin-bottom:0px;;}
.table-memo td.memo-con p.title {font-weight:bold;}
.table-memo td.memo-con p.count {font-size:11px;color:#666;}
.table-memo th.send-user {text-align:center;}
.table-memo td.send-user {text-align:center;font-weight:bold;color:#4f59c4;}
.table-memo th.receive-time {text-align:center;}
.table-memo td.receive-time {text-align:center;font-size:11px;}
.table-memo th.point-name {text-align:center;}
.table-memo td.point-name {text-align:center;}
.table-memo th.point {text-align:center;}
.table-memo td.point {text-align:center;}
.table-memo th.point-kita {text-align:center;}
.table-memo td.point-kita {text-align:left;}

@media (min-width:360px) {

	/*table-memo */
	.table-memo th.send-user {width:18%;}
	.table-memo th.receive-time {width:22%;}
}

@media (min-width:768px) {
	/*table-memo*/
	.table-memo>thead>tr>th {padding: 12px 5px;}
	.table-memo td.check {padding: 12px 5px;}
	.table-memo th.send-user {width:10%;}
	.table-memo th.receive-time {width:16%;}

	/*memo-search*/
	.table-memo {border-top:0;}
	.table-memo2 {border-top:1px solid #c5c5c5;}
	.table-memo td.search {text-align:center;padding:30px 0 20px 0;background:#fcfcfc;border-top:1px solid #c5c5c5;}
	.table-memo td.search input {width:270px;}
	.table-memo td.search .form-group {margin-bottom:0px;}
	.table-memo td.search .btn {width:80px;}
	.table-memo td.search .search-result {width:354px;margin:0 auto;margin-top:10px;}
	.table-memo td.search .search-result .user-inform {position:relative;text-align:left;padding:3px 0;}

	.table-memo td.point-kita {padding-left:15px !important;}

	/*point*/
	.table-memo th, .table-memo td {font-size:13px !important;}
	.table-memo td.point-kita {padding-left:20px !important;}
}

@media (min-width:1200px) {
	/*point*/
	.table-memo td.point-kita {padding-left:50px !important;}
}


/*memo-notice*/
.memo-notice {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;}
.table-memo-notice {width:280px;background:#fff;margin:0 auto;margin-top:12%;}
.table-memo-notice th {height:45px;font-size:14px;color:#fff;font-weight:bold;text-align:center;background:#4f59c4;border:2px solid #4f59c4;}
.table-memo-notice td {padding:40px 0;border:2px solid #777;text-align:center;font-size:14px;}
.table-memo-notice td .icon {font-size:20px;}
.table-memo-notice td p {margin-bottom:2px;}
.table-memo-notice td .btn-o {margin-top:20px;}

/*alarm-notice*/
.alarm-notice {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
.table-alarm-notice {width:240px;background:#fff;margin:0 auto;margin-top:12%;}
.table-alarm-notice th {height:45px;font-size:12px;color:#fff;font-weight:bold;text-align:center;background:#ff9933;border:2px solid #ff9933;}
.table-alarm-notice td {padding:40px 0;border:2px solid #777;text-align:center;font-size:12px;}
.table-alarm-notice td .icon {font-size:20px;}
.table-alarm-notice td p {margin-bottom:2px;}
.table-alarm-notice td .btn-o {margin-top:20px;}

/*memo-search*/
.table-memo-send {border-bottom:0;}
.table-memo td.search .form-group {margin-bottom:5px;}
.table-memo td.search .search-result {width:100%;margin:0 auto;margin-top:5px;font-size:14px;}
.table-memo td.search .search-result .user-inform {position:relative;padding:5px 0;}
.table-memo td.search .search-result .btn-add {position:absolute;right:0;}
.table-memo td.memo-send textarea {min-height:180px;}
@media (min-width:360px) {
	/*table-memo */
	.table-memo th.send-user {width:18%;}
	.table-memo th.receive-time {width:22%;}
}
@media (min-width:768px) {
	/*table-memo*/
	.table-memo>thead>tr>th {padding: 12px 5px;}
	.table-memo td.check {padding: 12px 5px;}
	.table-memo th.send-user {width:10%;}
	.table-memo th.receive-time {width:16%;}

	/*memo-search*/
	.table-memo {border-top:0;}
	.table-memo2 {border-top:1px solid #c5c5c5;}
	.table-memo td.search {text-align:center;padding:30px 0 20px 0;background:#fcfcfc;border-top:1px solid #c5c5c5;}
	.table-memo td.search input {width:270px;}
	.table-memo td.search .form-group {margin-bottom:0px;}
	.table-memo td.search .btn {width:80px;}
	.table-memo td.search .search-result {width:354px;margin:0 auto;margin-top:10px;}
	.table-memo td.search .search-result .user-inform {position:relative;text-align:left;padding:3px 0;}

	.table-memo td.point-kita {padding-left:15px !important;}
}
@media (min-width:992px) {
	/*point*/
	.table-memo th, .table-memo td {font-size:13px !important;}
	.table-memo td.point-kita {padding-left:20px !important;}
}
@media (min-width:1200px) {
	/*point*/
	.table-memo td.point-kita {padding-left:50px !important;}
}



/*mypage-point*/
.point-notice {margin-bottom:10px;}
.point-notice span {display:block;}
.point-notice .txt-p {font-size:12px;margin-bottom:2px;}
.point-now {margin-bottom:2px;font-size:13px;}

@media (min-width:768px) {

	/*mypage-point*/
	.point-notice {margin-bottom:15px;}
	.point-notice span {display:inline-block;}
	.point-notice span:after {content:"|";padding:0 3px 0 5px;color:#d3d3d3;}
	.point-notice span.last:after {content:"";}
	.point-notice .txt-p {font-size:13px;}
}


/*exit*/
.exit {border:1px solid #e6e7e8; padding:15px 20px 20px ;}
.exit .left {margin-top:6px;}
.exit .form-group {margin-bottom:5px;}
.exit .input-group {margin-bottom:5px;}
.exit .first {border-bottom:1px solid #e6e7e8;padding-bottom:10px;margin-bottom:10px;}
@media (min-width:768px) {
	/*exit*/
	.exit {padding:25px;}
	.exit1 {padding:15px 25px;}
	.exit .left {display:inline-block;width:70px;font-size:13px;}
	.exit .right input {max-width:150px !important;}
	.exit .right {display:inline-block;}
	.exit .form-group {margin-bottom:5px;}
	.exit .input-group {margin-bottom:5px;}
	.exit .first {padding-bottom:10px;margin-bottom:15px;}
}


/*gallery*/
.gallery-p {border-top:1px solid #f0f0f0;margin-top:4px;}
.gallery {border-top: 1px solid #c5c5c5;}
.gallery:after { content: ""; display: block; clear: both; *zoom:1; }
.gallery .gallery-list .gallery-article a {width:100%;display:block;color:#333;}
.gallery .gallery-list .gallery-article a:hover,.gallery .gallery-list .gallery-article .txt a:focus {text-decoration:none;}

.gallery .gallery-list {display:block;margin:4px 0 0 0;}
.gallery .gallery-list .gallery-article {position:relative;float:left;width:100%;height:190px;font-size:14px;padding:0;margin:0;border:1px solid #e6e7e8;}
.gallery .gallery-list .gallery-article:after { content: ""; display: block; clear: both; *zoom:1; }
.gallery .gallery-list .gallery-article:hover {background:#fffff3;}

.gallery .gallery-list .gallery-article .img {width: 100%;max-height:83px;overflow-y: hidden;}
.gallery .gallery-list .gallery-article img {max-width:100%;width: 100%;}

.gallery .gallery-list .gallery-article .txt {clear: both;padding:10px;}
.gallery .gallery-list .gallery-article .txt .subject {display:block;font-size:15px;}
.gallery .gallery-list .gallery-article .txt .subject .t-ellipsis {max-width:85%;display: inline-block;word-break:break-all;}
.gallery .gallery-list .gallery-article .txt .subject .memo {}
.gallery .gallery-list .gallery-article .txt .subject .brown {font-weight:normal;}

.gallery .gallery-list .gallery-article .txt .user {color:#777;}
.gallery .gallery-list .gallery-article .txt .level {color:#aaa;}
.gallery .gallery-list .gallery-article .txt .b-like-it {color:#aaa;}
.gallery .gallery-list .gallery-article .txt .count {color:#aaa;}
.gallery .gallery-list .gallery-article .date {font-size:12px;color:#aaa;position:absolute;bottom:7px;}


@media (min-width:320px) {

	/*gallery*/
	.gallery .gallery-list {display:block;margin:4px -4px 0 -4px;}
	.gallery .gallery-list .gallery-article {width:47%;margin:4px;}
}

@media (min-width:360px) {

	/*gallery*/
	.gallery .gallery-list .gallery-article {width:47.633333333333%;height:210px;}
	.gallery .gallery-list .gallery-article .img {max-height:95px;}
}

@media (min-width:480px) {

	/*gallery-write*/
	.gallery-write .photo {width:55px;height:55px;}
	.gallery-write .photo span {width:55px;height:55px;line-height:55px;font-size:24px;}
	.gallery-write .photo-right .txt {font-size:11px;}

	/*gallery*/
	.gallery .gallery-list .gallery-article {width:48%;}
}

@media (min-width:768px) {

	/*gallery*/
	.gallery-p {margin-top:11px;}
	.gallery .gallery-list {margin:11px -11px 0 -11px;}
	.gallery .gallery-list .gallery-article {width:30.4%;height:260px;font-size:14px;padding:0;margin:11px;border:1px solid #e6e7e8;}
	.gallery .gallery-list .gallery-article .img {max-height:130px;}
	.gallery .gallery-list .gallery-article .txt {padding:15px;}
	.gallery .gallery-list .gallery-article .txt .subject {font-weight:bold;font-size:17px;}
	.gallery .gallery-list .gallery-article .date {bottom:7px;}
}
@media (min-width:992px) {
	/*gallery*/
	.gallery .gallery-list {margin:11px -11px 0 -11px;}
	.gallery .gallery-list .gallery-article {width:248px;height:280px;font-size:14px;padding:0;margin:11px;border:1px solid #e6e7e8;}
	.gallery .gallery-list .gallery-article .img {max-height:130px;}
	.gallery .gallery-list .gallery-article .txt {padding:20px;}
	.gallery .gallery-list .gallery-article .txt .subject {font-weight:bold;font-size:16px;}
	.gallery .gallery-list .gallery-article .date {bottom:17px;left:20px;}

	/*.gallery-write .article .left {padding: 3% 0 10px 0;}*/
}


@media (min-width:1200px) {

	/*gallery*/
	.gallery .gallery-list {margin:11px -11px 0 -11px;}
	.gallery .gallery-list .gallery-article {width:310px;height:340px;font-size:14px;padding:0;margin:11px;border:1px solid #e6e7e8;}
	.gallery .gallery-list .gallery-article .img {max-height:170px;}
	.gallery .gallery-list .gallery-article .txt {padding:25px;}
	.gallery .gallery-list .gallery-article .txt .subject {font-weight:bold;font-size:17px;}
	.gallery .gallery-list .gallery-article .date {bottom:17px;left:30px;}
}


.mobile-gallery-new {display:table;width:100%;border:1px solid #e6e7e8;border-top:0;background:#f7f7f7;height:33px;margin-bottom:15px;}
.mobile-gallery-new .b-like-it {display:table-cell !important;color:#4049a8;text-align:center;vertical-align:middle;}
.mobile-gallery-new .count {display:table-cell !important;color:#777;text-align:center;vertical-align:middle;}
.mobile-gallery-new .memo {display:table-cell !important;color:#4049a8;text-align:center;vertical-align:middle !important;}


/*gallery-write*/
.gallery-write .photo {display:inline-block;background:#e5e5e5;width:55px;height:55px;vertical-align:top;}
.gallery-write .photo span {width:55px;height:55px;line-height:55px;font-size:24px;text-align:center;color:#fff;}
.gallery-write .photo-right {width:80%;display:inline-block;}
.gallery-write .photo-right .txt {font-size:11px;}
.gallery-write .article .photo-file {padding: 0px 0 10px 0;background: #fff;}
/*.gallery-write .article .photo-t {padding-left:0;}*/

.top-border ul {border-top:1px solid #c5c5c5;}
.top-border-finish ul {border-top:1px solid #c5c5c5;}
.top-border-finish .auction-img img {}
.join-write .text-input textarea {min-height: 300px;}
.m-bottom {margin-bottom:5px;}

/*search-all*/
.search-all {padding:20px 15px 10px 15px;border:1px solid #e6e7e8;}
.search-all .search-txt {font-size:16px;}
.search-all .search-txt .keyword {font-weight:bold;color:#4f59c4;}
.search-all .form-group {margin-bottom:5px;}
.search-all-s .keyword-input {width:100%;}
.search-all-s .keyword-input input {width:100%;}
.search-all-s {width:100%;display:inline-block;padding-top:10px;padding-bottom:10px;}
@media (min-width:768px) {
	.search-all-s .keyword-input {width:50%;}
	.search-all .form-group {margin-bottom:0px;}
}
@media (min-width:860px) {
	.search-all-s .keyword-input {width:55%;}
}
@media (min-width:992px) {
	.search-all-s .keyword-input {width:60%;}
}
@media (min-width:1200px) {
	.search-all-s .keyword-input {width:64%;}
}


/*search-img*/
.search-img {float:left;width:168px;max-height:94px;margin-top:0px;padding-left:0px;margin-bottom:0;display:block;overflow-y:hidden;border-bottom:1px solid #e6e7e8;}
.search-img {float: left;width: 28%;max-height: 60px;min-height: 60px; margin-top: 0px;display: block; overflow-y: hidden; margin: 0 auto; text-align:center;border: 1px solid #f0f0f0;}
.search-img img {max-width:100%;min-height: 60px;}
@media (min-width:480px) {
	.search-img {max-height:80px;}
}

@media (min-width:600px) {
	.search-img {max-height:100px;}
}

@media (min-width:768px) {
	.search-img {float:left;width:168px;max-height:94px;margin-top:0px;padding-left:0px;margin-bottom:0;display:block;overflow-y:hidden;border-bottom:1px solid #e6e7e8;}
}



.search-subject {padding-top: 0px;padding-left: 15px;width: 71%;display:inline-block;}
.board-main li .search-subject .subject .t-ellipsis {max-width: 100%;}
.search-category {font-size:14px;display:block;color:#666;}
.search-keyword {font-size:18px;background:#4049a8;color:#fff;padding:0 5px;}
.btn-more {padding:10px 0;text-align:right;}

/*tab2*/
ul.tab2.list-inline>li {padding:0}
ul.tab2 { clear: both; list-style: none; width: 100%;height: 48px;margin-bottom:10px;margin-left:0;}
ul.tab2 li {width: 50%;float: left;height: 48px;font-size:14px;overflow:hidden;background: #f9f9f9;text-align: center;vertical-align: middle;border: 1px solid #e6e7e8;border-bottom: 1px solid #c5c5c5;border-left:0;border-right:0;}
ul.tab2 li:first-child {border-left: 1px solid #e6e7e8;}
ul.tab2 li.last {border-right:1px solid #e6e7e8;}
ul.tab2 li:hover {background: #fff;}
ul.tab2 li.on {background: #ffffff;border: 1px solid #c5c5c5;border-bottom: 0;}
ul.tab2 li a {display:block;color:#888;font-weight:normal;line-height: 45px;}
ul.tab2 li.on a {color:#4f59c4;font-weight:bold;}
@media (min-width:768px) {
	ul.tab2 {margin-bottom:25px;}
}

/*tab3*/
ul.tab3.list-inline>li { padding:0; }
ul.tab3 { clear: both; list-style: none; width: 100%;height: 48px;margin-bottom:15px;margin-left:0; padding: 0; }
ul.tab3 li {width: 33%;float: left;height: 48px;font-size:14px;overflow:hidden;background: #f9f9f9;text-align: center;vertical-align: middle;border: 1px solid #e6e7e8;border-bottom: 1px solid #c5c5c5;border-left:0;}
ul.tab3 li:first-child {border-left: 1px solid #e6e7e8;}
ul.tab3 li.last {border-right:1px solid #e6e7e8;}
ul.tab3 li:hover {background: #fff;}
ul.tab3 li.on {width: 34%;background: #ffffff;border: 1px solid #c5c5c5;border-bottom: 0;}
ul.tab3 li a {display:block;color:#888;font-weight:normal;line-height: 45px;}
ul.tab3 li a:hover {text-decoration:none;}
ul.tab3 li.on a {color:#4f59c4;font-weight:bold;}
@media (min-width:768px) {
	ul.tab3 { margin-bottom:25px; padding: 0; }
}

.btn-sm3 {padding: 3px 5px;}

/*tab3*/
ul.tabs3.list-inline>li {padding:0}
ul.tabs3 {width: 100%;height: 42px;margin-bottom:15px;margin-left:0;}
ul.tabs3 li { width: 33%;float: left;height: 42px;font-size:13px;overflow:hidden;background: #fff;text-align: center;vertical-align: middle;border: 1px solid #e6e7e8;border-left:0;}
ul.tabs3 li:first-child {border-left: 1px solid #e6e7e8;}
ul.tabs3 li.last {border-right:1px solid #e6e7e8;}
ul.tabs3 li:hover {background: #fff;}
ul.tabs3 li.on {width: 34%;background: #4f59c4;border: 1px solid #c5c5c5;}
ul.tabs3 li a {display:block;color:#888;font-weight:normal;line-height: 38px;}
ul.tabs3 li.on a {color:#fff;font-weight:bold;}


.tabTop { margin-bottom: 10px; }
.tabTop li { float: left; width: 33%; text-align: center; padding: 10px 0; background: #eee; }
.tabTop li.on { background: #ddd; width: 34%;}

.center {text-align: center;}