@charset "utf-8";

/* CSS Document */ 
/* ==================================================
	웹 폰트
================================================== */



/* ==================================================
	공통레이아웃
================================================== */
#header, #footer {width:100%;}
#sub{padding-top:139px;}
.size {width:100%;padding:0 20px; box-sizing:border-box; height:auto; margin:0 auto;}
.inner  {width:100%; box-sizing:border-box; }
.wrapper {position:relative; overflow:hidden; margin:0 auto; }
.side_left{float:left;}
.side_right{float:right;}

.swiper{overflow:hidden; position: relative;}
.swiper-slide img {width: 100%; vertical-align: top;}
.swiper-btn{width:60px; height:60px; margin-top:-30px; border-radius:30px; background-color:rgba(195, 195, 195, 0.8); background-repeat:no-repeat; position:absolute; top:50%; z-index:15; cursor:pointer;}
.swiper-btn-prev{background-image:url('/img/arr_left_w.svg'); background-size:19px 27px; background-position:left 46% center; left:-30px;}
.swiper-btn-next{background-image:url('/img/arr_right_w.svg'); background-color:rgba(179, 21, 74, 0.8); background-size:19px 27px; background-position:right 46% center; right:-30px;}
/* ==================================================
	header
================================================== */
#header{width:100%; position:fixed; top:0; left:0; z-index:500; height: 56px;}
#header .top_area{margin:0 auto; position:relative; background:#a01749;}
#header .top_area.hide{display:none;}
#header .top_area .notice_wrap{ position:relative; margin:0 auto;}
#header .top_area .swiper{height:28px; line-height:28px; text-align:center;}
#header .top_area .swiper a{display:block; line-height:28px; text-align:center; color:#fff; font-size:1.6rem; padding: 0 40px; text-decoration: none;}
#header .top_area .swiper a .notice {margin: 0;}
#header .top_area .notice_close{width:28px; height:28px; background-image:url('../img/ico_close_wht.svg'); background-size:12px; background-position:center; background-repeat:no-repeat; position:absolute; top:0; right:0; font-size:0; z-index:505;}
#header .main_area{margin:0 auto; background:#fff; border-bottom:1px solid #cdcdcd; width: 100%; height: 100%;}
#header .main_area .main_wrap{ position:relative;width: 100%; height: 100%;margin: 0 auto; font-size:0; text-align:center; }
#header .main_area a.menu_btn{display:block; width:50px; height:45px; background-image:url('../img/ico_hamburg.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; }
#header .main_area a.logo{display:inline-block; width:95px; height:20px; background-image:url('/coopmall/img/logo/in_logo_img.svg'); background-position:center; background-size:100%; background-repeat:no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
#header .main_area a.shop_btn{display:block; width:36px; height:36px; background-image:url('../img/ico_cart.svg'); background-size:26px 30px; background-position:center top 48%; background-repeat:no-repeat; position:absolute; top:50%; right:20px; transform: translateY(-50%);}
#header .main_area a.shop_btn .shop_num{width:18px; height:18px; line-height:18px; box-sizing:border-box; border-radius:50%; font-size:10px; font-weight:700; background:#a01749; color:#fff; text-align:center; position:absolute; bottom:-5%; left:50%;}
#header .main_area .sch_btn {display: none;position: absolute; top:50%; right: 64px; transform: translateY(-50%); background-image: url('../img/ico_search.svg'); background-repeat: no-repeat; background-size: 100%; width: 28px; height: 28px; background-position: center;}
#header .main_area .main_wrap .back_btn { position: absolute; top: 0; left: 0; display: inline-block; width: 50px; height: 48px; background-image: url('../img/arr_left_gray.svg'); background-size: 21px 17px; background-position: center; background-repeat: no-repeat;}
#header .main_area a.go_shop {position: absolute; top: 0; right: 40px; display: block; width: 38px; height: 48px; background-image: url('../img/ico_cart.png');background-size: 24px; background-position: center; background-repeat:no-repeat;}
#header .main_area .main_wrap form {padding: 7px 60px;}
#header .main_area .main_wrap form .fld_search {border: 0; margin: 0; padding: 0;}
#header .main_area .main_wrap .box_search .tf_keyword {background-color: #f0f0f0; border-radius: 50px; border: 0; height: auto; line-height: 1.2; padding: 10px 16px; font-size: 1.8rem; box-sizing: border-box; width: 100%;}
#header .main_area .main_wrap .box_search .btn_reset {position: absolute; top: 13px; right: 66px; padding: 0; border: 0;}
#header .main_area .main_wrap .box_search .btn_reset img {width: 20px;}

#header .menu_area{ margin:0 auto; background:rgba(160, 23, 73, 0.85); position:relative;}
#header .menu_area > a{display:block; width:48px; height:100%; background-image:url('/coopmall/img/arr2_left_wht.svg'); background-position:center; background-size:18px; background-repeat:no-repeat; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px;}
#header .menu_area ul{display:flex; padding:0 42px; justify-content:space-between; align-items:center;}
#header .menu_area ul li a{display:block; padding:0 10px; height:42px; line-height:42px; box-sizing:border-box; font-size:1.7rem; font-weight:300; color:#fff; }
#header .menu_area ul li a.on{font-weight:700;}
#header .menu_area .menu_list a {display:block; padding:0 10px; height:42px; line-height:42px; box-sizing:border-box; font-size:1.7rem; font-weight:300; color:#fff; }

#header .main_area .main_wrap .sub_logo_wrap > .NanumRound {margin-left: 12px; padding-left: 9px; position: relative;}
#header .main_area .main_wrap .sub_logo_wrap > .NanumRound::after {content: ''; display: inline-block; width: 1px; height: 26px; background-color: #c8c8c8; position: absolute; top: 5px; left: 0;}

#header .menu_area.tab_menu {background: transparent; z-index: 1; margin-top: -1px; }
#header .menu_area.tab_menu ul { padding: 0; justify-content: flex-start; margin-top: 8px;}
#header .menu_area.tab_menu ul li,
#header .menu_area.tab_menu ul a { text-align: center; padding: 4px 12px; border: 1px solid #d9d9d9; border-radius: 20px; margin-left: 8px; background-color: #fff; }
#header .menu_area.tab_menu ul li.on {border: 2px solid #a01749; background-color: #a01749; color: #fff;}
#header .menu_area.tab_menu ul li a {padding: 0; height: auto; line-height: normal; font-size: inherit; font-weight: 400; color: #333;}

/* 장보기 메인 */
#shop-header .header-top {display: flex;align-items: center;justify-content: space-between;padding: 12px 20px;}
#shop-header .header-top .header-search-wrap {position: relative;}
#shop-header .header-top .header-search {max-width: 140px;border: 1px solid var(--grey200);border-radius: 20px;padding: 5px 10px;box-sizing: border-box;background: var(--grey100); position: relative;}
#shop-header .header-top .btn_reset {position: absolute; top: 4px; right: 4px;}
#shop-header .header-top .cart-count-wrap {position: relative;}
#shop-header .header-top .cart-count {position: absolute;top: 0;left: -1px;display: inline-block;color: var(--white);background-color: var(--purple500);border-radius: 50%;width: 15px;height: 15px;display: inline-flex;align-items: center;justify-content: center;font-size: 11px;}
#shop-header .swiper {padding: 7px 20px;font-size: 16px;}
#shop-header nav .swiper-slide {width: auto;}
#shop-header nav .swiper-slide a {color: var(--grey900);}
#shop-header nav .swiper-slide a.active {color: var(--purple500); font-weight: 500;}
/* ==================================================
	sidebar
================================================== */

