@charset="utf-8";


/* 메인 */
#contents > article {overflow: hidden;}

/* 즐겨찾기 채널 */
#contents .book_mark .mark_chanel {
	position: relative;
	box-sizing: border-box;
	padding: 16px 0px 16px 16px;
	background-color: #f3f3f3;
}
#contents .book_mark h2 {
	font-size: 14px;
	padding-bottom: 12px;
}
#contents .book_mark .setting {
	position: absolute;
	top: 18px;
	right: 12px;
	font-size: 14px;
	font-weight: bold;
}
#contents .book_mark .book_mark_box li {
	float: left;
	width: 100px;
}
#contents .book_mark .book_mark_box li .book_mark_btn_list {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #ffffff;
}
#contents .book_mark .book_mark_box li .book_mark_btn_list img {
	display: block;
	width: 24px;
}
#contents .book_mark .book_mark_box li .book_mark_btn_list p:first-child {
	position: absolute;
	top: 13px;
	left: 16px;
}
#contents .book_mark .book_mark_box li .book_mark_btn_list p:last-child {
	position: absolute;
    top: 11px;
    left: 45px;
    font-size: 18px;
    font-weight: bold;
}

/*  최신 매장정보  */
#contents .new_shop .shop_info {
	box-sizing: border-box;
	padding: 16px 16px 0px 16px;
}
#contents .new_shop .bot_line {
	width: 100%;
	height: 11px;
	background-color: #eeeeee;
}
#contents .new_shop h2 {
	font-size: 14px;
	padding-bottom: 12px;
}
#contents .new_shop .shop_list {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#contents .new_shop .shop_list > li {
	float: left;
	width: 30%;
	margin-left: 4.8%;
	margin-bottom: 4px;
}
#contents .new_shop .shop_list > li:first-child {
	margin-left: 0;
}
#contents .new_shop .shop_list > li:nth-child(3n+1) {
	margin-left: 0;
}
#contents .new_shop .shop_list > li > a {
	display: block;
}
#contents .new_shop .shop_list > li  img {
	display: block;
    width: 100%;
    height: 90px;
    border-radius: 5px;
    border: 1px solid #ececec;
}
#contents .new_shop .shop_list > li .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#contents .new_shop .shop_list .shop_boxing .chanel_info {
	position: relative;
	width: 100%;
	/* background: url("/assets/images/ico/shadow.png") no-repeat;
	background-size: 100%;
	background-position: bottom; */
}
#contents .new_shop .shop_list .shop_boxing .chanel_info .store_baner_bot {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 101%;
	height: 22px;
	background-color: #4c4c4c;
	border-radius: 0 0 5px 5px;
	opacity: 0.7;
}
#contents .new_shop .shop_list .shop_boxing .chanel_info .chanel_posit {
	position: absolute;
	bottom: 2px;
	right: 4%;
	width: 102px;
	border-radius: 4px;
	z-index: 9990;
}
#contents .new_shop .shop_list .shop_boxing .chanel_info .chanel_posit span {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	width: 100%;
	font-size: 13px;
	color: #ffffff;
	text-align: right;
}
#contents .new_shop .shop_list .shop_boxing .shop_tex {
	height: 60px;
}
#contents .new_shop .shop_list .shop_boxing .shop_tex > strong {
	overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 12px;
	padding-right: 6px;
	padding-top: 4px;
}
#contents .new_shop .shop_list .shop_boxing .shop_tex > span {
	overflow: hidden;
    display: -webkit-box;
    font-size: 11px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
	line-height: 15px;
}
#contents .new_shop .shop_info .more {
    display: block;
    width: 100%;
	margin: 0 auto;
    padding: 4px 0px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #f3f2f2;
    border-radius: 4px;
    background-color: #fafaff;
}


