@charset "utf-8";

/* 170119 */
/* COMMON */
input[type=text],textarea,button,select{display:inline-block;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-border-radius:0}
input[type=text]{height:42px;padding:0 4%;font-size:15px;border:1px solid #ddd;background:#fff}
input[type=text]:focus::-webkit-input-placeholder{color:transparent}
input[type=text]:focus::-moz-placeholder{color:transparent}
input[type=text]:focus:-ms-input-placeholder{color:transparent}
input[type=text]:focus::-ms-input-placeholder{color:transparent}
textarea{min-height:150px;padding:4%;font-size:15px;color:#4d4d4d;border:1px solid #ddd;background:#fff}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-ms-input-placeholder{color:transparent}
button{font-size:15px;text-align:center;border:none}
button.pblue{color:#fff;background:#586ba4}

.gnb.allBoard h1{width:200px;margin:0 auto;color:#f5dd90;line-height:40px;text-align:center}
.gnb.allBoard h1 a{display:inline-block;width:auto;height:auto;padding:12px 0 0 0;margin:0;color:#f5dd90;text-align:center;background:none}
.gnb.allBoard h1 .logo{display:inline-block;width:78px;height:28px;margin-top:-2px;vertical-align:top;line-height:auto;text-indent:-99999em;background:url(/imgs/mobileweb/mpax/images/ico_list.png) no-repeat 0 0;background-size:400px 400px}

/* ICON */
.ico{display:inline-block;overflow:hidden;background:url(/imgs/mobileweb/mpax/images/ico_list.png) no-repeat;background-size:400px 400px}
.ico.arr_back{width:12px;height:20px;background-position:-257px -132px}
.ico.arr_plue{width:20px;height:20px;background-position:-270px -132px}
.ico.mic{width:32px;height:32px;background-position:-98px -161px}
.ico.smArrRight{width:5px;height:8px;background-position:-17px -98px}
.ico.bname{width:6px;height:7px;margin-top:-1px;background-position:-86px -116px;vertical-align:middle}
.ico.uname{width:8px;height:9px;background-position:-93px -116px}
.ico.anchor{width:44px;height:44px;background-position:-327px -111px}
.ico.delete{width:24px;height:24px;background-position:-372px -111px}
.ico.close{width:10px;height:10px;background-position:-23px -98px}
.ico.write{width:40px;height:40px;background-position:-216px -132px}

/* BUTTON */
.btn_round{height:42px;line-height:42px;padding:0 42px;color:#757575;border-radius:2px;box-shadow:0 2px #eaeaea;background:#eee}
.btn_round.navy{box-shadow:0 2px #495b95;color:#fff;background:#586ba4}

.btn_square{display:block;height:30px;line-height:30px;text-align:center;font-size:13px;color:#4d4d4d;border:1px solid #ddd;background:#f7f7f7}

.btn_capsule{height:25px;padding:1px 20px 0 20px;font-size:12px;color:#fff;;border-radius:15px;border:none;background:none}
.btn_capsule.orange{box-shadow:0 2px #f47e50;background:#f68e5f}
.btn_capsule.navy{box-shadow:0 2px #283766;background:#324376}

/* BOX */
.borderBoxs{clear:both;border-top:10px solid #eee}
.lineBoxs{border-top:8px solid #eee;border-bottom:8px solid #eee}

.topTitle{border-top:8px solid #eee}
.topTitle .boxing{height:44px;padding:8px;border-bottom:1px solid #ddd}
.topTitle .btn{display:block;float:left;width:44px;height:44px;border:none;background:#f3f3f3}
.topTitle .toptitBox{display:table-cell;float:left;width:80%;padding:5px 0 0 8px;vertical-align:middle}
.topTitle .toptitBox h3{width:100%;font-size:16px;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}
.topTitle .toptitBox h3 a{color:#212121}
.topTitle .toptitBox p{font-size:12px;color:#757575}
.topTitle .moreList{float:right;background:#fff}

/* ALIGN */
.cen{text-align:center}

/* intro */
.topVisual{text-align:center;border-top:10px solid #eee;border-bottom:10px solid #eee;background:#fff}
.topVisual .inner{display:inline-block;text-align:center;background:#fff;*zoom:1}
.topVisual .inner:after{content:"";font-size:0;height:0;line-height:0;clear:both}

.topVisual .ico_tit{display:inline-block;float:left;width:75px;height:87px;margin:8px 0;background:url(/imgs/mobileweb/mpax/images/ico_list.png) no-repeat -131px -132px;background-size:400px 400px}
.topVisual .con{display:inline-block;width:181px;margin-left:12px;text-align:center}
.topVisual .txt{display:inline-block;margin:13px 0 0 0;font-size:12px;color:#757575}
.topVisual h3{font-size:22px;color:#212121}
.topVisual .btnBox{margin-top:6px}

.tit_middle{clear:both;height:32px;padding:6px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.tit_middle * {display:inline-block;vertical-align:middle}
.tit_middle span{font-size:13px;line-height:32px;color:#212121;letter-spacing:-1px}

.titBox{clear:both;height:48px;border-top:1px solid #ddd;border-bottom:1px solid #eee;*zoom:1}
.titBox:after{content:"";font-size:0;height:0;line-height:0;clear:both}
.titBox h4{float:left;padding:13px 0 0 12px;font-size:16px;color:#212121;vertical-align:middle}
.titBox .more{display:block;float:right;text-align:right;padding:16px 12px;margin:0;font-size:12px;color:#757575;vertical-align:middle;border:none;background:none}
.titBox .more *{display:inline-block;vertical-align:middle}

.newBoardList{clear:both}
.newBoardList li{display:block;padding:12px;border-top:1px solid #eee}
.newBoardList li:first-child{border-top:none}
.newBoardList li a{display:block;position:relative;*zoom:1}
.newBoardList li a:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.newBoardList .thumb{float:left;width:44px;height:44px;overflow:hidde;background:#eee}
.newBoardList .thumb img{display:block;width:44px;height:44px}
.newBoardList .nickName{margin:5px 0 0 8px;font-size:12px;color:#757575}
.newBoardList .txt{display:block;width:68%;margin:-1px 0 0 52px;letter-spacing:-1px;font-size:15px;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}
.newBoardList .sticker{position:absolute;right:0;top:0;display:block;width:42px;height:42px;text-align:center;color:#fff;font-size:13px;line-height:44px;border-radius:26px;border:1px solid #e78659;background:#f68e5f}
@media (max-height:480px){
	.newBoardList .txt{display:block;width:63%;margin:0 0 0 52px;letter-spacing:-1px;font-size:15px;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}
}

/* 인기글 */
.popularList{clear:both;border-top:10px solid #eee}
.popularList ul{clear:both;padding:10px;*zoom:1}
.popularList ul:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.popularList li{float:left;width:45%}
.popularList li a{display:block;width:100%}
.popularList .nickName{display:inline-block;padding:0 10px;margin-top:8px;line-height:20px;vertical-align:center;font-size:12px;color:#fff;border:1px solid #eef6f8;border-radius:13px}

.popularList li:first-child{clear:both;width:94.6%;padding:2.8% 2.7%;margin-bottom:2.7%;background:#a8d0db}
.popularList li:first-child .tit{display:block;line-height:22px;font-size:15px;color:#fff;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;letter-spacing:-1px}
.popularList li:first-child .txt{display:-webkit-box;height:31px;;line-height:15px;font-size:13px;color:#86a6af;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.popularList li:nth-child(2),.popularList li:nth-child(3){width:43.2%;padding:2.8% 2.7%;background:#b1a3cc}
.popularList li:nth-child(2) .tit,.popularList li:nth-child(3) .tit{display:-webkit-box;height:36px;line-height:18px;font-size:15px;color:#fff;vertical-align:top;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-1px}
.popularList li:nth-child(2) .nickName,.popularList li:nth-child(3) .nickName{border:1px solid #efedf5}
.popularList li:nth-child(3){margin-left:2.7%;background:#7180ac}

/* 요즘 뜨는 모게는 이곳! */
.hotBoardList{clear:both;text-align:left;padding:0;*zoom:1}
.hotBoardList:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.hotBoardList li{float:left;width:46%;margin:0 0 16px 2.7%}
.hotBoardList .thumb{float:left;width:44px;height:44px;background:#eee}
.hotBoardList .boardName{display:inline-block;margin:0 0 0 5px;font-size:15px;color:#4d4d4d;vertical-align:top}
.hotBoardList .nickName{display:block;margin:0 0 0 48px;font-size:14px;color:#4d4d4d}
.hotBoardList .txt{display:-webkit-box;height:34px;margin:8px 0;line-height:17px;font-size:13px;color:#757575;letter-spacing:-1px;overflow:hidden;white-space:break-word;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 하단 신청 관련 메뉴*/
.applicationBoard{width:100%;margin-bottom:-20px}
.applicationBoard span{float:left;display:block;box-sizing:border-box;width:65%;height:54px;padding-top:9px;text-align:center;font-size:12px;color:#934f34;vertical-align:middle;border-top:2px solid #e46e43;
	background:#f68e5f; /* For browsers that do not support gradients */
	background:-webkit-linear-gradient(#f37648, #f8a177); /* For Safari 5.1 to 6.0 */
	background:-o-linear-gradient(#f37648, #f8a177); /* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#f37648, #f8a177); /* For Firefox 3.6 to 15 */
	background:linear-gradient(#f37648, #f8a177); /* Standard syntax */
}
.applicationBoard span em{font-size:14px;color:#623a28}
.applicationBoard a{float:left;display:block;box-sizing:border-box;width:35%;height:54px;padding-top:15px;text-align:center;font-size:17px;color:#fff;vertical-align:middle;border-top:2px solid #d84e2a;border-left:1px solid #dc532d;
	background:#f16e41; /* For browsers that do not support gradients */
	background:-webkit-linear-gradient(#ed562e, #f48357); /* For Safari 5.1 to 6.0 */
	background:-o-linear-gradient(#ed562e, #f48357); /* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#ed562e, #f48357); /* For Firefox 3.6 to 15 */
	background:linear-gradient(#ed562e, #f48357); /* Standard syntax */
}

/* 하단 탑버튼 */
.anchorTop{position:fixed;bottom:60px;right:12px;display:block;width:44px;height:44px;z-index:0}

/* SUB */
/* 전체게시판 */
.allBoardList{clear:both;margin-top:-1px/*margin-bottom:10px;*/;*zoom:1}
.allBoardList:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.allBoardList li{box-sizing:border-box;float:left;width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee}
.allBoardList li:nth-child(even){border-right:none}
.allBoardList li:last-child{border-bottom:none}
/*.allBoardList li:nth-child(even){border-left:none}
.allBoardList li:last-child{border-bottom:none}
.allBoardList li:nth-last-child(2){border-bottom:none}*/
.allBoardList li a{box-sizing:border-box;display:block;width:100%;line-height:48px;padding:0 0 0 16px;font-size:15px;color:#4d4d4d}

/* 모바일 글작성 어렵지 않아요 */
.mobileWrite{height:48px;border-top:8px solid #eee;*zoom:1}
.mobileWrite:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.mobileWrite span{float:left;margin:16px 0 0 12px;font-size:14px;color:#4d4d4d}
.mobileWrite a{float:right;margin:4px 9px 0 0;text-align:right}
.mobileWrite + .community{border-top:1px solid #ccc}

/* 하단메뉴 */
.buttonMenu{height:52px;border-top:2px solid #f68e5f}
.buttonMenu a{display:inline-block;box-sizing:border-box;line-height:15px;margin:17px -4px 0 0;text-align:center;font-size:15px;color:#212121;border-left:1px solid #f68e5f}
.buttonMenu a:first-child{width:40%;border-left:none}
.buttonMenu a:nth-child(2n){width:30%}
.buttonMenu a:nth-child(3n){width:30%}

/* 찾기 */
.fieldBox{padding:8px 12px;border-bottom:1px solid #ddd}
.fieldBox * {vertical-align:top}
.searchbox{clear:both;display:inline-block;box-sizing:border-box;width:80%;height:42px;margin-right:-4px;font-size:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff;*zoom:1}
.searchbox:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.searchbox label{float:left;display:inline-block;width:79%;margin-right:-4px;vertical-align:middle}
.searchbox input[type=text]{border:none;width:100%;height:40px;vertical-align:middle}
.searchbox button{float:right;width:40px;height:40px;vertical-align:middle}
.fieldBox .pblue{width:20%;height:42px;margin-right:-4px;vertical-align:middle}

.searchList + .allBoardList{margin-top:0}
.allBoardList .alert{padding-bottom:22px}
.searchList li a{display:block;padding:0 0 0 17px;line-height:48px;font-size:15px;color:#4d4d4d;border-bottom:1px solid #eee}
.srchBox input[type=text]{height:auto;padding:0}

/* 인기글 리스트 */
.community{border-top:8px solid #eee}
.community .photo img{width:30px}
.community .lt{font-size:12px;color:#757575}
.community .lt *{vertical-align:middle}
.community dl dd div.lt strong,.community dl dd div.lt a{color:#324376}
.community dd .bar{padding:0 2px;line-height:11px;font-size:11px;color:#757575}


/* 게시판 신청 */
nav .titBox.write{display:table-cell;width:80%;padding:0}
nav .titBox.write h3{margin:13px 0 0 -10px;text-align:center}

.allBoard_write{padding:16px 12px 0 12px;border-top:8px solid #eee}
.allBoard_write input[type=text]{width:100%;margin-bottom:8px}
.allBoard_write input:disabled{color:#999;order:1px solid #ddd;background:#f5f5f5}
.allBoard_write .inputTit::-webkit-input-placeholder{color:#324376}
.allBoard_write .inputTit::-moz-placeholder{color:#324376}
.allBoard_write .inputTit:-ms-input-placeholder{color:#324376}
.allBoard_write .inputTit::-ms-input-placeholder{color:#324376}
.allBoard_write textarea{width:100%;margin-bottom:8px}
.allBoard_write .inputTitle{color:#212121}