.bar .top_area{background:#a01749; padding: 12px 14px;}
.bar .top_area .util_wrap{margin:0 auto; position:relative;}
.bar .top_area .util_wrap > a{display:block; width:50px; height:45px; background-image:url('../img/arr_left_wht.svg'); background-size:20px 14px; background-position:left center; background-repeat:no-repeat; font-size:0;}
.bar .top_area .util_list{position:absolute; right:2px; top:0; z-index:500;}
.bar .top_area ul li{float:left;}
.bar .top_area ul .li1{width:36px;}
.bar .top_area ul .li2{width:36px;}
.bar .top_area ul .li3{width:34px; position:relative;}
.bar .top_area ul .li3 .shop_num{width:14px; height:14px; line-height:12px; padding-right:1px; border-radius:50%; box-sizing:border-box; font-size:1.4rem; font-weight:500; text-align:center; color:#fff; background:#e86c40; position:absolute; top:22%; left:70%;}
.bar .top_area ul li a{display:block; height:42px; background-position:center; background-repeat:no-repeat;}
.bar .top_area .li1 a{background-image:url('../img/ico_head_wht.svg'); background-size:24px;}
.bar .top_area .li2 a{background-image:url('../img/ico_heart_wht.png'); background-size:24px;}
.bar .top_area .li3 a{background-image:url('../img/ico_shop_wht.png'); background-size:20px 22px;}
.bar .top_area .login_wrap{ margin:0 auto; position:relative;}
.bar .top_area .login_wrap > p{height:50px; line-height:50px; box-sizing:border-box; font-size:1.75rem; color:#fff;}
.bar .top_area .login_wrap .login_btn{text-decoration:underline; color: inherit;}
.bar .top_area .login_wrap .join_btn{display:block; height:50px; line-height:50px; font-size:1.75rem; font-weight:700; color:#fff; position:absolute; right:0; top:0;}
.bar .top_area .inquire_wrap{ margin:0 auto; font-size:0; text-align:right;}
.bar .top_area .inquire_wrap a{display:inline-block; padding: 4px 12px; border:1px solid #fff; border-radius:19px; box-sizing:border-box; color:#fff; font-size:1.5rem;}
.bar .top_area .inquire_wrap a .arr{margin-top:-3px; margin-left:5px; width: 5px;}
.bar .top_area .util_wrap .inquire_wrap {position: absolute; top: 8px; right: 120px;}

#sidebar1{width:100%; height:100vh; background:#fff; position:fixed; top:0; left:200%; z-index:900;}
#sidebar1 .main_area{overflow-y:scroll; height:calc(100vh - 145px);}
#sidebar1 .main_area .depth1{ margin:0 auto;}
#sidebar1 .main_area .depth1 > li > a{display:block; height:48px; line-height:48px; padding:0 15px; box-sizing:border-box; background-color:#fff; font-size:2rem; color:#0e0e0e; background-image:url('../img/ico_plus_blk.svg'); background-size:15px; background-position:right 15px center; background-repeat:no-repeat; transition:none; background-attachment:initial; positioN:relative;}
#sidebar1 .main_area .depth1 > li > a .svg_nd{margin-left:7px; margin-top:-8px; width:80px;}
#sidebar1 .main_area .depth1 > li > a .svg_lc{margin-left:7px; margin-top:-8px; width:93px;}
#sidebar1 .main_area .depth1 > li.on > a{display:block; height:48px; line-height:48px; background-image:url('../img/ico_minus_rd.svg'); background-size:14px 5px; background-attachment:initial;}
#sidebar1 .main_area .depth1 > li.on > a::after{display:block; content:''; width:15px; height:3px; margin-top:-1.5px; background:#a01749; position:absolute; right:15px; top: 50%;}
#sidebar1 .main_area .depth2{display:none; background-color:#efefef;}
#sidebar1 .main_area .depth2 > li{border-top:1px solid #cdcdcd;}
#sidebar1 .main_area .depth2 > li:first-child{border:none;}
#sidebar1 .main_area .depth2 > li > a{display:block; height:40px; line-height:40px; padding:0 15px; box-sizing:border-box; font-size:1.85rem; color:#0e0e0e; background-image:url('../img/arr3_btm_blk.svg'); background-size:10px 6px; background-position:right 15px top 50%; background-repeat:no-repeat; transition:none; position:relative;}
#sidebar1 .main_area .depth2 > li.on > a{background-image:url('../img/arr3_top_blk.svg');}

/* 사이드바 - 캠페인 */
#sidebar1 .depth2#campaign-sidemenu,
#sidebar1 .depth2#campaign-sidemenu * {
	box-sizing: border-box;
}
#sidebar1 .depth2#campaign-sidemenu {
	padding: 30px 15px 20px;
}
#sidebar1 .depth2#campaign-sidemenu > ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	flex-wrap: wrap;
	gap: 8px;
}

#sidebar1 .depth2#campaign-sidemenu > ul a {
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;

	min-height: 200px;
	background-color: white;
}
/* 이미지 있는 경우 주석 해제 후 사용 */
/*
#sidebar1 .depth2#campaign-sidemenu > ul img.top_img {
	height:38px; background-position:center; background-repeat:no-repeat;
}
#sidebar1 .depth2#campaign-sidemenu > ul .top_img:nth-child(1){background-image:url('../img/ico_campaign4.svg'); background-size:auto 42px;}
#sidebar1 .depth2#campaign-sidemenu > ul .top_img:nth-child(2){background-image:url('../img/ico_campaign1.svg'); background-size:39px 34px;}
#sidebar1 .depth2#campaign-sidemenu > ul .top_img:nth-child(3){background-image:url('../img/ico_campaign2.svg'); background-size:36px 36px;}
#sidebar1 .depth2#campaign-sidemenu > ul .top_img:nth-child(4){background-image:url('../img/ico_campaign5.png'); background-size:39px 38px;}
#sidebar1 .depth2#campaign-sidemenu > ul p.title { margin-top: 18px; }
*/
#sidebar1 .depth2#campaign-sidemenu > ul p.title {
	line-height: 1.4;
	font-size: 2rem;
	color:#0e0e0e;
}
#sidebar1 .depth2#campaign-sidemenu > ul .participate{
	line-height:1;
	font-size:2.2rem;
	color:#a01749;
}
#sidebar1 .depth2#campaign-sidemenu > ul .desc{
	line-height:1.4;
	letter-spacing: -1px;
	font-size:1.8rem;
	color:#4b4b4b;
}
#sidebar1 .depth2#campaign-sidemenu > ul img.svg_arr{
	width:17px; height:12px;
	margin-left:5px;
}

#sidebar1 .main_area .depth3{display:none; background-color:#cdcdcd; padding:10px 0 20px;}
#sidebar1 .main_area .depth3 > li p, 
#sidebar1 .main_area .depth3 > li > a{display:block; height:35px; line-height:35px; padding:0 15px; box-sizing:border-box; font-size:1.8rem; color:#0e0e0e;}
#sidebar1 .main_area .depth4 {padding: 0 20px;}
 