/* 인기매장정보 */
#contents .popular_shop .popular_shop_info {
	box-sizing: border-box;
	padding: 16px 16px 0px 16px;
}
#contents .popular_shop .bot_line {
	width: 100%;
	height: 11px;
	background-color: #eeeeee;
}
.popular_shop_list {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.popular_shop_list  .list_size {
	height: 100%;
	padding-top: 6px;
}
.popular_shop_list > li {
	border: none;
	border-top: 1px solid #ececec;
	border-radius: 0px;
	padding: 10px 0;
}
.popular_shop_list > li > a {
    overflow: hidden;
	display: block;
    position: relative;
    height: 105px;
}
.popular_shop_list > li > a .popular_shop_boxing {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.popular_shop_list > li > a .popular_shop_boxing .pop_bot_baner {
	position: absolute;
    bottom: -2px;
    left: 0px;
    width: 101%;
    height: 22px;
    background-color: #4c4c4c;
    border-radius: 0 0 5px 5px;
    opacity: 0.7;
}
.popular_shop_list > li > a .popular_shop_boxing > .popular_img {
	display: block;
	position: absolute;
	top: 0px;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 0px;
	border-right: 0px;
}
.popular_shop_list > li > a .popular_shop_boxing > .popular_img .shdow_baner {
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 101%;
	height: 22px;
	background-color: #4c4c4c;
	border-radius: 0 0 5px 5px;
	opacity: 0.7;
}
.popular_shop_list > li > a .popular_shop_boxing > .popular_img > div {
	position: relative;
	width: 110px;
	height: 90px;
}
.popular_shop_list > li > a .popular_shop_boxing > .popular_img .bak_img {
	display: block;
	border-radius: 0px;
	width: 110px;
	height: 90px;
	border-radius: 5px;
	border: 1px solid #ececec;
}
.popular_shop_list > li > a .popular_shop_boxing > .popular_img .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 90px;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex {
		position: relative;
	    padding-left: 135px;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex strong {
	color: #f5a623;
	overflow: hidden;
	display: -webkit-box;
	font-size: 14px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
}
.popular_shop_list > li:nth-child(2n+1) > a .popular_shop_boxing .popular_shop_tex strong  {
	color: #4383ff;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex p {
	overflow: hidden;
    display: -webkit-box;
	padding: 0px 6px 0px 0px;
	margin: 10px 0 10px 0;
    font-size: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend {
	position: absolute;
    bottom: 0px;
    box-sizing: border-box;
    /* width: 100%; */
    /* border-top: 1px solid #ececec; */
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend ul {
	overflow: hidden;
	display: table;
	width: 100%;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend ul > li {
	display: table-cell;
	width: 54%;
	padding: 5px 0px;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend ul > .ty_way {
	width: 26%;
	color: #f5a623;
	font-weight: bold;
}
.popular_shop_list > li:nth-child(2n+1) > a .popular_shop_boxing .popular_shop_tex .day_recommend ul > .ty_way {color: #4383ff;}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend ul > li:last-child {
	width: 20%;
	padding-left: 30px;
	border-left: 1px solid #ececec;
	background: url("/assets/images/ico/ico_like_comment.png") no-repeat;
	background-size: 24px;
	background-position: 4px 3px;
}
.popular_shop_list > li > a .popular_shop_boxing .popular_shop_tex .day_recommend ul > li:last-child {border-left: none;}
.popular_shop_list > li > a .popular_shop_boxing .chanel_info {
	position: absolute;
	bottom: 8px;
	left: 15px;
	width: 96px;
	z-index: 1000;
	text-align: center;
}
.popular_shop_list > li > a .popular_shop_boxing .chanel_info span {
    display: -webkit-box;
    font-size: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
	width: 100%;
	font-size: 13px;
    color: #ffffff;
    text-align: right;
}
.popular_shop_list111 > li:last-child {
	border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}
.popular_shop h2 {
	font-size: 14px;
	padding-bottom: 12px;
}
.popular_shop .more {
	display: block;
    width: 100%;
	margin: 0 auto;
    padding: 4px 0px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #f3f2f2;
    border-radius: 4px;
    background-color: #fafaff;
}
.ico_ch_css {
	height: 0;
	border-bottom: 38px solid transparent;
	border-left: 38px solid #ff0000;
	border-radius: 0 0 0 0px;
}
.ico_ch_css span {
	position: absolute;
display: block;
top: 2px;
left: 2px;
transform: rotate(-45deg);
font-size: 12px;
color: #ffffff;
}
.bookmark_list .ico_ch_tex {
	position: absolute;
top: 12px;
left: 50%;
width: 50px;
margin-left: -25px;
}
.bookmark_list .ico_ch_tex p {
text-align: center;
font-size: 14px;
font-weight: bold;
}

/* 매장채널 */

#contents .match_chanel ul {
	overflow: hidden;
	position: relative;
}
#contents .match_chanel ul li img {
	display: block;
	width: 100%;
}
#contents .match_chanel ul li {
	position: relative;
	padding-bottom: 11px;
}
#contents .match_chanel ul li:last-child{padding-bottom: 0px;}
#contents .match_chanel ul li > a {
	position: relative;
	display: block;
}
#contents .match_chanel ul li .match_info {
	position: absolute;
    top: 0px;
    left: 66%;
    width: 34%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6
}
#contents .match_chanel ul li .match_info .chanel {
	position: absolute;
    top: 47%;
    left: 8%;
    color: #ffffff;
    font-size: 16px;
}
#contents .match_chanel ul li .match_info .shop {
	position: absolute;
    top: 65%;
    left: 6%;
    color: #ffffff;
    font-size: 16px;
}
#contents .match_chanel ul li .match_info .benefit {
	position: absolute;
    top: 79%;
    left: 7%;
    color: #ffffff;
    font-size: 14px;
}
#contents .match_chanel .star {
	 position: absolute;
    top: 4%;
    width: 24px;
    height: 24px;
    right: 3%;
    background: url(/assets/images/ico/ico_starC.png) no-repeat;
    z-index: 100;
    background-size: 24px;
}
#contents .match_chanel .chanel_show_seting {
	width: 100%;
	background: url(/assets/images/ico/headerLine.jpg) no-repeat;
	background-position: top;
	background-size: 100% 1px;
}
#contents .match_chanel .chanel_show_seting > div {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 14px 30px;
}
#contents .match_chanel .chanel_show_seting > div .list {
	position: relative;
	display: table-cell;
	width: 50%;
	font-weight: bold;
}
#contents .match_chanel .chanel_show_seting > div .list > p {
	position: absolute;
	right: 0px;
	top: -2px;
	padding: 2px 10px;
	vertical-align: middle;
	border-radius: 8px;
	background-color: #5256f5;
}
#contents .match_chanel .chanel_show_seting > div .list > p > a > span {
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
}
/* 리스트 컨텐츠 레이아웃  */
.mat_list_content {
	overflow: hidden;
	box-sizing: border-box;
	padding: 14px 14px;
}
.mat_list_content.addTy01 {background-color: #ffffff;}
.mat_list_content .list_name {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.mat_list_content .list_name  > h1 {
	font-size: 16px;
}
.mat_list_content .benefit {
	font-size: 14px;
}
.mat_list_content .list_name .star {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 24px;
	height: 24px;
	background: url(/assets/images/ico/ico_starC.png) no-repeat;
	background-size: 24px;
}
.mat_list_content .list_name .star.on {
	background: url(/assets/images/ico/ico_starO.png) no-repeat;
	background-size: 24px;
}
.mat_view_contents .utill_boxing {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mat_view_contents .utill_boxing ul {
	display: table;
	width: 100%;
}
.mat_view_contents .utill_boxing ul li {
	position: relative;
	display: table-cell;
	width: 25%;
}
.mat_view_contents .utill_boxing ul li img {
	display: block;
	width: 66px;
	margin: 0 auto;
}
.mat_view_contents .utill_boxing ul .like span {
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #9E9E9E;
	font-weight: bold;
}
@media all and (min-width: 320px) and (max-width: 360px) {
	.mat_view_contents .utill_boxing ul li img {
		width: 56px;
	}
}
/* 비디오 리스트 영역 */
.video_list_box {
	overflow: hidden;
	width: 100%;
}
.video_list_box .video img{
	display: block;
	width: 100%;
}
.video_list_box .utill_box {
	display: table;
	width: 100%;
	margin: 20px 0;
}
.video_list_box .utill_box div:first-child {
	display: table-cell;
	width: 70%;
	text-align: left;
}
.video_list_box .utill_box div:first-child ul {overflow: hidden;}
.video_list_box .utill_box div:first-child ul li {
	font-size: 12px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #ececec;
    margin: 0 2px;
}
.video_list_box .utill_box div:first-child ul li a {
	display: block;
	padding: 0 10px;
}
.video_list_box .utill_box div:first-child ul li.active a {
	display: block;
	padding: 0 10px;
	color: #fff;
    font-weight: bold;
}
.video_list_box .utill_box div:first-child ul li.active {
	border: 1px solid #ececec;
	margin: 0 2px;
	display: inline-block;
	line-height: 30px;
	background: #3874d0;
}
.video_list_box .utill_box div:last-child {
	display: table-cell;
	width: 30%;
	text-align: right;
}
.video_list_box .utill_box div:last-child > span {
	display: inline-block;
	background-color: #3874d0;
	border-radius: 4px;
}
.video_list_box .utill_box div:last-child > span > a {
	display: block;
	padding: 4px 12px;
	color: #ffffff;
}

/* 즉석,쇼핑 참여하기*/
.lotto_apply_bx {
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 10px 0;
}
.lotto_apply_bx .bx_btn {
	overflow: hidden;
	width: 100%;
}
.lotto_apply_bx .bx_btn ul {
	display: table;
	width: 100%;
}
.lotto_apply_bx .bx_btn ul li:first-child {
	display: table-cell;
	padding-right: 2%;
}
.lotto_apply_bx .bx_btn ul li:first-child div {
	position: relative;
	padding: 8px 0;
	border-radius: 6px;
	background-color: #37dde8;
	color: #fff;
	padding-left: 50px;
	font-size: 14px;
}
.lotto_apply_bx .bx_btn ul li:first-child div > span {
	color: #fff;
	font-size: 14px;
}
.lotto_apply_bx .bx_btn ul li:first-child div .le_img {
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	top: 4px;
	left: 4px;
	padding: 1px 1px;
	border-radius: 6px;
	background-color: #fff;
}
.lotto_apply_bx .bx_btn ul li:first-child div .le_img  img {
	display: block;
	width: 100%;
}
.lotto_apply_bx .bx_btn ul li:first-child div .ri_img {
	position: absolute;
	display: block;
	width: 26px;
	top: 4px;
	right: 4px;
	padding: 1px 1px;
	border-radius: 6px;
}
.lotto_apply_bx .bx_btn ul li:first-child div .ri_img  img {
	display: block;
	width: 100%;
}
.lotto_apply_bx .bx_btn ul li:last-child {
	display: table-cell;
	width: 10%;
}
.lotto_apply_bx .bx_btn ul li:last-child div {
	padding: 8px 0;
	border-radius: 6px;
	text-align: center;
	background: #37dde8 url(/assets/images/common/detail_page_question.png) no-repeat;
	background-size: 24px;
	background-position: center;
	color: transparent;
}
.lotto_apply_bx .bx_btn.adT01 ul li:first-child div {background-color: #488ef8;}
.lotto_apply_bx .bx_btn.adT01 ul li:last-child div {background-color: #488ef8;}


/* 리스트화면 하단 고정배너 */
.fix_baner_list {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	z-index: 1000;
}
.fix_baner_list img {
	display: block;
	width: 100%;
	height: 60px;
}
.fix_baner_list .baner2 {
	display: table;
	width: 100%;
}
.fix_baner_list .baner2 div {
	display: table-cell;
	width: 50%;
}

/* 링크찬스 */
.conts_boxing .link_chance {overflow: hidden;}
.conts_boxing .link_chance .link_ico {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	padding-bottom: 10px;
	padding-left: 24px;
	background: url(/assets/images/common/detail_page_link.png) no-repeat;
	background-size: 20px;
}

/*  matching_View 상세화면  */
/* 매칭상세보기 지도 화면 */
.conts_boxing .map_add {
	border: 3px solid #EEEEEE;
    border-radius: 6px;
}
.mat_view_contents .map_add .address {
	position: relative;
	padding: 10px 0 10px 50px;
}
.mat_view_contents .map_add .address p {
	overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	padding-bottom: 4px;
    font-size: 13px;
	color: #9E9E9E;
}
.mat_view_contents .map_add .address strong {
	position: absolute;
	top: 13px;
	left: 10px;
	font-size: 16px;
	vertical-align: middle;
	color: #6D6D6D;
}
.mat_view_contents .map_add .map_api img {
	display: block;
	width: 100%;
}
.mat_view_contents .link_chance h2 {
	font-size: 16px;
	padding: 14px 0;
}
.mat_view_contents .link_chance .link_list {
	overflow: hidden;
	width: 100%;
}
.mat_view_contents .link_chance .link_list li {
	position: relative;
	float: left;
    width: 33%;
	height: 90px;
    margin-left: 0.5%;
    margin-bottom: 2px;
}
.mat_view_contents .link_chance .link_list li .tex {
	overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	text-align: center;
	color: #ffffff;
	word-break: break-all;
	z-index: 100;
}
.mat_view_contents .link_chance .link_list li .back_dimd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}
.mat_view_contents .link_chance .link_list li:nth-child(3n+1){margin-left: 0px;}
.mat_view_contents .link_chance .link_list li img {
	display: block;
	width: 100%;
	height: 90px;
}
.mat_view_contents .relay_evt h2{
	font-size: 16px;
	padding: 14px 0;
}
.mat_view_contents .relay_evt_list {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.mat_view_contents .relay_evt_list > li {
	float: left;
	width: 33%;
	margin-bottom: 16px;
}
/* .mat_view_contents .relay_evt_list > li:first-child {
	margin-left: 0;
}
.mat_view_contents .relay_evt_list > li:nth-child(4n+1) {
	margin-left: 0;
} */
.mat_view_contents .relay_evt_list > li > a {
	display: block;
}
.mat_view_contents .relay_evt_list > li  img {
	display: block;
	width: 100%;
}
.mat_view_contents .relay_evt_list .shop_boxing {
	overflow: hidden;
}
.mat_view_contents .relay_evt_list .shop_boxing .chanel_info {
	position: relative;
	width: 100%;
	background: url(/assets/images/ico/shadow.png) no-repeat;
	background-size: 100%;
	background-position: bottom;
}
.mat_view_contents .relay_evt_list .shop_boxing .chanel_info .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.mat_view_contents .relay_evt_list .shop_boxing .chanel_info .chanel_posit {
	position: absolute;
	bottom: 6%;
	right: 4%;
	width: 60px;
	border-radius: 4px;
	z-index: 9999;
}
.mat_view_contents .relay_evt_list .shop_boxing .chanel_info .chanel_posit span{
	display: block;
	text-align: center;
	font-size: 13px;
	color: #fff;
	word-spacing: 1px;
}
.mat_view_contents .relay_evt_list .shop_boxing .shop_tex {
	text-align: left;
	padding-left: 6px;
}
.mat_view_contents .relay_evt_list .shop_boxing .shop_tex > strong {
	overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    padding-right: 6px;
    padding-top: 4px;
}
.mat_view_contents .relay_evt_list .shop_boxing .shop_tex > span {
	overflow: hidden;
    display: -webkit-box;
    padding: 0px 0px 6px 0px;
    font-size: 11px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.mat_view_contents .mat_evt_join {
	width: 100%;
}
.mat_view_contents .mat_evt_join .join_box {
	box-sizing: border-box;
	padding: 0px 20px;
	width: 100%;
}
.mat_view_contents .mat_evt_join .join_box > div {
	width: 100%;
}
.mat_view_contents .mat_evt_join .join_box > div img {
	display: block;
	width: 100%;
}
.mat_view_contents .mat_evt_join .evt_join p:first-child{
	padding-bottom: 1.5%;
}
.mat_view_contents .mat_alliance_public {
	width: 100%;
	background-color: #eeeeee;
}
.mat_view_contents .mat_alliance_public .alliance_baner {
	box-sizing: border-box;
	padding: 16px;
}
.mat_view_contents .mat_alliance_public .alliance_baner h2 {font-size: 16px;}
.mat_view_contents .mat_alliance_public .alliance_baner .baner_list {
	padding-top: 6px;
}
.mat_view_contents .mat_alliance_public .alliance_baner .baner_list ul {
	overflow: hidden;
}
.mat_view_contents .mat_alliance_public .alliance_baner .baner_list ul li {
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.mat_view_contents .mat_alliance_public .alliance_baner .baner_list ul li:nth-child(3n+1) {
	margin-left: 0%;
}
.mat_view_contents .mat_alliance_public .alliance_baner .baner_list ul li img {
	display: block;
	width: 100%;
}

/*  릴레이 이벤트 등록  */
.mat_relay_aply {
	box-sizing: border-box;
	padding: 12px 16px 18px 12px;
}
.mat_relay_aply > ul {
	overflow: hidden;
	width: 100%;
}
.mat_relay_aply > ul > li:first-child {
	width: 26%;
	padding-left: 0%;
}
.mat_relay_aply > ul > li {
	float: left;
	width: 32%;
	padding-left: 5%;
}
.mat_relay_aply > ul > li img {
	display: block;
	width: 100%;
}
.mat_view_contents .aply_btn {margin-top: 20px;}
.mat_view_contents .aply_btn  img{
	display: block;
	width: 100%;
}
.mat_relay_aply .on_off .on {
	display: none;
}
.relay_list_evt {position: relative;}
.relay_list_evt h2 {
	font-size: 16px;
	padding: 14px 0;
}
.relay_list_evt ul {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.relay_list_evt ul > li {
	border-top: 1px solid #ececec;
	padding-bottom: 8px;
}
.relay_list_evt ul > li:last-child {padding-bottom: 0px;}
.relay_list_evt ul > li > a {
	overflow: hidden;
	display: block;
	position: relative;
	height: 70px;
}
.relay_list_evt ul > li > a .relay_boxing {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.relay_list_evt ul > li > a .relay_boxing .chanel_info {
	position: absolute;
    bottom: 9px;
    left: 52px;
    width: 60px;
    z-index: 1000;
    text-align: center;
}
.relay_list_evt ul > li > a .relay_boxing .chanel_info span {
	font-size: 13px;
	color: #ffffff;
}
.relay_list_evt ul > li > a .relay_boxing .relay_img {
	display: block;
    position: absolute;
    top: 0px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 0px;
    border-right: 0px;
}
.relay_list_evt ul > li > a .relay_boxing .relay_img  > div {
	position: relative;
	width: 110px;
	height: 70px;
}
.relay_list_evt ul > li > a .relay_boxing .relay_img .shadow {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 70px;
}
.relay_list_evt ul > li > a .relay_boxing .relay_img .bak_img {
	display: block;
	border-radius: 0px;
	width: 110px;
	height: 70px;
}
.relay_list_evt ul > li > a .relay_boxing .relay_tex {
	position: relative;
	padding-left: 135px;
}
.relay_list_evt ul > li > a .relay_boxing .relay_tex .list_size {padding-top: 6px;}
.relay_list_evt ul > li > a .relay_boxing .relay_tex strong {
	color: #f5a623;
	overflow: hidden;
	display: -webkit-box;
	font-size: 14px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
}
.relay_list_evt ul > li:nth-child(2n+1) > a .relay_boxing .relay_tex strong {
	color: #4383ff;
}
.relay_list_evt ul > li > a .relay_boxing .relay_tex p {
	overflow: hidden;
    display: -webkit-box;
    padding-top: 4px;
    font-size: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.relay_list_evt .aply_btn {
	position: absolute;
    top: -4px;
    right: 0px;
    width: 80px;
    border-radius: 2px;
    background-color: #488ef8;
}
.relay_list_evt .aply_btn a {
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 2px 2px;
	color: #ffffff;
}

/* 릴레이 이벤트 레이어 */
.relay_apply_layer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	overflow-y: auto;
	border-radius: 8px;
	background-color: #ffffff;
	z-index: 2000;
}
.relay_apply_layer .dimd_new {
	text-align: right;
	padding: 5px 17px 5px 0;
	border-top: 1px solid #e8e8e8;
}
.relay_apply_layer .dimd_new input {
	width: 76px;
	padding: 2px 3px;
}

.relay_apply_layer .dimd_close {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
.relay_apply_layer .dimd_close:before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #6d6d6d;
	right: 21px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.relay_apply_layer .dimd_close:after {
	display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background: #6d6d6d;
    right: 21px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.relay_apply_layer h3 {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
}
.relay_apply_layer .relay_ul {
	overflow-y: scroll;
	height: 300px;
}
.relay_apply_layer .relay_ul li{
	overflow: hidden;
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 16px;
	vertical-align: middle;
	text-align: center;
	border-top : 1px solid #e8e8e8;
}
.relay_apply_layer .relay_ul li p:first-child {
	width: 9%;
	vertical-align: middle;
	background: url(/assets/images/ico/radio_bt_off.png) no-repeat;
	background-size: 20px;
	background-position: -2px 0px;
}
.relay_apply_layer .relay_ul li p:last-child{
	width: 71%;
	padding-left: 4px;
	text-align: left;
}
.relay_apply_layer .relay_ul li p:last-child > span {
	overflow: hidden;
	display: -webkit-box;
	font-size: 12px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
}
.relay_apply_layer .relay_ul li p:first-child.on {
	background: url(/assets/images/ico/radio_bt_on.png) no-repeat;
	background-size: 20px;
	background-position: -2px 0px;
}
.relay_apply_layer .relay_ul li p:first-child input {
	opacity: 0;
}
.relay_apply_layer .relay_ul li p {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}
.relay_apply_layer .relay_btn {
	overflow: hidden;
	display: table;
	width: 100%;
	padding-top : 20px;
	margin-bottom: 20px;
	border-top: 1px solid #e8e8e8;
	vertical-align: middle;
}
.relay_apply_layer .relay_btn div:first-child {
	margin-right: 10%;
}
.relay_apply_layer .relay_btn div {
	display: table-cell;
	width: 40%;
	padding: 0 16px;
	text-align: center;
	vertical-align: middle;
}
.relay_apply_layer .relay_btn .new p {
	padding: 4px 0;
	background-color: #4383ff;
	border-radius: 8px;
}
.relay_apply_layer .relay_btn .new p > a {
	display: block;
	color: #ffffff;
}
.relay_apply_layer .relay_btn .pass p {
	padding: 4px 0;
	border-radius: 8px;
	background-color: #ffad58;
}
.relay_apply_layer .relay_btn .pass p button {
	width: 100%;
	border: none;
	color: #ffffff;
	background-color: #ffad58;
}


.relay_apply_layer01 {
	display: none;
	width: 100%;
	overflow-y: auto;
	border-radius: 8px;
	background-color: #ffffff;
	z-index: 2000;
	margin: 20px 0;
	border: 1px solid #e8e8e8;
}
.relay_apply_layer01 .dimd_close {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
.relay_apply_layer01 .dimd_close:before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #6d6d6d;
	right: 21px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.relay_apply_layer01 .dimd_close:after {
	display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background: #6d6d6d;
    right: 21px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.relay_apply_layer01 h3 {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
}
.relay_apply_layer01 .relay_ul {
	overflow-y: scroll;
	height: 171px;
}
.relay_apply_layer01 .relay_ul li{
	overflow: hidden;
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 16px;
	vertical-align: middle;
	text-align: center;
	border-top : 1px solid #e8e8e8;
}
.relay_apply_layer01 .relay_ul li p:first-child {
	width: 9%;
	vertical-align: middle;
	background: url(/assets/images/ico/radio_bt_off.png) no-repeat;
	background-size: 20px;
	background-position: -2px 0px;
}
.relay_apply_layer01 .relay_ul li p:last-child{
	width: 71%;
	padding-left: 4px;
	text-align: left;
}
.relay_apply_layer01 .relay_ul li p:last-child > span {
	overflow: hidden;
	display: -webkit-box;
	font-size: 12px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
}
.relay_apply_layer01 .relay_ul li p:first-child.on {
	background: url(/assets/images/ico/radio_bt_on.png) no-repeat;
	background-size: 20px;
	background-position: -2px 0px;
}
.relay_apply_layer01 .relay_ul li p:first-child input {
	opacity: 0;
}
.relay_apply_layer01 .relay_ul li p {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}
.relay_apply_layer01 .relay_btn {
	overflow: hidden;
	display: table;
	width: 100%;
	padding-top : 16px;
	padding-bottom : 16px;
	border-top: 1px solid #e8e8e8;
	vertical-align: middle;
}
.relay_apply_layer01 .relay_btn div:first-child {
	margin-right: 10%;
}
.relay_apply_layer01 .relay_btn div {
	display: table-cell;
	width: 40%;
	padding: 0 16px;
	text-align: center;
	vertical-align: middle;
}
.relay_apply_layer01 .relay_btn .new p {
	padding: 4px 0;
	background-color: #4383ff;
	border-radius: 8px;
}
.relay_apply_layer01 .relay_btn .new p > a {
	display: block;
	color: #ffffff;
}
.relay_apply_layer01 .relay_btn .pass p {
	padding: 4px 0;
	border-radius: 8px;
	background-color: #ffad58;
}
.relay_apply_layer01 .relay_btn .pass p button {
	width: 100%;
	border: none;
	color: #ffffff;
	background-color: #ffad58;
	border-radius: 8px;
}

/* 매칭정보등록  지도정보 */
.map_add_wrap {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
	z-index: 1000;
}
.map_add_wrap .container {
	width:100%;
	height:100%;
	overflow:hidden;
	position: relative;
	margin:auto;
}
.selector {font-weight: bold;}
.hovering {
	background: url(img/selector.png);
	opacity: 0.5;
}
.map_add_wrap .container .TabMenu {
	display: table;
	width: 100%;
	z-index: 10;
	background-color: #5256f5;
}
.map_add_wrap .container .TabMenu .tab_l {
	display: table-cell;
	width: 50%;
	padding: 14px 0;
	color: #ffffff;
	text-align: center;
}
.map_add_wrap .container .TabMenu span {
	display:inline-block;
	height: 77px;
	margin: 0px;
	padding:0px;
}
.map_add_wrap .container .ContentFrame {
	overflow:hidden;
	position: relative;
	left: 0px;
	width: 100%;
	height:100%;
}
.map_add_wrap .container .ContentFrame .AllTabs {
	position: relative;
	left:0px;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.map_add_wrap .container .ContentFrame .AllTabs .TabContent {
	overflow:hidden;
	float:left;
	position: relative;
	width:100%;
	height: 100%;
	margin-right:20px;
}
.map_add_wrap .container .ContentFrame .bot_type01 {
	display: table;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: #5256f5;
}
.map_add_wrap .container .ContentFrame .bot_type01 p {
	display: table-cell;
	width: 50%;
	text-align: center;
	padding: 14px 0;
	color: #ffffff;
}
.map_add_wrap .SubTabMenu ul {
	overflow: hidden;
	display: table;
	width: 100%;
	padding: 8px 0;
	background-color: #a8aafa;
}
.map_add_wrap .SubTabMenu > ul > li {
	display: table-cell;
	width: 50%;
	color: #ffffff;
	text-align: center;
}
.map_add_wrap .SubTabMenu > ul .selector1 {font-weight: bold;}
.map_add_wrap .Sub_All_Tab {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 0px;
}
.map_add_wrap .Sub_All_Tab .sub_tab_contens {
	overflow: hidden;
	position: relative;
    left: 0px;
    width: 3000px;
    height: 100%;
}
.map_add_wrap .Sub_All_Tab .sub_tab_contens > div {
	position: relative;
    width: 100%;
    height: 100%;
    margin-right: 20px;
    text-align: justify;
    float: left;
    overflow: hidden;
}
.sub_tab_contens > div .fake_sel_layer {
	display: none;
	position: absolute;
	top: 67px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	border-radius: 6px;
	background-color: #ffffff;
}
.sub_tab_contens > div .fake_sel_layer > h2 {
	padding: 12px 10px 20px 10px;
	font-size: 18px;
	text-align: center;
}
.sub_tab_contens > div .fake_sel_layer > ul {
	overflow: hidden;
	width: 100%;
}
.sub_tab_contens > div .fake_sel_layer > ul li {
	border-top: 1px solid #d0d0d0;
	padding: 10px 0;
}
.sub_tab_contens > div .fake_sel_layer > ul li > div {
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 20px;
}
.sub_tab_contens > div .fake_sel_layer > ul li > div > p:first-child {width: 20%;}
.sub_tab_contens > div .fake_sel_layer > ul li > div > p {
	float: left;
	width: 80%;
}
.ContentFrame .i_sty {
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	border-radius: 4px;
	color: #6d6d6d;
}
.ContentFrame .i_sty.bot {
	margin-bottom: 10px;
}
.ContentFrame .input01 {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 0 14px 0 14px;
	margin-top: 22px;
}
.ContentFrame .input01 > p {
	display: table-cell;
	width: 80%;
	padding-right: 2%;
}
.ContentFrame .input01 > p:last-child {
	width: 18%;
	padding-right: 0px;
	background-color: #5256f5;
	border-radius: 6px;
	text-align: center;
}
.ContentFrame .input01 > p:last-child > span {
	display: block;
	color: #ffffff;
}
.ContentFrame .input02 {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 14px 0 14px;
}
.ContentFrame .input02 > h2 {
	font-size: 16px;
	padding-bottom: 10px;
}

/* 매칭 결제폼  */
.matching_pay_box {
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
}
.matching_pay_box .pay_step_box {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
}
.matching_pay_box .pay_step_box .box_basic {
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-radius: 2px;
}
.matching_pay_box .pay_result_box {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
}
.matching_pay_box .pay_result_box .box_basic {
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-radius: 2px;
}
.matching_pay_box .pay_result_box .box_basic h2 {
	font-size: 16px;
	padding-bottom: 10px;
}
.matching_pay_box .pay_result_list li {
	display: table;
	width: 100%;
	padding: 8px 0;
}
.matching_pay_box .pay_result_list .total {
	padding: 8px 0 4px 0;
	border-bottom: 2px solid #eeeeee;
}
.matching_pay_box .pay_result_list .total div:last-child {
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	color: #000;
}
.matching_pay_box .pay_result_list li div:first-child {
	width: 30%;
	font-size: 14px;
	font-weight: bold;
	color: #9E9E9E;
}
.matching_pay_box .pay_result_list li div {
	display: table-cell;
	width: 70%;
	font-size: 13px;
	color: #9E9E9E;
}

.matching_pay_box .pay_step_box .box_basic .pay_day {
	display: table;
	width: 100%;
	padding: 6px 0;
}
.matching_pay_box .pay_step_box .box_basic .pay_day div:first-child {
	width: 12%;
	background: url("/assets/images/ico/radio_bt_off.png") no-repeat;
	background-size: 24px;
}
.matching_pay_box .pay_step_box .box_basic .pay_day div:first-child.on_radio {
	background: url("/assets/images/ico/radio_bt_on.png") no-repeat;
	background-size: 24px;
}
.matching_pay_box .pay_step_box .box_basic .pay_day div:first-child input {
	opacity: 0;
}
.matching_pay_box .pay_step_box .box_basic .pay_day div {
	display: table-cell;
	width: 22%;
}
.matching_pay_box .pay_step_box .box_basic .pay_day div:last-child {
	width: 68%;
	font-weight: bold;
	text-align: right;
}
.matching_pay_box .pay_step_box .box_basic .paySty01 .pay_day div {width: 40%;}
.matching_pay_box .pay_step_box .box_basic .paySty01 .pay_day div:first-child {width: 12%;}
.matching_pay_box .pay_step_box .step02 dl {margin-top: 12px;}
.matching_pay_box .pay_step_box .step02 dt {
	font-size: 11px;
}
.matching_pay_box .pay_step_box .step02 dd {
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
.matching_pay_box .pay_step_box .step02 dd:last-child {margin-bottom: 0px;}
.matching_pay_box .pay_step_box .step02 dd input {padding-bottom: 4px;}
.matching_pay_box .pay_step_box .step03 .pay_total {
	overflow: hidden;
	display: table;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 16px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ececec;
}
.matching_pay_box .pay_step_box .step03 .pay_total li {
	display: table-cell;
	width: 50%;
}
.matching_pay_box .pay_step_box .step03 .pay_total li:first-child {
	font-size: 11px;
}
.matching_pay_box .pay_step_box .step03 .pay_total li:last-child {
	font-weight: bold;
	font-size: 13px;
	text-align: right;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li {
	display: table;
	float: left;
	width: 50%;
	padding: 6px 0;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div {
	display: table-cell;
	width: 50%;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div:first-child {
	width: 20%;
	background: url("/assets/images/ico/radio_bt_off.png") no-repeat;
	background-size: 24px;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div:first-child.on_radio {
	width: 20%;
	background: url("/assets/images/ico/radio_bt_on.png") no-repeat;
	background-size: 24px;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div:first-child input {
	opacity: 0;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div:last-child {
	width: 80%;
}
.matching_pay_box .pay_step_box .step03 .pay_play_info li div:last-child label {vertical-align: middle;}
.matching_pay_box .pay_step_box .step03 .account_box {
	box-sizing: border-box;
	padding: 10px 0px;
}
.matching_pay_box .pay_step_box .step03 .account_box .pay_play01 {
	display: block;
	color: #a2a2a2;
}
.matching_pay_box .pay_step_box .step03 .account_box .pay_play02 {
	display: none;
	color: #a2a2a2;
}

/* 공유하기 */
.dimd_boxing_share {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	width: 200px;
	border-radius: 8px;
	background-color: #ffffff;
	z-index: 1000;
}
.dimd_boxing_share .dimd_close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
.dimd_boxing_share .dimd_close:before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #6d6d6d;
	right: 21px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.dimd_boxing_share .dimd_close:after {
	display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background: #6d6d6d;
    right: 21px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dimd_boxing_share h3 {
	padding: 8px 0;
	text-align: center;
	font-size: 18px;
}
.dimd_boxing_share ul li {
	position: relative;
    padding: 8px 0;
    text-align: left;
    padding-left: 54px;
    border-top: 1px solid #eaeef0;
}
.dimd_boxing_share ul li .ico_share {
	position: absolute;
	top: 9px;
	left: 18px;
}
.dimd_boxing_share ul li .ico_share img {
	display: block;
	width: 20px;
}
.dimd_boxing_share ul li .ico_tex {
	font-size: 16px;
	color: #0076ff;
	vertical-align: middle;
}
/* 전화걸기 */
.dimd_boxing_phon {
	display: none;
	position: fixed;
	width: 80%;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	border-radius: 8px;
	background-color: #ffffff;
	z-index: 2000;
}
.dimd_boxing_phon h3 {
	padding: 8px 0;
	text-align: center;
	font-size: 18px;
}
.dimd_boxing_phon ul li {
	position: relative;
	padding: 8px 8px 8px 56px;
	border-top: 1px solid #eaeef0;
	text-align: left;
}
.dimd_boxing_phon ul li a {
	overflow: auto;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	font-size: 16px;
	color: #0076ff;
}
.dimd_boxing_phon ul li span {
	position: absolute;
	display: block;
	top: 8px;
	left: 17px;
	font-size: 10px;
	background-color: orange;
	padding: 0px 5px;
	border-radius: 4px;
	color: #fff;
}
.dimd_boxing_phon .dimd_close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
.dimd_boxing_phon .dimd_close:before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #6d6d6d;
	right: 21px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.dimd_boxing_phon .dimd_close:after {
	display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background: #6d6d6d;
    right: 21px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*   앨범선택 */
.mat_album_content .album_box ul {
	overflow: hidden;
	width: 100%;
}
.mat_album_content .album_box ul li {
	position: relative;
	float: left;
	width: 49.5%;
	margin-bottom: 6px;
}
.mat_album_content .album_box ul li:nth-child(2n) {
	margin-left: 0.5%;
}
.mat_album_content .album_box ul li:nth-child(2n+1) {
	margin-right: 0.5%;
}
.mat_album_content .album_box ul li img {
	display: block;
	width: 100%;
}
.mat_album_content .album_box .view_tit {
	position: absolute;
	bottom: 13px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
.mat_album_content .album_box .dimd_layer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 45px;
	background-color: #000000;
	opacity: 0.1;
}

/* fix_baner 고정배너  */
.fix_baner {
	position: fixed;
	bottom: 16%;
	left: 6%;
	width: 76px;
	height: 50px;
	z-index: 2000;
}
.fix_baner  img {
	display: block;
	width: 100%;
}
.fix_input_box {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -140px;
	width: 280px;
	height: 210px;
	z-index: 2000;
	border-radius: 6px;
	background-color: #ffffff;
	border: 1px solid #028612;
}
.fix_input_box .box {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 20px;
}
.fix_input_box .box input {
	box-sizing: border-box;
    padding: 10px 0 10px 10px;
    border-radius: 4px;
    color: #6d6d6d;
	border: 1px solid #ff8383;
}
.fix_input_box .box .key_tex {
	padding-bottom: 10px;
	color: #6d6d6d;
	font-size: 13px;
}
.fix_input_box .box .btn_s {
	width: 240px;
    border-radius: 6px;
    margin: 0 auto;
	margin-top: 12px;
    background-color: #20d015;
}
.fix_input_box .box .btn_s button {
	display: block;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 0 8px 0;
    background-color: #20d015;
    border-radius: 16px;
    border: none;
}
.fix_input_box .box .btn_c {
	width: 240px;
    border-radius: 6px;
    margin: 0 auto;
	margin-top: 12px;
	margin-bottom: 12px;
    background-color: #4a5dd6;
	text-align: center;
}
.fix_input_box .box .btn_c span {
	display: block;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 0 8px 0;
    background-color: #4a5dd6;
    border-radius: 16px;
    border: none;
}

/* community 커뮤니티  */
#community .list_box {
	box-sizing: border-box;
	padding: 10px;
}
#community .list_box > div {
	margin-bottom: 10px;
}
#community .list_box > div img {
	display: block;
	width: 100%;
}
#community_list .community_tit {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
#community_list .community_tit .back_img {
	display: block;
	width: 100%;
}
#community_list .community_tit .write{
	position: absolute;
	right: 22px;
	bottom: 30px;
	color: #ffffff;
}
#community_list .community_tit .write span {
	display: block;
	padding: 2px 10px;
	background-color: #5256f5;
	border-radius: 4px;
	font-size: 11px;
}
#community_list .community_tit .write span a {color: #ffffff;}
#community_list .community_tit .search {
	position: absolute;
	box-sizing: border-box;
	bottom: -16px;
	width: 100%;
	padding: 0 20px;
}
#community_list .community_tit .search > div {
	overflow: hidden;
	box-sizing: border-box;
	border: 2px solid #9E9E9E;
	border-radius: 6px;
	padding: 6px 12px;
	background-color: #ffffff;
}
#community_list .community_tit .search > div > p {
	float: left;
	width: 6%;
	vertical-align: middle;
}
#community_list .community_tit .search > div > p:first-child {
	width: 92%;
	margin-right: 2%;
}
#community_list .community_tit .search > div > p:first-child > input {
	padding: 3px 0;
	color: #9E9E9E;
}
#community_list .community_tit .search > div > p > button {
	padding: 0px;
	border: none;
	margin: 0px;
	vertical-align: middle;
}
#community_list .community_tit .search > div > p > button > img {
	display: block;
	width: 18px;
}
/* #community_list .comm_list_box {
	margin-bottom: 20px;
} */
#community_list .comm_list {
	box-sizing: border-box;
	padding: 0px 20px 0px 20px;
	margin-bottom: 6px;
}
#community_list .comm_list .comm_box {
	width: 100%;
	border: 1px solid #ececec;
	background-color: #ffffff;
	border-radius: 4px;
}
#community_list .comm_list .comm_box div {
	box-sizing: border-box;
	padding: 7px 14px 7px 14px;
}
#community_list .comm_list .comm_box div > h3 {
	padding-top: 7px;
	font-size: 14px;
}
#community_list .comm_list .comm_box div > p {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	margin-top: 10px;
	color: #9E9E9E;
}
#community_list .comm_list .comm_box div:last-child {
	border-top: 1px solid #ececec;
}
#community_list .comm_list .comm_box .comm_user ul {overflow: hidden;}
#community_list .comm_list .comm_box .comm_user ul li {float: left;}
#community_list .comm_list .comm_box .comm_user ul li > span {
	padding-right: 10px;
	color: #9E9E9E;
}
#community_list .comm_list .comm_box .comm_user ul li:last-child {
	float: right;
	color: #9E9E9E;
}
#community_list .comm_list .err {
	text-align: center;
	padding: 24px 0 24px 0;
	background-color: #ffffff;
	border-radius: 4px;
}
#community_list .comm_list .err p {
	font-size: 16px;
	font-weight: bold;
}
#community_list .comm_list .err p:first-child {padding-bottom: 6px;}
#community_view .comm_view {
	box-sizing: border-box;
	padding: 10px;
}
#community_view .comm_view .view_page h2 {
	margin-bottom: 10px;
	color: #9E9E9E;
}
#community_view .comm_view .user_info {width: 100%;}
#community_view .comm_view .user_info ul {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
#community_view .comm_view .user_info ul li {
	float: left;
	color: #9E9E9E;
}
#community_view .comm_view .user_info ul li:last-child {
	float: right;
}
#community_view .comm_view .view_page {
	box-sizing: border-box;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
}
#community_view .slide {
	margin-top: 10px;
	margin-bottom: 10px;
}
#community_view .text_list {
	box-sizing: border-box;
	padding: 0 10px;
}
#community_view .text_list.adTyp {
	display: table;
	width: 100%;
	margin-bottom: 14px;
}
#community_view .text_list.adTyp p {
	display: table-cell;
	width: 50%;
	text-align: left;
}
#community_view .text_list p {
	margin-bottom: 20px;
	color: #9E9E9E;
}
#community_view .view_btn_total ul {
	overflow: hidden;
	display: table;
	width: 100%;
	margin: 0 auto;
}
#community_view .view_btn_total ul li {
	display: table-cell;
	text-align: center;
}
#community_view .view_btn_total ul li p {
	width: 42px;
	padding: 2px 10px;
	border-radius: 4px;
	margin: 0 auto;
}
#community_view .view_btn_total ul li .back_type01 {background-color: #ff9166;}
#community_view .view_btn_total ul li .back_type02 {background-color: #2ee6ac;}
#community_view .view_btn_total ul li .back_type03 {background-color: #2661f8;}
#community_view .view_btn_total ul li .back_type04 {background-color: #95989a;}
#community_view .view_btn_total ul li p a {color: #ffffff;}
#community_view .comment {margin-top: 16px;}
#community_view .comment .N_comment {
	padding: 8px 0;
	text-align: center;
	border-radius: 4px;
	background-color: #ffe1e1;
}
#community_view .comment .Y_comment {
	border:1px solid #ececec;
	border-radius: 4px;
	margin-top: 14px;
}
#community_view .comment .Y_comment.type_Y {
	display: none;
	position: relative;
	margin-top: 4px;
}
#community_view .comment .Y_comment.type_Y > div {background-color: #cccccc;}
#community_view .comment .type_Y .comment_box_01 li strong {padding-left: 12px;}
#community_view .comment .type_Y .comment_box_01 li:first-child span {
	position: absolute;
    top: -2px;
    left: 0px;
    font-size: 14px;
    font-weight: bold;
}
#community_view .comment .type_Y .comment_box_02 > div {
	padding-top: 10px;
    padding-bottom: 0px;
	border-bottom: none;
}
#community_view .comment .type_Y .comment_box_03 {
	position: absolute;
	top: 0px;
	right: 14px;
	width: 100px;
}
#community_view .comment .Y_comment > div {
	box-sizing: border-box;
	padding: 10px;
	background-color: #ededed;
}
#community_view .comment .comment_box_01 {overflow: hidden;}
#community_view .comment .comment_box_01 li {
	position: relative;
	float: left;
	width: 50%;
}
#community_view .comment .comment_box_02 {width: 100%;}
#community_view .comment .comment_box_02 > div {
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}
#community_view .comment .comment_box_03 {
	overflow: hidden;
	padding-top: 8px;
}
#community_view .comment .comment_box_03 li {
	float: left;
	padding-left: 2%;
}
#community_view .comment .comment_box_03 li:last-child {
	float: right;
	padding-right: 2%;
}
#community_view .comment .comment_box_03 p {
	display: inline-block;
	background-color: #95989a;
	padding: 2px 8px;
	border-radius: 4px;
}
#community_view .comment .comment_box_03 p.ty01 {background-color: #ff9166;}
#community_view .comment .comment_box_03 p.ty02 {background-color: #2ee6ac;}
#community_view .comment .comment_box_03 p.ty03 {background-color: #95989a;}
#community_view .comment .comment_box_03 p a {
	color: #ffffff;
}
#community_apply .apply_form {
	box-sizing: border-box;
	padding: 10px;
}
#community_apply .apply_form .input_box {
	margin-bottom: 10px;
}
#community_apply .apply_form .input_box select {
	padding: 8px 8px;
	border-radius: 4px;
}
#community_apply .apply_form .input_box.hei200 {height: 200px;}
#community_apply .apply_form .input_box > input{
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	border-radius: 4px;
	color: #6d6d6d;
}
#community_apply .apply_form .input_box .check_typ {
	display: table;
	width: 100%;
}
#community_apply .apply_form .input_box .check_typ .box {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}
#community_apply .apply_form .input_box .check_typ .box:first-child {
	background-color: #ffffff;
	border-right: 1px solid #ececec;
}
#community_apply .apply_form .input_box .check_typ .box:last-child {width: 80%;}
#community_apply .apply_form .input_box .check_typ .box > div {
	display: table;
	width: 60px;
	margin: 0 auto;
	vertical-align: middle;
	background: url(/assets/images/ico/checkbox_off.jpg) no-repeat;
	background-size: 16px;
	background-position: 16% 3px;
}
#community_apply .apply_form .input_box .check_typ .box > div.on {
	background: url(/assets/images/ico/checkbox_on.jpg) no-repeat;
	background-size: 16px;
	background-position: 16% 3px;
}
#community_apply .apply_form .input_box .check_typ .box > div input {
	display: table-cell;
	margin-right: 18px;
	vertical-align: middle;
	opacity: 0;
}
#community_apply .apply_form .input_box .check_typ .box > div label {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
}
#community_apply .apply_form .input_box .check_typ .box.hos input {
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	color: #6d6d6d;
}
#community_apply .apply_form .input_box .check_typ .box.hos input:first-child {border-bottom: 1px solid #ececec;}
#community_apply .apply_form .btn {
	width: 100%;
}
#community_apply .apply_form .btn > div {
	display: table;
	width: 100%;
}
#community_apply .apply_form .btn > div div {
	display: table-cell;
	width: 49%;
}
#community_apply .apply_form .btn > div div:first-child {padding-right: 1%;}
#community_apply .apply_form .btn > div div:last-child {padding-left: 1%;}
#community_apply .apply_form .btn > div div > input {
	box-sizing: border-box;
	padding: 8px;
	border-radius: 4px;
	color: #ffffff;
	background-color: #2661f8;
}
#community_view .link_box {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding-top: 10px;
	margin-bottom: 10px;
}
#community_apply .info_user_tex {
	box-sizing: border-box;
	padding: 14px 10px 0 10px;
	text-align: center;
}
#community_apply .info_user_tex strong {font-size: 14px;}
#community_view .link_box .link_ico {padding-bottom: 10px;}
#community_apply .filebox {position: relative;}
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.filebox label {
	box-sizing: border-box;
	display: inline-block;
	width: 39.2%;
	padding: 10px 0;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	text-align: center;
}
/* named upload */
.filebox .upload-name {
	box-sizing: border-box;
	display: inline-block;
	width: 60%;
	padding: 10px 0;
	 /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none; appearance: none;
	text-align: center;
 }
 .filebox .upload-name1 {
 	box-sizing: border-box;
 	display: inline-block;
 	width: 60%;
 	padding: 10px 0;
 	 /* label의 패딩값과 일치 */
 	font-size: inherit;
 	font-family: inherit;
 	line-height: normal;
 	vertical-align: middle;
 	background-color: #fdfdfd;
 	border: 1px solid #ebebeb;
 	border-bottom-color: #e2e2e2;
 	border-radius: .25em;
 	-webkit-appearance: none;
 	/* 네이티브 외형 감추기 */
 	-moz-appearance: none; appearance: none;
 	text-align: center;
  }

