@charset "utf-8";

/* 
 * Contents CSS Document 
 */

/*** 남문올래소개 ***/
/* 인사말 */
.greeting_wrap p{margin:0 0 30px; font-size:1.154em;}
.greeting_wrap .headline{box-sizing:border-box; min-height:190px; margin:-30px 0 30px; padding:30px 0 30px; border-bottom:1px solid #c5c5c5; background:url(../images/intro/bg_greeting.jpg) no-repeat 100% 0; font-weight:bold; font-size:1.2em; letter-spacing:-1px;}
.greeting_wrap .headline p{margin:0;}
.greeting_wrap .sign{font-family:"Nanum Myeongjo"; font-weight:bold;}
.greeting_wrap .sign strong{display:inline-block; min-height:50px; padding:0 46px 0 0; background:url(../images/intro/bg_sign.jpg) no-repeat 100% 0; font-size:1.87em;}


/*협동조합 소개*/
.intro_mean{ padding:30px;font-size:1.154em; border:1px #c5c5c5 solid; }
.intro_purpose{overflow:hidden; min-height:152px; background:url(../images/intro/purpose.jpg) no-repeat 100% 0;}
.intro_purpose li { float:left; width:120px; padding:30px 23px 0; margin-right:13px; font-weight:bold; text-align:center; }
.intro_purpose li:first-child{color:#433db4; }
.intro_purpose li:nth-child(2){color:#ff5000;}
.intro_purpose li:nth-child(3){color:#016c31;}
.intro_purpose li:nth-child(4){color:#880002;}
.intro_purpose li:last-child{margin-right:-13px;color:#7f0295;}

.intro_tbl{width:100%; margin:10px 0 10px 0; border-top:2px solid #444; }
.intro_tbl th,
.intro_tbl td{padding:10px 7px; border:1px solid #dadada; word-break:keep-all; word-wrap:break-word;}
.intro_tbl tbody th{background:#fafafa; font-weight:bold; text-align:center;}
.intro_tbl td{}

.property{}
.property ul li { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #d7d7d7 solid;}
.property ul li p {color: #0087d8;font-weight: bold;  padding-bottom:10px; }

/*조직도*/
.chart{text-align:center; }
.chart .marB20 {margin-bottom:20px;}

/*** 조합원영업점 소개 ***/
body.shop .cont_wrap{padding:0; border:0; background:none;}
body.shop .cont_head{position:absolute; top:-9999em;}
body.shop .location_wrap{margin-bottom:-1px;}
.shop_wrap{}
.shop_wrap .shop_srch{padding:19px 0; border:1px solid #c5c5c5; background:#fff; text-align:center;}
.shop_wrap .shop_srch .form_group{display:inline-block; position:relative; padding:0 7px 0 10px; vertical-align:middle;}
.shop_wrap .shop_srch .form_group:before{content:''; display:inline-block; position:absolute; top:1px; left:0; bottom:1px; width:1px; background:#d8d8d8;}
.shop_wrap .shop_srch label{font-weight:bold; font-size:1.231em;}
.shop_wrap .shop_srch .form_group:first-child:before,
.shop_wrap .shop_srch .form_group:first-child+.form_group:before{display:none;}
.shop_wrap .lst_shop{overflow:hidden; margin:33px 0 0 -20px;}
.shop_wrap .lst_shop:after{content:''; display:block; clear:both;}
.shop_wrap .lst_shop>li{float:left; position:relative; box-sizing:border-box; width:235px; height:320px; margin:0 0 25px 20px; border:1px solid #d8d8d8; background:#fff;}
.shop_wrap .lst_shop>li dt{position:absolute; top:-9999em; white-space:nowrap;}
.shop_wrap .lst_shop>li .ctg dd{position:absolute; top:139px; left:-1px; z-index:10; height:20px; padding:0 5px; background:#333; font-size:0.85em; line-height:20px; color:#fff;}
.shop_wrap .lst_shop>li .ctg_car dd{background:#52940d;}
.shop_wrap .lst_shop>li .ctg_mak dd{background:#fc8513;}
.shop_wrap .lst_shop>li .ctg_mus dd{background:#3270a9;}
.shop_wrap .lst_shop>li .ctg_pri dd{background:#9057c6;}
.shop_wrap .lst_shop>li .ctg_edu dd{background:#b83c65;}
.shop_wrap .lst_shop>li .ctg_foo dd{background:#a9900c;}
.shop_wrap .lst_shop>li .ctg_etc dd{background:#714435;}
.shop_wrap .lst_shop>li .photo{margin:-1px -1px 0; border-top:3px solid #4c4c4c;}
.shop_wrap .lst_shop>li .photo dd{position:relative; overflow:hidden; height:157px; background:#4c4c4c;}
.shop_wrap .lst_shop>li .photo dd span{position:absolute; top:0; left:50%; width:600px; height:100%; margin-left:-300px; text-align:center;}
.shop_wrap .lst_shop>li .photo dd span img{height:100%; max-height:100%;}
.shop_wrap .lst_shop>li .tit dd{overflow:hidden; margin:12px 15px 5px;font-weight:bold; font-size:1.231em; white-space:nowrap; text-overflow:ellipsis;}
.shop_wrap .lst_shop>li .desc dd{overflow:hidden; height:36px; margin:0 15px 0; line-height:18px;}
.shop_wrap .lst_shop>li .tel dd{margin:5px 15px 0;}
.shop_wrap .lst_shop>li .btn{position:absolute; left:0; bottom:0; width:100%;}
.shop_wrap .lst_shop>li .btn dd{float:left; position:relative; width:50%; height:46px; background:#f7f6f6; font-weight:bold; font-size:1.08em; line-height:46px; text-align:center;}
.shop_wrap .lst_shop>li .btn dd:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; width:1px; height:100%; background:#d8d8d8;}
.shop_wrap .lst_shop>li .btn dd a{display:block; position:relative; z-index:10;}
.shop_wrap .lst_shop>li .btn dd a:before{content:''; display:inline-block; margin-right: 5px; background:url(../images/common/sp_com.png) no-repeat 0 0; vertical-align: middle;}
.shop_wrap .lst_shop>li .btn dd.btn_view a:before{width: 14px; height: 17px; background-position: 0 -100px;}
.shop_wrap .lst_shop>li .btn dd.btn_map a:before{width: 14px; height: 17px; background-position: -20px -100px;}
.shop_wrap .page_cnt{padding:12px; border: 1px solid #c4c4c4; background: #fff;}
.shop_wrap .page_cnt:after{content:''; display: block; clear:both;}
.shop_wrap .page_cnt .page{float: left;}
.shop_wrap .page_cnt .num{float: right;}
.shop_wrap .page_cnt .num strong{color: #ff5806;}

/*** 이용안내 ***/


/*** 소식 ***/


/*** 우리동네 ***/
body.c000268 .cont_wrap{padding:0; border:0; background:none;}
body.c000268 .cont_head{position:absolute; top:-9999em;}
body.c000268 .location_wrap{margin-bottom:-1px;}
.village_wrap{}
.village_wrap .village_srch{padding:19px 0; border:1px solid #c5c5c5; background:#fff; text-align:center;}
.village_wrap .village_srch .form_group{display:inline-block; position:relative; padding:0 7px 0 10px; vertical-align:middle;}
.village_wrap .village_srch .form_group:before{content:''; display:inline-block; position:absolute; top:1px; left:0; bottom:1px; width:1px; background:#d8d8d8;}
.village_wrap .village_srch label{font-weight:bold; font-size:1.231em;}
.village_wrap .village_srch .form_group:first-child:before{display:none;}
.village_wrap .lst_village{overflow:hidden; margin:33px -1% 0;}
.village_wrap .lst_village:after{content:''; display:block; clear:both;}
.village_wrap .lst_village>li{float:left; position:relative; box-sizing:border-box; width:48%; height:170px; margin:0 1% 25px; border:1px solid #d8d8d8; border-top:3px solid #4c4c4c; background:#fff;}
.village_wrap .lst_village>li dl{margin-left:234px;}
.village_wrap .lst_village>li dt{position:absolute; top:-9999em; white-space:nowrap;}
.village_wrap .lst_village>li .photo{float:left; width:233px; margin:0;}
.village_wrap .lst_village>li .photo dd{position:relative; overflow:hidden; height:166px; background:#4c4c4c;}
.village_wrap .lst_village>li .photo dd span{position:absolute; top:0; left:50%; width:600px; height:100%; margin-left:-300px; text-align:center;}
.village_wrap .lst_village>li .photo dd span img{height:100%; max-height:100%;}
.village_wrap .lst_village>li .tit dd{overflow:hidden; margin:12px 15px 5px;font-weight:bold; font-size:1.231em; white-space:nowrap; text-overflow:ellipsis;}
.village_wrap .lst_village>li .desc dd{overflow:hidden; height:56px; margin:0 15px 0; line-height:18px;}
.village_wrap .lst_village>li .desc dd span.adress{display:inline-block; margin:0 0 5px 0; font-weight:bold;}
.village_wrap .lst_village>li .desc dd span.loss{position:absolute; right:10px; bottom:65px;}
.village_wrap .lst_village>li .tel dd{margin:5px 15px 0;}
.village_wrap .lst_village>li .btn{position:absolute; left:234px; right:0; bottom:0; margin:0;}
.village_wrap .lst_village>li .btn dd{float:left; position:relative; width:100%; height:46px; background:#f7f6f6; font-weight:bold; font-size:1.08em; line-height:46px; text-align:center;}
.village_wrap .lst_village>li .btn dd:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; width:1px; height:100%; background:#d8d8d8;}
.village_wrap .lst_village>li .btn dd a{display:block; position:relative; z-index:10;}
.village_wrap .lst_village>li .btn dd a:before{content:''; display:inline-block; margin-right: 5px; background:url(../images/common/sp_com.png) no-repeat 0 0; vertical-align: middle;}
.village_wrap .lst_village>li .btn dd.btn_map{display:none;}
.village_wrap .lst_village>li .btn dd.btn_view a:before{width: 14px; height: 17px; background-position: 0 -100px;}
.village_wrap .lst_village>li .btn dd.btn_map a:before{width: 14px; height: 17px; background-position: -20px -100px;}
.village_wrap .page_cnt{padding:12px; border: 1px solid #c4c4c4; background: #fff;}
.village_wrap .page_cnt:after{content:''; display: block; clear:both;}
.village_wrap .page_cnt .page{float: left;}
.village_wrap .page_cnt .num{float: right;}
.village_wrap .page_cnt .num strong{color: #ff5806;}

/*** 조합원공간 ***/


/*** 이용안내 ***/
/*이용약관*/
.nammunollae_cont .box01{ background-color:#f9f9f9; border:1px solid #e1e1e1; padding:15px; margin-bottom: 20px;}
.nammunollae_cont .box02{}
.nammunollae_cont .box3{ margin-top: 19px;    padding: 30px 30px 20px 30px;    border: 1px solid #ddd;}

/* 이메일 무단수집거부 */
.non_email {width: 872px;        height: 457px;}
.non_email .con { margin: 0 auto;    padding-top: 260px;    height: 458px;    background: url(/images//common/non_mail_bg.jpg) no-repeat;}
.non_email .con .title01 { font-size: 2.5em;   }
.non_email .con .title02 { font-size: 1.3em;  }


.no_page{  width:100%; text-align:center;  }
.no_page img{ margin:0 auto;  padding:50px 0; }




/* 로그인 */
.member .loginWrap{overflow:hidden; max-width:500px; margin:40px auto; padding:15px; border-radius:10px; border:1px solid #ddd; background:#fafafa;}
.member .loginWrap .login_tit{margin:0 0 10px; font-weight:300; font-size:2em; line-height:1.5;}
.member .loginWrap .form_group input{width:100%; border-color:#e5e5e5; font-size:1.15em;}
.member .loginWrap .form_group .id input{border-radius:5px 5px 0 0;}
.member .loginWrap .form_group .pw input{margin:0 0 15px; border-top:0; border-radius:0 0 5px 5px; -webkit-transition:all 0.15s;}
.member .loginWrap .form_group input:hover,
.member .loginWrap .form_group input:focus{border-color:#3aabf0; outline:0; box-shadow:0 0 8px rgba(58,171,240,0.6);}
.member .loginWrap .login_info{margin:0 0 10px; text-align:right;}
.member .loginWrap .login_info a{display:inline-block; margin:0 3px; color:#3084bb;}
.member .loginWrap .button{border-radius:5px;}

.member .login2{  border:1px solid #c1c1c1;  padding:80px 0 30px 0;}
.member .login2 .login_in{ width:400px;  margin:0 auto; overflow:hidden; background:url(/images/common/img_login.jpg) no-repeat; padding-left:100px;}
.member .login2 .login_in .login_id{  float:left;  margin-right:5px;}
.member .login2 .login_id .tx_id{display:block; display: inline-flex; width:60px;}
.member .login2 .login_id .tx_pw{display:block; display: inline-flex; width:60px;}
.member .login2 .login_in .login_go input{  height:73px; width:120px; margin-top:0;}
.member .login2 .login_id .id{ margin-bottom:7px; }
.member .login2 .login_id .pw{}
.member .login2 .reset{ overflow:hidden;   padding: 20px;  background:#fafafa;    margin: 50px 20px 0 20px; padding:10px; border:solid 1px #dddddd;}
.member .login2 .reset .id_c{  float:left;  padding:40px;  border-bottom: 1px solid #999; border-right:1px solid #999;  border-bottom:0; width:38%;}
.member .login2 .reset .id_c p{ font-size:1.1em; margin-bottom:10px;}
.member .login2 .reset .pw_c{ float:left; padding:20px; width:38%;padding:40px;}
.member .login2 .reset .pw_c p{ font-size:1.1em; margin-bottom:10px;}


/* 상단,좌측 제목 */
.tbl01{width:100%; margin:10px 0 10px 0; }
.tbl01 th,
.tbl01 td{padding:10px 7px; border:1px solid #dadada; word-break:keep-all; word-wrap:break-word;}
.tbl01 thead th{border-bottom:1px solid #444; background:#f8f9fb; font-weight:bold; text-align:center;}
.tbl01 thead tr:first-child th{border-top:2px solid #444;}
.tbl01 tbody th{background:#fafafa; font-weight:bold; text-align:center;}
.tbl01 td{}

/* 좌측 제목 */
.tbl02{width:100%; margin:10px 0 10px 0; border-top:2px solid #444; }
.tbl02 th,
.tbl02 td{padding:10px 7px; border:1px solid #dadada; word-break:keep-all; word-wrap:break-word;}
.tbl02 tbody th{background:#fafafa; font-weight:bold; text-align:center;}
.tbl02 td{}




/* 사이트맵 */
.sitemap:after{content:''; display:block; clear:both;}
.sitemap{margin-left:-2%;}
.sitemap .sub01{ border-top:3px #1d7ab4 solid;} 
.sitemap .sub02{ border-top:3px #189a77 solid;} 
.sitemap .sub03{ border-top:3px #9058ca solid;} 
.sitemap .sub04{ border-top:3px #ff8a00 solid;} 
.sitemap .sub05{ border-top:3px #f65124 solid;} 
.sitemap .sub06{ border-top:3px #db2a42 solid;} 


.sitemap>li{float:left; width:30%; margin-bottom:40px; margin-left:3%;}
.sitemap>li:first-child+li+li+li{clear:left;}
.sitemap>li a{display:block; line-height:1.3;}
.sitemap>li>a{padding:10px 5px; border-bottom:1px solid #e1e1e1; font-weight:600; font-size:1.25em;}
.sitemap>li>div>ul>li{border-bottom:1px solid #e1e1e1;}
.sitemap>li>div>ul>li a{position:relative; padding:8px 5px;}
.sitemap>li>div>ul>li>a{padding-left:13px;}
.sitemap>li>div>ul>li>a:before{content:''; display:inline-block; position:absolute; top:50%; left:5px; width:3px; height:3px; margin:-2px 0 0 0; background:#333;}
.sitemap>li>div>ul>li>ul{padding:0 0 0 10px;}
.sitemap>li>div>ul>li>ul>li>a{padding-left:13px;}
.sitemap>li>div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:50%; left:5px; width:3px; height:1px; margin:-1px 0 0 0; background:#333;}

/* 조합원 가입안내 */
.join_info{ padding:30px;font-size:1.154em; border:1px #c5c5c5 solid;  margin-top:-10px; margin-bottom:30px;}
.join_down { margin:5px 0 10px 10px;}
.join_info .texR { color:red; font-weight:bold;   }
.join_info2{ padding:30px;font-size:1.154em; border:5px #5e5ca7 solid;  margin-top:-10px; margin-bottom:30px;}
.join_info3{ padding:30px;font-size:1.154em; border:5px #f26524 solid; margin-top:-10px;  margin-bottom:30px;}
.join_info4{ padding:30px;font-size:1.154em; border:5px #0d6b37 solid; margin-top:-10px; }




/*유관기관*/
.support_wrap{margin:0 0 40px; border-bottom:1px solid #ddd;}
.support_wrap .lst_support{margin:0 -1.39%;}
.support_wrap .lst_support:after{content:''; display:block; clear:both; }
.support_wrap .lst_support>li{ float:left; box-sizing:border-box; position:relative; overflow:hidden;width:30%; margin:0 1.5% 40px; border:1px solid #dadde6; padding-bottom:20px;}
.support_wrap .lst_support>li .img{display:block; width:242px; height:118px; margin:5% auto;}
.support_wrap .lst_support>li .img img{width:100%;}
.support_wrap .lst_support>li .info{box-sizing:border-box; position:relative; width:90%;  height:40px; border:1px #dadada solid; margin:0 auto;}
.support_wrap .lst_support>li .info .link_button{position:absolute; top:50%; right:3.48%; margin-top:-20px;}
.support_wrap .lst_support>li .info .link_button.direct{right:-1px;}
.support_wrap .lst_support>li .info>p{overflow:hidden; padding:7px 0 0 10px;  text-align:left;}
.support_wrap .lst_support>li .desc{position:absolute; left:0; right:0; overflow:hidden;}


.line_vil{ width:100%; height:1px; background-color:#c5c5c5; margin:60px auto; }




/* 영업점 소개 카테고리 */
.shop_ctg_area{height:141px; margin: 0 0; background:url(../images/shop/bg_shop_ctg.jpg) no-repeat 0 0;}
.shop_ctg_area:after{content:''; display:block; clear:both;}
.shop_ctg_area .lst{float:left; margin:20px 0 0 -1px;}
.shop_ctg_area .lst li{float:left; width:143px;}
.shop_ctg_area .lst li a{display:block;  text-align:center; }
.shop_ctg_area .lst li .ico{width:72px; height:72px;}
.shop_ctg_area .lst li.car .ico{background-position:0 0;}
.shop_ctg_area .lst li.mar .ico{background-position:-100px 0;}
.shop_ctg_area .lst li.mus .ico{background-position:-200px 0;}
.shop_ctg_area .lst li.pri .ico{background-position:-300px 0;}
.shop_ctg_area .lst li.edu .ico{background-position:-400px 0;}
.shop_ctg_area .lst li.fod .ico{background-position:-500px 0;}
.shop_ctg_area .lst li.etc .ico{background-position:-600px 0;}
.shop_ctg_area .lst li .tit{display:block; margin:10px 0 0; font-weight:bold; font-size:1.08em; white-space:nowrap;}

/* 스프라이트 이미지 */
.sprh_main{display:inline-block; overflow:hidden; background:url(../images/shop/sp_shop.png) no-repeat 0 0; vertical-align:middle; text-indent:-9999em;}