#sidebar2{width:100%; height:100vh; background:#fff; position:fixed; top:0px; left:200%; z-index:900;}
#sidebar2 > .menu_wrap{background:#fff;}
#sidebar2 > .menu_wrap ul{ margin:0 auto;}
#sidebar2 > .menu_wrap ul li{float:left; width:25%;}
#sidebar2 > .menu_wrap ul li a{display:block; padding: 12px 0; font-size:2rem; color:#0e0e0e; text-align:center;}
#sidebar2 .shop_inner{width:100%;  background:#fff; border:1px solid #ddd; margin:0 auto; box-sizing:border-box;}
#sidebar2 .top_banner a{display:block;}
#sidebar2 .swiper{position:relative;}
#sidebar2 .swiper img {width: 100%;}
#sidebar2 .swiper-pagination-bullet{width:7px; height:7px; border-radius:5px; background:#9d9d9d; margin:0 3.5px;}
#sidebar2 .swiper-pagination-bullet-active{background:#a91054;}
#sidebar2 .btm_area > div{float:left;}
#sidebar2 .btm_area .menu_wrap{width:100%; margin-top: -5px;}
#sidebar2 .menu{float:left; height:65vh; padding:6px 0; box-sizing:border-box; text-align: left; margin-top:6px;}
#sidebar2 .menu1{overflow-y:scroll;width:55%;}
#sidebar2 .menu1 ul li a{display:block; font-weight:400; color: #333; font-size:1.9rem; padding:10px 15px; box-sizing:border-box; transition:none;}
/*
#sidebar2 .menu1 ul li a:hover{background:#f3f3f3; color:#a91054;}
*/
#sidebar2 .menu1 ul li .subtit {color: #0077E4;font-weight:400; font-size:1.9rem; padding:10px 15px; box-sizing:border-box;}
#sidebar2 .menu1 ul li.on a{background:#f3f3f3; color:#a91054;}
#sidebar2 .menu2{overflow-y:scroll;background:#f3f3f3;width:45%;}
#sidebar2 .menu2 ul{display:none; padding: 4px 0;}
#sidebar2 .menu2 ul.on{display:block;}
#sidebar2 .menu2 ul li a{display:block; font-size:1.6rem; padding:12px 15px; font-weight:400; box-sizing:border-box;}
/*#sidebar2 .menu2 ul li a:hover{color:#a91054; font-weight:700;}*/
#sidebar2 .btm_area .cont_wrap{display:none;}
#sidebar2 .top_box{padding:15px 32px; box-sizing:border-box;}
#sidebar2 .top_box ul{width:102.92%; margin-left:-2.92%;}
#sidebar2 .top_box ul li{float:left; width:17.08%; margin-left:2.92%;}
#sidebar2 .top_box ul li a{display:block; height:40px; line-height:38px; border:1px solid #ddd; border-radius:20px; text-align:center; font-weight:700; font-size:1.8rem; transition:all .2s ease;}
#sidebar2 .top_box ul li a:hover{background:#a91054; border-color:#a91054; color:#fff;}
#sidebar2 .btm_box{border-top:1px solid #ddd; padding:32px 32px 0; box-sizing:border-box;}
#sidebar2 .btm_box strong{display:block; line-height:1; font-size:1.8rem; font-weight:700;}
#sidebar2 .btm_box strong img{width:83px; height:17px; margin-top:-5px;}
#sidebar2 .btm_box .medal_list{margin-top:18px;}
#sidebar2 .btm_box .medal_list ul{font-size:0; margin-top:-18px;}
#sidebar2 .btm_box .medal_list ul li{display:inline-block; max-width:120px; width:20%; margin-top:18px;}
#sidebar2 .btm_box .medal_list ul li a{display:block; text-align:center; height:102px;}