/*  본사링크찬스 목록  */
#company_link_list .link_box {
	box-sizing: border-box;
	padding: 20px 10px 20px 10px;
}
#company_link_list .link_box .link {
	border: 1px solid #ececec;
	border-radius: 6px;
	background-color: #ffffff;
}
#company_link_list .link_box .link > ul {
	box-sizing: border-box;
	padding: 10px;
}
#company_link_list .link_box .link > ul li {margin-bottom: 12px;}
#company_link_list .link_box .link > ul li:last-child {margin-bottom: 0px;}
#company_link_list .link_box .link > ul li > div {
	box-sizing: border-box;
	padding: 14px;
	background-color: #b7b7bf;
	border-radius: 6px;
}
#company_link_list .link_box .link > ul li > div > a > h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
	color: #ffffff;
}
#company_link_list .link_box .link > ul li > div > a > h3 > span {padding-left: 10px;}
#company_link_list .link_box .link > ul li > div > p {
	padding-top: 10px;
	font-weight: bold;
}
#company_link_list .link_box .link > ul li > div > p > i {
	padding-right: 10px;
	vertical-align: middle;
	font-size: 16px;
}
#company_link_list .link_box .link > ul li > div > p > span {vertical-align: middle;}
#company_link_list .link_box .link .btn_new {
	box-sizing: border-box;
	padding: 10px 10px 0 10px;
}



