* {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
#wrap {width:100%; min-width:1200px; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}
.inner:after {content:''; display:block; clear:both;}

.mobile {display: none;}

.overlay {position:fixed; width:100%; height:100%; background:url('/images/ncoop/common/bg_overlay.png') repeat 0 0; z-index:110; display:none;}

/* 헤더 */
#header {position:relative; z-index:100;}
#header .util {height:45px; line-height:45px; background:#77be35;}
#header .util a {color:#fff;}
#header .util .family_site {float:left;}
#header .util .family_site a {display:inline-block; width:190px; text-align:center; border-right:1px solid rgba(255,255,255,0.3); font-size:16px;}
#header .util .family_site a.active {background:#fff; color:#007938;}
#header .util .member_area {float:right;}
#header .util .member_area a {display:inline-block; padding:0 0 0 24px; font-size:14px;}
#header .util .member_area a img {vertical-align:middle;}
#header .headerWrap {clear:both; height:100px;}
#header .headerWrap h1 {float:left; width: 230px; padding-top:30px;}
#header .headerWrap h1 img {width: 100%;}
#header .headerWrap .member_area_t {display:none;}
#header .headerWrap .topmenu {position:absolute; right:0; top:0;}
#header .headerWrap .topmenu > ul > li {float:left; width:180px; text-align:center; position:relative;}
#header .headerWrap .topmenu > ul > li.menu2 {width:200px;}
#header .headerWrap .topmenu > ul > li > a {font-size:20px; color:#111; display:block; padding:37px 0;}
#header .headerWrap .topmenu > ul > li > a:hover, #header .headerWrap .topmenu > ul > li > a.on {color:#08854a;}
#header .headerWrap .topmenu > ul > li > .submenu {position:absolute; width:100%; left:0; top:100px; background:#fff; opacity:0; display:none; -webkit-box-shadow: 3px 9px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 3px 9px 13px 0px rgba(0,0,0,0.17); box-shadow: 3px 9px 13px 0px rgba(0,0,0,0.17);}
#header .headerWrap .topmenu > ul > li > .submenu li {line-height:35px; text-align:left;}
#header .headerWrap .topmenu > ul > li > .submenu li:hover {background:#77be35;}
#header .headerWrap .topmenu > ul > li > .submenu li a {display:block; font-size:15px; color:#555; padding:0 20px;}
#header .headerWrap .topmenu > ul > li > .submenu li:hover a {color: #fff;}

/* 전체메뉴 */
.allMenuWrap {display:none;}

/* 퀵메뉴 */
#quick {width:148px; position:absolute; right:0; z-index:55;}
#quick ul{width:148px;}
#quick ul li {width:148px; height:54px; margin-bottom:2px; text-align:center; color:#fff; vertical-align:middle;}

/* 메인 비주얼 */
.mainVisual {position:relative;}
.mainVisual .mainSlide li {left:50%; margin-left:-960px; text-align:center;}
.mainVisual .mainSlide li img.pc_v {width:1920px; display:inline;}
.mainVisual .mainSlide li img.m_v {display:none;}
.mainVisual .visualText {width:1200px; position:absolute; top:140px; left:50%; margin-left:-600px; text-align:center; color:#fff; z-index:55;}
.mainVisual .visualText h2 {font-size:48px; font-family:'NanumBarunGothicL'; font-weight:normal; margin-bottom:0; line-height: 1.2;}
.mainVisual .visualText h2 span {font-weight:normal; font-family:'NanumBarunGothicL';}
.mainVisual .visualText b {font-family:'NanumBarunGothicN';}
.mainVisual .visualText p {font-size:18px; font-weight:300; color:#fff; margin-bottom:40px;}
.mainVisual .visualText .btn_visual {display:inline-block; font-size:20px; padding:0 50px; margin-top: 50px; height:60px; line-height:54px; text-align:center; color:#fff; border:2px solid #fff; border-radius:100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mainVisual .bx-controls-direction a {width:28px; height:54px; text-indent:-9999px; overflow:hidden; display:block; position:absolute; top:45%; z-index:55;}
.mainVisual .bx-controls-direction a.bx-prev {background:url('/images/ncoop/main/paging_left.png') no-repeat 0 0; left:40px;}
.mainVisual .bx-controls-direction a.bx-next {background:url('/images/ncoop/main/paging_right.png') no-repeat 0 0; right:40px;}
.mainVisual .bx-pager {text-align:center; width:100%; position:absolute; bottom:40px; left:0; z-index:55;}
.mainVisual .bx-pager .bx-pager-item {display:inline-block; margin:0 5px;}
.mainVisual .bx-pager .bx-pager-item a {display:block; width:13px; height:13px; text-indent:-9999px; overflow:hidden; border:1px solid #fff; border-radius:100px;}
.mainVisual .bx-pager .bx-pager-item a.active {background:#fff;}

/* 메인 컨텐츠 */
.mainWrap {position:relative;}
.mainWrap .mymenu ul:after {content:''; display:block; clear:both;}
.mainWrap .mymenu ul li {float:left; text-align:center; width:200px; box-sizing:border-box; border-right:1px solid #dfdfdf;}
.mainWrap .mymenu ul li:first-child {border-left:1px solid #dfdfdf;}
.mainWrap .mymenu ul li:hover {border-color:#77be35;}
.mainWrap .mymenu ul li a {display:block; padding:24px 0; font-size:16px; line-height:40px; background:#f3f3f3;}
.mainWrap .mymenu ul li a:hover {background:#77be35; color:#fff;}
.mainWrap .articleWrap {position:relative; border:1px solid #d0d0d0;}
.articleWrap:after {content:''; display:block; clear:both;}
.mainWrap .articleWrap .main_atc {width:33.333333333333%; height: 190px; border-left:1px solid #d0d0d0; box-sizing:border-box; float:left;}
.mainWrap .articleWrap .main_atc:nth-child(3n-2) {border-left: none;}
.mainWrap .articleWrap .main_atc dt {font-size:20px; position:relative; overflow:hidden; line-height:30px; margin-bottom:10px;}
.mainWrap .articleWrap .main_atc dt .more {float:right; font-weight:500; font-size:30px;}
.mainWrap .articleWrap .main_atc dd {font-size:16px; line-height:24px;}
.mainWrap .articleWrap .main_atc01 {background:url('/images/ncoop/main/bg_idea.jpg') no-repeat 0 0; padding:0; background-size: cover;}
.mainWrap .articleWrap .main_atc02 {background:url('/images/ncoop/main/bg_introduction.jpg') no-repeat 0 0; padding:0; background-size: cover;}
.mainWrap .articleWrap .main_atc05 {background:url('/images/ncoop/main/bg_suggest.jpg') no-repeat 0 0; padding:0; background-size: cover;}
.mainWrap .articleWrap .main_atc01 a, 
.mainWrap .articleWrap .main_atc02 a,
.mainWrap .articleWrap .main_atc05 a {display:block; color:#fff; padding:6%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mainWrap .articleWrap .main_atc03 dt, .mainWrap .articleWrap .main_atc04 dt {color:#222;}
.mainWrap .articleWrap .main_atc .latest {padding:6%;}
.mainWrap .articleWrap .main_atc .latest li {line-height:26px; background:url('/images/ncoop/common/list_bullet.gif') no-repeat 0 12px; padding-left:10px; letter-spacing:-0.5px; position:relative; overflow:hidden;}
.mainWrap .articleWrap .main_atc .latest li .date {float:right; font-size:13px; color:#777;}
.mainWrap .articleWrap .main_atc .latest li a:hover {color:#007e3f; text-decoration:underline;}
.mainWrap .productWrap {width:800px; height:194px; box-sizing:border-box; padding:2%; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; position:relative;}
.mainWrap .productWrap .title {font-weight:normal; font-size:20px; color:#222; line-height:30px; margin-bottom:10px;}
.mainWrap .productWrap .prdSlide li {overflow:hidden;}
.mainWrap .productWrap .prdSlide li a {overflow:hidden; width:33.3%; float:left; font-size:16px; line-height:24px;}
.mainWrap .productWrap .prdSlide li a img {float:left; margin-right:10px;}
.mainWrap .productWrap .prdSlide li a .info {float:left; margin-top:5px;}
.mainWrap .productWrap .bx-controls {text-align:right; position:absolute; right:3%; top:17%;}
.mainWrap .productWrap .bx-controls-direction {width:32px; height:15px; display:inline-block; border:1px solid #d0d0d0; position:relative; vertical-align:middle; margin-left:5px;}
.mainWrap .productWrap .bx-controls-direction a {width:15px; height:15px; text-indent:9999px; overflow:hidden; display:block; position:absolute;}
.mainWrap .productWrap .bx-controls-direction a.bx-prev {background:url('/images/ncoop/main/prd_prev.gif') no-repeat 0 0; left:0; top:0; border-right:1px solid #d0d0d0;}
.mainWrap .productWrap .bx-controls-direction a.bx-next {background:url('/images/ncoop/main/prd_next.gif') no-repeat 0 0; right:0; top:0;}
.mainWrap .productWrap .bx-pager {display:inline-block; vertical-align:middle;}
.mainWrap .productWrap .bx-pager .bx-pager-item a {display:none; font-size:14px;}
.mainWrap .productWrap .bx-pager .bx-pager-item a.active {display:inline-block; color:#222;}
.mainWrap .productWrap .bx-pager .bx-pager-item a.active span {color:#888;}

/* 서브페이지 공통 */
.subVisual {height:200px; line-height:210px; color:#fff; text-align:center; font-size:48px; font-family:'NanumBarunGothicB';}
.subVisual img {vertical-align:middle; margin-top:-3px;}
.subVisual0 {background:url('/images/ncoop/sub/bg_subvisual0.jpg') no-repeat center top;}
/*.subVisual1 {background:url('/images/ncoop/sub/bg_subvisual1.jpg') no-repeat center top;}*/
.subVisual1 {background:url('/images/ncoop/sub/subvisual_03.jpg') no-repeat center top;}
.subVisual2 {background:url('/images/ncoop/sub/subvisual_02.jpg') no-repeat center top;}
.subVisual3 {background:url('/images/ncoop/sub/bg_subvisual5.jpg') no-repeat center top;}
.subVisual4 {background:url('/images/ncoop/sub/subvisual_04.jpg') no-repeat center top;}
.subVisual41 {background:url('/images/ncoop/sub/bg_subvisual4.jpg') no-repeat center top;}
.subVisual5 {background:url('/images/ncoop/sub/bg_subvisual5.jpg') no-repeat center top;}

.sub #contents {width:1200px; margin:70px auto;}
.sub #contents:after {content:''; display:block; clear:both;}

.snbWrap {width:230px; float:left; border-top:1px solid #08854a;}
.snbWrap ul li {height:50px; line-height:50px; border-bottom:1px solid #dfdfdf;}
.snbWrap ul li a {display:block; padding:0 20px;}
.snbWrap ul li.active {background:#f3f3f3;}
.snbWrap ul li.active a {background:url('/images/ncoop/sub/ico_snb_on.gif') no-repeat 90% center; color:#08854a; font-family:'Lato', 'NanumBarunGothicB'; font-weight:700;}

.titleArea {position:relative; padding-bottom:25px; margin-bottom:45px; border-bottom:1px solid #d0d0d0;}
.titleArea h3 {font-size:36px; line-height:36px; color:#222; font-weight:normal; font-family:'NanumBarunGothicB';}
.titleArea .location {position:absolute; right:0; bottom:25px; color:#999; font-family:'NanumBarunGothicN'}
.titleArea .location span {padding:0 15px; font-family:'NanumBarunGothicN'; background:url('/images/ncoop/sub/loca_arrow.gif') no-repeat right center;}
.titleArea .location span.last {padding-right:0; background:none;}

h4.title {font-size:22px; font-weight:normal; font-family:'NanumBarunGothicN'; color:#222; background:url('/images/ncoop/sub/bg_title_line.gif') no-repeat left top; padding-top:15px; margin-bottom:20px;}
h4.title2 {font-size:18px; font-weight:normal; font-family:'NanumBarunGothicN'; color:#222; background:url('/images/ncoop/sub/bg_title_line.gif') no-repeat left top; background-size:17px 3px; padding-top:10px; margin-bottom:10px;}
h4.title3 {font-size:24px; font-weight:normal; font-family:'NanumBarunGothicN'; color:#222; margin-bottom:15px; line-height: 1.3;}
h5.title {font-size:22px; font-weight:normal; font-family:'NanumBarunGothicN'; color:#222; background:url('/images/ncoop/sub/bg_title_line02.gif') no-repeat left top; background-size:27px 3px; padding-top:10px; margin-bottom:15px;}

.contentsArea {width:900px; float:right; position:relative;}
.contentsArea .section {margin-top:50px;}
.contentsArea .section:first-child {margin-top:0;}
.contentsArea .section2 {margin-top:40px;}
.contentsArea .section2:first-child {margin-top:0;}
.contentsArea .section2 p {line-height:30px;}

.list_bullet {line-height:24px;}
.list_bullet li {background:url('/images/ncoop/common/list_bullet.gif') no-repeat 0 12px; padding-left:10px; margin-top:5px;}
.list_bullet li:first-child {margin-top:0;}

.tabArea {margin-bottom:30px;}
.tabArea ul:after {content:''; display:block; clear:both;}
.tabArea ul li {float:left; width:170px; height:44px; text-align:center; line-height:44px; background:#f3f3f3; border:1px solid #d0d0d0; border-left:none; box-sizing:border-box;}
.tabArea ul li:first-child {border-left:1px solid #d0d0d0;}
.tabArea ul li a {display:block;}
.tabArea ul li.active {background:#fff; border:2px solid #b22421; line-height:40px;}
.tabArea ul li.active a {color:#b22421;}

/* 조합원안내 */
.contentsArea.guide .img_mobile {display:none;}
.contentsArea.guide .img_pc {display:inline;}
.contentsArea.guide .ewha_symbol {background:url('/images/ncoop/about/img_ewha.png') no-repeat left center; padding:20px 0 20px 95px;}
.contentsArea .guideTable {border-top:1px solid #b22421;}
.contentsArea .guideTable th {background:#f7f7f7; font-weight:normal;}
.contentsArea .guideTable th, .contentsArea .guideTable td {padding:15px 5px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:center; word-break:keep-all;}
.contentsArea .guideTable thead th {border-bottom:1px solid #b22421; color:#b22421;}
.contentsArea .guideTable thead th:last-child {border-right:none;}
.contentsArea .guideTable tbody td:last-child {border-right:none;}

/* 생협소개 */
.contentsArea.about .section2 p {line-height:24px;}
.contentsArea.about .box_about {border: 1px solid #dcdcdc; overflow: hidden; box-sizing:border-box;}
.contentsArea.about .box_about + p {padding-top: 15px;}
.contentsArea.about .manage_info li {margin-top: 30px;}
.contentsArea.about .manage_info li span {display: block; padding-bottom: 5px;}

.contentsArea.purpose .section2 p {line-height:24px;}
.contentsArea.purpose .benefitWrap {border: 1px solid #dcdcdc; margin-bottom:30px; padding: 20px 40px;}
.contentsArea.purpose .benefitWrap dl {position:relative;}
.contentsArea.purpose .benefitWrap dl dt {display: inline-block; vertical-align: middle;}
.contentsArea.purpose .benefitWrap dl dt img {width: 106px;}
.contentsArea.purpose .benefitWrap dl dd {display: inline-block; width: calc(100% - 140px); padding: 30px 0; margin-left: 30px; border-top:1px dashed #d0d0d0; vertical-align: middle; line-height:24px; box-sizing: border-box; word-break:keep-all;}
.contentsArea.purpose .benefitWrap dl:first-child dd {border-top: none;}
.contentsArea.purpose .from {text-align:right; margin-top:30px;}
.contentsArea.purpose .from .green {display:block; font-size:18px; margin-top:5px;}

.contentsArea .historyWrap {position:relative;}
.contentsArea .historyWrap dl {position:relative;}
.contentsArea .historyWrap dl:after {content:''; clear: both; display: block;}
.contentsArea .historyWrap dt {position: relative; float: left; width: 155px; margin-top: 60px; font-size:40px; color:#222; line-height:26px;}
.contentsArea .historyWrap dl:first-child dt {margin-top: 10px;}
.contentsArea .historyWrap dt:after {content:''; position: absolute; right: -8.5px; top: 6px; width: 17px; height: 16px; background: url('/images/ncoop/sub/history_bul.png') no-repeat 0 0; z-index: 10;}
.contentsArea .historyWrap dd {position: relative; float: left; width: calc(100% - 225px); margin-left: 70px; padding-top: 50px; padding-bottom: 50px; border-top:1px dashed #d0d0d0; box-sizing: border-box;}
.contentsArea .historyWrap dl:first-child dd {border-top: none; padding-top: 0; margin-top: 0;}
.contentsArea .historyWrap dl:last-child dd {padding-bottom: 0;}
.contentsArea .historyWrap dd:before {content:''; position: absolute; top: 0; left: -70px; width: 1px; height: 100%; background: #dfdfdd;}
.contentsArea .historyWrap dl:first-child dd:before {top: 20px;}
.contentsArea .historyWrap dd li {position: relative; padding-left: 70px; margin-top: 10px; line-height: 22px;}
.contentsArea .historyWrap dd li:first-child {margin-top: 0;}
.contentsArea .historyWrap dd li .date {position:absolute; left:0; top:0; font-size: 18px; color: #222;}

.contentsArea.about .tabContents {display:none;}
.contentsArea.about .tabContents01 {display:block;}
.contentsArea.condition .m_img {display:none;}
.contentsArea.article .section2 dl {margin-top:20px;}
.contentsArea.article .section2 dt {color:#111; margin:20px 0 8px 0;}
.contentsArea.article .section2 dt:first-child {margin-top:0;}
.contentsArea.article .section2 dd {line-height:24px;}
.contentsArea.article .section2 dd ul {padding-left:15px; margin:10px 0;}
.contentsArea.article .section2 dd ul.mt li {margin-top: 10px;}
.contentsArea.article .section2 dd ul.mt li:first-child {margin-top: 0;}
.contentsArea.article .section2 dd b {color: #111; font-weight: normal;}
.contentsArea.guide p {line-height:24px;}
.contentsArea.guide .facebookBox {border:1px solid #2850a1; padding:15px; margin-top:20px;}
.contentsArea.guide .facebookBox .black {padding-right:20px;}
.contentsArea.guide .facebookBox .black img {vertical-align:middle; padding-right:10px;}
.contentsArea.guide .facebookBox .btn_brown {display:inline-block; background:#2850a1; color:#fff; border-radius:2px; padding:0 10px; height:27px; line-height:27px; font-size:14px; text-align:center; float:right;}
.contentsArea.guide .guideTable tbody td {text-align:left;}
.contentsArea.location .location_info img {vertical-align:middle;}
.contentsArea.location .address {padding-right:20px;}
.contentsArea.location #map {height:500px;}

/* 이달의 행사 */
.contentsArea.event .date_title {text-align:center; position:relative; font-weight:900; color:#222; font-size:30px; height:40px; line-height:40px; margin-bottom:20px;}
.contentsArea.event .date_title .month_select {position:absolute; right:0; top:0; font-weight:300; font-size:14px;}
.contentsArea.event_form .how_to_join {background:#f7f7f7; border:1px solid #d0d0d0; padding:20px; margin:20px 0;}
.contentsArea.event_form .how_to_join dt {font-size:22px; color:#111; margin-bottom:15px;}
.contentsArea.event_form .how_to_join dt img {vertical-align:middle;}
.contentsArea.event_form .how_to_join dd {border-top:1px dashed #b2b2b2; padding:10px 0 10px 23px;}
.contentsArea.event_form .how_to_join dd.f {border-top:none;}
.contentsArea.event_form .how_to_join dd .num {display:inline-block; margin:0 10px 0 -23px;}
.contentsArea.event_form .tblType02 {}
.contentsArea.event_form .tblType02 .date_select {border:none;}
.contentsArea.event_form .tblType02 .tel_select {width:100px;}
.contentsArea.event_form .tblType02 .tel_input {width:100px;}
.contentsArea.event_form .tblType02 .member_count {width:100px;}
.contentsArea.event_form .tblType02 .textarea {width:100%; box-sizing:border-box; padding:1%; resize:none; height:150px;}

/* 생협운영시간 안내 */
.contentsArea.time_guide .tblType03 {display:block;}
.tblType03 {border-top:2px solid #b22421;}
.tblType03 table th, .tblType03 table td {text-align:center; padding:12px 0; color:#555; border-bottom:1px solid #d0d0d0; font-weight:normal;}
.tblType03 table thead tr {background:#fff;}
.tblType03 table thead th, .tblType03 table thead td {color:#222; border-bottom:1px solid #b0b0b0;}
.tblType03 table tbody tr.grayback {background:#f7f7f7;}
.tblType03 table tbody th {color:#222; border-right:1px solid #d0d0d0;}
.tblType03 table tbody td {border-right:1px solid #d0d0d0;}
.tblType03 table tbody td:last-child {border-right:none;}
.contentsArea.time_guide .time_guide_list {border-top:1px solid #b22521; display:none;}
.contentsArea.time_guide .time_guide_list .grayback {background:#f7f7f7;}
.contentsArea.time_guide .time_guide_list dl {overflow:hidden; border-bottom:1px solid #d0d0d0; padding:3%; line-height:2em;}
.contentsArea.time_guide .time_guide_list dt {width:30%; clear:both; float:left; font-family:'NanumBarunGothicB';}
.contentsArea.time_guide .time_guide_list dd {width:70%; float:right;}

/* 행사기념품 단체주문 */
.contentsArea.order .orderWrap {border:1px solid #d5bba2; padding:60px; text-align:center;}
.contentsArea.order .orderWrap .title3 {margin-top:20px;}
.contentsArea.order .orderWrap ul {width:255px; margin:0 auto; text-align:left; font-size:16px; line-height:24px;}
.contentsArea.order .orderWrap ul li span {color:#222; padding-right:10px;}
.contentsArea.order .orderWrap ul li span img {vertical-align:middle;}

/* 생협상품권 구입 및 발행 */
.contentsArea.buy_info .contact_info img {vertical-align:middle;}
.contentsArea.buy_info .contact_info em {padding-right:30px;}
.contentsArea.buy_info .contact_info .black {padding-right:10px;}

/* 반찬 / 김치판매 */
.SalesWrap {margin-top: 20px; overflow: hidden;}
.SalesWrap table {float: left; width: 49% !important; margin-left: 2%;}
.SalesWrap table:first-child {margin-left: 0;}
.SalesWrap table td.option {text-align: right;}
.SalesWrap table td.option select {margin-left: 15px;}
.SalesWrap table td.num {width: 60px; padding-left: 10px; padding-right: 10px; text-align: right;}
.SalesWrap table td.btnArea {width: 100px;}
.SalesWrap table td.btnArea button {display: inline-block; width: 35px; height: 35px; line-height: 37px; border: none; background: #e3e3e3; font-family:'NanumBarunGothicB'; font-size: 22px; text-align: center; vertical-align: middle; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
.SalesWrap table td.btnArea button:hover {background: #ccc;}
.SalesWrap table tr.selected td.option,
.SalesWrap table tr.selected td.num {color: #ff0000;}

.totalPrice {margin: 20px 0; border: 2px solid #08854a;}
.totalPrice dl {padding: 20px; overflow: hidden; line-height: 30px;}
.totalPrice dl dt {float: left; font-size: 18px; font-family:'NanumBarunGothicB'; color: #222;}
.totalPrice dl dd {float: right; font-size: 25px; font-weight: 600; text-align: right; color: #ff0000;}

.SalesInfo td .ui-datepicker-trigger {display: inline-block; width: 80px; height: 33px; margin: 0 2px 0 4px; background: #08854a; border: none; text-align: center; color: #fff; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; vertical-align: middle;}
.SalesInfo td label {margin-left: 20px;}
.SalesInfo td label:first-child {margin-left: 0;}

.SalesConfirm {margin-top: 10px;}
.SalesConfirm .checkArea {margin: 20px 0; text-align: center;}
.SalesConfirm .checkArea label {display: inline-block; margin-left: 15px;}
.SalesConfirm .signArea {text-align: right;}
.SalesConfirm .signArea p {padding-top: 10px;}
.SalesConfirm .signArea p:first-child {padding-top: 0;}
.SalesConfirm .signArea input.text {width: 200px;}

/* 주간식단안내 */
.WeekMenu .caution {margin-top: 20px;}
.WeekMenu .caution p {line-height: 25px;}
.WeekMenu .pct {display: block;}
.WeekMenu .mobile {display: none;}

/* 관련사이트 */
.contentsArea.family_site .tblType03 td {text-align:left; padding:12px 10px; word-break:break-all;}
.contentsArea.family_site .tblType03 td .black {padding-right:10px;}

/* 개인정보처리방침 */
.Inner_tb {width: 100%; margin-top: 10px; border-top: 1px solid #08854a;}
.Inner_tb thead th {background: #f3f3f3; color: #222;}
.Inner_tb thead th.num {width: 45px;}
.Inner_tb thead th,
.Inner_tb tbody td {padding: 12px 1px; border-bottom:1px solid #d0d0d0; border-right: 1px solid #d0d0d0; font-size: 15px; font-weight: normal; text-align: center; word-break:break-all; line-height: 1.2;}
.Inner_tb thead th:first-child,
.Inner_tb tbody td:first-child {border-left: 1px solid #d0d0d0;}

/* 푸터 및 하단 유틸메뉴 */
.bottom_menu ul {text-align: center; font-size: 0;}
.bottom_menu ul:after {content:''; clear: both; display: block;}
.bottom_menu ul li {display: inline-block; margin-left: 80px; text-align:left;}
.bottom_menu ul li:first-child {margin-left: 0;}
.bottom_menu ul li a {display:block; line-height:36px; font-size:16px; padding:30px 0;}
.bottom_menu ul li a:hover {color:#77be35;}
.bottom_menu ul li a img {padding-right:10px;}
#foot .foot_util {height:55px; line-height:55px; background:#f3f3f3;}
#foot .foot_util .goTop {display:none;}
#foot .foot_util a {font-size:15px; padding-right:15px; margin-right:15px; display:inline-block; background:url('/images/ncoop/common/foot_gap.gif') no-repeat right 22px; color:#555;}
#foot .foot_util a:first-child {color: #000;}
#foot .foot_util a.last {background:none;}
#foot .address {padding:30px 0;}
#foot .address p span {font-size:15px; line-height:24px; display:inline-block; margin-right:10px; padding-right:10px; background:url('/images/ncoop/common/foot_gap.gif') no-repeat right center;}
#foot .address p span.last {background:none;}
#foot .address .copy {font-size:12px;}


/********************************************************/
/**************** 테블릿 1024px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:1024px){
#wrap {width:100%; min-width:100%; position:relative;}
.inner {position:relative; width:100%;}
.inner:after {content:''; display:block; clear:both;}

/* 헤더 */
#header .inner {width:90%; padding:0 5%;}
#header .util {display:none;}
#header .util .family_site {float:none; width:100%; overflow:hidden;}
#header .util .family_site a {box-sizing:border-box; width:33.3%; float:left;}
#header .util .member_area {display:none;}
#header .headerWrap {height:75px;}
#header .headerWrap h1 {width: 200px; padding-top:18px;}
#header .headerWrap .member_area_t {display: block; position: absolute; top: 23px; right: 5%;}
#header .headerWrap .member_area_t a {display: inline-block; margin-left: 25px; vertical-align: middle;}
#header .headerWrap .member_area_t a:first-child {margin-left: 0;}
#header .headerWrap .member_area_t a.btn_mypage {width:28px;}
#header .headerWrap .member_area_t a.btn_allmenu {width:35px;}
#header .headerWrap .topmenu {display:none;}

/* 전체메뉴 */
.allMenuWrap {position:fixed; right:-220px; top:0; width:350px; height:100%; background:#fff; z-index:111; overflow-y:scroll;}
.allMenuWrap .member_area {overflow:hidden; background:#77be35;}
.allMenuWrap .member_area a {float:left; width: 33.33333333%; border-right:1px solid rgba(255,255,255,0.6); box-sizing:border-box; text-align:center; color:#fff; font-size:14px; height:40px; line-height:40px;}
.allMenuWrap .member_area a.last img {vertical-align:middle; margin-left:-11px; width:17px;}
.allMenuWrap dl {}
.allMenuWrap dl dt {height:50px; line-height:50px; padding:0 5%; font-size:16px; background:url('/images/ncoop/common/bg_allmenu_off.png') no-repeat 95% center; background-size:16px; color:#333; border-bottom:1px solid #dfdfdf; cursor: pointer;}
.allMenuWrap dl dt.on {background:url('/images/ncoop/common/bg_allmenu_on.png') no-repeat 95% center; background-size:16px; color:#08854a;}
.allMenuWrap dl dd {padding:0 5%; background:#f5f5f5; display:none; border-bottom:1px solid #dfdfdf;}
.allMenuWrap dl dd a {line-height:35px; height:35px; font-size:14px; display:block; background:url('/images/ncoop/common/list_bullet.gif') no-repeat left center; padding-left:10px; color:#333;}
.allMenuWrap dl dd a.on {color:#08854a;}
.allMenuWrap .univWrap {padding:5%; width:90%;}
.allMenuWrap .univWrap li {margin-bottom:1%;}

/* 퀵메뉴 */
#quick {display:none;}

/* 메인 비주얼 */
.mainVisual {width: 100%; overflow:hidden;}
.mainVisual .mainSlide li img.pc_v {min-width:1920px;}
.mainVisual .bx-controls-direction a {display:none;}
.mainVisual .visualText {width:90%; left:5%; top: 160px; margin-left:0;}
.mainVisual .visualText h2 {font-size:42px;}
.mainVisual .visualText .btn_visual {border:3px solid #fff; height:55px; line-height:50px; margin-top: 40px; font-size:18px;}

/* 메인 컨텐츠 */
.mainWrap .mymenu ul {border-right:1px solid #dfdfdf;}
.mainWrap .mymenu ul li {width:33.333333333%; height:auto; border-bottom:1px solid #dfdfdf;}
.mainWrap .mymenu ul li + li {border-left:1px solid #dfdfdf; border-right:none;}
.mainWrap .mymenu ul li:first-child {border-right:none;}
.mainWrap .mymenu ul li a {line-height:normal; padding:15% 0;}
.mainWrap .mymenu ul li a img {width:55px; padding-bottom:20px;}
.mainWrap .articleWrap {width:100%; border-left: none; border-top: none; border-right:none;}
.mainWrap .articleWrap .main_atc {width:50%; height: 210px; background-size:cover; background-position:right bottom; overflow:hidden;}
.mainWrap .articleWrap .main_atc05 {border-left: none;}
.mainWrap .articleWrap .main_atc04,
.mainWrap .articleWrap .main_atc06 {border-top: 1px solid #dfdfdf;}
.mainWrap .articleWrap .main_atc .latest li {line-height:29px; background-position:0 15px;}
.mainWrap .productWrap {width:50%; box-sizing:border-box; height:auto; float:left; border-left:none; border-right:1px solid #d0d0d0;}
.mainWrap .productWrap .prdSlide li a {float:none; width:100%; display:block; margin:3% 0;}
.mainWrap .productWrap .prdSlide li a img {border:1px solid #dfdfdf; vertical-align:top;}
.mainWrap .productWrap .bx-controls {top:11%;}
.mainWrap .facebookWrap {position:relative; top:0; float:right; width:50%; border:none; border-bottom:1px solid #d0d0d0; box-sizing:border-box; height:399px; overflow:hidden;}

/* 서브페이지 공통 */
.sub #contents {width:100%; margin:5% 0 10% 0;}
.subVisual {height:150px; line-height:150px; font-size:38px;}
.subVisual img {width:38px;}
.snbWrap {display:none;}
.titleArea {padding-bottom:1%; margin-bottom:5%;}
.titleArea h3 {font-size:30px;}
.titleArea .location {font-size:14px; bottom:20%;}
.contentsArea {width:90%; padding:0 5%; float:none;}

/* 생협소개 */
.contentsArea .historyWrap dt {width: 135px;}
.contentsArea .historyWrap dd {width: calc(100% - 185px); margin-left: 50px; padding-top: 40px; padding-bottom: 40px;}
.contentsArea .historyWrap dd:before {left: -50px;}

/* 반찬 / 김치판매 */
.SalesWrap table td.num {width: 50px;}
.SalesWrap table td.btnArea {width: 74px;}

.totalPrice dl {padding: 15px 20px;}
.totalPrice dl dt {font-size: 16px;}
.totalPrice dl dd {font-size: 22px;}

/* 개인정보처리방침 */
.Inner_tb thead th.num {width: 35px;}
.Inner_tb thead th,
.Inner_tb tbody td {padding: 10px 1px; font-size: 13px;}

/* 푸터 및 하단 유틸메뉴 */
.bottom_menu {background: #f7f7f7;}
.bottom_menu .inner {padding: 0 5%; box-sizing: border-box;}
.bottom_menu ul {padding: 15px 0;}
.bottom_menu ul li {display: block; float: left; width:33.3%; margin-left: 0; box-sizing:border-box;}
.bottom_menu ul li a {padding:8px 0; font-size:15px;}
#foot .foot_util {height:auto; line-height:normal; padding:3% 0; border-top:1px solid #dfdfdf; background: #ebebeb; position:relative;}
#foot .foot_util .goTop {display:block; position:absolute; width:10%; text-align:center; left:50%; margin-left:-5%; top:-52px;}
#foot .foot_util .goTop img {width:46px;}
#foot .foot_util .inner {width:90%; padding:0 5%;}
#foot .foot_util a {width:49.5%; height:45px; line-height:45px; border:1px solid #d0d0d0; background:none; box-sizing:border-box; text-align:center; padding:0; margin:0.5% 0;}
#foot .foot_util a:nth-child(1), #foot .foot_util a:nth-child(3) {float:left;}
#foot .foot_util a:nth-child(2), #foot .foot_util a:nth-child(4) {float:right;}
#foot .address {padding:3% 0;}
#foot .address .inner {width:90%; padding:0 5%; line-height:22px;}
#foot .address p span {font-size:14px;}
#foot .address .copy {font-size:14px;}
}


/********************************************************/
/**************** 테블릿 850px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:850px){

/* 반찬 / 김치판매 */
.SalesWrap table {float: none; width: 100% !important; margin-left: 0; margin-top: 20px;}
.SalesWrap table:first-child {margin-top: 0;}

}


/********************************************************/
/**************** 테블릿 768px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:768px){
/* 헤더 */
#header .util .family_site a {font-size:15px;}

/* 메인 비주얼 */
.mainVisual .visualText {top:175px;}
.mainVisual .visualText h2 {font-size:33px;}
.mainVisual .visualText p {font-size:16px;}
.mainVisual .visualText .btn_visual {height:48px; line-height:43px; border-width: 2px; margin-top: 35px;}
.mainVisual .bx-pager .bx-pager-item a {width:10px; height:10px;}

/* 메인 컨텐츠 */
.mainWrap .mymenu ul li a {padding:8% 0; font-size:14px;}
.mainWrap .mymenu ul li a img {width:45px; padding-bottom:10px;}
.mainWrap .articleWrap .main_atc01 a, 
.mainWrap .articleWrap .main_atc02 a, 
.mainWrap .articleWrap .main_atc05 a {padding:7%;}
.mainWrap .articleWrap .main_atc {height: 200px;}
.mainWrap .articleWrap .main_atc dt {font-size:18px;}
.mainWrap .articleWrap .main_atc dd {font-size:13px; line-height:22px;}
.mainWrap .articleWrap .main_atc .latest {box-sizing:border-box; padding:7%;}
.mainWrap .articleWrap .main_atc .latest li {line-height:27px; background-position:0 13px;}
.mainWrap .articleWrap .main_atc .latest li .date {display:none;}
.mainWrap .articleWrap .main_atc .latest li a {font-size:13px;}
.mainWrap .productWrap {padding:4%; height:320px;}
.mainWrap .productWrap .title {font-size:18px;}
.mainWrap .productWrap .bx-controls {top:11%; right:9%;}
.mainWrap .productWrap .prdSlide li a img {width:60px;}
.mainWrap .productWrap .prdSlide li a .info {font-size:14px;}
.mainWrap .facebookWrap {height:320px;}

/* 서브페이지 공통 */
.tabArea ul li {width:25%;}

/* 생협소개 */
.contentsArea .historyWrap dl {position: relative; padding-top: 60px; padding-left: 20px;}
.contentsArea .historyWrap dl:first-child {padding-top: 0;}
.contentsArea .historyWrap dl:before {content:''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #dfdfdd;}
.contentsArea .historyWrap dl:first-child:before {top: 15px;}
.contentsArea .historyWrap dt {float: none; width: 100%; padding-bottom: 15px; margin-top: 0; line-height: 1;}
.contentsArea .historyWrap dt:after {right: inherit; left: -28px; top: 13px;}
.contentsArea .historyWrap dd {float: none; width: 100%; margin-left: 0; padding: 0; border-top: none;}
.contentsArea .historyWrap dd:before {display: none;}
.contentsArea .historyWrap dd li {padding-left: 60px;}

.contentsArea.guide .facebookBox {position:relative; padding:3%;}
.contentsArea.guide .facebookBox .btn_brown {float:none; position:absolute; right:3%; top:0; margin-top:3%;}
.contentsArea.location .address {padding-right:0; display:block;}
.contentsArea.guide .ewha_symbol {background-size:60px; background-position:left top; padding:70px 0 0 0;}

/* 이달의 행사 */
.contentsArea.event_form .tblType02 .col_title {width:25%;}

/* 푸터 및 하단 유틸메뉴 */
.bottom_menu ul li a {font-size:14px; line-height: 28px;}
.bottom_menu ul li a img {width:28px; vertical-align:middle;}
#foot .foot_util .goTop {top:-42px;}
#foot .foot_util .goTop img {width:40px;}
#foot .address {text-align:center;}
#foot .address p span {font-size:14px; background:none;}
#foot .address p span br {display:none;}
#foot .address .copy {font-size:11px;}
}

/********************************************************/
/**************** 모바일 520px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:520px){
.pc {display: none !important;}
.mobile {display: block;}

/* 헤더 */
#header .headerWrap {height: 60px;}
#header .headerWrap h1 {width:170px; padding-top: 13px;}
#header .headerWrap .member_area_t {top: 18px;}
#header .headerWrap .member_area_t a {margin-left: 20px;}
#header .headerWrap .member_area_t a.btn_mypage {width: 22px;}
#header .headerWrap .member_area_t a.btn_allmenu {width: 28px;}

/* 전체메뉴 */
.allMenuWrap {width:300px;}

/* 메인 비주얼 */
.mainVisual .visualText {top:50%; transform:translateY(-50%);}
.mainVisual .visualText h2 {font-size:6vw;}
.mainVisual .visualText p {font-size:3.5vw;}
.mainVisual .visualText .btn_visual {font-size:3.8vw; height:auto; line-height:normal; padding:3% 8%; margin-top: 5.5vw; border-width:1px;}
.mainVisual .mainSlide li {left:0; margin-left:0;}
.mainVisual .mainSlide li img.pc_v {display:none;}
.mainVisual .mainSlide li img.m_v {display:inline; width:100%; vertical-align:top;}
.mainVisual .bx-pager {bottom:3%;}

/* 메인 컨텐츠 */
.mainWrap .mymenu ul li {overflow:hidden}
.mainWrap .mymenu ul li:nth-child(4), .mainWrap .mymenu ul li:nth-child(5), .mainWrap .mymenu ul li:nth-child(6) {border-bottom:none;}
.mainWrap .mymenu ul li a {font-size:3.4vw; padding:10% 2%;}
.mainWrap .mymenu ul li a img {width:7vw;}
.mainWrap .articleWrap .main_atc {float:none; width:100%; height:auto !important; border: none;}
.mainWrap .articleWrap .main_atc01 {background-image: url('/images/ncoop/main/bg_idea_m.jpg');}
.mainWrap .articleWrap .main_atc02 {background-image: url('/images/ncoop/main/bg_introduction_m.jpg');}
.mainWrap .articleWrap .main_atc05 {background-image: url('/images/ncoop/main/bg_suggest_m.jpg');}
.mainWrap .articleWrap .main_atc01 a, 
.mainWrap .articleWrap .main_atc02 a, 
.mainWrap .articleWrap .main_atc05 a {padding: 7% 5%;}
.mainWrap .articleWrap .main_atc dt {font-size:4.8vw; line-height:1.5em; margin-bottom:3%;}
.mainWrap .articleWrap .main_atc dd {font-size:3.8vw; line-height:1.5em;}
.mainWrap .articleWrap .main_atc03,
.mainWrap .articleWrap .main_atc04 {border:none; border-bottom:1px solid #dfdfdf;}
.mainWrap .articleWrap .main_atc .latest {padding: 7% 5%;}
.mainWrap .articleWrap .main_atc .latest li {line-height:1.8em; background-position:0 50%;}
.mainWrap .articleWrap .main_atc .latest li a {font-size:3.6vw;}
.mainWrap .productWrap .title {font-size:4.8vw;}
.mainWrap .productWrap {width:100%; float:none; padding:7%; height:auto; border:none; border-bottom:1px solid #dfdfdf;}
.mainWrap .productWrap .prdSlide li a {width:33.3%; box-sizing:border-box; text-align:center; float:left;}
.mainWrap .productWrap .prdSlide li a img {margin:0 auto; float:none; width:85%;}
.mainWrap .productWrap .prdSlide li a .info {float:none; display:block; font-size:3.4vw; line-height:1.5em;}
.mainWrap .facebookWrap {width:100%; height:auto; position:relative; float:none; right:0; top:0;}

/* 서브페이지 공통 */
.subVisual {height:120px; line-height:120px; font-size:7vw;}
.subVisual2 {background-image:url('/images/ncoop/sub/subvisual_02_m.jpg'); background-size: cover;}
.subVisual3 {background-image:url('/images/ncoop/sub/subvisual_03_m.jpg'); background-size: cover;}
.subVisual4 {background-image:url('/images/ncoop/sub/subvisual_04_m.jpg'); background-size: cover;}

h4.title {font-size:4.5vw;}
h4.title2 {font-size:4.3vw;}
h4.title3 {font-size:4.5vw; margin-bottom:2%; line-height: 1.4;}
h5.title {background-size: 20px 2px; font-size:4.3vw;}

.titleArea {margin-bottom:8%;}
.titleArea h3 {font-size:5vw;}
.titleArea .location {display:none;}

.contentsArea .section {margin-top:10%;}
.contentsArea .section:first-child {margin-top:0;}
.contentsArea .section2 {margin-top:10%;}
.contentsArea .section2:first-child {margin-top:0;}
.contentsArea .section2 p {line-height:1.5em;}

.tabArea ul li {height:35px; line-height:35px;}
.tabArea ul li.active {line-height:33px;}

.list_bullet {line-height:1.5em;}
.list_bullet li {margin-top:1%; background-position:0 10px;}
.list_bullet li:first-child {margin-top:0;}

/* 조합원안내 */
.contentsArea.guide .img_mobile {display:inline;}
.contentsArea.guide .img_pc {display:none;}
.contentsArea.guide .section2 .alignR {margin-top:3%;}

/* 생협소개 */
.contentsArea.about .section2 p {line-height:1.5em;}
.contentsArea.about .box_about + p {padding-top: 3%;}
.contentsArea.about .box_about {padding:5% 3%;}
.contentsArea.about .box_about dt {font-size:4.4vw; margin-bottom:2%;}
.contentsArea.about .box_about02 {margin-top:5%;}
.contentsArea.about .manage_info li {margin-top: 4%;}
.contentsArea.about .manage_info li span {padding-bottom: 2%;}

.contentsArea.purpose .title3 br {display:none;}
.contentsArea.purpose .section2 {margin-top: 6%;}
.contentsArea.purpose .section2 p {line-height:1.5em;}
.contentsArea.purpose .benefitWrap {padding: 0 4%; margin-bottom: 6%;}
.contentsArea.purpose .benefitWrap dl {border-top: 1px dashed #d0d0d0;}
.contentsArea.purpose .benefitWrap dl:first-child {border-top: none;}
.contentsArea.purpose .benefitWrap dl dt {width: 25%; padding: 6% 0; vertical-align: top;}
.contentsArea.purpose .benefitWrap dl dt img {width: 100%;}
.contentsArea.purpose .benefitWrap dl dd {width: 70%; padding: 6% 0; margin-left: 4%; border-top: none; line-height:1.4em; vertical-align: top;}
.contentsArea.purpose .from .green {font-size:4.4vw;}
.contentsArea .historyWrap dl {padding-left: 4%; padding-top: 15%;}
.contentsArea .historyWrap dl:first-child:before {top: 3.5vw;}
.contentsArea .historyWrap dt {font-size: 7.5vw;}
.contentsArea .historyWrap dt:after {top: 2.5vw; left: -5.2vw; width: 3.5vw; height: 3.5vw; background-image: url('/images/ncoop/sub/history_bul_m.png'); background-size: 100%;}
.contentsArea .historyWrap dd li {padding-left: 14%; line-height: 1.2;}
.contentsArea .historyWrap dd li .date {font-size: 3.5vw;}

.contentsArea.guide .facebookBox .black img {width:20px; padding-right:1%;}
.contentsArea.guide .facebookBox .btn_brown {font-size:3.6vw; height:22px; line-height:22px;}
.contentsArea.condition .m_img {display:inline;}
.contentsArea.condition .pc_img {display:none;}
.contentsArea.article .section2 dd {line-height:1.5em;}
.contentsArea.article .section2 dd ul {padding-left:3%; margin:1% 0;}
.contentsArea.guide .ewha_symbol {background-size:40px; padding:50px 0 0 0;}

/* 이달의 행사 */
.contentsArea.event .date_title {text-align:center; position:relative; font-weight:900; color:#222; font-size:5.5vw; height:auto; line-height:1.5em; margin-bottom:5%;}
.contentsArea.event .date_title img {width:5.5vw; vertical-align:middle; margin-top:-2px;}
.contentsArea.event .date_title .month_select {position:relative; text-align:center; font-size:3.8vw;}
.contentsArea.event_form .how_to_join {padding:3%;}
.contentsArea.event_form .how_to_join dt {font-size:4.6vw;}
.contentsArea.event_form .how_to_join dt img {width:4.6vw;}
.contentsArea.event_form .how_to_join dd {padding:2% 0 2% 8%;}
.contentsArea.event_form .how_to_join dd .num {margin:0 10px 0 -8%;}
.contentsArea.event_form .tblType02 .text{width:70%;}
.contentsArea.event_form .tblType02 .tel_select {width:30%;}
.contentsArea.event_form .tblType02 .tel_input {width:30%;}

/* 생협 운영시간 안내 */
.contentsArea.time_guide .tblType03 {display:none;}
.contentsArea.time_guide .time_guide_list {display:block;}

/* 행사기념품 단체주문 */
.contentsArea.order .orderWrap {padding:10% 3%;}
.contentsArea.order .orderWrap .order_img {width:50px;}
.contentsArea.order .orderWrap ul {width:70%; font-size:3.6vw;}

/* 생협상품권 구입 및 발행 */
.contentsArea.buy_info .contact_info {margin-top:3%;}
.contentsArea.buy_info .contact_info em {padding-right:0; display:block;}
.contentsArea.buy_info .contact_info .black {padding-right:0;}

/* 관련사이트 */
.contentsArea.family_site .tblType03 td {line-height:1.5em;}
.contentsArea.family_site .tblType03 td .black {padding-right:0; display:block;}

/* 반찬 / 김치판매 */
.SalesWrap {margin-top: 4%;}
.SalesWrap table {margin-top: 4%;}
.SalesWrap table td.option select {margin-left: 1.5vw;}
.SalesWrap table td.num {width: 15%; padding-left: 1%; padding-right: 2%;}
.SalesWrap table td.btnArea {width: 22%;}
.SalesWrap table td.btnArea button {width: 8vw; height: 8vw; font-size: 5vw; line-height: 8vw;}

.totalPrice {margin: 4% 0;}
.totalPrice dl {padding: 3%; line-height: 7vw;}
.totalPrice dl dt {font-size: 4vw;}
.totalPrice dl dd {font-size: 5vw;}

.SalesInfo td p {padding-top: 2%;}
.SalesInfo td .ui-datepicker-trigger {width: 17vw;}
.SalesInfo td label {margin-left: 4vw;}

.SalesConfirm {margin-top: 2%;}
.SalesConfirm .checkArea {margin: 6% 0;}
.SalesConfirm .checkArea label {margin-left: 4vw; line-height: 1.8;}
.SalesConfirm .signArea p {padding-top: 2%;}
.SalesConfirm .signArea input.text {width: 30vw;}

/* 주간식단안내 */
.WeekMenu .pct {display: none;}
.WeekMenu .mobile {display: block;}

















/* 개인정보처리방침 */
.Inner_tb thead th.num {width: 9%;}
.Inner_tb thead th,
.Inner_tb tbody td {padding: 2% 1px; font-size: 3vw;}

/* 푸터 및 하단 유틸메뉴 */
.bottom_menu ul {padding: 3% 0 6%;}
.bottom_menu ul li {margin-top: 3%; white-space: nowrap;}
.bottom_menu ul li:nth-child(3n-2) {width: 36%;}
.bottom_menu ul li:nth-child(3n-1) {width: 28%;}
.bottom_menu ul li:nth-child(3n) {width: 36%;}
.bottom_menu ul li a {font-size:3.4vw; padding:0;}
.bottom_menu ul li a img {width: 6vw; padding-right: 1vw;}
#foot .foot_util {padding:6% 0;}
#foot .foot_util .goTop {top:-39px;}
#foot .foot_util .goTop img {width:35px;}
#foot .foot_util a {font-size:3.4vw; height:40px; line-height:40px; box-sizing:border-box;}
#foot .address {text-align:left; padding:5% 0;}
#foot .address .inner {line-height:1.5em;}
#foot .address p span {font-size:3.2vw; line-height:normal; padding-right:0; margin-right:1%;}
#foot .address .copy {font-size:3vw;}
}


/********************************************************/
/**************** 모바일 320px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:320px){

/* 전체메뉴 */
.allMenuWrap {width: 280px;}
.allMenuWrap .member_area a {font-size: 13px;}



}