#sidebar3{width:100%; height:100vh; background:#fff; position:fixed;}
#sidebar3 .top_area{ margin:0 auto; background:#fff; position:relative; padding:13px 0; border-bottom:1px solid #cdcdcd;}
#sidebar3 .top_area .ipt_wrap{font-size:0; text-align:center;}
#sidebar3 .top_area .ipt_wrap input{width:492px; height:62px; border-radius:31px; background:#f0f0f0; border:none; padding:0 33px; box-sizing:border-box;}
#sidebar3 .top_area .ipt_wrap input::placeholder{font-size:2.6rem; color:#7a7a7a; font-weight:300;}
#sidebar3 .top_area .srch_close{width:62px; height:62px; background-image:url('../img/arr_left_gry.svg'); background-size:37px 28px; background-position:center; background-repeat:no-repeat; position:absolute; top:13px; left:17px;}
#sidebar3 .top_area .shop_btn{display:block; width:62px; height:62px; background-image:url('../img/ico_new_shop.png'); background-size:40px; background-position:center top 48%; background-repeat:no-repeat; position:absolute; top:13px; right:19px;}
#sidebar3 .top_area .shop_btn .shop_num{width:18px; height:18px; line-height:18px; padding-right:1px; box-sizing:border-box; border-radius:50%; font-size:13px; font-weight:700; background:#a01749; color:#fff; text-align:center; position:absolute; top:35%; left:55%;}
#sidebar3 .inner{padding:60px 0 120px;}
#sidebar3 .cont_area{ height:calc(100vh - 140px); margin:0 auto; overflow-Y:scroll;}
#sidebar3 .cont_area .tit_wrap{position:relative;}
#sidebar3 .cont_area .tit_wrap h3{font-size:3rem; font-weight:500; color:#0e0e0e; line-height:1;}
#sidebar3 .cont_area .tit_wrap .util_txt{font-size:2.2rem; color:#7a7a7a; position:absolute; right:0; bottom:-7px;}
#sidebar3 .cont_area .cont_wrap{margin-top:33px;}
#sidebar3 .cont_area .recent_list{min-height:83px; width:102%; margin-left:-2%; margin-top:-2%;}
#sidebar3 .cont_area .recent_list li{float:left; margin-left:2%; margin-top:2%; font-size:0; position:relative;}
#sidebar3 .cont_area .recent_list a.a1{display:inline-block; height:68px; line-height:66px; border:1px solid #cdcdcd; border-radius:34px; padding:0 52px 0 22px; font-size:3rem; color:#0e0e0e;}
#sidebar3 .cont_area .recent_list a.a2{display:block; width:56px; height:66px; background-image:url('../img/ico_close_blk.svg'); background-size:16px; background-position:center; background-repeat:no-repeat; position:absolute; right:1px; top:1px;}
#sidebar3 .cont_area .popular{margin-top:88px;}
#sidebar3 .cont_area .popular_list{width:300px; float:left; margin-left:60px;}
#sidebar3 .cont_area .popular_list:first-child{margin-left:0;}
#sidebar3 .cont_area .popular_list a{display:block; height:90px; line-height:90px; position:relative;}
#sidebar3 .cont_area .popular_list div.num{font-size:3rem; color:#a01749; font-weight:500; position:absolute; top:0; left:8px;}
#sidebar3 .cont_area .popular_list div.content{font-size:3rem; color:#0e0e0e; padding-left:42px; padding-right:65px; box-sizing:border-box; word-spacing:-2px; letter-spacing:-1px;}
#sidebar3 .cont_area .popular_list div.state{height:100%; font-size:2.4rem; color:#a01749; position:absolute; top:0; right:0;}
#sidebar3 .cont_area .popular_list div.state.decrease{color:#4b4b4b; padding-left:22px; background-image:url('../img/ico_decrease_gry.svg'); background-size:15px 12px; background-position:left center; background-repeat:no-repeat;}
#sidebar3 .cont_area .popular_list div.state.increase{color:#a01749; padding-left:22px; background-image:url('../img/ico_increase_rd.svg'); background-size:15px 12px; background-position:left center; background-repeat:no-repeat;}
#sidebar3 .cont_area .popular_list div.state.non:before{display:block; content:''; clear:both; width:26px; height:1px; background:#4b4b4b; position:absolute; top:50%; right:12px; margin-top:-0.5px;}
#sidebar3 .cont_area .popular_list .state_img{width:15px; height:12px; margin-top:-6px; margin-right:7px;}
/* ==================================================
	footer(nav)
================================================== */
#nav{width:100%; position:fixed; bottom:-5px; left:0; z-index:490;}
#nav .nav_list{ margin:0 auto; background:#fff; box-shadow: 11px 0px 13px 0px rgba(148, 148, 148, 0.17);}
#nav .nav_list ul {display: flex; align-items: center; justify-content: space-between;}
#nav .nav_list ul li{width: 20%;}
/* #nav .nav_list ul .li1{width:125px;}
#nav .nav_list ul .li2{width:165px;}
#nav .nav_list ul .li3{width:140px;}
#nav .nav_list ul .li4{width:147px;}
#nav .nav_list ul .li5{width:143px;} */
#nav .nav_list ul li a{display:block; height:84px; padding:10px 0 0; box-sizing:border-box;}
#nav .nav_list .img_box{height:38px; background-position:center; background-repeat:no-repeat; text-align: center;}
#nav .nav_list .li1 .img_box{background-image:url('../img/ico_nav_cate.svg?v=1'); background-size:28px;}
#nav .nav_list .li2 .img_box{background-image:url('../img/ico_home.svg'); background-size:28px;}
#nav .nav_list .li4 .img_box{background-image:url('../img/ico_nav_myicoop.svg?v=1'); background-size:28px;}
#nav .nav_list .li5 .img_box{background-image:url('../img/ico_hamburgermenu.svg'); background-size:28px;}
#nav .nav_list .txt_box{ line-height:1; font-size:1.7rem; text-align:center;}
#nav a.util_btn{display:block; width:56px; height:56px; margin-left:-25px; border-radius:50%; background-color:#a01749; background-image:url('../img/logo_in_wht.svg'); background-size:32px; background-position:center top 45%; background-repeat:no-repeat; position:absolute; left:50%; top:-24px; z-index:900; transition:none;}
#nav a.util_btn.on{background-image:url('../img/ico_close_wht.svg'); background-size:24px; background-position:center;}
#nav .util_wrap{display:none; width:100%; height:332px; padding-top:111px; box-sizing:border-box; /*background:rgba(0, 0, 0, 0.5);*/ position:absolute; bottom:0; left:0; z-index:895;}
#nav .util_wrap .util_list{text-align:center; font-size:0;}
#nav .util_wrap .util_list ul{display:inline-flex; align-items: center; justify-content: center; background:#fff; padding:12px 0; border-radius:20px; box-sizing:border-box; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);}
#nav .util_wrap .util_list ul li{position:relative;width:83px;}
@media screen and (min-width:720px) {
	#nav .util_wrap .util_list ul li {min-width:90px}
}
#nav .util_wrap .util_list ul li::before{display:block; content:''; clear:both; height:100%; width:1px; background:#cdcdcd; position:absolute; left:-0.5px; top:0;}
#nav .util_wrap .util_list ul li:first-child::before{display:none;}
#nav .util_wrap .util_list ul li a{display:block;}
#nav .util_wrap .util_list .img_box{height:42px; background-position:center; background-repeat:no-repeat;}
#nav .util_wrap .util_list .li1 .img_box{background-image:url('../img/ico_nav_event.svg?v=1'); background-size:42px;}
#nav .util_wrap .util_list .li2 .img_box{background-image:url('../img/logo_in.svg'); background-size:42px;}
#nav .util_wrap .util_list .li3 .img_box{background-image:url('../img/ico_nav_community.svg'); background-size:42px;}
#nav .util_wrap .util_list ul .li2 .txt_box {color:#a01749;}
#nav .util_wrap .util_list .txt_box{font-size:1.7rem; line-height:1.4; color:#333;}
#nav .util_wrap .util_list .txt_box.st1{height:53; line-height:53px; color:#a01749; font-weight:700;}

footer, footer a, footer p {color: var(--grey700)}
footer #footer-top {padding: 12px 0; background-color: var(--grey100); border-top: 1px solid var(--grey200);}
footer #footer-bottom {background-color: var(--grey100); letter-spacing: -1px; }
footer #footer-bottom p {font-size: 12px; color: var(--grey500);}

/* 힐링센터 */
#hc_main{padding-top:75px; }
#hc_main .visual {height:256px;}
#hc_main .section1{margin-top:-75px;}
#hc_main .section .inner{padding:22px 0;}
#hc_main .section1 .inner{padding:0;}

#hc_main .section1 .cont_area{padding:30px 18px; box-sizing:border-box; background:#f6f6f6; position:relative; box-shadow: 1px 2px 20px 0px rgba(86, 93, 93, 0.2); border-radius: 5px;}
#hc_main .section1 .side_le .drop_list{padding:14px 16px 10px; border-radius:25px; box-sizing:border-box; position:absolute; top:20px; right:10px; transition: all 0.4s;}
#hc_main .section1 .side_le .drop_list.on{background:#fff; box-shadow: 1px 2px 20px 0px rgba(118, 118, 118, 0.2);}
#hc_main .section1 .side_le .drop_list > a{display:block; line-height:1.4; font-size:1.7rem; font-weight:700; border-bottom:1px solid #252525;}
#hc_main .section1 .side_le .drop_list > a img{vertical-align:bottom; margin-bottom:3px; margin-left:4px}
#hc_main .section1 .side_le .drop_list ul{display:none; margin-top: 7px;}
#hc_main .section1 .side_le .drop_list ul li a{display:block; line-height:30px; font-size:1.7rem; font-weight:400; transition:none;}
#hc_main .section1 .side_le .drop_list ul li a.active {color: #a01749;}
#hc_main .section1 .side_le .drop_list ul li a:hover{color:#a91054;}
#hc_main .section1 .side_le .hd_txt p{line-height:1; font-weight:700;}
#hc_main .section1 .side_le .hd_txt .p1{font-size:2.5rem;}
#hc_main .section1 .side_le .hd_txt .p2{margin-top:12px; font-size:1.7rem; letter-spacing:0px; font-weight:500;}
#hc_main .section1 .side_le .hd_txt .p3{margin-top:26px; font-size:1.7rem; color:#333; font-weight:400; line-height:1.5;}
#hc_main .section1 .side_le .bd_txt{margin-top:180px;}
#hc_main .section1 .side_le .bd_txt p{line-height:1.4; font-size:1.9rem;}
#hc_main .section1 .side_ri{margin-top:30px; }
#hc_main .section1 .side_ri .txt_area {text-align: left;}
#hc_main .section1 .side_ri .txt_wrap{margin-top:10px; border-top:1px solid #929292; padding-top:14px;}
#hc_main .section1 .side_ri .txt_wrap:first-child{margin-top:0; border-top:none;}
#hc_main .section1 .side_ri .txt_box{margin-top:26px;}
#hc_main .section1 .side_ri .txt_box:first-child{margin-top:0;}
#hc_main .section1 .side_ri .txt_box p{line-height:1; font-size:1.7rem; font-weight:700;}
#hc_main .section1 .side_ri .txt_box ul{margin-top:4px;}
#hc_main .section1 .side_ri .txt_box ul li{font-size:1.7rem; line-height:1.5; padding-left:20px; box-sizing:border-box;}
#hc_main .section1 .side_ri .txt_box ul li.time{background-image:url('/coopmall/img/ico_clock_blk.svg'); background-size:13px; background-position:left 0 top 4px; background-repeat:no-repeat;}
#hc_main .section1 .side_ri .txt_box ul li.tel{background-image:url('/coopmall/img/ico_tel_blk.svg'); background-size:12px; background-position:left 0 top 4px; background-repeat:no-repeat;}
#hc_main .section1 .side_ri .txt_box ul li.pin{color:#a91054;  background-image:url('/coopmall/img/ico_pin_rd.svg'); background-size:13px 11px; background-position:left 0 top 3px; background-repeat:no-repeat; font-weight:500;}
#hc_main .section1 .btn_area{margin-top:33px; text-align: center;}
#hc_main .section1 .btn_area a{display:inline-block; max-width:427px; padding:8px 32px; margin:0 auto; box-sizing:border-box; text-align:center; line-height:1.3; font-size:1.7rem; font-weight:500; color:#fff; background:#a91054;}