/*  마이페이지  */
#mypage .mypage_list {
	box-sizing: border-box;
	padding: 10px;
}
#mypage .mypage_list h3 {
	font-size: 14px;
	margin: 8px 0;
}
#mypage .mypage_list ul li {
	width: 100%;
	margin-bottom: 10px;
	box-shadow: 0px 1px rgba(0, 0, 0, 0), 0px 5px 2px #dad7d7;
}
#mypage .mypage_list ul li a {
	display: table;
	width: 100%;
}
#mypage .mypage_list ul li a > div:first-child {
	width: 82px;
	padding-left: 0px;
}
#mypage .mypage_list ul li a > div:first-child img {
	display: block;
	width: 100%;
}
#mypage .mypage_list ul li a > div {
	display: table-cell;
	vertical-align: middle;
	padding-left: 12px;
	font-size: 14px;
	color: #9E9E9E;
	background-color: #ffffff;
	border-radius: 0px 4px 4px 0;
}
#mypage .h_tex {
	box-sizing: border-box;
	padding: 10px;
}
#mypage .h_tex .h_head  {
	box-sizing: border-box;
	padding: 40px;
	text-align: center;
	border-radius: 4px;
	background-color: #ffffff;
}
#mypage .h_tex .h_head h2 {
	color: #95989a;
	font-size: 18px;
}
#mypage .h_tex .h_head p {
	padding-top: 6px;
	color: #95989a;
	font-weight: bold;
	font-size: 16px;
}
#mypage .user_info_list {width: 100%;}
#mypage .user_info_list li {
	margin-bottom: 2px;
	background: #ffffff url("/assets/images/ico/mypage_arr_ico.png") no-repeat;
	background-size: 26px;
	background-position: 94%;
}
#mypage .user_info_list li a {
	display: block;
	padding: 16px 0;
	padding-left: 24px;
}
#mypage .user_info_list li a h3 {
	color: #95989a;
	font-size: 14px;
}

