@charset "utf-8";

.content{min-height:550px}
.content:after{display:block;clear:both;content:'';}
.content > .article{padding:0 0 20px 0;}
.content > .article > .section{text-align:center;margin-bottom:45px;}
.content > .article > .section .mypage-title{margin:0;}
.content > .article > .section > .section-title{position:relative;display:block;width:150px;margin:0 auto 15px auto;padding-bottom:10px;font-size:20px;color:#003e21;}
.content > .sub-wrap {padding:8px 10px 35px; position:relative;    min-height: 540px;max-width: 640px; margin: 0 auto;}
.content > .sub-wrap.market{position:relative;padding:8px 10px 10px;height:520px !important;overflow-y:auto;}
.content > .sub-wrap.setup {padding:8px 0px 35px; background:#ebeeef;max-width: 1200px !important;}


/* 검색 */
.search-area{overflow:hidden;padding:10px;height: 52px; width: 100%;top: 0; right: -100%;background: #46a638;position: absolute;transition: 0.4s;}
.search-area .search-box  {display:inline;background:#ffffff}
.search-area .search-box > p{position:relative;width: calc(100% - 45px); height:32px;border:1px solid #bdbdbd;border-radius:3px;background:#ffffff}
.search-area .search-box input {border:none;width: 100%;height:30px;padding-left:26px;border-radius:5px;color:#757575; line-height: 26px;background:#ffffff url(../../images/mobile/common/btn_search2.png) no-repeat  4px 4px / 20px auto;}
.search-area > p {font-size:14px; color:#757575; text-align:center;padding:150px 0;}
.close-sidenav {cursor: pointer;font-size: 12px;margin-top: -21px;float: right;}

/* 나의 민원 보기 - 박스리스트 */
.content > .sub-wrap > .box-area{position:relative;width:100%; min-height:94px;margin-bottom:7px;padding:6px 7px;border:1px solid #46a638;}
.content > .sub-wrap > .box-area > dl {padding-bottom:15px;}
.content > .sub-wrap > .box-area > dl dd {color:#777878; font-size:11px;line-height:15px;}
.content > .sub-wrap > .box-area > dl dd.writer {position:absolute;bottom:6px; right:7px; }
.content > .sub-wrap > .box-area > dl dd.writer span.date {margin-right:5px;}
.content > .sub-wrap > .box-area > dl dd.text {padding:5px 5px 0;max-height:54px;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.content > .sub-wrap > .box-area > dl dt a{font-size:12px;color:#1f2020;vertical-align:middle;line-height:19px;}
.sort-01 {display:inline-block;padding:0 5px; margin-right:3px;height:18px;line-height:18px;font-size:10px;color:#fff;font-weight: 400;background:#30b7d2;}
.sort-02 {display:inline-block;padding:0 5px; margin-right:3px;height:18px;line-height:18px;font-size:10px;color:#fff;font-weight: 400;background:#fb336b;}
.sort-03 {display:inline-block;padding:0 5px; margin-right:3px;height:18px;line-height:18px;font-size:10px;color:#fff;font-weight: 400;background:#30d253;}

/* 전자투표 - 박스이미지리스트 */
.content > .sub-wrap > .box-area.img-box {position:relative;width:100%;min-height:102px;margin-bottom:7px;padding:6px 7px;border:1px solid #46a638;}
.content > .sub-wrap > .box-area > a dl {padding-bottom:15px;}
.content > .sub-wrap > .box-area > a dl dd {color:#777878; font-size:11px;line-height:15px;}
.content > .sub-wrap > .box-area > a dl dd.writer {position:absolute;bottom:6px; right:7px; }
.content > .sub-wrap > .box-area > a dl dd.writer span.date {margin-right:5px;}
.content > .sub-wrap > .box-area > a dl dd.text {padding:5px 5px 0;max-height:54px;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.content > .sub-wrap > .box-area.img-box > a p {float:left; margin-right:6px; width:88px;height:88px;}
/* .content > .sub-wrap > .box-area.img-box > a p img {width:100%; height:auto;} */
.content > .sub-wrap > .box-area.img-box > a p img {width:auto; height:88px; max-width:88px;}
.content > .sub-wrap >  .box-area.img-box > a dl dt {font-size:12px;color:#1f2020;vertical-align:middle;line-height:19px;}
.content > .sub-wrap > .box-area.img-box .vote-fin {position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.5);}
.content > .sub-wrap > .box-area.img-box .vote-fin > span{display:inline-block;position:absolute;top:50%;left:50%;margin-top:-29px; margin-left:-96px;width:192px;padding:3px;border:1px solid #fff;color:#fff;font-size:50px;}

/* 나의 민원 보기 - 보기 */
.content > .sub-wrap .view-area {}
.content > .sub-wrap .view-area dt {font-size:14px;color:#1f2020;font-weight:700; padding-bottom:5px; border-bottom:1px solid #45a637}
.content > .sub-wrap .view-area dt span {margin-right:7px;}
.content > .sub-wrap .view-area dl dd.writer {text-align:right;padding:9px 0;font-size:13px;color:#545454;border-bottom:1px solid #b5dbaf}
.content > .sub-wrap .view-area dl dd.writer em.name {margin-right:5px;}
.content > .sub-wrap .view-area dl dd.text{padding:9px 12px 50px;}
 .imgArea {text-align:center; margin-bottom:10px;}
.content > .sub-wrap .view-area dl dd.text .imgArea img{width:100%; height:auto;}
.content > .sub-wrap .view-area dl dd.text .textArea {font-size:13px;color:#545454;line-height:17px;}
.content > .sub-wrap .view-area.news-area dl dd.text {padding:30px 12px 40px;}

.content > .sub-wrap .view-area.vote-desc {}
.content > .sub-wrap .view-area.vote-desc dt {font-size:14px;color:#1f2020;font-weight:700; padding-bottom:5px; border-bottom:1px solid #45a637}
.content > .sub-wrap .view-area.vote-desc dt span {margin-right:7px;}
.content > .sub-wrap .view-area.vote-desc dl dd.writer {text-align:right;padding:9px 0;font-size:13px;color:#545454;border-bottom:none}
.content > .sub-wrap .view-area.vote-desc dl dd.writer em.name {margin-right:5px;}
.content > .sub-wrap .view-area.vote-desc dl dd.text{padding:9px 12px 12px;font-size:13px;color:#545454;line-height:17px;}
.content > .sub-wrap .view-area.vote-desc .vote-date {text-align:center;padding-bottom:24px;border-bottom:1px solid #45a637}
.content > .sub-wrap .candidate-list {margin-top:5px;}
.content > .sub-wrap .view-area.vote-desc .circle_graph{text-align:center;margin-top:6px;}
.content > .sub-wrap .view-area.vote-desc .circle_graph:after {content:''; clear:both;display:block;}
.content > .sub-wrap .view-area.vote-desc .circle_graph.two_graph > div {width:50%;float: left;}

.content > .sub-wrap .view-area.vote-desc .winner-area{padding:0 45px 30px;height: 120px;}
.content > .sub-wrap .view-area.vote-desc .winner-area > p {float:left; margin-right:6px; width:90px;height:90px;border:1px solid #46a638;border-radius:3px;}
.content > .sub-wrap .view-area.vote-desc .winner-area > p img {width:100%; height:auto;}
.content > .sub-wrap .view-area.vote-desc .winner-area > dl dt {font-size:19px;color:#1f2020; padding: 0px 0 5px;font-weight:700;}
.content > .sub-wrap .view-area.vote-desc .winner-area > dl dt span {color:#46a638; font-size:13px;padding-right:0px; margin-right: 3px;}
.content > .sub-wrap .view-area.vote-desc .winner-area dl dd.text{max-height:56px;height:56px;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#777878;line-height:18px;font-size:11px; padding:0 5px;margin-top:3px;}


.content > .sub-wrap .candidate-list h4 {font-size:14px; color:#010101; line-height:18px;margin-bottom: 5px;}
.content > .sub-wrap .candidate-list .box-area.img-box {position:relative;width:100%; min-height:106px;margin-bottom:10px;padding:6px 7px;border:1px solid #46a638;}
.content > .sub-wrap .candidate-list .box-area.img-box > p {float:left; margin-right:6px; width:90px;height:90px;}
.content > .sub-wrap .candidate-list .box-area.img-box > p img {width:100%; height:auto;}
.content > .sub-wrap .candidate-list .box-area.img-box > dl {float:right; width:calc(100% - 96px);margin-top: 4px;}
.content > .sub-wrap .candidate-list .box-area.img-box > dl dt {font-size:19px;color:#1f2020; padding: 0px 0 5px;font-weight:700;}
.content > .sub-wrap .candidate-list .box-area.img-box > dl dt span {color:#46a638; font-size:13px;padding-right:5px;}
.content > .sub-wrap .candidate-list .box-area.img-box > dl dd.text {max-height:54px;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#777878;line-height:14px;font-size:11px; padding:0 5px;margin-top:3px;}
.content > .sub-wrap .candidate-list .box-area.img-box .btn_detail {position:absolute;bottom:6px;right:8px;padding-right:13px;font-size:12px;color:#777878;background:url(../../images/mobile/sub/btn_detail.png) no-repeat 100% 1px / 9px auto;}


.content > .sub-wrap .view-area.vote_detail {}
.content > .sub-wrap .view-area.vote_detail .btm-txt {position: absolute;bottom: 60px;font-size: 10px;text-align: right;display: block;width: calc(100% - 20px);color:#777878;}
.content > .sub-wrap .view-area.vote_detail .nominee_info{margin-bottom:18px;}
.content > .sub-wrap .view-area.vote_detail .nominee_info p{display:inline-block;width:122px; height:122px;margin-right:10px;}
.content > .sub-wrap .view-area.vote_detail .nominee_info dl {display:inline-block;}
.content > .sub-wrap .view-area.vote_detail .nominee_info dl dt {font-size:19px;color:#1f2020; padding: 5px 0; border: none;}
.content > .sub-wrap .view-area.vote_detail .nominee_info dl dt span{color:#46a638; font-size:13px;font-weight:700;}
.content > .sub-wrap .view-area.vote_detail .nominee_info dl dd {color:#777878;font-size:12px;line-height:16px;}
.content > .sub-wrap .view-area.vote_detail .nominee_info p img {width:100%; height:auto;}
.content > .sub-wrap .view-area.vote_detail .text-area {font-size:12px;color:#777878;line-height:18px;word-break: break-all;}

.content > .sub-wrap .answer {padding-top:8px; border-top:1px solid #45a637;}
.content > .sub-wrap .answer-area {padding:8px;background:#ebeeef;border-radius:10px;}
.content > .sub-wrap .answer-area dt {padding:4px 10px 10px;font-size:14px;font-weight:700;color:#253746;}
.content > .sub-wrap .answer-area dd {padding:12px 10px;background:#fff;border-radius:10px;font-size:13px;color:#545454;line-height:17px;}

.ico_new {display:inline-block;padding:0 3px; margin-left:3px;height:16px;line-height:14px;font-size:10px;color:#44af35;background:#fff;border:1px solid #44af35;}
.ico_fin {display:inline-block;padding:0 3px; margin-left:3px;height:16px;line-height:14px;font-size:10px;color:#fff;background:#afafaf;border:1px solid #afafaf;}
.ico_{display:inline-block;padding:0 3px; margin-left:3px;height:16px;line-height:14px;font-size:10px;color:#ff8f00;background:#fff;border:1px solid #ff8f00;}


/* 커뮤니티 직거래장터 보기 페이지 */
.content > .sub-wrap .view-area dl dd.writer-info {padding:9px 0;font-size:13px;color:#545454;border-bottom:1px solid #b5dbaf; overflow:hidden;}
.content > .sub-wrap .view-area dl dd .btns a {font-size:13px;color:#545454; padding:0 3px; line-height:13px;}
.content > .sub-wrap .view-area dl dd .btns a:first-child:after {content:'';display:inline-block;margin:2px 0 0 6px; width:1px; background:#545454; height:10px;}
.content > .sub-wrap .view-area dl dd .writer{text-align:right;font-size:13px;color:#545454;}
.content > .sub-wrap .view-area dl dd .writer em.name {padding-right:5px;}

/* 댓글 */
/* Comment list */
.comment-wrap {padding-top:8pxpx;}
.comment {border-radius:8px;background:#ebeeef;padding:10px;}
.comment-area h3 {padding:0px 8px 8px;margin-bottom:12px;border-bottom:1px solid #646464;color:#253746; font-weight:700; font-size:14px;}
.comment-area h3 span {color:#44af35; font-weight:700; padding-left:10px}
.comment-area .cb_lstcomment{width:100%}
.comment-area .cb_lstcomment li{position:relative;border-bottom:1px solid #eeeeec;vertical-align:top;margin:3px 0;zoom:1}
.comment-area .cb_lstcomment .cb_bu_subnode{overflow:hidden;position:absolute;top:7px;left:8px;width:9px;height:9px;background:url(../../images/mobile/sub/icon_subnode.png) no-repeat 0 0/9px 9px;vertical-align:baseline}
.comment-area .cb_lstcomment .cb_thumb{position:absolute;top:10px;left:20px}
.comment-area .cb_lstcomment .cb_thumb_on .cb_thumb{position:absolute;top:10px;left:0}
.comment-area .cb_lstcomment .cb_thumb img,
.comment-area .cb_lstcomment .cb_section span{vertical-align:top}
.comment-area .cb_lstcomment .cb_section div,
.comment-area .cb_lstcomment .cb_section a,
.comment-area .cb_lstcomment .cb_section em,
.comment-area .cb_lstcomment .cb_section input,
.comment-area .cb_lstcomment .cb_section td{vertical-align:middle}
.comment-area .cb_lstcomment .cb_dsc_img{position:relative;top:-1px;padding:0 3px 2px 2px}
.comment-area .cb_lstcomment .cb_usr_id,
.comment-area .cb_lstcomment .cb_date{display:inline-block;color:#a0a0a0;font-size:11px}
.comment-area .cb_lstcomment .cb_usr_id span{color:#444;font-size:12px;vertical-align:middle}
.comment-area .cb_lstcomment .cb_usr_id em{display:inline-block;padding-top:4px;color:#444}
.comment-area .cb_lstcomment .cb_usr_id a{color:#a0a0a0}
.comment-area .cb_lstcomment .cb_usr_id_vary{color:#858585}
.comment-area .cb_lstcomment .cb_date{padding-left:4px}
.comment-area .cb_lstcomment .cb_info_area{overflow:hidden;padding:0;zoom:1}
.comment-area .cb_lstcomment .cb_info_area2{position:relative;padding:2px 0 10px;color:#a0a0a0}
.comment-area .cb_lstcomment .cb_info_area2 span{color:#a0a0a0;font-size:10px}
.comment-area .cb_lstcomment .cb_info_area2 a:hover{text-decoration:underline}
.comment-area .cb_lstcomment .cb_info_area2 a.unfold{background-position:100% -258px}
.comment-area .cb_lstcomment .cb_info_area2 a span.on{color:#fe2200}
.comment-area .cb_lstcomment .cb_info_area3{overflow:hidden;position:relative}
.comment-area .cb_lstcomment .cb_section{float:left; padding-right:20px;padding-top:3px;margin-top:6px;line-height: 20px;}
.comment-area .cb_lstcomment form .cb_section{float:none; padding-right:0px;padding-top:0px;margin-top:0px;line-height: 13px;}
.comment-area .cb_lstcomment .cb_section2{position:absolute;top:5px;*top:3px;right:8px;text-align: right;height:30px;padding-left:6px;color:#a0a0a0}
.comment-area .cb_lstcomment .cb_section2 p + p {margin-top:2px;}
.comment-area .cb_lstcomment .cb_section2 span{display:inline-block;overflow:hidden;color:#a0a0a0}
.comment-area .cb_lstcomment .cb_section2 span.cb_nobar{margin-left:0px;padding:0 2px;background:none}
.comment-area .cb_lstcomment .cb_section2 span.cb_nobar:after {display: inline-block;margin: 2px 0 0 6px;width: 1px;background: #545454; height: 10px;}
.comment-area .cb_lstcomment .cb_section2 span.cb_first{background:none}
.comment-area .cb_lstcomment .cb_section2 a{color:#a0a0a0; font-size:12px;}
.comment-area .cb_lstcomment .cb_section2 a:hover,
.comment-area .cb_lstcomment .cb_section2 a:hover em{color:#333;text-decoration:underline}
.comment-area .cb_lstcomment .cb_section2 em{display:inline-block;padding:2px 0 2px;cursor:pointer;_cursor /**/:hand}
.comment-area .cb_lstcomment .cb_section2 span span{padding:0;background:none;color:#a0a0a0;font-size:10px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_up .on{color:#f04a14}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_down .on{color:#4666b6}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_up em,
.comment-area .cb_lstcomment .cb_section2 .cb_activate_down em,
.comment-area .cb_lstcomment .cb_section2 .cb_activate_cancel em{display:block;*display:inline;margin-top:-2px;_margin-top:0;padding-left:17px;background:url(http://static.naver.com/common/comment/bg_sprite_ico.gif) no-repeat;vertical-align:top;*vertical-align:baseline}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_up em{background-position:0 -18px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_down em{background-position:0 -138px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_cancel em{padding-left:12px;background-position:0 -425px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_up a:hover em{background-position:0 -58px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_down a:hover em{background-position:0 -178px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_cancel a:hover em{padding-left:12px;background-position:0 -95px}
.comment-area .cb_lstcomment .cb_section2 .cb_activate_up a em,
.comment-area .cb_lstcomment .cb_section2 .cb_activate_down a em,
.comment-area .cb_lstcomment .cb_section2 .cb_activate_cancel a em{color:#aaa}
.comment-area .cb_lstcomment .cb_dsc_comment{width: calc(100% - 80px);margin-top: 4px;padding:5px 0 9px 1px;color:#627a86;line-height:20px}
.comment-area .cb_lstcomment li li .cb_comment_area{margin-top:1px}

.comment-area .cb_wrt_default {position:relative;background:#fff; border-radius:10px; padding:8px;}

/* Comment Depth Control - Large Thumb */
.comment-area .cb_lstcomment li li{clear:both;position:relative;padding-bottom:0;border:none;background:url(http://static.naver.com/common/comment/bg_pattern_x.gif) 0 0 repeat-x}
.comment-area .cb_lstcomment li li.cb_thumb_on .cb_thumb{left:30px}
.comment-area .cb_lstcomment li li li{position:relative;margin-left:20px}
.comment-area .cb_lstcomment .cb_thumb_on,
.comment-area .cb_lstcomment .cb_thumb_off{z-index:10}
.comment-area .cb_lstcomment .cb_on{z-index:20}
.comment-area .cb_lstcomment .cb_thumb_on .cb_comment_area{padding-left:50px}
.comment-area .cb_lstcomment .cb_thumb_off .cb_comment_area{padding:0 10px;margin: 0px 0;background: #fff;border-radius: 10px;}
.comment-area .cb_lstcomment li .cb_thumb_on ul,
.comment-area .cb_lstcomment li .cb_thumb_off ul{margin-left:-20px}
.comment-area .cb_lstcomment .cb_thumb_on li.cb_thumb_on{padding-left:24px}
.comment-area .cb_lstcomment .cb_thumb_on li.cb_thumb_off{padding-left:24px}
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_on{padding-left:48px}
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_on .cb_bu_subnode {left: 32px;}
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_off{padding-left:24px;margin:3px 0}
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_off:last-child {margin:3px 0 0px;}
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_off,
.comment-area .cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_on{margin-left:-30px}
.comment-area textarea {background:#fff;border:none;height:60px;padding:6px 0px; line-height:1.5;width: calc(100% - 65px);}
.comment-area .cb_btn_area {position:absolute;top:0px; right:0; width:65px;height:89px;line-height:89px;font-size:10px;color:#0b1115;background:#cccccc; border:1px solid #aaaaaa;border-radius:10px;text-align:center;}



.bultit {padding-left:12px; background:url(../../images/mobile/sub/bul_tit.png) no-repeat 0 3px / 8px auto;}
.content .section.private{padding:0 10px;font-size:13px;line-height:20px;}
.content .section.private > .box{height:180px;overflow:hidden;overflow-y:auto;border-bottom:1px solid #a0a0a0;color:#878787;text-align:left;}
.content .section.private > .box:after {content:''; display:block; clear:both;}
.content .section.private > .box > strong{display:block;font-weight:400;color:#627a86; margin-bottom:14px;}

.content .tab.private{padding:0 10px;font-size:13px;line-height:20px;}
.content .tab.private > .box{color:#212121;text-align:left;}
.content .tab.private > .box:after {content:''; display:block; clear:both;}
.content .tab.private > .box > strong{display:block;font-weight:400;color:#212121; margin-bottom:5px;}

.paging{text-align:center;font-size:0;}
.paging > li{display:inline-block;width:24px;}
.paging > li > a{display:block;font-size:14px;height:14px;line-height:14px;}
.paging > li.on > a{font-weight:bold;}
.paging > li > a > img{height:7px;}



@media all and (max-width:320px){
	.content > .article > .section.story-sec6 > .img-area1 > strong{margin-bottom:28%;}

	.content > .article > .section.kitchen-sec2 {margin: 0 6px 12px;}
	.content > .article > .section.kitchen-sec2 > ul {padding:15px 0 10px 0; min-width: 300px}
	.content > .article > .section.kitchen-sec2 > ul > li {padding-left: 50%;padding-top: 0px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu1{background:url(../../images/mobile/sub/kitchen/img-kitchen2_1_1.png) no-repeat left -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu2{background:url(../../images/mobile/sub/kitchen/img-kitchen2_2_1.png) no-repeat right -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu3{background:url(../../images/mobile/sub/kitchen/img-kitchen2_3_1.png) no-repeat left -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu4{background:url(../../images/mobile/sub/kitchen/img-kitchen2_4_1.png) no-repeat right -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu5{background:url(../../images/mobile/sub/kitchen/img-kitchen2_5_1.png) no-repeat left -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu6{background:url(../../images/mobile/sub/kitchen/img-kitchen2_6_1.png) no-repeat right 0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu7{background:url(../../images/mobile/sub/kitchen/img-kitchen2_7_1.png) no-repeat left -0px; background-size: auto 158px;}
	.content > .article > .section.kitchen-sec2 > ul > li.menu8{background:url(../../images/mobile/sub/kitchen/img-kitchen2_8_1.png) no-repeat right -0px; background-size: auto 158px;}

}

.content.mypage,
.content.product{padding:0 0 50px 0;min-height: 570px;}


.mypage-title{position:relative;margin:0 0px;text-align:left;font-size:20px;font-weight:bold;color:#fff;padding:15px 0 15px 44px;background:#44af35;}
.mypage-title .btn-back{position:absolute;left:0;top:50%;margin-top:-9px;width:36px;height:18px;overflow:hidden;font-size:0;text-indent:-999px;background:url(../../images/mobile/common/btn_back.png) no-repeat 16px top;background-size:auto 18px;}
.content.product .mypage-title{border-bottom:0;}

.menu-box{margin:0 5px;}
.menu-box > li >a{position:relative;display:block;font-size:15px;color:#808080;padding:15px 10px;border-bottom:1px solid #666;}
.menu-box > li >a:after{content:"";position:absolute;top:50%;right:10px;margin-top:-7px;width:6px;height:14px;background:url(../../images/mobile/sub/mypage/right_blit.png) no-repeat left top;background-size:6px 14px;}

.mypage_tb{width:calc(100% - 10px);margin:0 5px 50px 5px;border-top:1px solid #666;}
.mypage_tb thead tr th{padding:8px;border-bottom:1px solid #666;font-size:14px;text-align:left;font-weight:normal;}
.mypage_tb thead tr th > button{font-weight:bold;}
.mypage_tb tbody tr td{padding:8px;border-bottom:1px solid #666;font-size:14px;}
.mypage_tb tbody tr td > p{margin:4px 0;color:#808080;}
.mypage_tb tbody tr td > p > span{font-weight:bold;}

.mypage_tb2{width:calc(100% - 10px);margin:0 5px 50px 5px;border:1px solid #666;border-collapse:collapse;}
.mypage_tb2 thead tr th{padding:15px 8px;border:1px solid #666;font-size:14px;color:#3e3a39;}
.mypage_tb2 tbody tr th em{font-size:11px;}
.mypage_tb2 tbody tr td,.mypage_tb2 tbody tr th{padding:15px 8px;border:1px solid #666;font-size:13px;}
.mypage_tb2 tbody tr td.category{color:#808080;text-align:center;}
.mypage_tb2 tbody tr td.subject{color:#003e21;}
.mypage_tb2 tbody tr td.mile{color:#cc9933;text-align:center;}
.mypage_tb2 tbody tr td span.s_info{display:block;font-size:12px;color:#003e21;margin-top:5px;}
.mypage_tb2 tbody tr td .flex_input{width:calc(100% - 90px);}
.mypage_tb2 tbody tr td .post{float:left;height:32px;line-height:32px;}
.mypage_tb2 tbody tr td .chk-box{float:left;margin-top:8px;}
.mypage_tb2 tbody tr td .tb_btn{float:right;display:inline-block;width:80px;height:32px;background:#003e21;color:#cc9933;text-align:center;}
.mypage_tb2 tbody tr td .tb_btn.post{background:#b2b2b2;color:#003e21;}
.mypage_tb2 tbody tr td .tb_btn.view{background:#fff;color:#666;width:100px;border:1px solid #b2b2b2;}

.no_tb{width:calc(100% - 10px);margin:0 5px 50px 5px;border:1px solid #fff;border-collapse:collapse;}
.no_tb tbody tr th{padding:3px 8px;;border:1px solid #fff;font-size:14px;color:#3e3a39;}
.no_tb tbody tr th em{font-size:11px;}
.no_tb tbody tr td,.no_tb tbody tr th{padding:3px 0px;line-height:18px;border:1px solid #fff;font-size:13px;}
.no_tb tbody tr th.css { background:url(../../images/mobile/sub/bul_tit.png) no-repeat 83% center / 8px auto; text-align:left;}
.no_tb tbody tr td.category{color:#808080;text-align:center;}
.no_tb tbody tr td.subject{color:#003e21;}
.no_tb tbody tr td.mile{color:#cc9933;text-align:center;}
.no_tb tbody tr td span.s_info{display:block;font-size:12px;color:#003e21;margin-top:5px;}
.no_tb tbody tr td .flex_input{width:calc(100% - 69px);}
.no_tb tbody tr td .flex_input2{width:calc(100% - 147px);}
.no_tb tbody tr td .post{float:left;height:32px;line-height:32px;}
.no_tb tbody tr td .chk-box{float:left;margin-top:8px;}
.no_tb tbody tr td .tb_btn{float:right;display:inline-block;width:80px;height:32px;background:#003e21;color:#cc9933;text-align:center;}
.no_tb tbody tr td .tb_btn.post{background:#b2b2b2;color:#003e21;}
.no_tb tbody tr td .tb_btn.view{background:#fff;color:#666;width:100px;border:1px solid #b2b2b2;}
.no_tb tbody tr td select{border:1px solid #d8d8d8;height: 36px;width:66px;margin-right: 0%;padding: 0 8px; box-sizing: border-box;}
.no_tb tbody tr td select.slt01 {border:1px solid #d8d8d8;height: 36px;width:56px;padding: 0 3px; box-sizing: border-box;}

@media all and (max-width:359px) {
	.no_tb tbody tr th.css { background:url(../../images/mobile/sub/bul_tit.png) no-repeat 95% center / 8px auto; text-align:left;}
}
@media all and (min-width:768px) {
.no_tb{width:700px; margin:0 auto;}
}


.agree_msg{margin:0 5px;font-size:13px;color:#3e3a39;}
.agree_msg > strong{display:inline-block;margin-left:5px;}
.agree_msg > p{padding:5px 0 0 20px;}


.write-area{margin:10px 0px;}
.write-area textarea{height:195px;padding:10px;width:100%;margin-top:0px;border:1px solid #d0d0d0;background: #f1f1f1;color: #9a9a9a;}
.write-area input[type="text"],.write-area.login-area  input[type="password"],
.write-area.login-area  input[type="number"],
.write-area dt {width:100%;}
.write-area dt select{border:1px solid #d8d8d8;height: 36px;width:95px;margin-right: 0%;padding: 0 8px; box-sizing: border-box;}
.write-area dt input[type="text"] {width:calc(100% - 99px);background: #f1f1f1;color: #9a9a9a;border: 1px solid #d0d0d0;}
.write-area dt input.flex_input2 {width:100%;background: #f1f1f1;color: #9a9a9a;border: 1px solid #d0d0d0;}

/* 첨부파일
.fileBox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.fileBox label {display: inline-block;width:100%;height: 36px;padding: 0px 12px;line-height: 36px;text-align:center;vertical-align: middle;cursor: pointer;font-size: 16px;background: #44af35 url(../../images/mobile/common/btn_file.png) no-repeat 98% center /18px 18px; ; color: #fff;border:1px solid #44af35;flex: 1; -webkit-flex: 1;border-radius:3px;}*/
/* named upload */
/*.fileBox .upload-name {display: inline-block;padding: 4px 8px;   label의 패딩값과 일치 font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fafcfc;-webkit-appearance: none;*/ /* 네이티브 외형 감추기 -moz-appearance: none;appearance: none;font-size:12px;border:1px solid #d7d7d7;}*/

.fileWrap dt{display: inline-block;width:100%;height: 36px;padding: 0px;line-height: 36px;text-align:center;vertical-align: middle;cursor: pointer;font-size: 16px;color: #fff;flex: 1; -webkit-flex: 1;border-radius:3px;background: #44af35}
.fileWrap dt span {display:block;color:#fff;}
.fileWrap dt span.add {background: #44af35 url(../../images/mobile/common/btn_file.png) no-repeat 98% center /18px 18px;}
.fileWrap dt span.addon {background: #44af35 url(../../images/mobile/common/btn_fileadd.png) no-repeat 98% center /18px 18px;}

.boardThumList {overflow:hidden; margin:8px auto 0; max-width:300px;}
.boardThumList li {float:left; width:97px; height:97px; margin:2px 2px; background:url('../../images/mobile/common/bg_file_empty.png') no-repeat 0 0 / 97px 97px; }
.boardThumList li:first-child,
.boardThumList li:nth-child(4){margin-left:0;}
.boardThumList li:nth-child(3n){margin-right:0;}
.boardThumList li a {display:inline-block; position:relative; width:100%; height:100%; background:url('../../images/mobile/common/bg_file_empty.png') no-repeat 0 0 / 97px 97px;}
 .boardThumList li a img {width:97px; height:97px; font-size:12px; text-align:center;}
.boardThumList li a button {display:inline-block; position:absolute; top:0; right:0; width:12px; height:12px; background:url('../../images/mobile/common/icon_thum_close.png') no-repeat right 0; text-indent:-9999px;}

/* imaged preview */
.filebox .upload-display { /* 이미지가 표시될 지역 */  width: 95px; height:95px;}
.filebox .upload-display { display: inline-block; margin-bottom: 0;}

.filebox .upload-thumb-wrap { /* 추가될 이미지를 감싸는 요소 */ display: inline-block; width: 100%; height:100%; padding: 0px;  vertical-align: middle; /*border: 1px solid #d8d8d8;*/ background-color: #fff; }
.filebox .upload-display img { /* 추가될 이미지 */ display: block; width: 95px; width: 95px \9; height:95px;     background: url(../../images/mobile/common/bg_file_empty.png) no-repeat 0 0 / 95px 95px;}
.input-file {width:97px;height:97px;}
.filebox.preview-image {border:1px solid #d8d8d8;}
.filebox.preview-image:hover {border-color:#44af35 !important;}
.filebox.preview-image, .upload-display{position:relative;width:97px;height:97px;}
 .filebox.preview-image label{position:absolute; top:0; left:0;width:80%;height:100%;text-indent: -999px;cursor:pointer;}
 .btn-thumb-del {width:23px!important; height:23px!important; position:absolute;top: 3px;left: 75% !important;text-indent:-9999px; border-radius:50%;background:url(../../images/mobile/sub/btn-thumb-del.png) no-repeat 0 0/ 23px 23px; z-index:100000000000;}

.upload-hidden, .upload-name {display:none;}

.write-area.login-area{margin:15px 10px;}
.write-area.login-area > .btn_group{margin-top:20px;}
.write-area.login-area > .btn_group > .btn{margin:0;}
.login {min-height:580px}
.login .login-area  input[type="text"],
.login .login-area  input[type="password"],
.login .login-area  input[type="number"]{margin-bottom:7px;background:#f1f1f1; color:#8d8d8d;border:1px solid #d0d0d0;}
.login-menu{font-size:0;text-align:center;margin: 16px 0px;border-top: 1px solid #ececec;padding-top:7px;}
.login-menu > li{position:relative;display:inline-block;padding:0 10px;}
.login-menu > li:first-child:before{content:none;}
.login-menu > li:before{content:"";position:absolute;left:0;top:1px;height:100%;width:1px;background:#f0f0f0;}
.login-menu > li > a{font-size:13px;color:#757575;}
.login-head {height:123px; border-bottom:4px solid #44af35;text-align:center;background:#ebeeef;}
.login-head img {width:auto; height:119px;}
.login-tit {margin: 10px 10px;padding-bottom:10px;font-size:13px; color:#233645;border-bottom:1px solid #44af35;}
.write-area.login-area .tit-input {margin-top: 10px;}
.write-area.login-area .tit-input label{display:inline-block; width:80px;letter-spacing:-1px;}
.write-area.login-area .tit-input input {width: calc(100% - 80px);margin-top: 0px; }
.write-area.login-area .tit-input.tit-btn input{width: calc(100% - 142px);}
.write-area.login-area .tit-input .text-right {margin-top:5px;font-size:10.5px; color:#1f2020;display:block;}
.login .error_txt {font-size:11px; color:#ff0000;margin-top:14px;line-height:1.2;}

/* 설정 */
.setup .top-info {padding-top:0px;}
.setup ul {width:100%;background:#fff;margin-bottom:5px;border-top:1px solid #e0e0e0}
.setup ul li {padding-left:50px;line-height:46px; height:46px; font-size:15px;color:#253746;border-bottom:1px solid #e0e0e0}
.setup ul li a {display:block;width:100%;height:100%;padding: 8px 0 0; background:url(../../images/mobile/common/btn-go.png) no-repeat 97% center / 6px 12px;}
.setup ul li a strong {display:block;padding-bottom:3px;font-size:14px;color:#1f2020;}
.setup ul li a em {font-size:10px;color:#9a9a9a;}

.user-id {background:url(../../images/mobile/common/ico_setup1.png) no-repeat 19px center / 24px 24px}
.user-name {background:url(../../images/mobile/common/ico_setup2.png) no-repeat 19px center / 24px 24px}
.user-apt {background:url(../../images/mobile/common/ico_setup3.png) no-repeat 19px center / 24px 24px}
.user-aptnum {background:url(../../images/mobile/common/ico_setup4.png) no-repeat 19px center / 24px 24px}
.info-modify {background:url(../../images/mobile/common/ico_setup5.png) no-repeat 19px center / 24px 24px}
.pw-modify {background:url(../../images/mobile/common/ico_setup6.png) no-repeat 19px center / 24px 24px}
.withdrawal-modify {background:url(../../images/mobile/common/ico_setup7.png) no-repeat 19px center / 24px 24px}

/* 회원정보 수정 */
.myinfo-area {}
.myinfo-area .info-area{padding:18px 0;}
.myinfo-area .info-area li{padding:13px 0;}
.myinfo-area .info-area li span{display:inline-block; width:calc(50% - 10px);padding-left:10px; font-size:12px; color:#535353}
.myinfo-area .info-area li span:first-child {text-align:right;padding-right:10px;padding-left:0px; border-right:1px solid #45a637}
.tel-input {position: absolute;left: 10px;bottom: 60px;width: calc(100% - 20px); padding:20px 0;border-top:1px solid #45a637;}
.tel-input label {display: inline-block;width: 23%;padding-left:20px;letter-spacing: -1px;}
.tel-input select.slt01 {border: 1px solid #d8d8d8;height: 36px;width: 22%;padding: 0 3px;box-sizing: border-box;}
.tel-input input {width: 24%;}

@media all and (min-width:640px){
.boardThumList {max-width:620px;}
.boardThumList li:first-child{margin-left:9px;}
.boardThumList li:nth-child(4){margin-left:2px;}
.boardThumList li:nth-child(3n){margin-right:2px;}
}

@media all and (max-width:639px){
.boardThumList {max-width:300px;}
.content > .sub-wrap.setup {background: #ebeeef !important;    max-width: 1200px;}
}

/* 이미지 체크박스 */
.wrap-btncheck {position:relative; margin-top:10px; text-align:left; cursor:pointer; overflow:hidden;}
.wrap-btncheck input.form-inputPop {position:absolute; top:0; left:0; width:21px; height:22px;opacity:0; cursor:pointer; z-index:5;}
.wrap-btncheck i {float:left; display:block; width:21px; height:21px; background:url(../../images/mobile/sub/btn_checkbox.png)no-repeat left top;background-size:21px ; z-index:3;}
.wrap-btncheck label {float:left; margin:5px 5px 0 5px; cursor:pointer; font-size:12px; color:#37383a;}
.wrap-btncheck input.form-inputPop:checked+i {background-position:left bottom;}

.agreeWrap:after {content:''; display:block; clear:both; }
.agreeWrap .wrap-btncheck2  {float: right;}
.wrap-btncheck2 {position:relative; margin-top:10px;text-align:left; cursor:pointer; }
.wrap-btncheck2:after {content:''; display:block; clear:both; }
.wrap-btncheck2 input.form-inputPop {position:absolute; top:0; left:0; width:16px; height:16px;opacity:0; cursor:pointer; z-index:5;}
.wrap-btncheck2 i {float:left; display:block; width:16px; height:16px; background:url(../../images/mobile/sub/btn_checkbox2.png)no-repeat left top;background-size:16px; z-index:3;}
.wrap-btncheck2 label {float:left; margin:-1px 5px 0 5px; cursor:pointer; font-size:12px; color:#37383a;}
.wrap-btncheck2 input.form-inputPop:checked+i {background-position:left bottom;}

.checkbox-inline {display:inline-block; }

.layer-pop{display:none;z-index:10;position:absolute;top:18px;padding:10px;width:140px;border:1px solid #b2b2b2;font-size:11px;background:#fff;}
.layer-pop > .title1{display:block;margin-bottom:5px;color:#b2b2b2;}
.layer-pop > .title2{display:block;margin-bottom:5px;color:#808080;}
.layer-pop > p{border-top:1px solid #b2b2b2;padding:5px 0 0 10px;text-indent:-10px;color:#b2b2b2;line-height:14px;}
.layer-pop > .btn-close{position:absolute;right:5px;top:5px;}

.layer-pop.pop1{left:75px;}
.layer-pop.pop2{left:48px;}

.error-area {padding-top:170px; background:url(../../images/mobile/common/bg_error.png) no-repeat center 54px /90px auto; }
.error-area dl dt {font-size:14px;line-height:700;line-height:1.2; color:#383838;margin-bottom:45px;}
.error-area dl dd {font-size:12px; line-height:1.4; color:#253746;}


.dim{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);z-index: 1000;}
.preAlarm_layer{position:fixed;width:90%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);margin:0 auto;background:#fff; border-radius:14px 14px 0 0 ;}
.preAlarm_layer .title{position:relative;margin:0 0px;text-align:left;font-size:20px;font-weight:bold;color:#fff;padding:9px 0 9px 44px;background:#44af35;overflow:hidden; border-radius:14px 14px 0 0;}
.preAlarm_layer .btn-back{position:absolute;left:0;top:50%;margin-top:-9px;width:36px;height:18px;overflow:hidden;font-size:0;text-indent:-999px;background:url(../../images/mobile/common/btn_back.png) no-repeat 16px top;background-size:auto 18px;}
.preAlarm_layer .popup-content {padding:10px 10px 0; min-height:250px;height:250px;overflow-y:auto;}
.preAlarm_layer .popup-footer {border-top:1px solid #44af35;border-bottom:4px solid #44af35;font-size:0;vertical-align: middle;text-align:center;}
.preAlarm_layer .popup-footer > div {width:50%;display:inline-block;margin:0px;vertical-align: middle;}
.preAlarm_layer .popup-footer .btn{border-left:1px solid  #44af35;height:40px;line-height:40px;}
.preAlarm_layer .popup-footer .btn button {width:100%;}
.preAlarm_layer .popup-footer .wrap-btncheck {margin:10px 0; padding-left:5px;}
.preAlarm_layer .popup-footer .wrap-btncheck input.form-inputPop {left: 5px;}

.popup_tb1 {width:100%; border-top:2px solid #44af35; margin-bottom:20px;}
.popup_tb1 thead tr th,.popup_tb1 tbody tr td{border-bottom:1px solid #d8d8d8;vertical-align:top;}
.popup_tb1 thead tr th{padding:10px 0;text-align:center;border-left:1px solid #d8d8d8;}
.popup_tb1 tbody tr td{padding:10px 0;text-align:center;border-left:1px solid #d8d8d8;}
.popup_tb1 thead tr th:first-child,.popup_tb1 tbody tr td.num {border-left:none;}

.pwreset_layer{position:fixed;width:90%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);margin:0 auto;background:#fff;}
.pwreset_layer .title{position:relative;margin:0 0px;text-align:left;font-size:15px;color:#fff;padding:0px 0 0px 40px;line-height:30px;background:#44af35 url(../../images/mobile/common/ico_pwreset.png) no-repeat 11px center/ 21px 21px;overflow:hidden;}
.pwreset_layer .popup-content {padding:42px 10px 52px; color:#253746; font-size:13px; line-height:1.5;}
.pwreset_layer .popup-footer {border-top:1px solid #44af35;padding:12px 0 15px;margin: 0 10px;font-size:0;vertical-align: middle;text-align:center;}
.pop-answer-btn {margin: 0 auto;}
.pop-answer-btn .btn {margin:0 2px}

.btnBlock02{display:block;color:#fff;font-weight:bold;height:36px;text-align:center;line-height:36px;background:#44af35 url(../../images/mobile/common/btn_file.png) no-repeat 98% center /18px 18px;}

.fileListWrap .upload-thumb-wrap{position:relative;}
.fileListWrap .delPoint{z-index:2;position:absolute;top:2px;right:0;display:block;width:23px;height:23px;contet:'';background:url(../../images/mobile/sub/btn-thumb-del.png) no-repeat 0 0/ 23px 23px;}

@media all and (min-height:810px){
.content > .sub-wrap.market {height:660px !important;min-height:660px !important;}
}
@media all and (min-height:736px) {
.content {min-height: 660px;}
.content > .sub-wrap {min-height: 630px;}
}

@media all and (min-width:768px) {
	.write-area.login-area{margin:20px auto; max-width:640px;}
	.preAlarm_layer {width:500px;}
}
@media all and (max-width:360px) {
.content {min-height: 480px;}
.content > .sub-wrap {min-height: 450px;}
}
@media all and (max-width:320px) {
.content {min-height: 400px;}
.content > .sub-wrap {min-height: 390px;}
}