#hc_main .section2 .inner{padding-top:72px;}
#hc_main .section2 .swiper_area{padding:0; margin:0 auto; position:relative;}
#hc_main .section2 .swiper{overflow:visible;}
#hc_main .section2 .swiper a{display:block; border:1px solid #dadada; box-sizing:border-box;}
/* #hc_main .section2 .sw_prev, #hc_main .section2 .sw_next{width:40px; height:70px; margin-top:-35px; background-size:37px 65px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; cursor:pointer;}
#hc_main .section2 .sw_prev{background-image:url('/coopmall/img/arr_left_gry.png'); left:0;}
#hc_main .section2 .sw_next{background-image:url('/coopmall/img/arr_right_gry.png'); right:0;}
#hc_main .section2 .sw_prev:hover{background-image:url('/coopmall/img/arr_left_rd.png'); left:0;}
#hc_main .section2 .sw_next:hover{background-image:url('/coopmall/img/arr_right_rd.png'); right:0;} */

#hc_main .section3 .tit_area{text-align:center;}
#hc_main .section3 .tit_area h2{display:inline-block; padding-bottom:13px; line-height:1; font-size:2.5rem; font-weight:700; color:#333; border-bottom: 3px solid #a91054;}
#hc_main .section3 .cont_area{margin-top:26px;}
#hc_main .section3 .img_box {height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#hc_main .section3 .txt_box{padding:26px 15px 32px; box-sizing:border-box;}
#hc_main .section3 .txt_box .p1{line-height:1; font-size:2.2rem; font-weight:700;}
#hc_main .section3 .txt_box .p1 span{font-size:1.8rem; font-weight:400; color:#808080;}
#hc_main .section3 .txt_box .p2{margin-top:10px; border-top:1px solid #dadada; padding-top:8px; box-sizing:border-box; line-height:1.4;font-weight:400; font-size: 1.6rem;}
#hc_main .section3 .txt_box .p3{margin-top:13px; line-height:1; font-size:1.8rem; font-weight:400; color:#808080;}
#hc_main .section3 .txt_box .p3 span{font-weight:700; color:#252525;}

#hc_main .section4 .inner{padding:45px 0 70px;}
#hc_main .section4 .tit_area{text-align:center;}
#hc_main .section4 .tit_area h2{display:inline-block; padding-bottom:13px; line-height:1; font-size:2.5rem; font-weight:700; color:#333; border-bottom: 3px solid #a91054;}
#hc_main .section4 .cont_area{margin-top:26px;}
#hc_main .section4 .cont_area .side_ri{margin-top:35px;}
#hc_main .section4 .cont_area .txt_wrap{border-top:1px solid #dadada; margin-top:20px; padding-top:20px;}
#hc_main .section4 .cont_area .txt_wrap:first-child{border-top:none; margin-top:0; padding-top:0;}
#hc_main .section4 .cont_area .txt_box{padding-left:65px; position:relative;}
#hc_main .section4 .cont_area .txt_wrap .tit{line-height:1.5; font-size:1.7rem; font-weight:700; position:absolute; top:0; left:0;}
#hc_main .section4 .cont_area .txt_wrap .list1 > li{line-height:1.5; padding-left:14px; font-size:1.6rem; font-weight:700; position:relative;}
#hc_main .section4 .cont_area .txt_wrap .list1 > li:before{display:block; content:''; clear:both; width:5px; height:5px; border-radius:2.5px; background:#252525; position:absolute; top:6px; left:0;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li{font-weight:400; margin-bottom: 10px;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li.st1{padding-left:25px; background-image:url('/coopmall/img/subway_mark1.png'); background-size:18px; background-position:left center; background-repeat:no-repeat;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li.st2{padding-left:86px; position:relative;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li.st2 p{padding-left:24px; font-size:1.5rem; font-weight:700; color:#333333; position:absolute; top:0; left:0; background-image:url('/coopmall/img/ico_bus_grn.svg'); background-size:18px; background-position:left center; background-repeat:no-repeat;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li.st3{padding-left:86px; position:relative;}
#hc_main .section4 .cont_area .txt_wrap .list2 > li.st3 p{padding-left:24px; font-size:1.5rem; font-weight:700; color:#333333; position:absolute; top:0; left:0; background-image:url('/coopmall/img/ico_bus_rd.svg'); background-size:18px; background-position:left center; background-repeat:no-repeat;}
#hc_main .section4 .map{height:200px; background:#fafafa;}
#hc_main .section4 .map_btm{display:block; background:#2d2d2d; padding:0 12px; box-sizing:border-box;}
#hc_main .section4 .map_btm p{float:left; height:36px; line-height:36px; font-size:1.5rem; font-weight:500; color:#fff; letter-spacing:0px;}
#hc_main .section4 .map_btm p > img{vertical-align:bottom; margin-bottom:9px; margin-right:6px;}
#hc_main .section4 .map_btm a{float:right; display:block; height:36px; line-height:36px; font-size:1.7rem; font-weight:400; color:#fff;}
#hc_main .section4 .map_btm a > img{vertical-align:bottom; margin-bottom:19px; margin-left:6px;}