/* 이용안내 */
#user_view_use {
	box-sizing: border-box;
	padding: 0px 7% 0 7%;
}
#user_view_use.zogi_user_View {
	box-sizing: border-box;
	padding: 0px;
}
#user_view_useTy01 {
	box-sizing: border-box;
	padding: 0px;
}
#user_view_useTy01 {
	box-sizing: border-box;
	padding: 0px;
}
#user_view_useTy01 .main_slideImg {
	width: 90%;
	margin: 0 auto;
}
.zogi_user_View .swiper-pagination {bottom: 3% !important;}
@media all and (min-width: 760px) and (max-width: 1620px) {
	#user_view_use {
		box-sizing: border-box;
		padding: 0px 22% 0 22%;
	}
	#user_view_use .swiper-pagination-bullet {
		width: 20px !important;
		height: 20px !important;
	}
	#user_view_use .swiper-pagination-bullet-active {
		width: 24px !important;
		height: 24px !important;
	}

	#user_view_useTy01 {
		box-sizing: border-box;
		padding: 0px;
	}
	#user_view_useTy01 .swiper-pagination-bullet {
		width: 16px !important;
		height: 16px !important;
	}
	#user_view_useTy01 .swiper-pagination-bullet-active {
		width: 20px !important;
		height: 20px !important;
	}
}
#user_view_use .swiper-pagination {
	position: fixed;
	width: 100%;
	bottom : 6%;
	left: 0px;
}
#user_view_use .swiper-pagination span {margin-right: 2%;}
#user_view_use .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
}
#user_view_use .swiper-pagination-bullet-active {
	width: 18px;
	height: 18px;
}

#user_view_useTy01 .swiper-pagination {
	position: fixed;
	width: 100%;
	bottom : 3%;
	left: 0px;
}
#user_view_useTy01 .swiper-pagination span {margin-right: 2%;}
#user_view_useTy01 .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
}
#user_view_useTy01 .swiper-pagination-bullet-active {
	width: 16px;
	height: 16px;
}


/*  회사소개  */
#introduce .introduce_list {
	box-sizing: border-box;
	padding: 20px 10px 10px 10px;
}
#introduce .introduce_list ul li {
	margin-bottom: 10px;
}
#introduce .introduce_list ul li img {
	display: block;
	width: 100%;
}

/* 결제내역관리 */
#mypage_pay .pay_page_result {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px;
}
.pay_page_result .page_box ul {
	overflow: hidden;
}
.pay_page_result .page_box ul li {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 6px;
	background-color: #ffffff;
}
.pay_page_result .page_box ul li > div {
	border: 1px solid #ececec;
}
.pay_page_result .page_box ul li > div .fist div {
	border-bottom: 1px solid #ececec;
	background-color: #cccccc;
}
.pay_page_result .page_box ul li > div .liSty {
	overflow: hidden;
	display: table;
	width: 100%;
}
.pay_page_result .page_box ul li > div .liSty div:first-child {
	display: table-cell;
	width: 30%;
	padding: 6px 30px;
	font-weight: bold;
}
.pay_page_result .page_box ul li > div .liSty div:last-child {
	display: table-cell;
	width: 70%;
	padding: 6px 30px;
}



/*  이미지,동영상 선택  */
.mat_head_wrap .mat_count {
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 14px;
	color: #ffffff;
}
.mat_album_content .album_sel_box ul {
	overflow: hidden;
	width: 100%;
}
.mat_album_content .album_sel_box ul li {
	position: relative;
	float: left;
	width:33%;
	margin-bottom: 6px;
}
.mat_album_content .album_sel_box ul li:nth-child(2n) {
	margin-left: 0.5%;
}
.mat_album_content .album_sel_box ul li:nth-child(2n+1) {
	margin-right: 0.5%;
}
.mat_album_content .album_sel_box ul li img {
	display: block;
	width: 100%;
}


/*  Dropzone_box 이미지 업로드  */
.Dropzone_box {
	padding-bottom: 10px;
}
.Dropzone_box ul {
	overflow: hidden;
	width: 100%;
	float: left;
}
.Dropzone_box ul li {
	float: left;
	width: 33%;
}
.dz-progress {display: none !important;}
.dz-details {display: none;}
.dz-success-mark {display: none;}
.dz-image {width: 100% !important;}
.dz-image img {width: 100%;}
.Dropzone_box #autoWidth {
	width: 1300px !important;
}
.Dropzone_box #autoWidth div {
    text-align: center;
    color: #FFF;
    width: 80px;
    border-radius: 6px;
}
.Dropzone_box #autoWidth div img {
	display: block;
	width: 100%;
}
.dropzone {
	height: 80px !important;
}
#multiImg {
	background: url("/assets/images/ico/imgVideo_img_btn.jpg") no-repeat;
	background-size: 80px;
}


@media all and (min-width: 480px) and (max-width: 620px) {
	.Dropzone_box #autoWidth div {
	    width: 100px;
    }
    .dropzone {
    	height: 100px !important;
    }
    #multiImg {
		background: url("/assets/images/ico/imgVideo_img_btn.jpg") no-repeat;
		background-size: 100px;
	}
}

@media all and (min-width: 621px) and (max-width: 900px) {
	.Dropzone_box #autoWidth div {
	    width: 130px;
    }
    .dropzone {
    	height: 130px !important;
    }
    #multiImg {
		background: url("/assets/images/ico/imgVideo_img_btn.jpg") no-repeat;
		background-size: 130px;
	}
}

@media all and (min-width: 921px) and (max-width: 1200px) {
	.Dropzone_box #autoWidth div {
	    width: 160px;
    }
    .dropzone {
    	height: 160px !important;
    }
    #multiImg {
		background: url("/assets/images/ico/imgVideo_img_btn.jpg") no-repeat;
		background-size: 160px;
	}
}



/*  배경색상 컨트롤 */
#background_sty_01 {
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
}


/*  공통버튼  */
.btn_sty_01 {
	width: 100%;
	border-radius: 4px;
	background-color: #b2b2b2;
}

.btn_sty_01 span {
	display: block;
	padding: 9px 0 9px 0;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}

.btn_sty_02 {
	width: 100%;
	border-radius: 4px;
	background-color: #303f9f;
}
.btn_sty_03 {
	width: 100%;
	border-radius: 16px;
	background-color: #303f9f;
}

.btn_sty_02 span {
	display: block;
	padding: 9px 0 9px 0;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}
.btn_sty_02 input[type=submit] {
	display: block;
	padding: 9px 0 9px 0;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: #303f9f;
}
.btn_sty_03 button {
	display: block;
    width: 100%;
    padding: 9px 0 9px 0;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #303f9f;
    border: none;
    border-radius: 4px;
}
.btn_sty_02.ad_type {margin-bottom: 20px;}
.connon_btn01 {width: 100%;}
.connon_btn01.type01 {
	margin: 20px 0 5px 0;
}
.connon_btn01 span {
	display: inline-block;
	width: 100%;
}
.connon_btn01 span a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 0px;
	border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #EEEEEE;
	background-color: #ffff;
	text-align: center;
	color: #6D6D6D;
	font-size: 15px;
}
.connon_btn01.type02 span a {
	background-color: #ff9166;
	border: 1px solid #EEEEEE;
	color: #ffffff;
	font-weight: bold;
}
.connon_btn02 {width: 100%;}
.connon_btn02.type01 {margin: 10px 0 5px 0;}
.connon_btn02 span {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.connon_btn02 span a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 0px;
	border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #2d32ff;
	background-color: #5256f5;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
}

.connon_btn03 {width: 100%;}
.connon_btn03.type01 {margin: 24px 0 5px 0;}
.connon_btn03.type03 span {
	box-sizing: border-box;
	 padding: 0px 20px;
	 margin-bottom: 20px;
 }
.connon_btn03 span {
	display: inline-block;
	width: 100%;
}
.connon_btn03 span a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 6px 0px;
	border-radius: 2px;
	border: 3px solid #4383ff;
	text-align: center;
	color: #ffffff;
	background-color: #4383ff;
	font-size: 15px;
	font-weight: bold;
}

.connon_btn4 {
	box-sizing: border-box;
	display: table;
	padding: 0 14px;
	width: 100%;
}
.connon_btn4.type01 {
	margin: 20px 0 5px 0;
}
.connon_btn4 p {
	display: table-cell;
	width: 33%
}
.connon_btn4 p a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 4px 0px;
	border: 1px solid #f5b750;
	background-color: #ffff;
	text-align: center;
	color: #6D6D6D;
	font-size: 13px;
	font-weight: bold;
}
.connon_btn4 p:first-child a {
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	border-right: none;
}
.connon_btn4 p:last-child a {
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	border-left: none;
}
.connon_btn4 p.active a {background-color: #f5b750;}

.connon_btn05 {width: 100%;}
.connon_btn05.type01 {
	margin: 20px 0 5px 0;
}
.connon_btn05 span {
	display: inline-block;
	width: 100%;
}
.connon_btn05 span a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 9px 0 9px 0;
	border-radius: 4px;
	background-color: #303f9f;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
}
.connon_btn10 {
	display: table;
	width: 100%;
}
.connon_btn10.type01 {
	margin: 20px 0 5px 0;
}
.connon_btn10 p {
	display: table-cell;
	width: 46%;
}
.connon_btn10 p:first-child {
	padding-right: 4%;
}
.connon_btn10 p:last-child {
	padding-left: 4%;
}
.connon_btn10 p a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 0px;
	border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #EEEEEE;
	background-color: #ffff;
	text-align: center;
	color: #6D6D6D;
	font-size: 15px;
}
.connon_btn11 {
	display: table;
	width: 100%;
}
.connon_btn11.type01 {
	margin: 12px 0 12px 0;
}
.connon_btn11 p {
	display: table-cell;
	width: 48%;
}
.connon_btn11 p:first-child {
	padding-right: 1%;
}
.connon_btn11 p:last-child {
	padding-left: 1%;
}
.connon_btn11 p:last-child a {
	box-shadow: 0px 0px 12px 1px #2ee6ac;
}
.connon_btn11 p a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 0px;
	border-radius: 4px;
	background-color: #ffffff;
	text-align: center;
	color: #9E9E9E;
	font-weight: bold;
	font-size: 15px;
}
.connon_btn20 {
	display: table;
	width: 100%;
}
.connon_btn20.tp20 p button {
	margin-top: 16px;
}
.connon_btn20 p {
	display: table-cell;
	width: 100%;
}
.connon_btn20 p button {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px 0px;
	border-radius: 6px;
	box-shadow: 0px 0px 12px 1px #ff9166;
	background-color: #ffffff;
	text-align: center;
	color: #ff9166;
	font-weight: bold;
	font-size: 15px;
	border: none;
}
.connon_btn20.type01 p button {
	box-shadow: 0px 0px 12px 1px #2ee6ac;
	color: #2ee6ac;
}
.connon_btn20.type02 p button {
	box-shadow: 0px 0px 12px 1px #ff9166;
	color: #ff9166;
}
.connon_btn21 {
	display: table;
	width: 100%;
}
.connon_btn21.tp20 p a {
	margin-top: 16px;
	margin-bottom: 16px;
}
.connon_btn21 a {
	display: table-cell;
	width: 100%;
}
.connon_btn21 p a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px 0px;
	border-radius: 6px;
	box-shadow: 0px 0px 12px 1px #ff9166;
	background-color: #ffffff;
	text-align: center;
	color: #ff9166;
	font-weight: bold;
	font-size: 15px;
	border: none;
}
.cMb10 {margin-bottom: 10px;}
.common_btn01 {
	display: table;
	width: 100%;
}
.common_btn01 p input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 4px solid #34ced8;
	background-color: #37dde8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.common_btn011 {
	display: table;
	width: 100%;
}
.common_btn011 p {
	display: table-cell;
	width: 48%;
}
.common_btn011 p:first-child {padding-right: 1%;}
.common_btn011 p:first-child > input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 2px solid #34ced8;
	background-color: #37dde8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.common_btn011 p:last-child {padding-left: 1%;}
.common_btn011 p:last-child > input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 2px solid #3f7ddb;
	background-color: #488ef8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.common_btn02 {
	display: table;
	width: 100%;
}
.common_btn02 p input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 4px solid #3f7ddb;
	background-color: #488ef8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.common_btn02 p a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 4px solid #3f7ddb;
	background-color: #488ef8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.common_btn02.ty01 p a {
	padding: 6px 0px;
	border: 2px solid #3f7ddb;
	font-weight: normal;
}
.common_btn03 {
	display: table;
	width: 100%;
}
.common_btn03 p input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 4px solid #b8b8b8;
	background-color: #c9c9c9;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
/* .common_btn04 {
	display: table;
	width: 100%;
}
.common_btn04 p input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 12px 0px;
	border-radius: 4px;
	border: 4px solid #34ced8;
    background-color: #37dde8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
} */


.view_out_btn {
	position: relative;
	width: 100%;
	height: 20px;
	margin-top: 20px;
}
.view_out_btn > div {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 20px;
}
.view_out_btn > div img {
	display: block;
	width: 44px;
}
.view_out_btn > div .on {
	display: none;
}
.view_out_btn > div > p {
	float: left;
	font-size: 14px;
}
.view_out_btn > div > p:first-child {
	padding-right: 10px;
	padding-left: 20px;
}

/*  paging_box  페이징박스 */
#paging {
	width: 100%;
	/* padding-top: 10px; */
	border-top: 1px solid #ececec;
}
#paging.clear {
	padding-top: none;
	border: none;
}
#paging_box {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}
#paging_box .f_before {padding: 0px !important;}
#paging_box .before .before_Btn {
	width: 26px;
	height: 23px;
	background: url(/assets/images/ico/page_prev_icon.png) no-repeat;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	background-size: 26px;
	border: 1px solid #e1e1e1;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 100%;
	border-radius: 3px;
}
#paging_box .f_after {padding: 0px !important;}
#paging_box .after .after_Btn {
	width: 26px;
	height: 23px;
	background: url(/assets/images/ico/page_next_icon.png) no-repeat;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	background-size: 26px;
	border: 1px solid #e1e1e1;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 100%;
	border-radius: 3px;
}
#paging_box .page {
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
}
#paging_box .page li {
	display: inline-block;
	padding: 0 8px;
	text-align: center;
	vertical-align: middle;
}
#paging_box .page .on_page {
	color: #4383ff;
	font-weight: bold;
}
#paging_box .page .on_page > a {
	display: table-caption;
	padding: 0 3px 0px 2px;
	text-align: center;
	border-bottom: 1px solid #4383ff;
	vertical-align: middle;
}

/*  페이징 글쓰기 */
.write_btn {
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
}
.write_btn .connon_btn3 {
	float: right;
	width: 26%;
	text-align: center;
}
.write_btn .connon_btn3 a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 4px 0px;
	border-radius: 6px;
	border-radius: 6px;
	background-color: #4383ff;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}