/* ci/bi */
#ci_main {padding-top: 25px;}
#ci_main .section .inner{padding:46px 0;}
#ci_main .section .tit_area{text-align:left; font-size:0; position:relative; z-index:10;}
#ci_main .section .tit_area > h2{display:inline-block; height:47px; line-height:47px; font-size:2.2rem; font-weight:700; background:#fff; word-spacing:-4px;}
#ci_main .section .tit_area > h2 > img{vertical-align:text-bottom; margin-bottom:-2px; padding-left: 5px;}
#ci_main .section .tit_area > h2 > img.icoop{margin-top:1px;}
#ci_main .section .tit_area > h2 > img.nd{margin-top:0px;}
#ci_main .section .cont_area{margin-top:30px;}
#ci_main .section .cont_area .img_wrap{font-size:0;}
#ci_main .section .cont_area .img_wrap > img{width:100%;}
#ci_main .section .btn_wrap{margin-top:66px;}
#ci_main .section .btn_list > ul{display:flex; align-items:center; justify-content:space-between;}
#ci_main .section .btn_list > ul > li {flex: 1;}
#ci_main .section .btn_list > ul > li:first-child {margin-right: 10px;}
#ci_main .section .btn_list > ul > li > a{display:block; padding: 14px 10px; border:1px solid #dadada; box-sizing:border-box; text-align:center; transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
#ci_main .section .btn_list > ul > li > a > p{display:inline-block; padding-right:18px; font-size:1.6rem; font-weight:700; background-image:url('/coopmall/img/ico_download_blk.png'); background-size:10px 12px; background-position:right top 50%; background-repeat:no-repeat; transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
#ci_main .section .btn_list > ul > li > a > img{vertical-align:middle; margin-bottom:5px; margin-left:14px;}
#ci_main .section .btn_list > ul > li > a:hover{background:#922c4a; border-color:#922c4a;}
#ci_main .section .btn_list > ul > li > a:hover > p{color:#fff; background-image:url('/coopmall/img/ico_download_wht.png');}
#ci_main .section .txt_wrap{margin-top:86px;}
#ci_main .section .txt_wrap > p{margin-top:8px; text-align:center; font-size:1.7rem; font-weight:500; line-height:1;}
#ci_main .section .txt_wrap > p:first-child{margin-top:0;}
#ci_main .section .txt_wrap > p > img{vertical-align:bottom; margin-top:-17px;}
#ci_main .section .txt_wrap > p > img.nd{vertical-align:bottom; margin-top:-13px;}
#ci_main .section .txt_wrap > p > img.icoop{vertical-align:bottom; margin-bottom:-5px;}
#ci_main .section .txt_wrap > p > span.rd{color:#a01749;}
#ci_main .section .line_wrap{margin-top:50px;}
#ci_main .section .line_wrap > .line{margin:0 auto; width:1px; height:170px; background:#dadada;}
#ci_main .section .sub_wrap{margin-top:82px;}
#ci_main .section .sub_wrap .video_box{max-width:900px; margin:0 auto;}
#ci_main .section .sub_wrap .video{position:relative; padding-bottom:56.25%; height:0; border-radius:20px;}
#ci_main .section .sub_wrap .video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
#ci_main .section .sub_wrap .clr_list{background:#f7f7f7; padding:30px 15px;}
#ci_main .section .sub_wrap .clr_list > ul > li{width:50%; float:left;}
#ci_main .section .sub_wrap .clr_list > ul > li > .box{display:flex; align-items:center; justify-content:left;}
#ci_main .section .sub_wrap .clr_list > ul > li > .box.diff1{justify-content:right;}
#ci_main .section .sub_wrap .clr_list .clr_img{display:flex; flex-direction:column; justify-content:center; align-items:center; width:70px; height:70px; border-radius:67px; box-sizing:border-box; }
#ci_main .section .sub_wrap .clr_list .clr_img.bgd{background-color:#922c4a;}
#ci_main .section .sub_wrap .clr_list .clr_img.rd{background-color:#a01749;}
#ci_main .section .sub_wrap .clr_list .clr_img.rd2{background-color:#a92a56;}
#ci_main .section .sub_wrap .clr_list .clr_img.gry{background-color:#4c443c;}
#ci_main .section .sub_wrap .clr_list .clr_img p{margin-top:3px; text-align:center; font-size:1rem; font-weight:700; color:#fff; line-height:1;} 
#ci_main .section .sub_wrap .clr_list .clr_img.icoop p{margin-top:3px;}
#ci_main .section .sub_wrap .clr_list .clr_img.only_t p{margin-top:0; line-height:1.4;}
#ci_main .section .sub_wrap .clr_list .clr_txt{margin-left:10px;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p{font-size:1rem; font-weight:700; line-height:1.5;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p > span{font-weight:900;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p.bgd > span{color:#922c4a;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p.rd > span{color:#a01749;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p.rd2 > span{color:#a92a56;}
#ci_main .section .sub_wrap .clr_list .clr_txt > p.gry > span{color:#4c443c;}
#ci_main .section1 .inner{padding-top:75px;}
#ci_main .section4 .inner{padding-top:34px;}
#ci_main .section4 p{text-align:center; font-size:1.7rem; font-weight:500; line-height:1.7;}
#ci_main .section4 p > span{font-weight:700; color:#a01749;}
#ci_main .section4 p.p1 img{vertical-align: baseline; margin-top:7px;}
#ci_main .section4 p.p2{margin-top:54px;}
@media screen and (max-width:374px) {
	#ci_main .section .sub_wrap .clr_list > ul > li {width: 100%;}
	#ci_main .section .sub_wrap .clr_list > ul > li > .box {justify-content: flex-start!important;}
	#ci_main .section .sub_wrap .clr_list > ul > li > .box.diff1 { margin-top: 10px;}
}