/* 로또 */
.lotto_Step01 .pay {
	width: 100%;
	padding: 14px 0;
	background-color: #ffffff;
	border-radius: 0px 0px 6px 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #9E9E9E;
}
.lotto_Step01 .total_pay {
	position: relative;
	padding-top: 20px;
	margin-bottom: 20px;
}
.lotto_Step01 .pay_tit {
	width: 100%;
	padding: 14px 0;
	background-color: #ff9166;
	border-radius: 6px 6px 0 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.lotto_Step01 img {
	position: absolute;
	display: block;
	width: 45px;
	top: 6px;
	left: 10px;
}
.lotto_Step01 .total_tex {
	overflow: hidden;
	border:1px solid #eeeeee;
	border-radius: 6px;
}
.lotto_Step01 .total_tex .tex01 {
	background-color: #ffffff;
}
.lotto_Step01 .total_tex .tex01 > div {
	box-sizing: border-box;
	padding: 20px 20px;
}
.lotto_Step01 .total_tex .tex01 h2 {
	font-size: 15px;
	color: #9E9E9E;
	padding-bottom: 10px;
}
.lotto_Step01 .total_tex .tex01 p {
	font-size: 13px;
	color: #9E9E9E;
}
.lotto_Step01 .total_tex .tex01 .subTex {margin-bottom: 30px;}
.lotto_Step01 .total_tex .tex02 {
	background-color: #f5f6ff;
}
.lotto_Step01 .total_tex .tex02 > div {
	box-sizing: border-box;
	padding: 20px 20px;
}
.lotto_Step01 .total_tex .tex02 strong {
	font-size: 15px;
	color: #9E9E9E;
	padding-right: 4px;
}
.lotto_Step01 .total_tex .tex02 span {
	font-size: 13px;
	color: #9E9E9E;
}


.lotto_Step02 .num_list {
	width: 100%;
	padding: 14px 0;
	background-color: #ffffff;
	border-radius: 0px 0px 6px 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #9E9E9E;
}
.lotto_Step02 .num_list ul {
	overflow: hidden;
	margin: 0 auto;
	width: 90%;
}
.lotto_Step02 .num_list ul li {
	float: left;
	width: 16.6%;
	text-align: center;
}
.lotto_Step02 .total_num {
	position: relative;
	padding-top: 20px;
}
.lotto_Step02 .pay_tit {
	width: 100%;
	padding: 14px 0;
	background-color: #2ee6ac;
	border-radius: 6px 6px 0 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.lotto_Step02 .ico_trophy {
	position: absolute;
	display: block;
	width: 45px;
	top: 6px;
	left: 10px;
}
.lotto_Step02 .num_list li > p {
	display: block;
	width: 30px;
	margin: 0 auto;
}
.lotto_Step02 .num_list li > p > img{
	display: block;
	width: 100%;
}
.lotto_Step02 .lotto_num_form {
	box-sizing: border-box;
	padding: 20px 20px 16px 20px;
	border-radius: 6px;
	background-color: #ffffff;
}

.lotto_Step03 .total_num {
	position: relative;
	padding-top: 20px;
}
.lotto_Step03 .pay_tit {
	box-sizing: border-box;
    width: 100%;
    padding: 14px 0;
    background-color: #2661f8;
    border-radius: 6px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    padding-left: 22%;
}
.lotto_Step03 .ico_trophy {
	position: absolute;
	display: block;
	width: 45px;
	top: 6px;
	left: 10px;
}
.lotto_Step03 .num_list li > img {
	display: block;
	width: 30px;
	margin: 0 auto;
}
.lotto_Step03 .nav {
	position: absolute;
	width: 80px;
	right: 2%;
	bottom: 18%;
}
.lotto_Step03 .nav ul {
	overflow: hidden;
}
.lotto_Step03 .nav ul li {
	float: left;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 10px;
	margin-right: 8%;
	text-align: center;
	font-weight: bold;
	color: #2ee6ac;
}
.lotto_Step03 .nav ul li:first-child {color: #ff9166;}
.lotto_Step03 .nav ul li:first-child > span {
	padding-right: 2px;
}
.lotto_Step03 .nav ul li:last-child {color: #2661f8;}
.lotto_num_form ul {overflow: hidden;}
.lotto_num_form ul li {
	float: left;
	width: 14.2%;
	padding-bottom: 4px;
}
.lotto_num_form ul li > img {
	display: block;
	width: 30px;
	margin: 0 auto;
}
.lotto_Step03 .lotto_num_pass {
	width: 100%;
	padding-top: 20px;
}
.lotto_Step03 .lotto_num_pass .pass_box_num {
	display: table;
	width: 100%;
	padding: 8px 0;
	background-color: #ffffff;
	border-radius: 6px 6px 0 0;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > div {
	display: table-cell;
	width: 82%;
	vertical-align: middle;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > div > ul {
	overflow: hidden;
	width: 90%;
    margin: 0 auto;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > div > ul li {
	float: left;
	width: 16.6%;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > div ul li > p {
	width: 36px;
	height: 36px;
	margin: 0 auto;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > div ul li > p > img {
	display: block;
	width: 100%;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > p {
	display: table-cell;
	width: 18%;
	vertical-align: middle;
}
.lotto_Step03 .lotto_num_pass .pass_box_num > p > img {
	display: block;
	width: 50px;
}
.lotto_Step03 .lotto_num_pass .pass_box_day {
	background-color: #dde4ff;
	border-radius: 0px 0px 6px 6px;
}
.lotto_Step03 .lotto_num_pass .pass_box_day > p {
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	color: #9E9E9E;
	font-weight: bold;
}
/* 645팡팡 이벤트 */
.ad_645pang {width: 100%;}
.ad_645pang img {
	display: block;
	width: 100%;
}
.ad_645pang .btn_img {
	background-color: #ffffff;
}
.ad_645pang .btn_img > a {display: block;}
.ad_645pang .btn_img > a img {
	width: 70%;
	margin: 0 auto;
}
.ad_645pang .lotto_pay {background-color: #ffffff;}
.ad_645pang .lotto_pay div {
	width: 80%;
	margin: 0 auto;
	border-radius: 16px;
	background-color: #ececec;
}
.ad_645pang .lotto_pay div span {
	display: block;
	padding: 10px 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.direct_645Evt_banner {width: 100%;}
.direct_645Evt_banner a {
	display: block;
	width: 100%;
}
.direct_645Evt_banner a img {width: 100%;}
/* 바로매칭 */
#zogi_direct_matching .zogi_direct_matching {width: 100%;}
#zogi_direct_matching .zogi_direct_matching img {
	display: block;
	width: 100%;
}
#zogi_direct_matching .zogi_direct_matching ul {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 4px 16px 30px 16px;
	background-color: #ffffff;
}
#zogi_direct_matching .zogi_direct_matching ul li:first-child {
	display: table-cell;
	width: 48%;
	padding-right: 1%;
}
#zogi_direct_matching .zogi_direct_matching ul li:last-child {
	display: table-cell;
	width: 48%;
	padding-left: 1%;
}



/* 공통 라인 간격조정DIV */
.line_sty_guid01 {
	width: 100%;
	height: 1px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}
/* 조기바바 하단 영역 고정 nav */
#bot_fix_baner {
	position: fixed;
	display: table;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	background-color: #3874d0;
}
#bot_fix_baner div {
	display: table-cell;
}
#bot_fix_baner div a {
	position: relative;
	display: block;
	width: 100%;
	padding: 6px 0 24px 0;
	text-align: center;
}
#bot_fix_baner div a.active span {color: #defe0a;}
#bot_fix_baner div a span {
	position: absolute;
	width: 100px;
	top: 36px;
	left: 50%;
	margin-left: -50px;
	font-size: 11px;
	color: #ffffff;
}
#bot_fix_baner div a img {
	display: block;
	width: 28px;
	margin: 0 auto;
}

/* footer 영역 */

/* #footer {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 16px 12px 16px;
	background: url(/assets/images/ico/footer_line.jpg) no-repeat;
    background-position: top;
    background-size: 100% 4px;
	background-color: #ffffff;
}
#footer.sty01 {
	margin-bottom: 70px;
}
#footer .tex {
	overflow: hidden;
	text-align: center;
}
#footer .tex > p  {
	font-size: 11px;
}
#footer .fot_img {
	width: 40px;
	margin: 0 auto;
	padding-top: 10px;
}
#footer .fot_img > img {width: 100%;} */



#footer {
	width: 100%;
}
#footer .foot_copyright {
	width: 100%;
	background-color: #eaecec;
	padding: 10px 0 10px 0;
	text-align: center;
	color: #8d9398;
}
#footer .conts {
	width: 100%;
	background-color: #252838;
}
#footer .foot_nav {
		display: table;
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
}
#footer .conts p:first-child {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#footer .conts p:first-child > img {
	display: block;
	width: 148px;
	vertical-align: middle;
}
#footer .conts .ico {
	display: table-cell;
	padding-right: 30px;
	font-size: 14px;
	text-align: right;
	color: #ffffff;
	vertical-align: middle;
	background: url(/assets/images/ico/foot_down_ico.png) no-repeat;
	background-position: right;
    background-size: 30px;
}
#footer .conts .ico.on {
	background: url(/assets/images/ico/foot_down_up.png) no-repeat;
	background-position: right;
    background-size: 30px;
}
#footer .conts .foot_info_box {
	display: none;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background-color: #60646c;
}
#footer .conts .foot_info_box h2 {
	padding-bottom: 10px;
	color: #fffef9;
}
#footer .conts .foot_info_box p {
	padding: 2px 0;
	color: #f8fcfd;
}
#footer .conts .foot_info_box p a {
	color: #f8fcfd;
}

/* 마진 패팅  */
.m_bot14 {margin-bottom: 14px;}
.m_bot20 {margin-bottom: 20px;}

/* font_asum_ico  아이콘 모음*/
.font_asum_ico {
	padding: 12px 0px 12px 10px;
	color: #303f9f;
	background-color: #EEEEEE;
}
.font_asum_ico .fa {
	vertical-align: middle;
}
.font_asum_ico .fa {
	vertical-align: middle;
}
.font_asum_ico .tex {
	display: inline;
	padding: 0 10px;
	font-size: 12px;
	color: #6D6D6D;
	font-weight: bold;
}
.font_asum_ty01 {
	padding-right: 8px;
	vertical-align: middle;
	color: #303f9f;
}

/**/
.comm_list .err {
	text-align: center;
	padding: 24px 0 24px 0;
	background-color: #ffffff;
	border-radius: 4px;
}
.comm_list .err p {
	font-size: 16px;
	font-weight: bold;
}
.comm_list .err p:first-child {padding-bottom: 6px;}

/* sesangmansa_windpop_img */
.sesangmansa_windpop_img {
	display: table;
	width: 100%;
}
.sesangmansa_windpop_img > p {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.sesangmansa_windpop_img > p > img {
	width: 100%;
	vertical-align: middle;
}


/* ciboard 공통 css작업 */
.mypage_pass_sch {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background-color: #ececec;
}
.mypage_pass_sch > form {
	background-color: #ffffff;
	border-radius: 6px;
}
.mypage_pass_sch > form .pass_ask_from li {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
}
.mypage_pass_sch > form .pass_ask_from li .inFirst {
	display: table-cell;
	width: 30%;
	padding-left: 20px;
	font-weight: bold;
	font-size: 13px;
}
.mypage_pass_sch > form .pass_ask_from li .inLast {
	display: table-cell;
	padding-left: 20px;
	font-size: 12px;
}
.mypage_pass_sch > form .pass_ask_from li .inLast .input {
	width: 50%;
	border-radius: 2px;
}
.mypage_pass_sch > form .pass_ask_from li .inLast .btn {
	padding: 6px 9px;
	margin-left: 10px;
	border-radius: 4px;
	line-height: 12px;
}
.mypage_pass_sch .in_Tex {
	padding: 8px 20px;
	text-align: center;
	line-height: 26px;
	font-weight: bold;
}


.mypage__modify_box {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background-color: #ececec;
}
.mypage__modify_sch {
	background-color: #ffffff;
	border-radius: 6px;
}
.mypage__modify_sch li {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	border-bottom: 1px solid #ececec;
}
.mypage__modify_sch li .inFirst {
	display: table-cell;
	width: 30%;
	font-weight: bold;
	font-size: 13px;
}
.mypage__modify_sch li .inLast {
	display: table-cell;
	box-sizing: border-box;
	font-size: 12px;
}
.mypage__modify_sch li .inLast .input {
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 6px 10px 6px 10px;
	height: auto;
	vertical-align: middle;
}
.mypage__modify_sch li .inLast .btn {
	padding: 6px 9px;
	border-radius: 4px;
	line-height: 12px;
}
.mypage__modify_sch .in_Tex {
	padding: 8px 20px;
	text-align: center;
	line-height: 26px;
	font-weight: bold;
}
.mypage__modify_sch .checkbox label {
	display: table;
	width: 100%;
}
.mypage__modify_sch .checkbox label checkbox {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
.mypage__modify_sch .checkbox label span {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}
.mypage__modify_sch .btn_ty_modify {
	width: 100%;
	padding: 6px 0;
}
.mypage__modify_home {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background-color: #ececec;
}
.mypage__modify_home p {
	text-align: center;
	font-weight: bold;
}
.mypage__modify_home .home_info div {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.mypage__modify_home .home_info div > a{
	box-sizing: border-box;
	width: 100%;
	padding: 6px 0;
	background-color: #5db75d;
}
.mypg_scrap {
	background-color: #ebebeb;
}
.mypg_scrap > h3 {
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.mypg_scrap .scrap_box {
	box-sizing: border-box;
	padding: 10px;
}
.mypg_scrap .scrap_box .box {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 10px 12px 10px;
	background-color: #ffffff;
	border-radius: 2px;
	margin-bottom: 10px;
}
.mypg_scrap .scrap_box .box .tit {
	font-size: 14px;
	color: #4383ff;
	font-weight: bold;
}
.mypg_scrap .scrap_box .box .subject {
	overflow: hidden;
	display: -webkit-box;
	width: 86%;
	font-size: 12px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0px 0;
}
.mypg_scrap .scrap_box .box .date {position: relative;}
.mypg_scrap .scrap_box .box .date .del {
	position: absolute;
	top: -4px;
	right: 0px;
	text-align: center;
	background-color: #5256f5;
	border-radius: 4px;
}
.mypg_scrap .scrap_box .box .date .del > button {
	display: inline-block;
	padding: 4px 12px;
	color: #fff;
}
/* 이용약관 */
.company_use_info {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
}
.company_use_info h1 {
	font-size: 14px;
	padding-bottom: 10px;
}
.company_use_info p {
	font-size: 12px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* 조기바바 tab_layer */
#zogi_tab_layer {
	overflow: hidden;
}
.tabs_layer {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #0b3c88;
}
.tabs_layer > ul {
	display: table;
	width: 100%;
	background-color: #0d47a1;
	z-index: 9999;
}
.tabs_layer > ul > li {
	display: table-cell;
	padding: 14px 0;
	text-align: center;
	background-color: #0d47a1;
	color: #b7c8e3;
	font-weight: bold;
	z-index: 9999;
}
.tabs_layer > ul > li.active {
	color: #ffffff;
	background: #0d47a1 url(/assets/images/ico/bg_tabs_line.png) repeat-x;
    background-position: bottom;
    background-size: 100% 4px;
}

.tabs_layer01 {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #0b3c88;
}
.tabs_layer01 > ul {
	display: table;
	width: 100%;
	background-color: #0d47a1;
}
.tabs_layer01 > ul > li {
	display: table-cell;
	width: 33.3%;
	text-align: center;
	background-color: #0d47a1;
}
.tabs_layer01.tabs_4 > ul > li {
	width: 25%;
}
.tabs_layer01.tabs_5 > ul > li {
	width: 20%;
}
.tabs_layer01 > ul > li a {
	display: block;
	padding: 14px 0;
	color: #b7c8e3;
	font-weight: bold;
}
.tabs_layer01 > ul > li.active {
	color: #ffffff;
	background: #0d47a1 url(/assets/images/ico/bg_tabs_line.png) repeat-x;
    background-position: bottom;
    background-size: 100% 4px;
}
.tabs_layer01 > ul > li.active a {color: #ffffff;}
.tabs_layer .layer01 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}
.tabs_layer .layer02 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

/* 조기바바 리스트 auto_width */
.zogi_main_cnts {
	overflow: hidden;
	width: 100%;
}
#auto_slide {
	position: relative;
	box-sizing: border-box;
	padding: 16px 0px 20px 16px;
}
.zogi_baner_slde {
	overflow: hidden;
}
.zogi_nav {
	width: 100%;
	background-color: #ffffff;
}
.zogi_nav > ul {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ececec;
}
.zogi_nav > ul li {
	float: left;
	width: 33.1%;
	text-align: center;
	border-right: 1px solid #ececec;
}
.zogi_nav > ul li:last-child {border-right: none;}
.zogi_nav > ul li .nav {
	position: relative;
	display: block;
	width: 100%;
	padding: 8px 0 24px 0;
	text-align: center;
	color: #95989a;
}
.zogi_nav > ul li .nav img {
	display: block;
	width: 32px;
	margin: 0 auto;
}
.zogi_nav > ul li .nav span {
	position: absolute;
    display: block;
    width: 100px;
    top: 38px;
    left: 50%;
    margin-left: -50px;
    font-size: 12px;
	font-weight: bold;
}
.auto_slide_tit {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 20px 16px 0 24px;
}
.auto_slide_tit p {
	display: table-cell;
	text-align: left;
	font-size: 16px;
	color: #414042;
	font-weight: bold;
}
.auto_slide_tit p:last-child {text-align: right;}
.auto_slide_tit p:last-child a {
	color: #488ef8;
	font-size: 12px;
}
.zogi_auto_box li {
	width: 140px;
}
.zogi_auto_box li a {
	position: relative;
	display: block;
	width: 100%;
	background-color: #ffffff;
	border-radius: 4px;
}
.zogi_auto_box li a .imgSize {
	width: 140px;
	height: 156px;
}
.zogi_auto_box li a .imgSize img {
	display: block;
	width: 100%;
	height: 156px;
	border-radius: 4px 4px 0 0;
}
.zogi_auto_box li a .zogi_baner_gray {
	position: absolute;
	width: 100%;
	top: 129px;
	height: 28px;
	background-color: #1f1e1e;
	opacity: 0.7;
}
.zogi_auto_box li a .zogi_baner_tex {
	box-sizing: border-box;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	position: absolute;
	width: 100%;
	top: 131px;
	right: 4px;
	width: 120px;
	padding-right: 6px;
	font-size: 13px;
	color: #ffffff;
	text-align: right;
	z-index: 100;
}
.zogi_auto_box li a .info_tex {
	box-sizing: border-box;
	padding: 8px 10px 0px 10px;
}
.zogi_auto_box li a .info_tex p:first-child {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	height: 18px;
	padding-bottom: 4px;
	font-size: 14px;
	color: #414042;
	font-weight: bold;
}
.zogi_auto_box li a .info_tex p:last-child {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	height: 38px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #414042;
}
.zogi_auto_box li a .info_data {
	box-sizing: border-box;
	padding: 0px 10px 10px 10px;
}
.zogi_auto_box li a .info_data ul {
	overflow: hidden;
	display: table;
	width: 100%;
}
.zogi_auto_box li a .info_data ul li {
	display: table-cell;
	padding: 2px 0;
}
.zogi_auto_box li a .info_data ul li:first-child {
	text-align: left;
}
.zogi_auto_box li a .info_data ul li:last-child {
	width: 20%;
	padding-left: 30px;
	background: url(/assets/images/ico/ico_like_comment.png) no-repeat;
	background-size: 24px;
	background-position: 4px 1px;
	text-align: right;
}

/* 조기바바 하단 배너 */
.zogi_baner_slde a {display: block;}
.zogi_baner_slde img {
	display: block;
	width: 100%;
}

/* 조기바바 이용안내 */
#user_view_scroll p {width: 100%;}
#user_view_scroll p a {display: block;}
#user_view_scroll p img{
	display: block;
	width: 100%;
}
#user_view_scroll .family_app {
	width: 100%;
	height: 100%;
	background-color: #f3f3f3;
}
#user_view_scroll .family_app p {margin-bottom: 2px;}


/* flow_banner */
#flow_banner {
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px;
}
#flow_banner h2 {
	font-size: 14px;
	padding-bottom: 14px;
	letter-spacing: 0px;
	color: #414042;
}
.marquee {
	width: 100%;
	overflow: hidden;
}
.marquee >div {
	overflow: hidden;
}
.marquee .js-marquee .flow_list {
	display: inline-block;
	vertical-align: middle;
	width: 170px;
}

.marquee .js-marquee .flow_list > a {
	overflow: hidden;
	display: block;
	position: relative;
}
.marquee .js-marquee .flow_list .num {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #ff5a60;
	border-radius: 30px;
	margin-right: 4px;
}
.marquee .js-marquee .flow_list .num span {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 10px;
}
.marquee .js-marquee .flow_list .chanel {
	font-size: 14px;
	color: #ff5a60;
	display: inline-block;
	padding-right: 4px;
	padding-left: 30px;
}
.marquee .js-marquee .flow_list .tex {
	font-size: 14px;
	color: #4b4b4b;
	padding-right: 8px;
}


.marquee2 {
	width: 100%;
	overflow: hidden;
}
.marquee2 >div {
	overflow: hidden;
}
.marquee2 .js-marquee .flow_list {
	display: inline-block;
	vertical-align: middle;
}
.marquee2 .js-marquee .flow_list > a {
	display: block;
	position: relative;
}
.marquee2 .js-marquee .flow_list > a > img {
	display: block;
	height: 50px;
}
.marquee2 .js-marquee .flow_list .num {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #ff5a60;
	border-radius: 30px;
	margin-right: 4px;
}
.marquee2 .js-marquee .flow_list .num span {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 10px;
}
.marquee2 .js-marquee .flow_list .chanel {
	font-size: 14px;
	color: #ff5a60;
	display: inline-block;
	padding-right: 4px;
	padding-left: 30px;
}
.marquee2 .js-marquee .flow_list .tex {
	font-size: 14px;
	color: #4b4b4b;
	padding-right: 8px;
}

.flow_banner_box {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 16px 30px 16px 0;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
.flow_banner_box01 {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 6px 33px 6px 0;
}
.flow_allView_btn {
	display: block;
    position: absolute;
    width: 30px;
    top: 15px;
    right: -5px;
    color: #5256f5;
    line-height: 16px;
    font-weight: bold;
}
.flow_button {
	position: absolute;
    width: 30px;
    top: 16px;
	height: 20px;
    right: 0px;
	background: url(/assets/images/ico/flow_pause_ico.png) no-repeat;
	background-size: 28px;
	background-position: 4px -3px;
}
.flow_button.on {
	background: url(/assets/images/ico/flow_pause_play.png) no-repeat;
	background-size: 28px;
	background-position: 4px -3px;
}

/* 매칭찬스 auto_slide */
.auto_slide_m {
	position: relative;
	box-sizing: border-box;
	padding: 16px 0px 20px 16px;
}
.auto_slide_m.first_auto {padding: 16px 0px 0px 16px;}
.auto_slide_m .tit_style {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding-right: 20px;
	margin-bottom: 16px;
}
.auto_slide_m .tit_style h2 {
	display: table-cell;
	width: 50%;
	font-size: 14px;
	color: #414042;
	text-align: left;
}
.auto_slide_m .tit_style p {
	display: table-cell;
	width: 50%;
	text-align: right;
}
.auto_slide_m .tit_style p a {
	display: block;
	color: #5256f5;
	font-weight: bold;
}
.matching_auto_box li {
	position: relative;
	width: 144px;
}
.matching_auto_box li > a {
	display: block;
}
.matching_auto_box li img {
	display: block;
	width: 144px;
	height: 90px;
}
.matching_auto_box .chanel_view {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	background: url(/assets/images/ico/rectangle_point_ico.png) no-repeat;
	background-size: 66px;
}
.matching_auto_box .chanel_view span {
	display: block;
	color: #ffffff;
	font-size: 11px;
	padding-left: 10px;
	vertical-align: middle;
}
.matching_auto_box .h_tex {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	padding: 10px 0 6px 0;
	height: 18px;
	font-size: 14px;
	color: #212121;
	font-weight: bold;
}
.matching_auto_box .h_service {
	font-size: 12px;
	color: #ff5a60;
}
.matching_auto_box .h_service > span {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	height: 18px;
}


/* 채널뉴스 */
.chanel_news_wrap {
	width: 100%;
	background-color: #f3f3f3;
}
.chanel_news_wrap .news_baner {
	overflow: hidden;
	padding-top: 10px;
}
.chanel_news_wrap .news_baner img {
	display: block;
	width: 100%;
}
.chanel_news_wrap .chanel_news_box {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 24px 16px;
}
.chanel_news_wrap .chanel_news_box > h2 {
	display: table-cell;
	width: 50%;
	font-size: 14px;
	color: #414042;
	text-align: left;
}
.chanel_news_wrap .chanel_news_box > p {
	display: table-cell;
	width: 50%;
	text-align: right;
}
.chanel_news_wrap .chanel_news_box > p > a {
	display: block;
	color: #5256f5;
	font-weight: bold;
}
.chanel_news_wrap .news_list {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 16px 0px 16px;
}
.chanel_news_wrap .news_list .news:first-child {
	padding-left: 0%;
	padding-right: 2%;
}
.chanel_news_wrap .news_list .news {
	width: 46%;
	display: table-cell;
	padding-right: 0%;
	padding-left: 2%;
	padding-bottom: 12px;
	border-bottom: 1px solid #c9c9c9;
}
.chanel_news_wrap .news_list .news img {
	display: block;
	width: 100%;
}
.chanel_news_wrap .news_list .news .h_news {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	padding: 10px 0 0px 0;
	height: 18px;
	font-size: 14px;
	color: #212121;
	font-weight: bold;
}
.chanel_news_wrap .news_list .news .new_utill {
	display: table;
	width: 100%;
	padding-top: 2px;
}
.chanel_news_wrap .news_list .news .new_utill li {
	display: table-cell;
	width: 50%;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
}
.chanel_news_wrap .news_list .news .new_utill li:last-child {
	text-align: right;
}
.chanel_news_wrap .news_list .news .new_utill li .recommend {
	display: inline-block;
	padding-left: 30px;
	background: url(/assets/images/ico/recommend_num_ico.png) no-repeat;
	background-size: 28px;
	background-position: 0px -4px;
}
.chanel_news_wrap .news_tex_list {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 16px 20px 16px;
}
.chanel_news_wrap .news_tex_list ul {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: 0 6px;
}
.chanel_news_wrap .news_tex_list ul li {
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
	padding-bottom: 4px;
    font-size: 12px;
	color: #9d9d9d;
	letter-spacing: 0px;
}