/* 아이쿱의도전 */
#history_main {padding-top: 75px;}
#history_main .section .inner{padding:0 0 65px; text-align: left;}
#history_main .section1 .tit_area{text-align:center; font-size:0; position:relative; z-index:10;}
#history_main .section1 .tit_area:before{display:block; content:''; clear:both; width:100%; height:1px; background:#252525; position:absolute; top:50%; left:0; z-index:-1;}
#history_main .section1 .tit_area > h2{display:inline-block; padding:0 25px; height:47px; line-height:47px; font-size:3.6rem; font-weight:700; background:#fff;}
#history_main .section .cont_area{margin-top:44px;}
#history_main .section1 .cont_area{margin-top:0;}
#history_main .section .cont_area .bg_wrap{height:267px; font-size:0; text-align:center; background:linear-gradient(to right, #abdff5 50%, #143f52 50%); position:relative;}
#history_main .section .cont_area .bg_wrap:before{display:block; content:''; clear:both; width:100%; height:inherit; background-image:url('/coopmall/icoop/icoop_story/images/chl_a_img1.jpg'); background-size:auto 100%; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index: 10;}
#history_main .section .cont_area .bg_wrap .size{position:relative; z-index: 15;}
#history_main .section .cont_area .bg_txt_wrap{display:flex; justify-content:flex-end; align-items:end; flex-direction:column; padding-bottom: 24px; box-sizing:border-box;}
#history_main .section .cont_area .bg_txt2 > p{font-size:2.8rem; font-weight:500; line-height:1.3; color:#fff; text-align: right;}
#history_main .section1 .inner{padding:0px 0 36px;}
#history_main .section .tit_area{display:flex; justify-content:center;}
#history_main .section .tit_area h2{ position: relative;line-height:1; font-size:2.2rem; font-weight:700; color:#808080;}
#history_main .section .tit_area h2.on {color: #333333;}
#history_main .section .tit_area h2.on:after{margin-top:6px; display:block; content:''; clear:both; width:100%; height:3px; background:#a91054;}
#history_main .section .tit_area h2:nth-child(2) {padding-left: 30px; margin-left: 30px;}
#history_main .section .tit_area h2:nth-child(2):before {content: ''; display: inline-block;clear:both; position: absolute; top: 1px; left: -7px;  width: 1px; height: 14px; background-color: #ccc; margin: 0 10px;}
#history_main .section2 .cont_wrap{padding:36px 0;border-top:1px solid #dadada;}
#history_main .section2 .cont_wrap:first-child{padding-top:0; border:0;}
#history_main .section2 .cont_wrap.last_wrap{padding-bottom:0;}
#history_main .section2 .cont_wrap > .hd_title{ margin-bottom: 12px; padding-left:30px; box-sizing:border-box; position:relative;}
#history_main .section2 .cont_wrap.selected > .hd_title p{color:#a91054;}
#history_main .section2 .cont_wrap > .hd_title p{line-height:1.4; font-size:2.2rem; font-weight:700; color:#808080;}
#history_main .section2 .cont_wrap > .hd_title p.p1{position:absolute; left:0; top:0; z-index:5;}
#history_main .section2 .cont_wrap:first-child > .contents{border-top:none;}
#history_main .section2 .cont_wrap .hist_list{margin-top:18px;  box-sizing:border-box; position:relative; }
#history_main .section2 .cont_wrap .hist_list:first-child{margin-top:0;}
#history_main .section2 .cont_wrap .hist_list > p.hist_year{display:inline-block; line-height:1.5; font-size:2.4rem; font-weight:700; color:#252525; margin-bottom: 12px;}
#history_main .section2 .cont_wrap .hist_list > p.hist_year:after{margin-top:-2px; display:block; content:''; clear:both; width:100%; height:2px; background:#a91054;}
#history_main .section2 .cont_wrap .hist_list > ul > li{margin-top:18px; position:relative; padding-left:45px; box-sizing:border-box; position:relative;}
#history_main .section2 .cont_wrap .hist_list > ul > li:first-child{margin-top:0;}
#history_main .section2 .cont_wrap .hist_list > ul > li p{font-size:1.8rem; font-weight:700; color:#252525; line-height:1.5;}
#history_main .section2 .cont_wrap .hist_list > ul > li p.p1{position:absolute; top:0; left:0; z-index:0;}
#history_main .section2 .cont_wrap .hist_list > ul > li p.p2{font-weight:400; letter-spacing: -.7px;}
#history_main .section3 .medal_list ul{display:flex; flex-direction: column;}
#history_main .section3 .medal_list .medal{gap:20px; display:flex; flex-direction:column; align-items:center; margin-bottom: 28px;}
#history_main .section3 .medal_list .medal img {max-width: 194px; max-height: 102px;}
#history_main .section3 .medal_list .medal .txt_box{border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
#history_main .section3 .medal_list .medal .txt_box p{padding:10px 2px; font-size:2rem; font-weight:500; color:#252525; line-height:1.2; text-align: center; box-sizing:border-box;}
#history_main .last_section .inner{padding-bottom:125px;}

/* 마일리지 개편 0731 */
.mileage-title {font-size: 15px; margin: 40px 0 20px; text-align: left;}
.mileage-title img {vertical-align: baseline; width: 18px;}
.mileage-title span {color:#a91054;}

.add-des {line-height: 1.4; font-size: 13px; padding-top: 10px; color: #f33271;}

.bl1 {border-left: 1px solid #ddd;}

.comm-table1 thead td {background-color: #f3f3f3; padding: 10px 3px; border: 1px solid #ddd; font-size: 12px;}
.comm-table1 tbody td {padding: 15px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 13px; color: #333;}
.comm-table1 tbody td:first-child {border-left: 1px solid #ddd;}
.comm-table1 img {height: 48px;}

.comm-table2 tr:first-child td {border-top: 1px solid #ddd;}
.comm-table2 .tableBg {background-color: #f3f3f3;}
.comm-table2 tbody td {padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 13px; letter-spacing: -.5px;}
.comm-table2 tr:first-child td:first-child {font-size: 13px;}

.linkButtonWrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 20px 0 60px;}
.linkButton {display: inline-block; width: calc(50% - 10px); height: 48px; line-height: 48px; text-align: center; font-size: 15px; border: 1px solid #dfdfdf; margin-right: 10px; margin-bottom: 14px;}
.linkButton:nth-child(2n) {margin-right: 0;}
.linkButton:first-child {background-color: #FC6947; color: #fff; border: 1px solid #FC6947;}
.linkButton:nth-child(2) {background-color: #009ea1; color: #fff; border: 1px solid #009ea1;}
.linkButton:nth-child(5), .linkButton:nth-child(6) {background-color: #1969C2; color: #fff; border: 1px solid #1969C2;}

/* 가치와 지향 */
#value_main{padding-top:74px; word-break: keep-all; letter-spacing: -.5px;}
#value_main .section .inner{padding:50px 0;}
#value_main .section .cont_area{margin-top:40px;}
#value_main .section .cont_area .bg_wrap{height:240px; font-size:0; text-align:center; position:relative;}
#value_main .section .cont_area .bg_wrap .size{position:relative; z-index: 15;}
#value_main .section.last_section .inner{padding-bottom:125px;}
#value_main .section .tit_area p{font-size:2.2rem; font-weight:700; color:#0e0e0e;}
#value_main .section .tit_area p.rd{color:#a91054; margin-bottom: 5px;}
#value_main .section .tit_area .img_txt:first-child{margin-top:0;}
#value_main .section .tit_area .img_txt > p{display: inline-block; line-height:1.035;}
#value_main .section .cont_area .cont_box:first-child{margin-top:0;}
#value_main .section .cont_area .cont_box{margin-top:35px;}
#value_main .section .cont_area .cont_box > p{font-size:1.8rem; font-weight:400; color:#333; line-height:1.5;}
#value_main .section .cont_area .cont_box > p > b.rd{color:#a91054;}

#value_main .section1 .inner{padding:0;}
#value_main .section1 .cont_area{margin-top:0;}
#value_main .section1 .cont_area .bg_wrap:before{display:block; content:''; clear:both; width:100%; height:inherit; background-image:url('/coopmall/icoop/icoop_story/images/value_visual2.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index: 10;}

#value_main .section2 .inner{padding:45px 0 30px;}
#value_main .section3 .inner{padding:0;}

#value_main .btn_wrap .url_btn{display: block; border-top:3px solid #a91054; border-bottom:3px solid #a91054; margin: 0 auto 34px; box-sizing:border-box; position:relative; padding:23px 15px 38px; width: 280px; height: 112px;}
#value_main .btn_wrap .url_btn:hover > p{color:#a91054;}
#value_main .btn_wrap .url_btn > p{font-size:18px; color:#333; line-height:1.3; position:relative; font-weight:400;}
#value_main .btn_wrap .url_btn > p > img{position:absolute; bottom:-24px; right:0;}
#value_main .btn_wrap .url_btn > p > img.anim{animation:arr_move 1s infinite ease-out normal;}

/* 식품기준 */
#std_main {padding-top: 74px;}
#std_main .section .inner{padding:50px 0;}
#std_main .section .cont_area{margin-top:40px;}
#std_main .section .cont_area .bg_wrap{height:268px; font-size:0; text-align:center; position:relative;}
#std_main .section .cont_area .bg_wrap .size{position:relative; z-index: 15;}
#std_main .section.last_section .inner{padding-bottom:135px;}
#std_main .section .tit_area p{line-height:1; font-size:3.2rem; font-weight:700; color:#333;}
#std_main .section .tit_area p.txt_rd{color:#a91054;}
#std_main .section .tit_area .img_txt:first-child{margin-top:0;}
#std_main .section .tit_area .img_txt > p{line-height:1.035;}
#std_main .section .cont_area .cont_box:first-child{margin-top:0;}
#std_main .section .cont_area .cont_box{margin-top:35px;}
#std_main .section .cont_area .cont_box > p{text-align:center; font-size:2rem; font-weight:400; color:#252525; line-height:1.5;}
#std_main .section .cont_area .cont_box > p > b.txt_rd{color:#a91054;}

#std_main .txt_area > .bg_txt > p{line-height:1.4; font-size:2rem; color:#333;}
#std_main .txt_area > .sm_txt > p{line-height:1.4; font-size:1.8rem; color:#252525;}

#std_main .pop_list > ul{display: flex; flex-wrap: wrap; width:calc(100% + 15px); width:-webkit-calc(100% + 15px); width:-moz-calc(100% + 15px); margin-left:-15px; margin-top:-55px;}
#std_main .pop_list > ul > li{ width:calc(33% - 15px); width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); margin-left:15px; margin-top:40px;}
#std_main .pop_list > ul > li > a{border:3px solid #a91054; border-left:none; border-right:none; height: 64px; padding:24px 0 18px; text-align: center;}
#std_main .pop_list > ul > li > a > p{line-height:1.2; font-size:1.8rem;}

#std_main .section1 .inner{padding:0;}
#std_main .section1 .cont_area{margin-top:0;}
#std_main .section1 .cont_area .bg_wrap:before{display:block; content:''; clear:both; width:100%; height:inherit; background-image:url('/mobile/img/standard_visual.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index: 10;}
#std_main .section1 .cont_area .txt_box > p{line-height:1; font-size:2.4rem; font-weight:700; color:#fff; text-shadow: 0px 0px 10px rgba(58, 58, 58, 0.63);}
#std_main .section1 .cont_area .txt_box .nd_img{margin-left:8px; margin-right:1px;}

#std_main .section2 .inner{padding:45px 0 25px;}
#std_main .section3 .inner{padding:25px 0 25px;}

/* 커뮤니티 */
#community_main #galleryContainer.contList .contItem {border: 0;}
#community_main .contList .contItem {border-bottom: 1px solid #d6d6d6; margin-bottom: 0; padding: 15px 14px; box-sizing: border-box; width: 100%;}
#community_main .contList .contItem.notice {background-color: #f7f7f7; padding: 8px 14px;}
#community_main .contList .contItem:first-child {border-top: 1px solid #d6d6d6;}
#community_main .contList .contItem .badge {display: inline-block; background-color: #333; border-radius: 4px; text-align: center; padding: 0 10px; color: #fff; margin-right: 10px;}
#community_main .contList .contItem .best .badge {background-color: #a01749;}
#community_main .contList .contItem .cate {margin-right: 15px; color: #a01749; white-space: nowrap;}
#community_main .contList .contItem .cate.green {color: #005b43;}
#community_main .contList .contItem .cate.orange {color: #e66914;}
#community_main .contList .contItem .cate.blue {color: #266196;}
#community_main .contList .contItem .refBox {color: #787878; letter-spacing: -0.8px; margin-top: 2px;}
#community_main .contList .contItem .refBox span {position: relative; padding-right: 4px; font-size: 11px;}
#community_main .contList .contItem .refBox span.date {display: inline-block; width: 55px; white-space: nowrap;}
#community_main .contList .contItem .refBox span::after {display: inline-block; content: ''; height: 10px; width: 1px; background-color: #d6d6d6;position: absolute; top: 4px; right: 0;}
#community_main .contList .contItem .refBox span:last-child::after {content: none;}
#community_main .community-search select {padding: 4px; height: 36px; line-height: 36px; border-radius: 80px; background-color: #f7f7f7; border: 0;}
#community_main .community-search .search-wrap {position: relative;}
#community_main .community-search input {width: 180px;height: 36px; line-height: 36px; border-radius: 80px; background-color: #f7f7f7;border: 0; padding: 10px 45px 10px 10px;}
#community_main #searchIcon {position: absolute; right: 20px; top: 6px;}
#community_main #loadMore {width: 100%; background-color: #a01749; margin-top: 40px; padding: 12px 0; color: #fff; font-weight: 600;}
#community_main #writeButton {background-color: #EFEFEF; padding: 12px 11px 14px 15px;box-shadow: 2px 3px 2px 0px #0000001F; border-radius: 50%; position: fixed; bottom: 40px; right: 20px; z-index: 50;}

/* 상품상세페이지 */
.wrap_bg {display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 88;}
.bottom_wrap {position:fixed; bottom:0; left:0; right:0; display:flex; justify-content:center; z-index:90; width:100%; padding:8px 10px; border-top:1px solid #f2f2f2; background-color:#fff; box-sizing:border-box}
.wish_btn {position: relative; flex:none; width:44px; height:44px; line-height:44px; margin-right: 10px; border:1px solid #e0e0e0; border-radius:3px; box-sizing:border-box;}
.add_cart_btn {background-color:#FF4C65; color:#fff; text-align:center; font-weight:bold; font-size:2.2rem; width:100%; height:44px; line-height:44px; border-radius:3px;}
.buy_box {display: none; width: 100%; background-color: #fff; border-top:1px solid #f2f2f2; border-radius: 25px 25px 0 0; position: fixed; bottom: 61px; padding: 10px 20px; box-sizing: border-box; z-index: 90;}
.box_close {width: 40px; height: 6px; border-radius: 10px; background-color: #f2f2f2; position: absolute; top: 10px; left: 50%; text-indent: -9999px; transform: translateX(-50%);}
.goods_name {font-size:15px; margin-top: 20px; padding-bottom: 5px;}
.goods_num {position: relative; display: inline-block; width: auto; height: 32px; }
#gc_amount {display: block; width: 96px; height: 32px; line-height: 30px; padding: 0 30px; border: 1px solid #e0e0e0; border-radius: 3px; color: #333; text-align: center; background-color: #fff; box-sizing: border-box;}
.btn_minus {width: 32px; height: 32px; position: absolute; top: 0; left: 0; }
.btn_minus:before {content: '\002D'; color: #333; font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.btn_plus {width: 32px; height: 32px; position: absolute; top: 0; right: 0; }
.btn_plus:before {content: '\002B'; color: #333; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.total_price {color: #333; font-size: 18px; font-weight: 600;}
.total_price #currentPrice {color: #ff4c65; font-size: 20px;}
.add_subscribe_btn { border: 1px solid #ccc; text-align:center; font-weight:bold; font-size:2.2rem; color: #494949; width:100%; height:44px; line-height:44px; margin-right: 10px; border-radius:3px; box-sizing: border-box;}