﻿@charset "utf-8";

/*프레스 효과 제거*/
*{ -webkit-tap-highlight-color: rgba(255,255,255,0); }

/* SK Planet - Base 1.0 */
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none; color:#fff;  background-color:#114280;word-break:break-all; }
input,textarea,select,button{font:inherit;vertical-align:middle;padding:0;}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
img,fieldset,iframe{border:none;}
address,cite,code,dfn,em,var,th,strong{font-style:normal;font-weight:normal;}
a{text-decoration:none;color:#fff;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

button{ outline:none; } /* WebView 개발팀 추가*/
/*
@font-face{font-family:'SKPGoMM';src:url("../font/SKPGoMM.ttf") format('truetype');}
@font-face{font-family:'SKPGoMMAnd';src:url("file:///android_asset/font/SKPGoMM.ttf") format('truetype');}
@font-face{font-family:'SKPGoBM';src:url("../font/SKPGoBM.ttf") format('truetype');}
@font-face{font-family:'SKPGoBMAnd';src:url("file:///android_asset/font/SKPGoBM.ttf") format('truetype');}
body{font-family:'SKPGoMM','SKPGoMMAnd','돋움',dotum;}
*/
body{font-family:'돋움',dotum;}

/*  상단 320px 가이드라인(작업완료 후 삭제)
body {overflow-y:hidden;}
body::after {
    content: "";
	position: absolute;
	display:block;
	width: 320px;
	height: 0px;
	border-top: 1px solid #000;
}*/

caption{display:none;}

.invisible{position:absolute;left:-5000px;height:0;line-height:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

input[type=text],input[type=tel],input[type="password"],input[type="number"],textarea{border:0;font-size:13px;color:#444;background:#fff;border-radius:5px;border:1px solid #e5e5e5;}
input[type=text],input[type=tel],input[type="password"],input[type="number"]{width:96%;height:22px;padding:3px 2% 5px;}
textarea{width:96%;padding:2%;font-size:13px;}
select{width:100%;padding-right:30px;height:34px;line-height:34px;font-size:13px;text-indent:5px;border:1px solid #e5e5e5;border-radius:5px;background:url(/images/ocbapp/bg_select.png) no-repeat right 48% #fff;background-size:25px 25px;}

.chk input[type=radio],.chk_box input[type=checkbox]{opacity:0;}
.chk label{display:inline-block;min-height:19px;line-height:19px;padding-left:23px;margin-left:-15px;background:url(/images/ocbapp/ico_radio.png) no-repeat 0 0;background-size:18px 19px;}
.chk input[type="radio"]:checked + label{background-image:url(/images/ocbapp/ico_radio_chk.png)}
.chk_box{position:relative;}
.chk_box label{display:inline-block;min-height:20px;line-height:20px;padding-left:25px;background:url(/images/ocbapp/ico_chk.png) no-repeat 0 0;background-size:20px 20px;}
.chk_box input[type="checkbox"]{position:absolute;top:0;left:0;}
.chk_box input[type="checkbox"]:checked + label{background-image:url(/images/ocbapp/ico_chk_chk.png)}

/* web 기술 개발팀 css 추가 */
/* 검색 필터 관련 CSS */
.slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	overflow:hidden;
}
html, body {height:100%;}

/* Swipe 뷰 관련 CSS */
.sv-cont { min-height:100%; position:relative; overflow:hidden;}
.sv-panel { position:absolute; left:0px; width:100%; min-height:100%; overflow:hidden;}
.sv-item { position:relative; min-height:100%; zoom:1;}
.sv-item.loading { position:absolute; height: 100%; width: 100%;zoom:0.999;}

/* 카드 뷰 관련 CSS */
.cw-cont { height:100%; position:relative; overflow:hidden; }
.cw-panel {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position:absolute;
	left:0px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cw-card { position:relative; }
.cw-card a{display:block;width:100%;height:100%;}
.cw-card .item_block{padding:0 !important;border:0 !important;}

/* 자동 스크롤 배너 관련 CSS */
.asb-cont { height:100%; width:100%; position:relative; overflow:hidden; }
.asb-panel {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position:absolute;
	left:0px;
	width:100%;
	height:100%;
}
.asb-card { position:relative; }
/* E : web 기술 개발팀 css 추가 */

/* header */
.header_box{display:block;padding:10px;padding-bottom:0;}
.header_box_radio.header_box{padding-top:0px;}

.tith1_posi{position:relative;height:30px;line-height:30px;padding-right:21px;text-align:right;font-size:13px;color:#3e3e3e;background-color:#fff;}/*font-weight:bold;*/
.tith1_posi:before{content:"";position:absolute;top:9px;right:11px;width:7px;height:11px;background:url(/images/ocbapp/ico_arrow03.png) no-repeat 0 0;background-size:7px 11px;}
.tith1_posi span{padding-left:20px;background:url(/images/ocbapp/ico_posi2.png) no-repeat 0 50%;background-size:13px 13px;display:block;}

.tith1_posi2{position:absolute;top:10px;right:0;background:none;}

.ui_lnb{display:-moz-box;display:-webkit-box;display:box;width:100%;text-align:center;background:#fff;box-shadow:1px 2px 5px #e0e0e0;z-index:3;}
.ui_lnb li{display:block;padding:0 5px;box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.ui_lnb li a{position:relative;overflow:hidden;display:block;height:43px;line-height:43px;text-align:center;font-size:14px;}/*font-weight:bold;*/
.ui_lnb li .on{color:#f25053;}
.ui_lnb li .on:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:8px;background:#f25053;border-radius:20px;}

.ui_lnb_2s{height:33px;overflow:hidden;border:1px solid #B5B5B5;border-radius:5px;box-shadow:none;}
.ui_lnb_2s li{padding:0;border-right:1px solid #B5B5B5;}
.ui_lnb_2s li .on{background:#B5B5B5;color:#fff;}
.ui_lnb_2s li .on:after{background:none;}
.ui_lnb_2s li:last-child{border-right:none;}
.ui_lnb_2s li a{height:34px;line-height:35px;color:#b5b5b5;}

.ui_lnb50 li{width:50%;}

.ui_lnb_3i{position:relative;box-shadow:none;width:100%;text-align:center;z-index:10;}
.ui_lnb_3i > a{position:relative;display:block;width:100%;height:34px;background:#fff;border:1px solid #B5B5B5;border-radius:5px;font-size:14px;line-height:34px;-webkit-tap-highlight-color: rgba(0,0,0,0);}/*font-weight:bold;*/
.ui_lnb_3i .drop_box{display:none;}
.ui_lnb_3i .drop_box li{padding:0;}

.ui_lnb_3i > a span{display:inline-block;width:34px;height:34px;float:right;background:url(/images/ocbapp/bg_select2.png) no-repeat right 48% #fff;background-size:35px 35px;text-indent:-5000px;border-bottom-right-radius:5px;border-top-right-radius:5px;border-left:1px solid #CACACA;overflow:hidden;}

.ui_lnb_3i.open > a{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.ui_lnb_3i.open > a span{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);border-left:none;border-right:1px solid #CACACA;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-top-left-radius:0;}
.ui_lnb_3i .drop_box{position:absolute;width:100%;left:0;top:35px;}
.ui_lnb_3i .drop_box ul{width:100%;border:1px solid #B5B5B5;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.ui_lnb_3i .drop_box li{display:table;width:100%;height:35px;line-height:35px;border-top:1px solid #D6D6D6;}
.ui_lnb_3i .drop_box li:first-child{border:0;}
.ui_lnb_3i .drop_box li a{font-weight:normal;font-size:14px;display:block;height:100%;}
.ui_lnb_3i li .on{color:#F25053;}
.ui_lnb_3i li .on:after{background:none;}

.ui_lnb2_3i > a{width:50%;}
.ui_lnb2_3i .drop_box ul{width:50%;}

.ui_sorting{text-align:left;}
.ui_sorting li{display:inline-block;margin:10px 0 0 5px;}
.ui_sorting a{display:inline-block;height:27px;line-height:27px;padding:0 20px;font-size:12px;color:#999;border:2px solid #d2d2d2;border-radius:20px;}
.ui_sorting .on{color:#f87d70;border:2px solid #f87d70;background-color:#fff5e1;}

@keyframes move-to-1{0%{transform:translate3d(0,-100%,0);}100%{transform:translate3d(0,0,0);}}
@-webkit-keyframes move-to-1{0%{-webkit-transform:translate3d(0,-100%,0);}100%{-webkit-transform:translate3d(0,0,0);}}
.ui_soring_shown{display:block;-webkit-animation:move-to-1 1s linear;animation:move-to-1 1s linear;}
@keyframes move-to-2{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(0,-100%,0);}}
@-webkit-keyframes move-to-2{0%{-webkit-transform:translate3d(0,0,0);}100%{-webkit-transform:translate3d(0,-100%,0);}}
.ui_sorting_hidden{display:none;}

/* contents  */
#contetns{clear:both;padding:10px 10px 33px;}
#contetns.gift_180 {height:100%;box-sizing:border-box;back;background: #e4e4e4}
#contetns.place20{clear:both;padding:10px 10px 0px;}
.maintab_nav{padding:10px 10px 0 10px;}

	.btn_block_type_detail a.btn_detail{text-align:right;margin-top:20px;clear:both;display:block;padding-right:13px;font-size:12px;background:url(/images/ocbapp/ico_arrow01.png) no-repeat right 1px;background-size:7px 11px;}

.btn_block_type{display:-moz-box;display:-webkit-box;display:box;width:100%;margin-top:8px;text-align:center;}
.btn_block_type span{display:block;box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;width:50%;}
.btn_block_type span:nth-child(2),.btn_block_type span:nth-child(3){margin-left:5px;}

.btn_type01,.btn_type02,.btn_type03,.btn_type04,.btn_type05,.btn_type06,.btn_type07{display:block;height:35px;line-height:35px;border-radius:5px;font-size:15px;color:#fff;border:0;}/*font-weight:bold;*/
.btn_type01{background-color:#f87d70;border:1px solid #f0796c;}
.btn_type02{background-color:#ff946e;border:1px solid #ff8d65;}
.btn_type03{background:#bcbcbc}
.btn_type03.type{font-size:13px;background:#969696;color:#ccc;}
.btn_type03.type.noBtn{width:50%;margin:0 auto;height:35px;line-height:35px;border-radius:5px;font-size:15px;}
.btn_type04{width:50%;margin:0 auto;background:#545454}
.btn_type04.type{width:100%;}
.btn_type04.type02,.btn_type05.type02,.btn_type07.type02{width:33%;margin:0 auto;}
.btn_type01.type,.btn_type05.type,.btn_type07.type{width:71%;margin:0 auto;}
.btn_type05.type.btnResiz{width:70%;}
.btn_type05{height:45px;line-height:45px;font-size:17px;background:#f25053}
.btn_type06{height:41px;line-height:41px;font-size:15px;background:#f25053}
.btn_type07{height:41px;line-height:41px;font-size:15px;background:#545454}
.btns_type01{display:inline-block;font-size:13px;width:63px;height:22px;line-height:22px;text-align:center;border:1px solid #dcdcdc;border-radius:3px;background-color:#fff;}
.btns_type01.active{background-color:#e5e5e5;}
.btn_more{position:absolute;top:-2px;right:0;display:inline-block;padding:2px;font-size:12px;color:#b8b8b8;}/*font-weight:bold;*/
.btn_modify{display:block;height:30px;line-height:30px;text-align:center;background:#545454;border-radius:5px;font-size:14px;color:#fff;border:0;}/*font-weight:bold;*/

.ico_ir{position:relative;z-index:9;display:inline-block;vertical-align:middle;text-indent:-5000px;}

.tith2_type01,.tith2_type02,.tith2_type03{margin:16px 0 7px 0;font-size:14px;color:#444}
.tith2_type02{margin:19px 0 7px 0;font-size:13px;color:#444}
.tith2_type03{}/*font-weight:bold;*/
.tith2_type03.type{margin-left:15px;}
.tith2_type04{margin:-10px -10px 10px;padding:7px 10px 6px 10px;font-size:12px;color:#3e3e3e;background-color:#fff;}

.fl{width:50%;float:left;}
.cl_both{clear:both;}
.tith2_type_same{ height:20px;float:right;padding-top:18px;font-size:12px;font-weight:bold;color:#444;}
.data input.text_num{width:22%;}


#contetns .tith2_type01:first-child,#contetns .tith2_type02:first-child,#contetns .tith2_type03:first-child{margin-top:0;}

.coupon_popup_con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.coupon_popup_con .mask{width:100%;height:100%;opacity:.5;background:#000;}
.coupon_popup_con .coupon_popup{position:absolute;width:294px;padding:5px;top:0;left:0;border-radius:5px;border:1px solid #e5e5e5;background:#fff;text-align:center;}
.coupon_popup_con .coupon_popup h1{margin:15px 0 31px;font-size:18px;color:#333;}/*font-weight:bold;*/
.coupon_popup .view li:first-child{text-align:left;margin-left:12px;margin-bottom:10px;}
.coupon_popup .view .data.point select{width:30%;height:36px;font-size:15px;}
.coupon_popup .view .data.point span input{width:55%;}
.coupon_popup_con .coupon_popup .coment{margin:15px 0 35px;font-size:15px;line-height:21px;color:#666;}

.y73_buy_pop .coupon_popup .coment2{font-size:14px; padding-bottom:9px; line-height:18px; font-weight:bold;}
.y73_buy_pop .coupon_popup_con2 .view li:first-child{text-align:left; margin:0px;}
.y73_buy_pop .coupon_popup .btn_block_type span{width:45%;}

.coupon_popup_con .coupon_popup .coment2{margin:15px 0 35px;font-size:15px;line-height:21px;color:#666; text-align:center;width:100%;}
.coupon_popup_con2 .view li:first-child{text-align:center;}
.coupon_popup_con2 .coupon_popup .view .data.point select{width:30%;height:36px;font-size:15px;}
.coupon_popup_con2 .coupon_popup .view .data.point span input{width:64%;}
.coment3{font-size:11px;text-align:center;color:#c4c4c4;padding:15px 0px;}

.y139_pop h1{font-weight:bold;}
.y139_pop .form_list.list_type03{min-height:200px;}
.y139_pop .form_list.list_type03 li{height:50px;}
.y139_pop .form_list.list_type03 li:first-child .data{font-weight:bold;color:#666;}
.y139_pop .form_list.list_type03 li .data{font-weight:bold;color:#82bdf0;}
.y139_pop .form_list.list_type03 .tit{font-weight:bold;color:#666;}
.y139_pop .form_list.list_type03 li .list_date{font-size:11px;color:#999;display:table-cell;vertical-align:middle;width:58px;text-align:center;}
.y139_pop .form_list.list_type03 li .store_name{font-size:15px;color:#666;display:table-cell;vertical-align:middle;}
.y139_pop .pop_container{padding-bottom:10px;}
.y139_pop .btn_block_type{margin:0 auto; width:95%;}
.y139_pop .btn_block_type span{width:45%;font-weight:bold;}
.y139_pop_defualt .pop_container .ui_pop_list .form_list li{border:none;}
.y139_pop_defualt .pop_defualt_txt{font-size:15px; color:#999;font-weight:bold; border:none;text-align:center;margin-top:100px;}


.btn_patron span {left:2px; top:20px; color:#fff;font-size:11px;}
.ui_slides{position:relative;border:1px solid #ececec;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}
.ui_slides span{position:absolute;z-index:11;display:inline-block;}/*height:25px;*/
.ui_slides .username{bottom:5px;left:13px;font-size:12px;color:#fff;height:12px;}
.ui_slides .num_photo{bottom:5px;right:13px;padding-left:20px;font-size:12px;color:#fff;border:0;background:url(/images/ocbapp/ico_photo.png) no-repeat 0 3px;background-size:13px 8px;height:12px;}
/* S : 즐겨찾기 접히는 효과 애니메이션을 위해 Web기술개발팀 수정 */
/* .ui_slides .btn_patron input[type=button]{display:inline-block;top:0;left:0;width:55px;height:55px;text-indent:-5000px;border:0;background:url(/images/ocbapp/btn_patron.png) no-repeat 0 0;background-size:55px 55px;} */
.ui_slides .btn_patron input[type=button]{display:inline-block;top:0;left:0;width:55px;height:55px;text-indent:-5000px;border:0;background:transparent url(/images/ocbapp/folding.png) no-repeat -385px 0;background-size:440px 55px;}
/* E : 즐겨찾기 접히는 효과 애니메이션을 위해 Web기술개발팀 수정 */

.ui_slides button{position:absolute;width:55px;height:55px;top:0;left:0;z-index:9;background:none;}
.ui_slides button .btn_patron{top:0;left:0;}
.ui_slides button .btn_patron img{width:55px;height:55px;}

.sliders{position:relative;margin:0 -10px;}
.sliders .slide{overflow:hidden;position:relative;border-radius:0 !important;}
.slide .item{height:100%;/*position:relative;*/}
.slide .item li{float:left;font-size:0;width:100%; height:100%;position:relative;padding:0 10px;box-sizing:border-box;}
.slide .item div{height:100%;}

.slide .item li span{display:none;}
.slide .item .point span{display:block;}
.slide .item li span.slide_text1{display:block;}
.slide .item img{width:100%;}

.sliders .control_paging{width:100%;z-index:11;text-align:center;}
.sliders .control_paging li{display:inline;}
.sliders .control_paging span{position:static;display:inline-block;width:6px;height:6px;vertical-align:top;background-color:#fff;text-indent:-5000px;border-radius:20px;}
.sliders .control_paging .active,.sliders.benefit .control_paging .active,.sliders.event .control_paging .active,.sliders.save .control_paging .active,.sliders.checkin .control_paging .active{background-color:#f25053}

.sliders.store .item li{position:absolute;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;hiehgt:100%; background-color:#dfdfdf;}
/*.sliders.store .item li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60px;opacity:.7;background-image: linear-gradient(top, transparent 0%, #000 100%);background-image: -o-linear-gradient(top, transparent 0%, #000 100%);background-image: -moz-linear-gradient(top, transparent 0%, #000 100%);background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #000));}
.sliders.store .item li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60px;opacity:.5;background: linear-gradient(to top, #dedede, transparent);background: -webkit-linear-gradient(to top, #dedede, transparent);background: -o-linear-gradient(to top, #dedede, transparent);background: -moz-linear-gradient(to top, #dedede, transparent);}*/
.sliders.store .item li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60px;opacity:.2;background:transparent url(/images/ocbapp/bg_gradient.png) 0 0;}

.sliders.store .item li img{-webkit-transform:translate3d(0px,-50%,0px);transform:translate3d(0px,50%,0px);position:absolute;top:50%;display:block;background-color:#dfdfdf; height:160px; width:auto; margin:auto; left:0; right:0;}
.sliders.store .item li.delivery_tong img{position:static;-webkit-transform:translateY(0);transform:translateY(0);top:0;margin:0 auto;width:175px;}
.sliders.store .slide{height:160px;border-top-left-radius:5px;border-top-right-radius:5px;}
.sliders.store .control_paging{position:absolute;bottom:0;height:15px;}

/*.sliders.benefit .slide{height:88px;}*/
.sliders.benefit .slide{min-height:96px;}
.sliders.benefit .slide .cw-panel{padding:0 10px;border:none;background:transparent;}
.sliders.benefit .slide .cw-panel .cw-card{padding:0;border-radius:5px;border:1px solid #ececec;background-color:#fff;position:static;}/*padding:13px 12px;*/
.sliders.benefit .control_paging{margin-top:10px;text-align:center;}
.sliders.benefit .control_paging span{background-color:#c8c8c8;}
.sliders.benefit .slide .cw-card div{padding:13px 12px !important;}
.sliders.benefit div.default {background:url('/images/ocbapp/bg_default.png') repeat-y #fff;background-position:-10px top;border:0 !important;}
.sliders.benefit div.default .thum{background-image:url('/images/ocbapp/default_place_ocb1.png');background-position:30% 100%;-webkit-background-size:55px 55px;background-size:55px 55px;}

.sliders.event{margin-bottom:10px;background-color:#f4f4f4;/*6/10 background-color추가*/}
.sliders.event .slide{height:74px;-webkit-border-radius:5px;border-radius:5px;border-top-left:5px;border-top-right:5px;border-bottom-left:5px;border-bottom-right:5px;overflow:hidden;}
.sliders.event .slide li img{display:block;min-height:100%;-webkit-border-radius:5px;border-radius:5px;border-top-left:5px;border-top-right:5px;border-bottom-left:5px;border-bottom-right:5px;}
.sliders.event .control_paging{height:6px;margin-top:5px;text-align:center;}
.sliders.event .control_paging span{background-color:#c8c8c8;}

.sliders.checkin{margin-bottom:10px;}
/*6/1수정checkin padding관련*/.ui_check_side > div.sliders.checkin {margin-left:inherit !important;margin-right:inherit !important;margin-top:inherit !important;}
.sliders.checkin .slide{height:78px;border-radius:5px;border:1px solid #ececec}
.sliders.checkin .control_paging{height:6px;margin-top:5px;text-align:center;}
.sliders.checkin .control_paging span{background-color:#c8c8c8;}

.sliders.save{margin-bottom:10px;}
.sliders.save .slide{height:225px;border-radius:5px;background:#fff;}
.sliders.save .slide li{}
.sliders.save .item .item_block{overflow:hidden;height:225px;}
.sliders.save .infor{width:96%;padding:2% 2% 0 2%;font-size:14px;}
.sliders.save .infor:after{content:"";display:block;clear:both;}
.sliders.save .tit{width:75%;font-size:15px;color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;margin-bottom:10px;}
.sliders.save .date{width:25%;font-size:10px;text-align:right; float:right; padding-top:3px;}
.sliders.save .date strong{color:#f25053;}
.sliders.save .thum{position:relative;width:223px;height:111px;margin:22px auto 13px;background:url(/images/ocbapp/tmp/img_save.png) no-repeat 0 0;background-size:223px 111px;}

.sliders.save .thum .thum_Balloon{position:absolute;top:6px;right:6px;}
.sliders.save .thum .thum_Balloon p{position:relative;display:table-cell;width:45px;height:45px;background-color:#FF6156;border-radius:50%;vertical-align:middle;text-align:center;font-size:10px;color:#fff;}
.sliders.save .thum .thum_Balloon p:after{content:"";position:absolute;display:block;width:0;bottom:0;left:0;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);
border-width:5px 13px 3px 0;border-style:solid;border-color:transparent #FF6156;}
.sliders.save .thum .thum_Balloon span{display:block;color:#FFFB45;}

.sliders.save .control_paging{height:6px;margin-top:5px;text-align:center;}
.sliders.save .control_paging span{background-color:#c8c8c8;}

.sliders.event + .tith2_type01{margin-top:-1px;}

.b11_save .slide .item li span{display:block;}
.b11_save .sliders.save .thum{margin:15px auto 13px;}

.p020_default_img .slide .item{width:100%; height:100%;}
.p020_default_img .slide ul.item li{width:100%; height:100%;}
.p020_default_img .slide ul.item li .no_slide_img{width:100%; height:100%;background:url("/images/ocbapp/no_slide_img.png") #ffd4d0 no-repeat 50% 40%; background-size:85px auto;} /*6/9*/

.ui_store_infor{position:relative;padding:13px 10px 22px 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:1px solid #e2e2e2;border-top:0;background-color:#fff;}
.ui_store_infor h2{font-size:17px;color:#444; position:relative;}/*font-weight:bold;*/
.ui_store_infor .ico_join{display:inline-block;top:-3px;width:20px;height:18px;background:url("/images/ocbapp/ico_join.png") no-repeat 0 0;background-size:20px 18px;margin-left:2px;}
.ui_store_infor .t_world_icon{top:-3px;width:14px;height:18px;background:url("/images/ocbapp/tworld_icon.png") no-repeat 0 0; background-size:14px 18px;}
.ui_store_infor .encrean_icon{top:-3px;width:34px;height:18px;background:url("/images/ocbapp/encrean_icon.png") no-repeat 0 0; background-size:34px 18px;}
.ui_store_infor .hana_icon{top:-3px;width:21px;height:18px;background:url("/images/ocbapp/hana_icon.png") no-repeat 0 0; background-size:21px 18px;}

.b31_partner .ui_store_infor{padding:0; border:none;}
.b31_partner .ui_store_infor .ico_more_view{top:-5px;}

.ui_store_infor .ico_more{display:inline-block;position:relative;height:15px;bottom:-1px;margin-left:3px;z-index:999;}
.ui_store_infor .ico_more button{width:26px; height:15px;border-radius:7px;background-color:#c8c8c8;color:#fff;display:block;overflow:hidden;text-indent:-9999px;background:#c8c8c8 url("/images/ocbapp/dot_point.png") no-repeat 50% 50%;background-size:17px 4px;}
.ui_store_infor .test_wrap{position:absolute;right:7px; top:33px;display:none;z-index:999;}
.ui_store_infor .ico_more_view{background-color:#dfdfdf; border-radius:7px; width:220px; font-size:10px;padding:10px;z-index:10;}
.ui_store_infor .ico_more_view li{font-size:11px;margin-bottom:1px;}
.ui_store_infor .ico_more_view li.card{padding-left:50px;}/*font-weight:bold;*/
.ui_store_infor .ico_more_view li.ico_en{background:url("/images/ocbapp/encrean_icon_s.png") no-repeat 0 0; background-size:26px 12px;}
.ui_store_infor .ico_more_view li.ico_hana{background:url("/images/ocbapp/hana_icon_s.png") no-repeat 0 0; background-size:21px 12px;}
.ui_store_infor .ico_more_view li.ico_tworld{background:url("/images/ocbapp/tworld_icon_s.png") no-repeat 0 0; background-size:11px 12px;}
.ui_store_infor .ico_more_view li.ico_ok{background:url("/images/ocbapp/ico_join_s.png") no-repeat 0 0; background-size:13px 12px;}
.ui_store_infor .ico_more_view li.ico_bene{background:url("/images/ocbapp/ico_bene_s.png") no-repeat 0 0; background-size:39px 12px;}
.ui_store_infor .ico_more_view li.ico_text{font-size:9px;color:#999;margin-top:8px;}
.ui_store_infor .open:after{content:"";display:block;width:7px; height:5px; background:url("/images/ocbapp/tri_bg.png") no-repeat 0 0;background-size:7px 5px;position:absolute;right:10px;}

.ui_store_infor .kind{margin-top:10px;font-size:13px;color:#b8b8b8;width:100%;}
.ui_store_infor .infor{margin-top:4px;line-height:135%;font-size:13px;color:#444;width:100%;}
.ui_store_infor .grade{margin-top:4px;font-size:11px;color:#b8b8b8;width:100%;}

.ui_store_infor .infor_wrap{width:100%; height:100%;display:box;display:-webkit-box;display:-moz-box; margin-top:10px;}
.ui_store_infor .store_infor{width:76%;height:100%; -webkit-box-flex:1;-moz-box-flex:1;}
.ui_store_infor .store_star_gt{display:block;
width:5%; background:url("/images/ocbapp/ico_arrow03.png") no-repeat right 50%;background-size:7px 11px;
-webkit-box-flex:1;-moz-box-flex:1;
}
.ui_store_infor .store_star{-webkit-box-flex:1;-moz-box-flex:1;width:20%;padding:0 5px;font-size:11px;border-left:1px solid #ececec;text-align:center;height:55px;margin:5px 0 0 5px;}

.ui_store_infor .star_all{display:inline-block;width:70px;height:13px;background:url(/images/ocbapp/ico_star02_bg.png) no-repeat 0 0;background-size:70px 13px;}
.ui_store_infor .star{position:relative;display:inline-block;width:100%;height:13px;text-indent:-5000px;background:url(/images/ocbapp/ico_star01_bg.png) no-repeat 0 0;background-size:cover;}
.ui_store_infor .store_star a{position:relative;display:inline-block;width:65px;padding-top:2px;color:#b8b8b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui_store_infor .store_star span{position:relative;display:inline-block;width:35px;height:35px;border-radius:100px;}
.ui_store_infor .store_star .ico{position:absolute;top:0;right:5px;width:20px;height:20px;background:url("/images/ocbapp/crown_img_s.png") no-repeat 0 0;background-size:20px 20px;}
.ui_store_infor .store_star .photo{display:inline-block;width:35px;height:35px;text-indent:-5000px;border:1px solid #f3dbdb;border-radius:100px;background:url(/images/ocbapp/tmp/photo_star.png) no-repeat 0 0;background-size:35px 35px;}
.ui_store_infor .store_star .photo.default{background-image:url('/images/ocbapp/img_allTip01.png');border-color:transparent;}
.ui_store_infor .store_star .photo.default2{background-image:url('/images/ocbapp/img_allTip02.png');border-color:transparent;}

.ui_store_infor .hompage{margin-top:4px;font-size:13px;color:#b8b8b8;}
.ui_store_infor .store_logo{position:relative;left:50%;width:81px;height:45px;margin:11px 0 23px;text-indent:-5000px;background:url(/images/ocbapp/tmp/store_logo.png) no-repeat 0 0;background-size:81px 45px;}

.ui_isstore h2,.ui_benefit h2,.ui_gift h2,.ui_gradetip h2,.ui_alltip h2,.ui_storeintro h2{padding-left:12px;font-size:15px;color:#444;}/*font-weight:bold;*/
.ui_isstore,.ui_storeintro{padding:17px 85px 19px 12px;border-bottom:1px solid #e3e3e3;background:url(/images/ocbapp/bg_isStore.png) no-repeat right 50%;background-size:80px 85px;min-height:70px}
.ui_isstore h2,.ui_storeintro h2{margin-left:-12px;}/*font-weight:bold;*/
.ui_isstore p,.ui_storeintro p{margin:8px 0 7px 0;line-height:20px;font-size:13px;color:#444;}
.ui_storeintro{padding:24px 12px 9px;background:none;}

.ui_benefit{position:relative;margin-top:19px;}
.ui_benefit h2{margin-bottom:7px;}/*font-weight:bold;*/
.ui_benefit .slide .item li{position:absolute;height:100%;}
/*.ui_benefit .slide .item .cw-panel .cw-card{width:93% !important; height:70% !important;}*/
.ui_benefit .item div{overflow:hidden;padding:13px 12px;border-radius:5px;border:1px solid #ececec;background-color:#fff;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ui_benefit .item .thum{float:left;margin-right:10px;}
.ui_benefit .item .thum{width:85px;height:58px;text-indent:-5000px;background:no-repeat 0 0;background-size:85px 58px;}
.ui_benefit .item .tit{font-size:14px;color:#444;}/*font-weight:bold;*/
.ui_benefit .item .memo{margin-top:2px;font-size:12px;color:#999;}
.ui_benefit .item .day{margin-top:8px;letter-spacing:-.5px;word-spacing:-1px;font-size:12px;color:#999;}
.ui_benefit .item .day span{display:inline-block;padding:2px 8px;margin-right:3px;vertical-align:middle;color:#fff;font-size:9px;border-radius:10px;background-color:#c8c8c8;}

.ui_gift{position:relative;}
.ui_gift h2{margin-bottom:7px;}/*font-weight:bold;*/
.ui_gift ul{overflow:hidden;}
.ui_gift li{float:left;width:32.6%;margin-left:1.1%;}
.ui_gift li:first-child{margin-left:0;}
.ui_gift div{padding:12px 9px;border-radius:5px;border:1px solid #ececec;background-color:#fff;}
.ui_gift div.default {background:url('/images/ocbapp/bg_default2.png') repeat-x #fff;background-position:left -30px;}
.ui_gift div.default2 {background:url('/images/ocbapp/bg_default2.png') repeat-x #fff;background-position:left -30px;}
.ui_gift .thum{width:90px;height:90px;margin:0 auto;text-indent:-5000px;background-repeat:no-repeat;background-position:center;background-size:90px auto;margin-bottom:10px;}
.ui_gift div.default .thum {background-image:url('/images/ocbapp/default_place_ocb1.png');background-position:50% 40%;-webkit-background-size:55px 55px;background-size:55px 55px;}
.ui_gift div.default2 .thum {background-image:url('/images/ocbapp/default_place_ocb2.png');background-position:50% 40%;-webkit-background-size:55px 55px;background-size:55px 55px;}

.ui_gift .tit{letter-spacing:-1px;font-size:13px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*font-weight:bold;*/
.ui_gift .memo{margin-top:3px;font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui_gift .price{margin-top:4px;text-align:right;font-size:12px;color:#f25053;}

.ui_gradetip{margin:15px -9px 0;padding:15px 10px;background-color:#e1e1e1;}
.ui_gradetip div{padding:22px 0;/*text-align:center;*/border-radius:5px;background-color:#fff;}
.ui_gradetip h2{text-align:center;padding-right:0;padding-left:0;padding-bottom:10px;border-bottom:1px solid #f3f3f3;}/*font-weight:bold;*/
.ui_gradetip a{display:block;margin:0 auto;width:167px;margin-top:10px;}
.ui_gradetip .star_all{display:inline-block;width:167px;height:27px;background:url(/images/ocbapp/ico_starT02_all.png) no-repeat 0 0;background-size:167px 27px;}
.ui_gradetip .star{position:relative;display:inline-block;width:100%;height:27px;text-indent:-5000px;background:url(/images/ocbapp/ico_starT01_all.png) no-repeat 0 0;background-size:cover;}

.ui_alltip{margin-top:19px;}
.ui_alltip h2 span{color:#999;font-size:13px;}
.ui_alltip ul{margin:15px 0 17px 12px;}
.ui_alltip li{position:relative;width:100%;margin:13px 0 15px;}
.ui_alltip li:first-child{margin-top:0;}
.ui_alltip .thum_block{position:relative;display:table-cell;width:61px;}
.ui_alltip .thum_block .thum{display:inline-block;width:50px;height:50px;text-indent:-5000px;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:50px 50px;background-size:50px 50px;}
.ui_alltip .thum_block .default{background-image:url('/images/ocbapp/img_allTip01.png');}
.ui_alltip .thum_block .ico_best{position:absolute;top:0;left:-10px;width:20px;height:20px;background:url("/images/ocbapp/p_best_reply_icon.png") no-repeat 0 0;background-size:20px 20px;}
.ui_alltip .thum span img{width:22px;height:22px;}
.ui_alltip div{display:table-cell;vertical-align:top;}
.ui_alltip .user{font-size:11px;min-height:13px;}/*font-weight:bold;*/
.ui_alltip .grade{margin-top:4px;}
.ui_alltip .star_all{display:inline-block;width:55px;height:10px;background:url(/images/ocbapp/ico_star_all02.png) no-repeat 0 0;background-size:55px 10px;}
.ui_alltip .star{position:relative;display:inline-block;width:100%;height:10px;text-indent:-5000px;background:url(/images/ocbapp/ico_star_all.png) no-repeat 0 0;background-size:cover;}
.ui_alltip .grade span{font-size:11px;color:#b8b8b8;}
.ui_alltip .grade .date{position:relative;top:0;}
.ui_alltip .memo{margin-top:4px;font-size:13px;}
.ui_alltip .spot{position:absolute;top:14px;right:0}
.ui_alltip .spot input[type=button]{display:inline-block;padding:4px 2px 2px;font-size:11px;color:#ff915a;border:0;background-color:#f4f4f4;}/*font-weight:bold;*/
.ui_alltip .spot span{padding-left:8px;margin-left:1px;background:url(/images/ocbapp/in_h01.png) no-repeat 0 5px;background-size:1px 13px;}
.ui_alltip .spot .ico_recomend{position:relative;top:0;width:13px;height:13px;margin-right:-5px;vertical-align:middle;background:url(/images/ocbapp/ico_recomend.png) no-repeat 0 0;background-size:13px 13px;}
.ui_alltip .spot code{font-size:11px;color:#f25053;}

.ui_alltip .ui_alltip_more {text-align:right;  font-size:13px;padding-right:15px;background:url("/images/ocbapp/down_ar.png") no-repeat right 5px; background-size:12px; margin:15px 0 18px;}/*font-weight:bold;*/
.ui_alltip .close{background-image:url("/images/ocbapp/up_ar.png"); background-size:12px;}
.ui_alltip .ui_alltip_more button{background:transparent;}
.ui_alltip .ui_alltip_menu_img{text-align:right;}
.ui_alltip .ui_alltip_menu_img1{display:inline-block;background:url("/images/ocbapp/tmp/tip_pasta.png") no-repeat 0 0;background-size:50px;width:50px;height:50px;}

.ui_alltip .btn_ui_more{text-align:right;}

.place20 .ui_alltip p.memo{display:block;border:none;min-height:30px;background-color:#f4f4f4; width:100%;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical; display: -webkit-box; word-wrap:break-word;}
.place20 .ui_alltip .memo.view_all{-webkit-line-clamp:initial;}
.place20 button.null_link{background-color:#f4f4f4;}


.btn_allreview{margin:0 -9px;padding:11px 12px;text-align:right;border-top:1px solid #e7e6e5}
.btn_allreview a{display:inline-block;padding:2px 15px 2px 2px;font-size:14px;background:url(/images/ocbapp/ico_arrow.png) no-repeat right 50%;background-size:8px 12px}

.btn_informodify{padding:20px 0;margin:0 -9px;text-align:center;background:#e1e1e1;}
.btn_informodify .btn_type03{display:inline-block;font-size:13px;padding:0px 20px;}

.notip{width:100%;height:200px;background:url("/images/ocbapp/img_file_big.png") no-repeat 50% 50%;background-size:31px 36px;font-size:14px;color:#999;text-align:center;}
.notip span.notip_text{display:inline-block;padding-top:131px;}

.notip_b{width:100%;height:565px;background:url("/images/ocbapp/img_file_big.png") no-repeat 50% 20px;background-size:53px 61px;font-size:14px;color:#999;text-align:center;}
.notip_b span.notip_b_text{display:inline-block;padding-top:88px;}

.notip_b2{width:100%;background:url("/images/ocbapp/friends.png") no-repeat 50% 20px;background-size:77px 47px;font-size:14px;color:#999;text-align:center;margin:0;}
.notip_b2 span.notip_b_text{display:inline-block;padding-top:88px;}

.header_tab{height:34px; background-color:#ff5b54;border:1px solid #ff5b54; border-radius:7px 7px 0 0;border-bottom:none;position:relative;}
.header_tab:after{content:""; display:block;width:8px; height:6px; background:url("/images/ocbapp/down_arrow.png") no-repeat 0 0; background-size:8px 6px; position:absolute; left:48px; bottom:-6px;}
.header_tab .tab_closed{width:100%;height:100%;color:#fff;font-weight:bold;font-size:14px; }
.header_tab .tab_closed .tab_close_btn{background:url("/images/ocbapp/header_tab_close.png") no-repeat right 50%;background-size:14px 14px;width:14px; height:14px; display:block;position:absolute;right:10px; top:10px;}
.header_tab .tab_closed .tab_close_text{display:block;padding:9px 0 0 20px;}

.tit_storedetail{padding:8px 0 3px 9px;margin-bottom:-14px;font-size:17px;color:#f25053;background-color:#fff;}/*font-weight:bold;*/
.ui_detailinfor{margin:0 -10px 0;padding:0 10px 13px;background-color:#fff}
.ui_detailinfor h2{margin-top:4px;font-size:12px;}/*font-weight:bold;*/
.ui_detailinfor ul{margin:12px 0 0 13px;}
.ui_detailinfor li{display:table;width:100%;margin-top:6px;}
.ui_detailinfor li span{display:table-cell;font-size:13px;}
.ui_detailinfor li span:nth-child(1){width:35px;color:#444;}
.ui_detailinfor .num,.ui_detail .num{font-size:12px;}
.ui_detail h2{margin-top:19px;font-size:13px;color:#444;}/*font-weight:bold;*/
.ui_detail .type01,.ui_detail .type02,.ui_detail .detail_block,.ui_detail .type03{margin-top:7px;padding:14px 11px;background-color:#fff;border-radius:5px;border:1px solid #e2e2e2;}
.ui_detail .type01 li,.ui_detail .type03 li{display:table;width:100%;margin-top:26px;}
.ui_detail .type01 li:first-child,.ui_detail .type03 li:first-child{margin-top:0;}
.ui_detail .type01 span,.ui_detail .type03 span{display:table-cell;font-size:12px;}
.ui_detail .type01 span:nth-child(1),.ui_detail .type03 span:nth-child(1){width:99px;font-size:13px;color:#444;}
.ui_detail .type02{font-size:12px;line-height:17px;}
.ui_detail .type03 li{margin-top:4px;line-height:14px;}
.ui_detail .type03 span:nth-child(1){width:73px}
.ui_detail .detail_block{position:relative;}
.ui_detail .detail_block p{margin:-14px -11px 0;padding:14px 11px;color:#444;font-size:13px;background-color:#e4e4e4;}
.ui_detail .detail_block h3{margin-top:15px;color:#444;font-size:13px;}
.ui_detail .detail_block ul{margin-top:3px;}
.ui_detail .detail_block li{line-height:17px;font-size:12px;}
.ui_detail .detail_block .btn_more{top:-24px;}

.tith1_placeBan{margin:-10px -10px 0;padding:8px 10px 7px 12px;font-size:12px;color:#3e3e3e;background-color:#fff;}/*font-weight:bold;*/

.ui_list_type01 + .ui_list_type01{margin-top:6px;}
.ui_list_type01 li{position:relative;width:100%;margin-top:6px;background-color:#fff;border-radius:5px;border:1px solid #ececec;display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-sizing:border-box;box-sizing:border-box;}/*height:85px; */

.ui_list_type04.h70 li{min-height:70px;padding:20px 0 0 17px;}
.ui_list_type01.h84 li{height:84px;}
.ui_list_type01.h85 li{height:85px;}
.ui_list_type01.h90 li{height:90px;}
.ui_list_type01.h95 li{height:95px;}
.ui_list_type01.h97 li{height:97px;}
.ui_list_type01.h100 li{height:100px;}
.ui_list_type01.h102 li{height:102px;}

/*.ui_list_type01 li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
.ui_list_type01 li.noList{position:relative;margin-top:6px;background-color:transparent;border:0px;}
.ui_list_type01 li:first-child{margin-top:0}
.ui_list_type01 li > a{position:relative;width:100%;height:100%;display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;}
.ui_list_type01 p:first-of-type{padding:0;margin:10px 0 10px 13px;}/* float:left;height:100%;*/
.ui_list_type01 p.thum18:first-of-type{padding:0;margin:0px;}/* float:left;height:100%;*/


/*이전 구매내역 추가 Y113 */
.list_view_prev{ position:absolute; background:url(/images/ocbapp/ico_arrow01.png) no-repeat right -1px; background-size:contain;
				 color:#666666; font-size:14px; padding-right:14px; right:10px; bottom:24px; letter-spacing:-1px; }
/*이전 구매내역 추가 끝 */


.ui_list_type01 .dimmed{width:100%;height:100%;position:absolute;background-color:#fff;opacity:0.6;border-radius:5px;z-index:99;margin:0;padding:0;}
/*.ui_list_type01 .dimmed li{width:100%; height:100%;background:url("/images/ocbapp/dimmed_img.png") no-repeat 0 0; position:absolute;}*/
.ui_list_type01 .d_day{
	width:40px; height:40px; background:url("/images/ocbapp/btn_patron03.png") no-repeat 0 0;
	background-size:40px 40px;position:absolute; left:0; top:0;color:#fff;
	font-size:8px;
}
.ui_list_type01 .d_day span{display:block; padding:2px;}

.ui_list_type01 .thum,.ui_list_type01 .thum02,.ui_list_type01 .thum03,.ui_list_type01 .thum04,.ui_list_type01 .thum05,.ui_list_type01 .thum06,.ui_list_type01 .thum07,.ui_list_type01 .thum08{padding:10px 13px 10px 0;text-indent:-5000px;vertical-align:middle;}
/*6/1수정 가로사이즈 가변*/
.ui_list_type01 .thum{min-width:65px;background:url(/images/ocbapp/tmp/img_list.png) no-repeat left 50%;background-size:65px auto;min-height:65px;}/**/
/*.ui_list_type01 .thum2_1{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px 65px; text-indent:-9999px;}*//*height:100%;*/
/*.ui_list_type01 .thum2_2{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130_h.png) no-repeat left 50%;background-size:65px 65px; text-indent:-9999px;}*//*height:100%;*/
.ui_list_type01 .thum02{min-width:65px;background:url(/images/ocbapp/tmp/img_130.png) no-repeat left 50%;background-size:65px auto;min-height:42px;}/**/
.ui_list_type01 .thum03{min-width:72px;background:url(/images/ocbapp/tmp/img_144.png) no-repeat left 50%;background-size:72px auto;min-height:35px;}/**/
.ui_list_type01 .thum04{min-width:75px;background:url(/images/ocbapp/tmp/img_120.png) no-repeat left 50%;background-size:75px auto;min-height:75px;}/**/
.ui_list_type01 .thum05{min-width:64px;background:url(/images/ocbapp/tmp/img_128.png) no-repeat left 50%;background-size:64px auto;min-height:64px;}/**/
.ui_list_type01 .thum06{min-width:69px;background:url(/images/ocbapp/tmp/img_138.png) no-repeat left 50%;background-size:69px auto;min-height:52px;}/**/
.ui_list_type01 .thum07{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto; min-height:65px;}
.ui_list_type01 .thum08{min-width:81px;background:url(/images/ocbapp/tmp/img_163.png) no-repeat left 50%;background-size:81px auto; min-height:39px;}
.ui_list_type01 .thum10{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:35px;}
.ui_list_type01 .thum10_gep{min-width:65px;background:url(/images/ocbapp/tmp/T_HC_1406011203098.jpg) no-repeat left 50%;background-size:80px 40px;text-indent:-9999px;background-position:center center;min-height:35px;} /*6/9수정*/
.ui_list_type01 .thum10_gep_01{min-width:65px;background:url(/images/ocbapp/tmp/T_HC_1406011203098.jpg) no-repeat left 50%;background-size:60px 60px;text-indent:-9999px;background-position:center center;min-height:35px;} /*8/12 WebView 개발팀김현철수정*/
.ui_list_type01 .thum11{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:78px;}
.ui_list_type01 .thum12{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:36px;}
.ui_list_type01 .thum13{min-width:65px;background:url(/images/ocbapp/tmp/img_163_79.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:31px;}
.ui_list_type01 .thum14{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:50px;}
.ui_list_type01 .thum15{min-width:65px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:43px;}
.ui_list_type01 .thum16{min-width:90px;background:url(/images/ocbapp/tmp/img_130_130.png) no-repeat left 50%;background-size:90px auto;text-indent:-9999px;min-height:90px;}
.ui_list_type01 .thum17{min-width:90px;background:url(/images/ocbapp/tmp/img_list2.png) no-repeat left 50%;background-size:90px auto;text-indent:-9999px;min-height:57px;}
.ui_list_type01 .thum18{min-width:79px;background:url(/images/ocbapp/tmp/img_list2.png) no-repeat left 50%;background-size:79px auto;text-indent:-9999px;min-height:79px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.ui_list_type01 .thum19{min-width:65px;background:url(/images/ocbapp/tmp/img_list2.png) no-repeat left 50%;background-size:65px auto;text-indent:-9999px;min-height:36px;}

.ui_list_type01 .default{border:1px solid #e4e4e4;background-image:url("/images/ocbapp/image_default.png"); background-position:50% 50%;background-size:45px 45px;}

.ui_list_type01 .thum09{min-width:60px;background-repeat:no-repeat;background-position:left 50%;background-size:60px 60px;text-indent:-9999px;min-height:60px;}
.ui_list_type01 .thum09.star{background-image:url("/images/ocbapp/crown_img.png");}/*height:100%;*/
.ui_list_type01 .type01{background-size:60px 72px;min-height:72px;}

/*.ui_list_type01 .thum120_120{min-width:60px;background:url("/images/ocbapp/tmp/img_120_120.png") no-repeat left 50%;background-size:60px 60px; text-indent:-9999px;}*//*height:100%;*/
/*.ui_list_type01 .thum120_144_1{min-width:60px;background:url("/images/ocbapp/tmp/img_120_144.png") no-repeat left 50%;background-size:60px 72px; text-indent:-9999px;}*//*height:100%;*/
/*.ui_list_type01 .thum120_144_2{min-width:60px;background:url("/images/ocbapp/tmp/img_levelup.png") no-repeat left 50%;background-size:60px 72px; text-indent:-9999px;}*//*height:100%;*/
/*.ui_list_type01 .thum120_144_3{min-width:60px;background:url("/images/ocbapp/tmp/img_hid.png") no-repeat left 50%;background-size:60px 72px; text-indent:-9999px;}*//*height:100%;*/
/*.ui_list_type01 .thum163_79_1{min-width:95px;background:url("/images/ocbapp/tmp/img_163_79.png") no-repeat left 50%;background-size:82px 39px; text-indent:-9999px;}*//*height:100%;*/

.ui_list_type01 .thum07_130{min-width:65px;height:65px;background:url("/images/ocbapp/tmp/thum_130.png") no-repeat left 50%;background-size:65px 65px}


.p028 .ui_list_type01 li div.thum_h_txt{width:213px;}
.p028 .thum{width:64px; background:url("/images/ocbapp/shinhan_mark_img.png") no-repeat 0 50%; background-size:64px 64px; text-indent:-9999px;padding:0;}

.ui_list_type01 div{padding:13px 13px 10px 12px;vertical-align:middle;-webkit-box-flex:1;box-flex:1;box-sizing:border-box;width:100%;min-height:60px;}
.ui_list_type01 div.align3{padding-top:19px;}
.ui_list_type01 div.align2_3{padding-top:22px;}
.ui_list_type01 div.align2{padding-top:25px;}
.ui_list_type01 div.p28{padding-top:28px;}
.ui_list_type01 div.p33{padding-top:33px;}
.ui_list_type01 div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui_list_type01 div p.ellipsisLine{overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;white-space:normal;}
.ellipsisLine{overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;white-space:normal;}

.ui_list_type01 div p:first-of-type{float:none;margin:0;}
.ui_list_type01 .tit{font-size:14px;color:#444;}/*font-weight:bold;*/
.ui_list_type01 .memo{margin-top:3px;font-size:11px;}
.ui_list_type01.cancel_something .memo{width:75%;}
.ui_list_type01 .btn{margin-top:9px;position:absolute; bottom:10px;}
.ui_list_type01 .point{width:80px;font-size:12px;color:#f25053;border-left:1px solid #f9f9f9;position:relative;}
.ui_list_type01 .wid70{width:70px;}
.ui_list_type01 .point .wrap{position:absolute;width:100%;height:100%;text-align:center;left:0;}
.ui_list_type01 .point .inner{position:absolute;top:50%;-webkit-transform:translateY(-50%);width:100%;left:0;}
.ui_list_type01 .point .txt{display:inline-block;height:15px;line-height:15px;padding:0 6px;font-size:10px;color:#fff;background:#f25053;border-radius:10px;}
.ui_list_type01 .point .free{display:inline-block;font-size:20px;}
.ui_list_type01 .point .num{display:inline-block;font-size:19px;font-weight:bold;}

.ui_list_type01 .point .verMid{-webkit-transform:translateY(0%);}
.event_h .ui_list_type01 .tit{padding-top:15px;}
.event_h .ui_list_type01 .date{bottom:20px;}
.ui_list_type01 .point .se_num{display:inline-block;font-size:17px;}
.point_save_sale .ui_list_type01 .point .num{display:inline-block;}/*font-weight:bold;*/
.ui_list_type01 .point s{color:#b8b8b8;}
.ui_list_type01 .point.size{width:40px;}
.ui_list_type01 .point + .point{border-left:0;}
.ui_list_type01 .date{margin-top:9px;font-size:11px;color:#999;position:absolute; bottom:10px;width:50%;}
.ui_list_type01 .date .spot_num{letter-spacing:-1px;}
.spot_d{position:relative;top:0;display:inline-block;padding:0 6px;height:14px;line-height:14.1px;font-size:10px;color:#fff;background:#f77f72;border-radius:10px;}
.ui_list_type01 .com{margin-top:9px;font-size:11px;color:#999; position:absolute; bottom:10px;}
.ui_list_type01 .distance{padding-left:10px;margin-left:5px;font-size:11px;color:#666;background:url(/images/ocbapp/ico_local.png) no-repeat 0 2px;background-size:7px 10px}
.ui_list_type01 .name{font-size:11px;color:#999;position:absolute;right:13px; bottom:10px;}
.ui_list_type01 .cancel_li .thum{opacity:.5;}
.ui_list_type01 .cancel_li div{opacity:.2;}
.ui_list_type01 .cancel_li .cancel{position:absolute;top:50%;right:15px;padding-left:20px;margin-top:-8px;font-size:17px;color:#444;background:url(/images/ocbapp/txt_expire.png) no-repeat 0 0;background-size:17px 17px;}
.ui_list_type01 .btn_patron{position:absolute;top:-1px;left:0;z-index:9;width:40px;height:41px}
.ui_list_type01 .btn_patron span{position:absolute;top:13px;left:2px;font-size:10px;color:#fff;display:none;}/*font-weight:bold;*/
.ui_list_type01 .btn_patron input[type=button]{display:inline-block;width:40px;height:41px;text-indent:-5000px;border:0;background:url(/images/ocbapp/folding.gif) no-repeat 0 0;background-size:320px 40px;background-position-x:-280px;}
.ui_list_type01 .btn_patron.noactive input[type=button]{background-size:40px 41px;background:url(/images/ocbapp/folding.gif) no-repeat 0 0;background-size:320px 40px;background-position-x:0px}

.ui_list_type01.discover .tit2{font-size:15px;color:#444444;margin-bottom:7px;}
.ui_list_type01.discover .tit4{font-size:11px;color:#999;margin-top:12px;color:#636363;}
.ui_list_type01.discover .memo2{color:#999;font-size:13px;}
.ui_list_type01.discover .pay{margin-top:12px;}
.ui_list_type01.discover .acc{color:#ff5b54;}
.ui_list_type01.discover .pay{font-size:16px;}
.ui_list_type01.discover .pay s{font-size:13px;color:#bcbcbc;}
.ui_list_type01.discover .sale{width:70px;font-size:17px;position:relative;}
.ui_list_type01.discover .sale .wrap{position:absolute;width:100%;height:100%;text-align:center;left:0;}
.ui_list_type01.discover .sale .inner{position:absolute;top:50%;-webkit-transform:translateY(-50%);width:100%;left:0;}
.ui_list_type01.discover .thum02{background-size:65px;}
.ui_list_type01.discover .thum02.type01{background-size:65px 36px;}

.ui_list_type01 button{position:absolute;width:40px;height:41px;top:0;left:0;z-index:9;background:none;}
.ui_list_type01 button .btn_patron img{width:40px;height:41px;}

.ui_list_type01.type .tit{position:relative;}
.ui_list_type01.type .point{display:block;width:55px;padding-top:0;font-size:12px;border:0;}
.ui_list_type01.type .point.type{margin-top:0;}
.ui_list_type01.type .point .num{font-size:15px;}
.ui_list_type01.type .price{margin-top:4px;padding-top:4px;position:absolute;bottom:10px;}
.ui_list_type01.type .price s{margin-right:5px;font-size:12px;color:#b8b8b8;}
.ui_list_type01.type .price strong{margin-right:10px;font-size:14px;color:#f14b3c;font-weight:bold;}
.ui_list_type01.type .price .ico{position:relative;top:-2px;display:inline-block;height:13px;line-height:13px;padding:0 3px;border-radius:25px;border:1px solid #979797;font-size:10px;}

.ui_list_type01.type04 .tit{position:relative;/*-webkit-line-clamp:2;-webkit-box-orient: vertical;display:-webkit-box;white-space:normal;*/margin-right:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:80%;}
.ui_list_type01.type04 .memo{margin-bottom:8px;margin-right:40px;}
.ui_list_type01.type04 .point{display:block;position:absolute;right:0;width:70px;top:30%;margin-top:-15px;padding-top:0;font-size:14px;border:0;text-align:center;}
.ui_list_type01.type04 .point{margin:0;}
.ui_list_type01.type04 .point.gift_point{height:100%;top:15%;}

.ui_list_type01.type01 .price{margin-top:4px;padding-top:4px;border-top:1px solid #f9f9f9;position:absolute; bottom:10px;}
.ui_list_type01.type01 .price s{margin-right:5px;font-size:12px;color:#b8b8b8;}
.ui_list_type01.type01 .price strong{margin-right:10px;font-size:14px;color:#f14b3c;font-weight:bold;}
.ui_list_type01.type04 .price{margin-top:4px;padding-top:4px;border-top:1px solid #f9f9f9;position:absolute; bottom:10px;}
.ui_list_type01.type04 .price s{margin-right:5px;font-size:12px;color:#b8b8b8;}
.ui_list_type01.type04 .price strong{margin-right:10px;font-size:14px;color:#f14b3c;font-weight:bold;}
.ui_list_type01.type04 .price .ico{position:relative;top:-2px;display:inline-block;height:13px;line-height:13px;padding:0 3px;border-radius:25px;border:1px solid #979797;font-size:10px;}

/*수정중 입니다*/
.ui_list_type01.type08 .tit{position:relative;/*-webkit-line-clamp:2;-webkit-box-orient: vertical;display:-webkit-box;white-space:normal;*/ overflow:hidden; text-overflow:ellipsis;width:70%;}
.ui_list_type01.type08 .point{display:block;position:absolute;right:0;width:70px;top:32%;margin-top:-15px;padding-top:0;font-size:12px;border:0;text-align:center;}

.ui_list_type01.type08 .price{margin-top:4px;padding-top:2px;border-top:1px solid #f9f9f9;position:absolute; bottom:10px;width:70%}
.ui_list_type01.type08 .price .ico{position:relative;top:-2px;display:inline-block;height:13px;line-height:13px;padding:0 3px;border-radius:25px;border:1px solid #979797;font-size:10px;}
/* 2014-07-11 추가 */
.ui_list_type01.type08 .price .ico2 {position:relative;top:-2px;display:inline-block;height:13px;line-height:13px;padding:0 3px;border-radius:25px;border:1px solid #f77d72;font-size:10px; background:#f77d72; color:#fff;}
.ui_list_type01.type08 .price .ico3 {position:relative;top:-2px;display:inline-block;height:13px;line-height:13px;padding:0 3px;border-radius:25px;border:1px solid #f14b3c;font-size:10px; background:#f14b3c; color:#fff;}
.ui_list_type01.type08 .price s{margin-right:5px;font-size:12px;color:#b8b8b8;}
.ui_list_type01.type08 .price strong{margin-right:10px;font-size:14px;color:#f14b3c;font-weight:bold;}
.ui_list_type01.type08 .memo{width:70%;}
.ui_list_type01.type01 .borderNone{border-top:none;}

.ui_list_type01.type02 .thum{width:101px;height:101px;padding:0;border-top-left-radius:5px;border-bottom-left-radius:5px;background:url(/images/ocbapp/tmp/img_202.png) no-repeat 0 0;background-size:101px 101px}
.ui_list_type01.type02 div{position:relative;}
.ui_list_type01.type02 .point{width:auto;padding:0;padding-top:10px;font-size:11px;border:0;position:absolute;bottom:-36px;}
.ui_list_type01.type02 .grade{margin-top:4px;font-size:11px;color:#b8b8b8;}
.ui_list_type01.type02 .star_all{display:inline-block;width:55px;height:10px;background:url(/images/ocbapp/ico_star_all02.png) no-repeat 0 0;background-size:55px 10px;}
.ui_list_type01.type02 .star{position:relative;display:inline-block;width:100%;height:10px;text-indent:-5000px;background:url(/images/ocbapp/ico_star_all.png) no-repeat 0 0;background-size:cover;}
.ui_list_type01.type02 .point span{vertical-align:top;}
.ui_list_type01.type02 .ico_save01{width:15px;height:15px;background-image:url(/images/ocbapp/ico_save01.png);background-size:15px 15px;}
.ui_list_type01.type02 .ico_save02{width:15px;height:15px;background-image:url(/images/ocbapp/ico_save02.png);background-size:15px 15px;}
.ui_list_type01.type02 .ico_save03{width:15px;height:15px;background-image:url(/images/ocbapp/ico_save03.png);background-size:15px 15px;}
.ui_list_type01.type02 .ico_save04{width:15px;height:15px;background-image:url(/images/ocbapp/ico_join.png);background-size:15px 15px;}

.ui_list_type01.type03 li{position:relative;display:block;width:auto;height:auto;margin-top:10px;background:none;border-radius:0;border:0;}
.ui_list_type01.type03 li.right{margin-left:25px;}
.ui_list_type01.type03 li.left{margin-right:25px;}
.ui_list_type01.type03 li.left .li:before{left:-13px;background:url(/images/ocbapp/img_li01.png) no-repeat 0 0;background-size:13px 19px}
.ui_list_type01.type03 li.right .li:before{right:-12px;background:url(/images/ocbapp/img_li02.png) no-repeat 0 0;background-size:13px 19px}
.ui_list_type01.type03 li a.gift_cancel{font-size:14px;margin-left:110px;}
.ui_list_type01.type03 .li{position:relative;width:100%;padding:0;background-color:#fff;border-radius:5px;border:1px solid #e2e2e2;}
.ui_list_type01.type03 .li:before{content:"";position:absolute;width:13px;height:19px;bottom:10px;}
.ui_list_type01.type03 .li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui_list_type01.type03 .li .cancel_pop{display:none;}
.ui_list_type01.type03 .cancel_on div{opacity:.5;}
.ui_list_type01.type03 .cancel_on .cancel_pop{position:absolute;display:block;width:100%;height:100%;padding:0;top:0;left:0;z-index:9;opacity:1;}
.ui_list_type01.type03 .cancel_on .cancel_pop p{position:absolute;top:58%;width:100%;}
.ui_list_type01.type03 .cancel_on .cancel_pop a{display:inline-block !important;padding:10px 13px 10px;background-color:#D9D9D9;border-radius:5px;color:#444;}/*font-weight:bold;*/
.ui_list_type01.type03 .cancel_on .cancel_pop .ico_check{display:inline-block;width:20px;height:20px;margin:0 5px -5px 0;margin-right:5px;background:url(/images/ocbapp/txt_expire.png) no-repeat 0 0;background-size:20px 20px;}
.ui_list_type01.type03 .thum{background:none;position:relative;padding:10px 0 10px 10px;float:left;width:auto;-webkit-box-flex:initial;margin-right:12px;z-index:2;}
.ui_list_type01.type03 .thum a{position:relative;display:block;overflow:hidden;}
.ui_list_type01.type03 .thum p{width:90px;height:91px;margin:0;padding:0;background:url(/images/ocbapp/tmp/img_180.png) no-repeat 0 0;background-size:90px 91px;position:relative;}
.ui_list_type01.type03 .thum p.gift_180_180{width:90px;height:90px;margin:0;padding:0;background:url("/images/ocbapp/gift_180_180.png") no-repeat 50% 50%;background-size:90px 90px;}
.ui_list_type01.type03 .thum + div{height:110px;position:relative;}
.ui_list_type01.type03 .thum + div a:first-of-type{display:block;height:32px;margin-left:102px;}
.ui_list_type01.type03 .spot_d{position:absolute;top:70px;right:5px;text-indent:0;}
.ui_list_type01.type03 .memo{font-size:13px;}
.ui_list_type01.type03 .date{position:absolute;right:13px;bottom:10px;margin-top:4px;text-align:right;}
.ui_list_type01.type03 .thum + div .btn{position:absolute;bottom:10px;left:112px;}
.ui_list_type01.type03 .thum + div .btn a:first-of-type{display:inline-block;width:auto;height:auto;padding:0 5px;height:auto;margin:0;}
.ui_list_type01.type03 .cancel_pop p{position:absolute;}

.ui_list_type02{overflow:hidden;}
.ui_list_type02 li{float:left;width:49%;margin:0 0 2% 2%;}
.ui_list_type02 li:nth-child(odd){margin-left:0;}
.ui_list_type02 div{position:relative;border:1px solid #e2e2e2;background-color:#fff;overflow:hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.ui_list_type02 span{display:block;padding:0 10px;}
.ui_list_type02 .thum{margin:0 auto;padding:0;width:165px;height:100px;text-indent:-5000px;background:url(/images/ocbapp/tmp/img_list02.png) no-repeat 0 0;background-size:165px 100px}
.ui_list_type02 .thum2{margin:0 auto;padding:0;width:82px; height:100px;text-indent:-5000px;background-repeat:no-repeat;background-position:0 50%;background-size:82px 82px;}
.ui_list_type02 .tit{height:35px;margin-top:4px;letter-spacing:-1px;font-size:14px;color:#444;overflow:hidden;text-overflow:ellipsis;}
.ui_list_type02 .store{margin-top:3px;font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui_list_type02 .from{margin-top:4px;text-align:right;font-size:11px;color:#999;}
.ui_list_type02 .date,.ui_list_type02 .cancel{position:relative;height:30px;margin-top:6px;padding:0;text-indent:10px;line-height:30px;font-size:12px;color:#fff;background-color:#ff9b69;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.ui_list_type02 .date span{position:absolute;top:0;right:0;opacity:.5;}
.ui_list_type02 .cancel{text-align:center;background:#d9d9d9;}
.ui_list_type02 .state_candel .date,.ui_list_type02 .state_candel .date span{background:#d9d9d9;color:#fff;}
.ui_list_type02 .state_candel .thum{opacity:.5;}
.ui_list_type02 .state_candel .tit,.ui_list_type02 .state_candel .store,.ui_list_type02 .state_candel .from{color:#b8b8b8;}

.ui_list_type03{overflow:hidden;}
.ui_list_type03 li{float:left;width:50%;margin-bottom:6px;}
.ui_list_type03 li div{display:block;overflow:hidden;border:1px solid #ececec;border-radius:7px;background:#fff;}
.ui_list_type03 li:nth-child(odd) div{margin-right:3px;}
.ui_list_type03 li:nth-child(even) div{margin-left:3px;}
.ui_list_type03 li img{width:100%;}


.ui_list_type04 li{position:relative;margin-top:6px;padding:10px 13px 25px 80px !important;background-color:#fff;border-radius:5px;border:1px solid #e2e2e2;min-height:55px !important;}
.ui_list_type04 li:first-child{margin-top:0}
.ui_list_type04 div{display:inline-block;width:100%;/*vertical-align:middle;*/}
.ui_list_type04 .tit{position:relative;font-size:14px;color:#444;padding-top:7px;}/*font-weight:bold;*/
.ui_list_type04 .memo{font-size:13px;color:#999;}
.ui_list_type04 .date{margin-top:4px;text-align:right;position:absolute;right:13px;bottom:10px;}
.ui_list_type04 .spot_num{font-size:11px;color:#999;}
.ui_list_type04 .spot_d .spot_num{font-size:10px;color:#fff;}
.ui_list_type04 .btn{position:absolute;top:50%;right:14px;margin-top:-10px;}

.ui_list_type04 .thum,.ui_list_type04 .thum02{display:inline-block;text-indent:-5000px;vertical-align:middle;width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:50px 50px;}
/*6/1 style y114관련*/
.ui_list_type04.friend li p.thum02 {position:absolute;left:17px;top:50%;margin-top:-25px;width:50px;height:50px;margin-left:0;text-indent:-5000px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:50px 50px;}

.ui_list_type04 .thum_group{position:absolute;left:17px;top:50%;margin-top:-25px;width:55px;height:50px;margin-left:0;}
.ui_list_type04 .thum_group .group{width:100%;margin-left:0;text-align:center;}
.ui_list_type04 .thum_group .thum02.default{background-color:#f0f0f0;background-image:url('/images/ocbapp/default_friend_profile.png');}
.ui_list_type04 .thum_group p{display:inline-block;}
.ui_list_type04 .thum{width:24px;height:24px;background-size:cover;border-radius:50%;}
.ui_list_type04 .thum:nth-child(3),.ui_list_group .thum:nth-child(4){margin-top:1px;}

/*
.ui_list_type04 li{position:relative;margin-top:6px;padding:10px 0 10px 20px;background-color:#fff;border-radius:5px;border:1px solid #e2e2e2;}
.ui_list_type04 li:first-child{margin-top:0}
.ui_list_type04 .thum{display:inline-block;text-indent:-5000px;vertical-align:middle;width:50px;height:50px;border-radius:50px;background:url(/images/ocbapp/tmp/img_100.png) no-repeat 0 0;background-size:50px 50px}
.ui_list_type04 div{display:inline-block;width:74%;margin-left:15px;vertical-align:middle;}
.ui_list_type04 .tit{position:relative;font-size:14px;color:#444;}
.ui_list_type04 .memo{font-size:13px;color:#999;}
.ui_list_type04 .date{margin-top:4px;text-align:right;}
.ui_list_type04 .spot_num{font-size:11px;color:#999;}
.ui_list_type04 .spot_d .spot_num{font-size:10px;color:#fff;}
.ui_list_type04 .btn{position:absolute;top:50%;right:14px;margin-top:-10px;}
*/

.btn_block_type + .ui_listdetail{margin-top:15px;}
.ui_listdetail{position:relative;background-color:#fff;border-radius:5px;border:1px solid #ececec;}
.ui_listdetail .listdetail {position:relative;padding:13px 14px 13px 118px;min-height:90px;}
.ui_listdetail .listdetail.thumb7{padding:13px 14px 0 95px;}
.ui_listdetail .listdetail.benit{min-height:64px;}
.ui_listdetail .listdetail.my_benit{min-height:57px;}
.ui_listdetail .listdetail.listdetail2{padding:13px 14px 13px 130px;}
.ui_listdetail h1{font-size:16px;color:#444;}
.ui_listdetail h1.type{min-height:57px;}

.ui_listdetail .thum{position:absolute;top:13px;left:14px;width:90px;height:90px;text-indent:-5000px;background-repeat:no-repeat;background-position:left top;background-size:90px auto;}
.ui_listdetail .thum2{position:absolute;top:13px;left:14px;width:90px;height:49px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 10%;background-size:90px 49px;}
.ui_listdetail .thum2_gep{position:absolute;top:13px;left:14px;width:90px;height:49px;text-indent:-5000px;background-repeat:no-repeat;background-position:center -2px;background-size:109px auto;}
.ui_listdetail .thum3{position:absolute;top:13px;left:14px;width:105px;height:64px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 50%;background-size:105px 64px;}
.ui_listdetail .thum4{position:absolute;top:13px;left:14px;width:90px;height:67px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 50%;background-size:90px 67px;}
.ui_listdetail .thum5{position:absolute;top:13px;left:14px;width:85px;height:57px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 50%;background-size:85px 57px;}
.ui_listdetail .thum6{position:absolute;top:13px;left:14px;width:65px;height:65px;text-indent:-5000px;background-repeat:no-repeat;background-position:left top;background-size:65px auto;}
.ui_listdetail .thum7{position:absolute;top:13px;left:14px;width:65px;height:41px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 50%;background-size:65px 41px;}
.ui_listdetail .thum8{position:absolute;top:13px;left:14px;width:90px;height:61px;text-indent:-5000px;background-repeat:no-repeat;background-position:left 50%;background-size:90px 61px;}

.ui_listdetail .default{border:1px solid #e4e4e4;background-image:url("/images/ocbapp/image_default.png"); background-position:50% 50%;background-size:45px 45px;}
.ui_listdetail .price{margin-top:5px;font-size:17px;color:#F34F4E;}/*font-weight:bold;*/
.ui_listdetail .price s{margin-right:5px;font-size:15px;color:#999;font-weight:normal;}
.ui_listdetail .infor{margin-top:10px;}
.ui_listdetail .infor li{display:table;width:100%;margin-top:5px;}
.ui_listdetail .infor span{display:table-cell;font-size:12px;word-break:break-all;/*6/13*/}
.ui_listdetail .infor .tit{width:51px;color:#999}
.ui_listdetail .infor .ico_join, .ui_listdetail .ico_join{display:inline-block;width:18px;height:16px;margin-left:5px;top:-3px;background:url(/images/ocbapp/ico_join.png) no-repeat 0 0;background-size:18px 16px;}
.ui_listdetail .infor .ico_join{top:-2px;}
.ui_listdetail .infor .amount{width:55px;height:24px;line-height:23px;}
.ui_listdetail .infor .amount2{height:24px;line-height:23px;}
.ui_listdetail .barcode_block,.ui_listdetail .num_block{margin:17px 14px 16px;padding-top:20px;text-align:center;border-top:1px solid #efefef;}
.ui_listdetail .barcode_block p:nth-child(1){width:242px;height:65px;margin:0 auto;}
.ui_listdetail .barcode_block p:nth-child(2){margin-top:9px;font-size:14px;color:#333;}
.ui_listdetail .barcode_block.expire{position:relative;}
.ui_listdetail .barcode_block.expire p{opacity:.1;}

.ui_listdetail .barcode_block.expire div{position:absolute;top:0;left:0;width:100%;height:100%;}
.ui_listdetail .barcode_block.expire strong{display:block;width:180px;position:absolute;left:21%;top:25%;font-size:22px;color:#444;}
.ui_listdetail .barcode_block.expire strong img{width:23px; height:23px;vertical-align:top;}

.ui_listdetail .num_block{padding:16px 0 2px 0;font-size:17px;color:#333;}
.ui_listdetail .my_infor{position:relative;height:36px;margin:0 14px;padding-top:6px;font-size:15px;color:#444;border-bottom:1px solid #dfdfdf;}
.ui_listdetail .my_infor .ico_msg{width:30px;height:30px;margin-right:0px;margin-bottom:7px;background:url(/images/ocbapp/ico_msg.png) no-repeat 0 0;background-size:30px 30px;}
.ui_listdetail .my_infor .name{position:relative;z-index:9;}
.ui_listdetail .my_infor .gift{position:absolute;top:6px;right:0;z-index:1;}
.ui_listdetail .my_infor .ico_gift,.ui_listdetail .my_infor .ico_bel{width:30px;height:30px;background-size:30px 30px;}
.ui_listdetail .my_infor .ico_gift{background:url("/images/ocbapp/ic_72x72_launcher_hdpi.png") no-repeat 0 0; background-size:30px 30px;}
.ui_listdetail .my_infor .ico_bel{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:60px;}
.ui_listdetail .my_infor + h1 + .thum{top:57px;}
.ui_listdetail .my_infor .txt{display:inline-block;padding-top:8px;color:#ff8f2c;}/*font-weight:bold;*/

/* 2014-07-11 추가 */
.ui_listdetail .my_infor .txt2 {display:inline-block;padding-top:8px; float:right;}

.ui_listdetail .my_infor .btn{position:absolute;top:20px;right:0;padding-right:13px;font-size:12px;color:#999;background:url(/images/ocbapp/ico_arrow02.png) no-repeat right 2px;background-size:7px 11px}
.ui_listdetail .btn_div{display:inline-block;padding:3px 6px;letter-spacing:-1px;font-size:11px;color:#fff;border-radius:20px;background-color:#f77d72;}

.gifti_name{display:inline-block; width:192px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align: middle; }

.bene_text_overflow .thum130_71{width:75px; height:100%; background:url("/images/ocbapp/tmp/img_144.png") no-repeat 10px 50%; background-size:65px 35px;text-indent:-9999px;margin-right:10px;}

.listdetail.size01{padding-left:110px;min-height:40px;}
.listdetail.size01 .thum{width:82px;height:40px;background:url(/images/ocbapp/tmp/img_163_02.png) no-repeat right 2px;background-size:82px 40px}
.listdetail.size02{padding-left:97px;}
.listdetail.size02 .thum{width:69px;height:69px;background:url(/images/ocbapp/tmp/img_138.png) no-repeat right 2px;background-size:69px 69px}
.listdetail.size03{padding-left:130px;}


.listdetail.buychk{padding-left:90px;min-height:65px;}
.listdetail.buychk .thum{width:65px;height:65px;}
.listdetail.buychk .infor{margin-top:0;}
.listdetail.buychk .infor .tit{width:66px;}
.listdetail.buychk strong{color:#f25053;}

.memo.redcolor{margin-top:10px;}
.listdetail.card{padding-left:92px;min-height:41px;}
.listdetail.card .thum{background:url(/images/ocbapp/tmp/card.png) no-repeat 0 0;background-size:65px 41px;}
.listdetail.card .memo{margin-top:5px;font-size:17px;color:#f25053;}/*font-weight:bold;*/
.listdetail.card .infor{}
.listdetail.card .tit{width:48px;}


.listdetail.benit .thum,.listdetail.my_benit .thum{width:136px;height:136px;background:url(/images/ocbapp/tmp/bank.png) no-repeat 0 0;background-size:136px 136px;}
.listdetail.my_benit .grade{margin-top:4px;}
.listdetail.my_benit .star_all{display:inline-block;width:55px;height:10px;background:url(/images/ocbapp/ico_star_all02.png) no-repeat 0 0;background-size:55px 10px;}
.listdetail.my_benit .star{position:relative;display:inline-block;width:100%;height:10px;text-indent:-5000px;background:url(/images/ocbapp/ico_star_all.png) no-repeat 0 0;background-size:cover;}
.listdetail.my_benit .grade .num{font-size:11px;color:#b8b8b8;}
.listdetail.my_benit .memo{margin-top:3px;font-size:12px;}

.msg_check{position:absolute;top:0;left:0;z-index:1;width:100%;min-height:195px;font-size:13px;color:#444;background:url(/images/ocbapp/bg_msg.png) no-repeat right bottom #fff8ea;background-size:87px 99px;border-radius:5px;border-bottom:1px solid #ececec;}
.msg_check p{padding:50px 100px 25px 22px;line-height:20px;}
.msg_check a{position:absolute;top:16px;right:21px;width:12px;height:12px;text-indent:-5000px;background:url(/images/ocbapp/btn_msgclose.png) no-repeat 0 0;background-size:12px 12px}
.msg_check p span{display:block;margin-top:10px;font-size:11px;color:#999;}

.txt_coment{padding:14px 13px 0;line-height:16px;}
.txt_coment p{padding-left:8px;font-size:11px;background:url(/images/ocbapp/ico_li.png) no-repeat 0 7px;background-size:2px 2px;}
.txt_coment02{padding:14px 13px 0;line-height:16px;}
.txt_coment02 li{padding-left:5px;line-height:15px;font-size:11px;text-indent:-5px;color:#b8b8b8;}

.b30_procoupon .ui_txtarea h2{font-weight:bold;color:#444;}
.b30_procoupon .txt_coment{border-radius:5px; background-color:#ebebeb;}
.b30_procoupon .ui_txtarea > .txt_coment{margin:35px 0 0 0;padding:15px 18px;}
.b30_procoupon .txt_coment p{background:none;padding:0;}
.b30_procoupon .txt_coment p.alert{padding-left:21px;font-size:13px;background:url("/images/ocbapp/icon_alert.png") no-repeat 0 0;background-size:16px 16px;font-weight:bold;margin-bottom:11px;}

.txt_coment02 .in_detail{float:right;display:block;margin-left:10px;padding-right:14px;text-align:right;background:url('/images/ocbapp/ico_arrow01.png') no-repeat top right;background-size:10px 13px;}

.txt_coment03{padding:0 13px 12px;line-height:16px;text-align:center;font-size:12px;color:#444;}

.gift_you_point ul.txt_coment02 li:first-child{width:70%;}
.gift_you_point .arrow01{padding-right:10px; background:url("/images/ocbapp/ico_arrow01.png") no-repeat right -1px; background-size:8px 14px;}


.ui_txtarea > .txt_coment{padding-top:7px;margin-left:3px;}
.ui_listdetail + .ui_txtarea{margin-top:32px;}
.ui_txtarea{position:relative;margin:19px 0 36px 0;}
.ui_txtarea h2{padding:0 0 7px 12px;font-size:13px;color:#2c2424;border-bottom:1px solid #e8e8e8;}/*font-weight:bold;*/
.ui_txtarea ul{margin-top:8px;padding:0 15px;}
.ui_txtarea li{width:100%;margin-top:3px;line-height:20px;}
.ui_txtarea span{display:inline-block;;font-size:13px;color:#444;}
.ui_txtarea span:nth-child(1){isplay:inline-block;}
.ui_txtarea .type li{display:block;}
.ui_txtarea .type span{display:inline-block;}
.ui_txtarea .type.inline_text span{display:inline;}

.y61_detail .ui_txtarea .type span{display:inline;}
.y61_detail .arrow01{padding-right:10px; background:url("/images/ocbapp/ico_arrow01.png") no-repeat right 0; background-size:8px 14px;}
.y61_detail .listdetail.size03{padding-left:115px;}
.y61_detail .ui_listdetail .infor .tit{width:56px;color:#999}

.ui_txtarea .type_ul li{margin-bottom:15px;}
.ui_txtarea .type_ul li:last-child{margin-bottom:0;}
.ui_txtarea .txt{padding:12px 12px 0;line-height:20px;font-size:13px;color:#444;}
.ui_txtarea .btn{position:absolute;top:0;right:0;font-size:12px;color:#b8b8b8;}/*font-weight:bold;*/
.ui_txtarea.inforbox{position:relative;margin:19px 0 0 0;}
.ui_txtarea.inforbox .type{margin-bottom:10px;}
.ui_txtarea.inforbox .infor{margin:2px -10px 11px;}
.ui_txtarea.inforbox .infor img{width:100%;}

.ui_txtarea.inforbox2 .infor img{width:100%;}

/* 2014-07-11 추가 */
.ptDtList {padding:30px 2% 15px;}
.ptDtList .dtTit {padding:0 0 20px;}
.ptDtList .dtList {overflow:hidden;}
.ptDtList .dtList li {width:27.33%; padding:0 3%; text-align:center; float:left; font-size:14px;}
.ptDtList .dtList li img {width:80%;}
.ptDtList .dtList li .tx1 {padding:8px 0 6px; color:#444;}
.ptDtList .dtList li .tx2 {color:#f25053;}
.ptDtTbt {text-align:right;}
.ptDtTbt img {width:7.5%;}

.op_guid img{border:none; vertical-align:top;}
.op_guid_img{background-color:#FFF; border:1px solid #ececec; border-bottom-left-radius:5px;border-bottom-right-radius:5px; border-top:none;clear:both;}
.op_guid_img .notip{height:100%;}
.op_guid_img span.notip_text{padding:100px 0 10px 0;}
.op_guid_img img{width:99.6%;}
.ui_txtarea inforbox dd.op_guid_img{clear:both;}
.op_guid1{float:left;width:50%;height:35px;}
.op_guid1 a{display:block;font-size:12px;text-align:center;height:98%;}
.b17_pointbox .op_guid1 a div{padding-top:10px;color:#444;}
.b17_pointbox .op_guid2 a div{padding-top:10px;color:#b8b8b8;}
.op_guid2 a{display:block;font-size:12px;text-align:center;height:98%;}
.op_guid1 a img{width:100%;}
.op_guid2{float:left;width:50%;height:35px;}
.op_guid2 a img{width:100%;}
.b17_pointbox .color444{border:1px solid #ececec; border-bottom:none;border-top-left-radius:5px;background-color:#FFF;}
.b17_pointbox .colorb8b8{border:1px solid #ececec;border-left:none;border-top-right-radius:5px;height:96%;}
.b17_pointbox op_guid_img{clear:both;}

.b17_pointbox_tab2 .color444{border:1px solid #ececec;  border-bottom:none;border-top-right-radius:5px;background-color:#fff;}
.b17_pointbox_tab2 .colorb8b8{border:1px solid #ececec; border-right:none;border-top-left-radius:5px; height:96%;}
.b17_pointbox_tab2 .op_guid2 a div{padding-top:10px;color:#444;}
.b17_pointbox_tab2 .op_guid1 a div{padding-top:10px;color:#b8b8b8;}

.ui_txtarea.proguide h2{border:0;}
.ui_txtarea.proguide .guide{overflow:hidden;background:#fff;border-radius:5px;border:1px solid #ececec;}
.ui_txtarea.proguide .guide ul{overflow:hidden;margin:0 0 -1px -1px;padding:0;}
.ui_txtarea.proguide .guide li{position:relative;float:left;width:50%;padding:17% 0;margin:0;text-indent:-5000px;border-left:1px solid #ececec;border-bottom:1px solid #ececec;box-sizing:border-box;}
.ui_txtarea.proguide .guide span{position:absolute;top:45%;left:0;margin:-31px 0 0 0;width:100%;height:75px;}
.ui_txtarea.proguide .guide li:nth-child(1) span{background:url(/images/ocbapp/img_guide01.png) no-repeat center 0;background-size:75px 75px;}
.ui_txtarea.proguide .guide li:nth-child(2) span{background:url(/images/ocbapp/img_guide02.png) no-repeat center 0;background-size:75px 75px;}
.ui_txtarea.proguide .guide li:nth-child(3) span{background:url(/images/ocbapp/img_guide03.png) no-repeat center 0;background-size:75px 75px;}
.ui_txtarea.proguide .guide li:nth-child(4) span{background:url(/images/ocbapp/img_guide04.png) no-repeat center 0;background-size:75px 75px;}

.txtarea_mb{margin-bottom:10px;}

.ui_category{overflow:hidden;border:1px solid #ececec;border-radius:5px;background:#fff;}
.ui_category ul{overflow:hidden;width:101%;margin:0 0 -1px -1px;}
.ui_category li{position:relative;float:left;width:25%;padding:12.5% 0;border-right:1px solid #ececec;border-bottom:1px solid #ececec;box-sizing:border-box;}
.ui_category li a{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
.ui_category li a > span{display:inline-block;position:absolute;top:50%;left:0;width:100%;height:14px;margin-top:-30px;padding-top:46px;font-size:10px;}
.b05_gift_category em{display:inline-block; width:40px; height:40px; position:absolute; left:25%; top:10%;background-position:0 0;background-repeat:no-repeat;background-size:cover;}

.b05_brand_category em{display:inline-block; width:23px; height:23px; position:absolute; left:7px; top:7px;background-position:0 0;background-repeat:no-repeat;background-size:cover;}



/*
.cate01 em{background:url("/images/ocbapp/ico_gift_cate01.png") no-repeat 0 0; background-size:cover;}
.cate02 em{background:url(/images/ocbapp/ico_gift_cate02.png) no-repeat 0 0;background-size:cover;}
.cate03 em{background:url(/images/ocbapp/ico_gift_cate03.png) no-repeat 0 0;background-size:cover;}
.cate04 em{background:url(/images/ocbapp/ico_gift_cate04.png) no-repeat 0 0;background-size:cover;}
.cate05 em{background:url(/images/ocbapp/ico_gift_cate05.png) no-repeat 0 0;background-size:cover;}
.cate06 em{background:url(/images/ocbapp/ico_gift_cate06.png) no-repeat 0 0;background-size:cover;}
.cate07 em{background:url(/images/ocbapp/ico_gift_cate07.png) no-repeat 0 0;background-size:cover;}
.cate08 em{background:url(/images/ocbapp/ico_gift_cate08.png) no-repeat 0 0;background-size:cover;}
.cate09 em{background:url(/images/ocbapp/ico_gift_cate09.png) no-repeat 0 0;background-size:cover;}
.cate10 em{background:url(/images/ocbapp/ico_gift_cate10.png) no-repeat 0 0;background-size:cover;}
.cate11 em{background:url(/images/ocbapp/ico_gift_cate11.png) no-repeat 0 0;background-size:cover;}
.cate12 em{background:url(/images/ocbapp/ico_gift_cate12.png) no-repeat 0 0;background-size:cover;}
.cate13 em{background:url(/images/ocbapp/ico_gift_cate13.png) no-repeat 0 0;background-size:cover;}
.cate14 em{background:url(/images/ocbapp/ico_gift_cate14.png) no-repeat 0 0;background-size:cover;}
.cate15 em{background:url(/images/ocbapp/ico_gift_cate15.png) no-repeat 0 0;background-size:cover;}
.cate16 em{background:url(/images/ocbapp/ico_gift_cate16.png) no-repeat 0 0;background-size:cover;}
.cate17 em{background:url(/images/ocbapp/ico_gift_cate17.png) no-repeat 0 0;background-size:cover;}
.cate18 em{background:url(/images/ocbapp/ico_gift_cate18.png) no-repeat 0 0;background-size:cover;}
.cate19 em{background:url(/images/ocbapp/ico_gift_cate19.png) no-repeat 0 0;background-size:cover;}
*/
.ui_category .brand_li .logo{display:block;position:absolute;top:0;left:50%;width:77px;height:39px;margin-left:-38px;background:url(/images/ocbapp/tmp/ico_brand.png) no-repeat center 0;background-size:77px 39px;}

.ui_brand_category li{margin-bottom:7px;border:1px solid #ececec;border-radius:5px;background:#fff;}
.ui_brand_category a{position:relative;display:block;}
.ui_brand_category p{position:relative;display:block;height:42px;line-height:42px;padding-left:40px;font-size:14px;color:#444;}

.ui_brand_category p:after{content:"";position:absolute;right:10px;top:50%;margin-top:-11px;width:25px;height:25px;background:url(/images/ocbapp/ico_cate_down.png) no-repeat 0 0;background-size:cover;}
.ui_brand_category .cate_active p:after{background-image:url(/images/ocbapp/ico_cate_up.png)}
.ui_brand_category .cate_active .brand_view{display:block;}
.ui_brand_category .brand_view{display:none;overflow:hidden;padding-top:10px;border-top:1px solid #ececec}
.ui_brand_category .brand_view li{position:relative;float:left;width:25%;padding:10% 0;box-sizing:border-box;border:0;}
.ui_brand_category .brand_view a{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
.ui_brand_category .brand_view a > span{display:inline-block;position:absolute;top:50%;left:0;width:100%;height:14px;margin-top:-30px;padding-top:46px;font-size:10px;}
.ui_brand_category .brand_view a:before,.ui_brand_category .brand_view a:after{left:-5000px;}
.ui_brand_category .brand_view .logo{display:block;position:absolute;top:0;left:50%;width:77px;height:39px;margin-left:-38px;background:url(/images/ocbapp/tmp/ico_brand.png) no-repeat center 0;background-size:77px 39px;}

.ui_bonus{padding:0 0 15px 2%;border:1px solid #cbcbcb;background:#fff;border-radius:5px;}
.ui_bonus ul{display:table;width:99%;padding-left:1%;}
.ui_bonus li{display:table-cell;padding-top:93px;}
.ui_bonus li:nth-child(1){width:32%;background:url(/images/ocbapp/img_bonus01.png) no-repeat 12px 20px;background-size:93px 64px;}
.ui_bonus li:nth-child(2){width:36%;background:url(/images/ocbapp/img_bonus02.png) no-repeat 12px 20px;background-size:93px 64px;}
.ui_bonus li:nth-child(3){width:32%;background:url(/images/ocbapp/img_bonus03.png) no-repeat 12px 20px;background-size:64px 64px;}
.ui_bonus p:nth-child(1){padding-left:8px;line-height:20px;font-size:12px;text-indent:-8px;color:#444}
.ui_bonus p:nth-child(2){margin-left:12px;font-size:10px;color:#444}

.ui_myfriend{margin:0 -10px;padding:10px 10px 20px;background:#e4e4e4;}

.ui_myfriend .ui_list_type01.type03{margin:0 10px;}
.ui_myfriend .ui_list_type01.type03:after{content:"";display:block;clear:both;}

.ui_friend_give{}
.ui_friend_group + .tith2_type02{margin-top:0;padding-left:10px;position:relative;}
.ui_friend_group + .tith2_type02:before{content:"상세내역";padding:8px 0 0 18px;position:absolute;top:-9px;left:-9px;background:#f4f4f4;height:22px;width:100%;z-index:1;}
.ui_friend_group{height:107px;margin:-10px -10px 9px;padding-top:20px;text-align:center;background:url(/images/ocbapp/tmp/img_giftsend.png) no-repeat 0 0;background-size:cover;}
.ui_friend_group .thum_group{display:inline-block;width:84px;height:84px;text-align:center;vertical-align:middle;}
.ui_friend_group .thum_group .group{text-align:center;}
.ui_friend_group .thum_group p{display:inline-block;}
.ui_friend_group .data_group{display:inline-block;text-align:left;vertical-align:middle;}
.ui_friend_group .thum,.ui_friend_group .thum02{width:35px;height:35px;margin-bottom:3px;text-indent:-5000px;border:2px solid #fff;border-radius:80px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.ui_friend_group .thum.default,.ui_friend_group .thum02.default,.ui_list_type04 .thum.default{background-color:#f0f0f0;background-image:url('/images/ocbapp/default_friend_profile.png');}
.ui_friend_group .thum02{width:80px;height:80px;}
.ui_friend_group .data{display:inline-block;line-height:20px;font-size:20px;color:#fff;}
.ui_friend_group .data strong{font-size:23px;}
.ui_friend_group .phone{margin-top:4px;font-size:13px;color:#fff;}
.ui_friend_group .btn_detail{position:relative;top:-3px;padding-right:12px;font-size:12px;color:#ccc;background:url(/images/ocbapp/ico_arrow01.png) no-repeat right 0;background-size:8px 14px;}
.ui_friend_group .btn a{display:inline-block;width:64px;height:22px;margin-top:4px;line-height:22px;color:#fff;text-align:center;font-size:12px;border:1px solid #fff;border-radius:3px;}

.ui_conbox{padding:11px 17px 10px;border:1px solid #cbcbcb;background:#fff;border-radius:5px;}
.ui_conbox .licon_type{line-height::17px;font-size:12px;}
.ui_conbox .licon_type2{line-height::17px;font-size:12px;margin-top:20px;}
.ui_conbox .licon_type2 li{margin-top:15px;word-break:break-all;}
.ui_conbox .licon_type2 li:first-child{margin-top:0px;}
.ui_conbox .licon_type2 li ol{padding:10px 0 0 10px;}
.ui_conbox .licon_type2 li ol.nopadding{padding:0px;}
.ui_conbox .licon_type li{margin-top:15px;padding-left:8px;background:url(/images/ocbapp/ico_li02.png) no-repeat 0 7px;background-size:3px 2px;word-break:break-all;}
.ui_conbox .licon_type li:first-child{margin-top:0;}
.ui_conbox .change li{ margin-top:2px; }

.table_cell_img img{width:100%;}


.access_terms .ui_conbox .licon_type2,.agree_text .ui_conbox .licon_type2{margin-top:0px;}
.access_terms .ui_conbox .licon_type2 li{}
.main_access_terms{font-weight:bold; text-align:center; font-size:13px;margin-bottom:10px;}
.sub_access_terms{font-weight:bold;}
.copyright{display:block;text-align:center;margin-top:10px;}

.ui_total_resualt{display:table;width:100%;padding:25px 0;margin-bottom:15px;line-height:20px;border:1px solid #e5e5e5;border-radius:5px;background:#fff;}
.ui_total_resualt p{display:table-cell;vertical-align:middle;}
.ui_total_resualt p:nth-child(1){padding-left:20px;font-size:18px;color:#444;}/*font-weight:bold;*/
.ui_total_resualt p:nth-child(1) span{margin-left:5px;/*vertical-align:middle;*/font-size:17px;color:#f25053;}
.ui_total_resualt p:nth-child(2){padding-right:20px;text-align:right;font-size:20px;color:#464646;}/*font-weight:bold;*/
/*.ui_total_resualt p:nth-child(2) span{display:inline-block;width:23px;height:23px;margin-left:7px;line-height:18px;vertical-align:middle;text-align:center;font-size:14px;color:#fff;background:#f25053;border-radius:20px;}*/
.ui_total_resualt p:nth-child(2) span{display:inline-block;width:23px;height:23px;background:url(/images/ocbapp/ico_p03.png) no-repeat 0 0;background-size:23px 23px;vertical-align:bottom;margin-left:7px;}
.ui_total_resualt p:nth-child(2) a{display:block;margin-top:6px;}
.ui_total_resualt .btn_detail{padding-right:13px;line-height:14px;font-size:12px;color:#666;background:url(/images/ocbapp/ico_arrow02.png) no-repeat right 2px;background-size:7px 11px;}

.ui_total_charge{position:relative;margin:12px 0 10px 15px;}
.ui_total_charge .point{line-height:20px;font-size:35px;color:#464646;}/*font-weight:bold;*/
/*.ui_total_charge .point span{position:relative;top:-4px;display:inline-block;width:32px;height:32px;margin-left:7px;line-height:25px;vertical-align:middle;text-align:center;font-size:22px;color:#fff;background:#f25053;border-radius:20px;}*/
.ui_total_charge .point span{position:relative;top:-4px;display:inline-block;width:32px;height:32px;margin-left:7px;background:url(/images/ocbapp/ico_p03.png) no-repeat 0 0;background-size:32px 32px;vertical-align:middle;}
.ui_total_charge .btn_guide{padding-right:15px;color:#b8b8b8;font-size:11px;background:url(/images/ocbapp/btn_guide.png) no-repeat right 2px;background-size:12px 12px;}
.ui_total_charge .lay_guide{position:absolute;bottom:-10px;left:30px;padding:7px 16px;font-size:11px;color:#444;border-radius:5px;background:#dfdfdf;}
.ui_total_charge .lay_guide:before{content:"";position:absolute;top:-5px;right:70px;width:8px;height:5px;background:url(/images/ocbapp/ico_guide.png) no-repeat 0 0;background-size:8px 5px;}
.ui_point_agree:first-child{margin-top:0;}
.ui_point_agree{position:relative;margin:15px 0;border:1px solid #f4f4f4;background:#fff;border-radius:5px;}
.ui_point_agree h3{height:40px;line-height:40px;padding:0 10px;font-size:13px;color:#444;border-top:1px solid #f4f4f4}/*font-weight:bold;*/
.ui_point_agree h3:first-child{border:0;}
.ui_point_agree p{height:40px;line-height:40px;padding:0 10px;font-size:11px;border-top:1px solid #f4f4f4}
.ui_point_agree .chk_box{margin-right:5px;}

.ui_point_agree .btn_detail{position:absolute;top:12px;right:14px;padding-right:13px;font-size:12px;background:url(/images/ocbapp/ico_arrow02.png) no-repeat right 2px;background-size:7px 11px;}
.ui_point_agree .all{background:#ebebeb;}

.ui_point_agree2{margin-bottom:5px;}
.ui_point_agree2 .chk_box label{color:#444;}
.ui_point_agree2 p{position:relative;font-size:12px;}
.ui_point_agree2 .btn_detail{line-height:16px;}
.ui_point_agree2 .all{background:none;font-size:12px;margin-bottom:20px;}/*font-weight:bold;*/

.ui_total_charge .btn_on{position:relative;}
.ui_total_charge .btn .btn_pop{display:none;}
.ui_total_charge .btn_on .btn_pop{display:block;position:absolute;width:190px;padding:10px;top:28px;left:25px;z-index:9;background-color:#DFDFDF;font-size:11px;border-radius:5px;}
.ui_total_charge .btn_on .btn_pop:after{content:"";position:absolute;top:-6px;bottom:auto;left:99px;border-width:0 5px 6px;border-style:solid;border-color:#DFDFDF transparent;display:block;width:0;}

.emptylist_my_point .form_list .data{padding:0;}
.emptylist_my_point .ui_total_charge{position:relative;}
.emptylist_my_point .ui_total_charge .point_charge{position:absolute; right:0px; top:-12px; width:75px; height:46px; background-color:#f87d70;border-radius:7px;color:#fff;text-align:center;padding-top:10px;}
.emptylist_my_point .form_list .btn_guide{padding-right:15px;font-size:14px;background:url(/images/ocbapp/btn_guide.png) no-repeat right 2px;background-size:12px 12px;font-weight:bold;}

.emptylist_my_point .charge li{height:90px;display:table;}
.emptylist_my_point .form_list .tit{height:100%; padding-top:25px;}
.emptylist_my_point .form_list .point span{display:inline-block;}
.emptylist_my_point .form_list .tit{border-right:1px solid #ececec;}
.emptylist_my_point .form_list .point_1{width:100%;border-bottom:1px solid #ececec;display:table-cell;vertical-align:middle;padding:0 0 12px 5px;}
.emptylist_my_point .form_list .point_2{width:100%;display:table-cell;vertical-align:middle;padding:10px 0 0 5px;}
.emptylist_my_point .form_list .point_1_1{width:65%;font-size:12px;}
.emptylist_my_point .form_list .point_1_2{width:30%;}
.emptylist_my_point .form_list .point_2_1{width:65%;color:#c6c6c6;font-size:11px;}
.emptylist_my_point .form_list .point_2_2{ background-color:#545454; border-radius:3px;color:#fff;font-size:11px;width:30%; height:22px;text-align:center;padding-top:4px;}
.emptylist_my_point .op_guid img{border:none; vertical-align:top;}
.emptylist_my_point .op_guid_img img{width:100%;}
.emptylist_my_point .ui_txtarea inforbox dd.op_guid_img{clear:both;}
.emptylist_my_point .op_guid1{float:left;width:50%;}
.emptylist_my_point .op_guid1 a img{width:100%;}
.emptylist_my_point .op_guid2{float:left;width:50%;}
.emptylist_my_point .op_guid2 a img{width:100%;}
.emptylist_my_point .point_guid{margin-top:10px;}

.store_none .form_list{background:none;border:none;}


.ui_process{position:relative;display:table;width:96%;margin-left:2%;}
.ui_process li:nth-child(1):before{content:"";position:absolute;top:50%;right:5%;width:33.3%;height:5px;;margin-top:-3px;background:url(/images/ocbapp/bg_process.png) no-repeat center 0;background-size:53px 5px;}
.ui_process li{position:relative;display:table-cell;height:25px;line-height:25px;font-size:13px;}/*font-weight:bold;*/
.ui_process li:nth-child(1){width:66.6%;}
.ui_process li:nth-child(2){width:33.4%;text-align:right;}
.ui_process li span{display:inline-block;width:25px;height:25px;margin-right:6px;font-size:12px;text-align:center;color:#fff;border-radius:20px;background:#777;}
.ui_process li.on{color:#f14b3c;}
.ui_process li.on span{background:#f25053;}

.ui_process.type{width:98%;}
.ui_process.type li:nth-child(1):before{width:15%;right:8%;background:url(/images/ocbapp/bg_process02.png) no-repeat center 0;background-size:16px 4px;}
.ui_process.type li:nth-child(2):before{content:"";position:absolute;top:50%;right:8%;width:16%;height:4px;;margin-top:-3px;background:url(/images/ocbapp/bg_process02.png) no-repeat center 0;background-size:16px 4px;}
.ui_process.type li:nth-child(1),.ui_process.type li:nth-child(2){width:36%;text-align:left;}
.ui_process.type li:nth-child(3){width:26%;}

.insert_apply{padding:15px;border:1px solid #f4f4f4;background:#fff;border-radius:5px;}
.insert_apply p{margin-bottom:15px;}

.ui_modify{position:relative;}
.ui_modify .btn_modify{position:absolute;top:-35px;;right:0;width:56px;}

.ui_tbl_list + .btn_block_type{margin-top:15px;}
.ui_tbl_list{overflow:hidden;border:1px solid #ececec;background:#fff;border-radius:7px;}


.tbl_list {table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;}
.tbl_list .ico_state{display:inline-block;width:24px;height:24px;text-indent:-5000px;background:url(/images/ocbapp/ico_state.png) no-repeat 0 0;background-size:24px 24px;}
.tbl_list thead th{padding:5px 0 4px 0;line-height:16px;vertical-align:middle;font-size:14px;color:#444;background:#dfdfdf;}/*font-weight:bold;*/
.y139_card_point .tbl_list thead th{padding:10px 0;}
.tbl_list thead .th_cell{font-size:12px;}
.y139_card_point .tbl_list thead .th_cell{font-size:14px;}
.tbl_list tbody td{padding:9px 0 11px 0;font-size:13px;line-height:21px;vertical-align:middle;border-top:1px solid #efefef;}
.y139_card_point .tbl_list tbody td{padding:19px 0 20px 0;}
.tbl_list tbody .btn_tbl{display:inline-block;width:45px;height:27px;padding-top:3px;line-height:11px;vertical-align:middle;text-align:center;font-size:10px;color:#fff;background:#545454;border-radius:5px;}
.tbl_list tbody .cell_type01{text-align:left;}
.tbl_list tbody .cell_type02{height:295px;font-size:14px;color:#444;}
.tbl_list tbody .cell01{font-size:11px;color:#999;}
.tbl_list tbody .cell02{color:#444}
.tbl_list tbody .cell03{color:#b8b8b8}
.tbl_list tbody .cell04{font-size:14px}
.tbl_list tbody .cell05{color:#f6787a;}/*font-weight:bold;*/
.tbl_list tbody .cell06{font-size:14px;color:#82bdf0;}/*font-weight:bold;*/
.tbl_list tbody .cell07{font-size:14px;color:#f25053;}/*font-weight:bold;*/

.tbl_list02 thead th:first-child{width:30%;}
.tbl_list02 thead th:nth-child(3){width:18%;}
.tbl_list02 thead th:last-child{width:14%;height:41px;padding:0;}
.tbl_list02 thead th:last-child a{display:block;width:100%;height:100%;border-left:2px solid #D9D9D9;}
.tbl_list02 thead th:last-child a span{margin-top:9px;}

.form_insert_all{min-height:144px;}
.form_insert{display:-moz-box;display:-webkit-box;display:box;width:100%;}
.form_insert span{display:block;box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.form_insert span:nth-child(2){width:30%;margin-left:5px;}
.form_insert input{font-size:15px;}

.y61_detail .form_insert{border:1px solid #efefef; background-color:#fff; border-radius:5px;}
.y61_detail .form_insert input{border:none; background:none;}
.y61_detail .form_insert input{border-top:1px solid #efefef;display:block; border-radius:0;}
.y61_detail .form_insert input:first-child{border:none;}
.y61_detail .tith2_type01,.y61_detail .tith2_type02,.y61_detail .tith2_type03{font-weight:bold;}
.y132_point_gift .tith2_type01,.y132_point_gift .tith2_type02,.y132_point_gift .tith2_type03{font-weight:bold;}
.y132_point_gift .form_list .price{font-weight:bold;}

.form_list + .btn_block_type{margin-top:15px;}
.form_list + .form_list{margin-top:20px}
.form_list{overflow:hidden;background:#fff;border-radius:5px;border:1px solid #ececec;}
.form_list li{display:table;width:100%;border-top:1px solid #f7f7f7;}
.form_list li span{vertical-align:middle;}
.form_list li span.align_top{vertical-align:top;padding-top:12px;}
.form_list li:first-child{border-top:0;}
.form_list .tit,.form_list .data,.form_list .chk{display:table-cell;height:23px;padding:5px 0;line-height:18px;color:#444;}
.form_list .tit,.form_list .data{font-size:14px;}
.form_list .tit{padding-left:15px;}
.form_list .data{padding-right:15px;text-align:right;}
.form_list .inpRig{padding-right:10px;}
.form_list .price{color:#f25053;}
.form_list .chk_block{display:table;width:100%;vertical-align:top;}
.form_list .chk{font-size:13px;text-align:center;overflow: hidden;}

	nav.header_type001{padding:10px 10px 0px 10px;}
	nav.header_type001 .chk{font-size:13px; margin-right:10px;}
	nav.header_type001 .chk input{margin-left:0px;}
	nav.header_type001 #chk02, nav.header_type001 #chk03{margin:0;height:19px;width:19px;margin-right:-4px;}

.bene_event .form_bene{width:100%;}
.bene_event .form_bene:after{content:""; display:block; clear:both;}
.bene_event .form_bene .form_mail{width:75%;height:35px; float:left;}
.bene_event .form_bene .form_mail input{border:1px solid #e5e5e5; width:100%;height:100%;padding:0;text-indent:5px;}
.bene_event .form_bene .btn_ok{
	width:68px; height:35px;font-size:14px; color:#fff; border:1px solid #e44b4e;
	background-color:#f25053; font-weight:bold;
	border-radius:5px;float:right;
}
.bene_event .form_bene .btn_ok span{display:block;padding:10px 18px;}
.bene_event .iframe{margin-top:10px;width:100%; border:1px solid #ececec; background-color:#fff; border-radius:5px; height:1045px;}
.bene_event .iframe iframe{width:100%; height:100%;}

.p66_agree .text_area{border:1px solid #ececec; border-radius:5px; background-color:#FFF;padding:15px;}
.p66_agree .text_area .agree_list li{font-size:13px;margin-top:3px; color:#444;}
.p66_agree .text_area .agree_list li:first-child{margin:0px;}
.p66_agree .text_area p{font-size:13px;margin-top:20px;color:#444;}

.p66_agree .ui_txtarea{margin:10px 0 0 0;}
.p66_agree .ui_txtarea span{font-size:11px;color:#666;}
.p66_agree .ui_txtarea:after{content:""; display:block; clear:both;}
.p66_agree .ui_txtarea .type li{font-size:11px; color:#666;margin-top:3px;}
.p66_agree .ui_txtarea .type li:first-child{margin:0px;}

.p66_agree .tith2_type_same{float:left; padding:0;margin:20px 0 25px; border:none; font-weight:normal;}

.p66_agree .btn_block_type span{width:45%;font-weight:bold;}
.p66_agree .btn_block_type em{font-weight:bold;}
.p66_agree .btn_type06{background-color:#d9d9d9;}


.form_list .total{background:#fff8eb;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.form_list .total .tit,.form_list .total .data{font-size:16px;}
.form_list .total .data{font-size:17px;color:#f35053;}
.form_list textarea{font-size:14px;height:83px;}
.form_list .cell{position:relative;padding:0 0 5px;}
.form_list .post{width:27%;height:20px;padding:4px 2% 4px;}
.form_list .hp_num{width:22.5%;height:20px;padding:4px 2% 4px;}
.form_list .data_name{height:20px;padding:4px 2% 4px;}
.form_list .adr{margin-top:5px;}
.form_list .btn_post{position:relative;top:-1px;width:25%;height:29px;line-height:29px;color:#666;font-size:12px;text-align:center;border:1px solid #dedede;;background:#e5e5e5;border-radius:5px;}
.form_list .limit{position:absolute;bottom:8px;right:20px;font-size:10px;color:#999;}
.form_list  input{font-size:14px;}
.form_list .point input{width:50%;text-align:right;vertical-align:initial;}

.reform{margin-top:10px;}
.form_list.write{padding:5px 0;}
.form_list.write li{border:0;}
.form_list.write .tit{width:30%;}/*font-weight:bold;*/
.form_list.write .data{position:relative;width:70%;font-weight:normal;text-align:left;}
.form_list.write .btn_homepage{display:block;height:34px;line-height:34px;padding-left:2%;text-align:left;text-decoration:underline;font-size:13px;border-radius:5px;}
.form_list.write02{background:none;border:0;}
.form_list.write02 li{margin-top:15px;border:0;}
.form_list.write02 .tit{padding:0;}/*font-weight:bold;*/
.form_list.write02 .tit.size{width:115px;}
.form_list.write02 .tit.size02{width:76px;}
.form_list.write02 .data{padding:0;font-weight:normal;text-align:left;}
.form_list.write02 textarea{height:20px;}
.form_list.write02 .limit{bottom:12px;right:10px;}

.form_list.write02 .data .name_size{width:95%;}
.form_list.write02 .data .message_size{width:95%;height:83px;}

.form_list.write02 .data .hp_num{width:23%;}
.form_list.write02 .data input{width:95%;}


.form_list.view{padding:10px 0 8px;}
.form_list.view li{border:0;}
.form_list.view .tit,.form_list.view .data{height:11px;padding:5px 0;}
.form_list.view .tit{width:30%;padding-left:10px;font-size:13px;}
.form_list.view .data{position:relative;width:70%;font-weight:normal;text-align:left;font-size:12px;color:#666;}

.form_list.list_type01 li{padding:0 0;}
.form_list.list_type01 .tit,.form_list.list_type01 .data{height:30px;}
.form_list.list_type01 .tit{width:40%;padding-left:0;text-align:center;}
.form_list.list_type01 .data{padding-left:0;font-weight:normal;font-size:13px;border-left:1px solid #efefef;text-align:center}
.form_list.list_type02 .tit,.form_list.list_type02 .data{height:50px;vertical-align:middle;}
.form_list.list_type02 .data{position:relative;}
.form_list.list_type02 .btn{position:absolute;top:50%;right:13px;padding-right:13px;margin-top:-8px;line-height:14px;width:80px;font-size:12px;color:#b8b8b8;background:url(/images/ocbapp/ico_arrow02.png) no-repeat right 2px;background-size:7px 11px;}
.form_list.list_type02 .btn2{padding-right:13px;margin-top:-8px;line-height:14px;width:80px;font-size:12px;color:#b8b8b8;background:url(/images/ocbapp/ico_arrow02.png) no-repeat right 0px;background-size:7px 11px;}
.form_list.list_type03 .tit,.form_list.list_type03 .data{height:30px;}
.form_list.list_type03 .data{font-size:15px;}

.form_list.send{overflow:visible;}
.form_list.send li{min-height:43px;line-height:43px;}
.form_list.send .btn_del{position:relative;top:0px;display:inline-block;width:27px;height:27px;vertical-align:middle;text-indent:-5000px;background:url(/images/ocbapp/btn_del.png) no-repeat 0 0;background-size:27px 27px;}
.form_list.send .tit{padding-left:9px;}
.form_list.send .data{padding-right:9px;font-size:11px;color:#666;font-weight:normal;}
.form_list.send .amount{width:55px;height:30px;line-height:30px;font-size:14px;}
.form_list.send .drop_box{position:relative;display:inline;}
.form_list.send .drop_box input[type=text]{width:80%;border:0;}
.form_list.send .drop_box input[type=tel]{width:80%;border:0;color:gray;}
.form_list.send .drop_box ul{overflow:hidden;position:absolute;top:32px;left:0;width:100%;z-index:9;border:1px solid #efefef;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.form_list.send .drop_box li{height:35px;padding-left:10px;line-height:35px;border-top:1px solid #efefef;}
.form_list.send .drop_box li:first-child{border:0;}
.form_list.send .drop_box a{color:gray;}
.form_list.send .data input[type=text]{color:gray;}

.form_list.friend{display:table;width:100%;margin-bottom:25px;}
.form_list.friend li{padding:5px 0;line-height:28px;}
.form_list.friend .cell_th{display:table-cell;width:20px;padding-left:15px;vertical-align:middle;}
.form_list.friend .cell_td{display:table-cell;}
.form_list.friend .cell_td span{display:block;color:#444;padding-left:10px;}
.form_list.friend .chk_box{width:20px;}
.form_list.friend .chk_box label{width:20px;padding:0;text-indent:-5000px;}

.form_list.charge .tit{padding-top:15px;vertical-align:top;}
.form_list.charge .data{width:68%;text-align:left;}
.form_list.charge .data select{font-size:14px;}
.form_list.charge .data .add_cell{position:relative;display:block;margin-top:5px;}
.form_list.charge .data .add_cell input{width:96.3%;text-align:left;}
.form_list.charge .data .add_cell .ico{position:absolute;top:50%;right:10px;display:inline-block;width:19px;height:19px;margin-top:-10px;background:url(/images/ocbapp/ico_p02.png) no-repeat 0 0;background-size:19px 19px;}

.form_list2{float:left;display:block;margin-top:0 !important;border:none;background:none;}
.form_list2 .chk_block{margin-top:10px;}
.form_list2 .chk_block .chk{padding:0 15px 0 0;}
.form_list2 input[type="radio"]{margin-left:0;position: absolute;left: -100px;}
.form_list2 .chk_label{margin-left:0;}

.form_list3 .btn_post{width:27%;}
.form_list3 .post{width:25%;}
.form_list3 li{border-top:none;}
.form_list3 textarea{height:80px;}
.form_list3 li.cell .tit{vertical-align:top;padding-top:15px;}

.form_list.list_box li{border:none;padding-left:0;text-indent:0;}
.form_list.list_box .ui_point_agree{margin:0;border:none;}
.form_list.list_box .ui_point_agree p{padding:0;border:none;}
.form_list.list_box .ui_point_agree label{font-size:13px;padding-left:30px;}

.disable .data input{border:none;}

.ui_giftsend{position:relative;}
.btn_phoneadd{position:absolute;top:0;right:0;display:inline-block;padding-left:23px;line-height:19px;vertical-align:middle;font-size:13px;color:#444;background:url(/images/ocbapp/btn_add.png) no-repeat 0 0;background-size:19px 19px;}
.btn_form{margin-top:23px;}

.form_coment{position:relative;padding:5px 13px 0;margin-bottom:19px;line-height:16px;}
.form_coment p{padding-left:8px;font-size:11px;background:url(/images/ocbapp/ico_li.png) no-repeat 0 7px;background-size:2px 2px;}
.form_coment p.fontRe{font-size:12px;}
.form_coment strong{color:#f25053;}/*font-weight:bold;*/
.form_coment .em{color:#f25053;}
.form_coment .btn_guide{position:absolute;top:5px;right:0;padding-right:15px;color:#999;font-size:12px;background:url(/images/ocbapp/btn_guide.png) no-repeat right 2px;background-size:12px 12px;}
.form_coment .lay_guide{position:absolute;top:24px;right:0;padding:7px 16px;font-size:11px;color:#444;border-radius:5px;background:#dfdfdf;}
.form_coment .lay_guide:before{content:"";position:absolute;top:-5px;right:8px;width:8px;height:5px;background:url(/images/ocbapp/ico_guide.png) no-repeat 0 0;background-size:8px 5px;}
.form_coment02{padding:20px 10px 0;text-align:center;font-size:11px;line-height:15px;color:#b8b8b8;}
.form_coment03{padding:35px 10px 6px;text-align:center;font-size:14px;line-height:20px;color:#444;}
.form_coment04{padding:20px 10px 0;text-align:left;font-size:11px;line-height:15px;color:#b8b8b8;}

.b20_giftsend .tit.bd_r1{border-right:1px solid #e5e5e5;width:50%;}
.b20_giftsend .form_list.send .drop_box input[type=text]{width:73%;}
.b20_giftsend .form_list.send .drop_box input[type=tel]{width:73%;}
.b20_giftsend .data{width:50%; position:relative;}
.b20_giftsend .form_list.send .drop_box li{padding-left:5px;}
.b20_giftsend .form_list.send .data span.name_taker{font-size:14px;position:absolute; left:10px;top:13px;}
.b20_giftsend .form_list.send .data input.name_taker{position:absolute;left:4px;top:11%;width:30%;border:0;padding: 4px 2% 4px;}

/* popup */
.point_pop .pop_container{padding-bottom:20px;border-radius:5px;border:1px solid #e5e5e5;background:#fff; position:absolute; left:25px; top:180px;overflow:hidden;}

body.point_view_centents{background-color:#fff;}
.point_view.pop_container{width:100%;border-radius:5px;border:1px solid #e5e5e5;background:#fff;overflow:hidden;}

.y_point_friend .pop_container{width:100%;}
.y_point_friend .pop_container h1{text-align:center; font-size:18px;height:56px;line-height:34px;background:#f7f7f7;font-weight:bold;}
.y_point_friend .pop_container h1 span{display:block;padding-top:10px;}
.y_point_friend .pop_container .point_total_text{padding:20px; max-height:400px; overflow-y:auto;}
.y_point_friend .pop_container .point_total_text p{font-size:14px; line-height:20px;}
.redcolor{color:#f25053;}

.pop_container{width:308px;padding-bottom:20px;border-radius:5px;border:1px solid #e5e5e5;background:#fff;overflow:hidden;}
.pop_container_p0{padding-bottom:0;}
.pop_container h1{border-top-left-radius:5px;border-top-right-radius:5px;}
.pop_container .ui_tbl_list{border:0;border-bottom:1px solid #efefef;}
.pop_container .ui_tbl_list h1{height:34px;line-height:34px;padding-left:17px;font-size:15px;color:#b6b6b6;background:#f7f7f7;}
.pop_container thead{display:none;}
.pop_container .btn_block_type{margin-top:35px;}

.pop_container .ui_tbl_list_none{border-bottom:1px solid #efefef;overflow:hidden;background:#fff;}
.pop_container .ui_tbl_list_none h1{height:34px;line-height:34px;padding-left:17px;font-size:15px;color:#b6b6b6;background:#f7f7f7;}

.pop_container .ui_pop_list h1,.pop_container .ui_pop_view h1{height:55px;line-height:55px;text-align:center;font-size:18px;color:#333;background:#f9f9f9;}/*font-weight:bold;*/
.pop_container .ui_pop_list .form_list{border:0;border-radius:0;}
.pop_container .ui_pop_list .form_list li{border-top:0;border-bottom:1px solid #efefef;}
.pop_container .ui_pop_list .form_list li.no_line{border:none;}


.pop_container .ui_pop_view{margin:0 5px -15px 5px;}
.pop_container .ui_pop_view h1{background:none;}
.pop_container .ui_pop_view .view{padding:5px 10px;margin:0 10px;border:1px solid #efefef;border-radius:5px;}
.pop_container .ui_pop_view .view li{display:table;width:100%;}
.pop_container .ui_pop_view .view span{display:table-cell;height:25px;line-height:16px;font-size:13px;color:#333;}
.pop_container .ui_pop_view .view .tit{width:30%;}
.pop_container .ui_pop_view .view .data{}
.pop_container .ui_pop_view .coment{margin-top:15px;text-align:center;font-size:15px;color:#333;}
.pop_container .ui_pop_view .btn_block_type{margin-top:25px;}

/* check-in */
.check_head_wrap{/*background-color:#393939;*/}
.check_container{position:absolute;left:0;width:100%;/*background-color:#f4f4f4;*/}

.check_head {position:relative;height:75px;}
.check_head .check_bg {position:absolute;height:54px;width:100%;bottom:0;left:0;background:url(/images/ocbapp/bg_checkin.png) 0 0;z-index:0;border-radius:20px 0 0 0;}
.check_head .tit_check {position:absolute;top:0;left:0;width:165px;height:75px;text-indent:-5000px;background:url(/images/ocbapp/tit_check.png) no-repeat 0 0;background-size:165px 75px;z-index:1}
.check_head .coment_check {position:absolute;top:33px;left:185px;padding-left:30px;background:url(/images/ocbapp/ico_checkin.png) no-repeat 0 0;background-size:22px 19px;background-position:0 7px;z-index:1;height:32px;}
.check_head .coment_check span {display:block;line-height:16px;font-size:13px;color:#ffffff;margin-top:10px;}
/*.check_head .coment_check span:nth-child(1) {color:#ffffff}
.check_head .coment_check span:nth-child(2) {color:#ffe58a}*/

.ui_check_detail{background:#e96830;}
.ui_check_detail.type{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.ui_check_detail h2{position:relative;top:-5px;text-align:center;}
.ui_check_detail h2 span{position:relative;display:inline-block;height:27px;line-height:27px;padding:0 18px 0 20px;border-radius:15px;font-size:14px;color:#fff;background:#97391c;}/*font-weight:bold;*/
.ui_check_detail h2 span:before{content:"";position:absolute;left:50%;bottom:-4px;margin:0 0 0 -4px;width:8px;height:4px;background:url(/images/ocbapp/ico_check_arrow.png) no-repeat 0 0;background-size:8px 4px;}
.ui_check_detail h2 + .my_state{padding-top:0;}
.ui_check_detail .my_state{position:relative;margin:0 19px 0 19px;padding-top:24px;}
.ui_check_detail .my_state:before{content:"/";position:absolute;top:65%;left:50%;margin:-25px 0 0 -5px;font-size:24px;color:#97391c;}
.ui_check_detail .my_state ul{display:table;width:100%;}
.ui_check_detail .my_state li{width:156px;}
.ui_check_detail .my_state .type01{float:left;}
.ui_check_detail .my_state .type02{float:right;}
.ui_check_detail .my_state p{float:left;}
.ui_check_detail .my_state .thum{position:relative;width:65px;}
.ui_check_detail .my_state .thum01{margin-left:14px;}
.ui_check_detail .my_state .thum02{margin-right:14px;}
.ui_check_detail .my_state .data{width:91px;text-align:center;margin-top:10px;}

.ui_check_detail .my_state .data span{display:block;}
.ui_check_detail .my_state .data span.name{/*margin-top:-7px;*/}
.ui_check_detail .my_state .data span em{font-size:21px;}
.ui_check_detail .my_state .data .num{line-height:38px;font-size:45px;}/*font-weight:bold;*/
.ui_check_detail .my_state .data .name{font-size:11px;color:#fff;}
.my_state .type01 .point{position:absolute;top:-5px;left:0;height:18px;line-height:18px;padding:3px 7px 0 9px;border-radius:10px;background:#fff;opacity:.89;font-size:11px;color:#f1534f;}/*font-weight:bold;*/
.my_state .type01 .num,.my_state .type01 .name{color:#fff;}
.my_state .type02 .num,.ui_check_detail .my_state .type02 .name{color:#ffe554;}
.ui_check_detail .ico{position:absolute;top:-7px;right:-5px;width:26px;height:26px;background:url(/images/ocbapp/ico_check_star.png) no-repeat 0 0;background-size:26px 26px;}
.ui_check_detail .thum01,.ui_check_detail .thum02{display:block;width:65px;height:65px;border-radius:50px;text-indent:-5000px;background-repeat:no-repeat; background-position:0 0;background-size:65px 65px;}
.ui_check_detail .thum02{}

.ui_check_detail .default{background-image:url('/images/ocbapp/img_allTip01.png');}

.ui_check_detail .ui_check_coment{display:table;width:100%;}

.ui_check_detail .ui_check_coment{margin-bottom:14px;}
.check-in p.memo{font-size:9px;}

.check-in .sliders.checkin .control_paging{margin-top:10px;}
.check-in_01 .sliders.checkin{margin-bottom:11px;}

.case1 .ui_check_coment{margin:0;}

.ui_check_detail .check_coment{display:table-cell;width:100%;height:62px;margin-bottom:20px;text-align:center;vertical-align:middle;}
.ui_check_detail .check_coment p{width:100%;text-align:center;}
.ui_check_detail .para01{color:#ffe554;font-size:20px;}

.ui_check_detail .para01{padding-bottom:8px;}

.ui_check_detail .para01 span{font-size:12px;}
.ui_check_detail .para02{color:#97391c;font-size:12px;}
.ui_check_detail .para03{margin-bottom:8px;color:#fff;font-size:18px;}
.ui_check_detail .para04{margin-bottom:3px;color:#ffe554;font-size:14px;}
.ui_check_detail .check_star{height:69px;margin:0 0 22px 0;padding-top:22px;display:table;width:90%;margin-left:10%;}
.ui_check_detail .check_star .thum{position:relative;display:table-cell;width:65px;}
.ui_check_detail .check_star div{display:table-cell;vertical-align:middle;padding-left:20px;height:65px;}

.ui_check_detail .check_resualt{margin:13px 0 22px 0;padding-top:96px;text-align:center;background:url(/images/ocbapp/ico_check_ok.png) no-repeat center 0;background-size:86px 94px;}
.ui_check_detail .check_resualt p:nth-child(1){display:inline-block;height:25xp;line-height:25px;padding-left:30px;color:#ffe554;font-size:20px;background:url(/images/ocbapp/ico_check_star.png) no-repeat 0 0;background-size:26px 26px;}/*font-weight:bold;*/
.ui_check_detail .check_resualt p:nth-child(2){margin-top:10px;line-height:16px;font-size:13px;color:#fff;}/*font-weight:bold;*/
.ui_check_detail .check_resualt p:nth-child(2) strong{color:#ffe554;}/*font-weight:bold;*/

.ui_check_detail .check_btn{margin:0 50px 0;padding-bottom:15px;}
.ui_check_detail .check_lottery{height:65px;line-height:65px;text-align:center;background:#98391c;}
.ui_check_detail .check_lottery p{display:inline-block;height:46px;line-height:46px;padding-left:54px;font-size:14px;color:#fff;}/*font-weight:bold;*/
.ui_check_detail .check_lottery p strong{color:#ffe554}
.ui_check_detail .check_lottery .win{background:url(/images/ocbapp/ico_lott_win.png) no-repeat 0 0;background-size:44px 45px;}
.ui_check_detail .check_lottery .fail{background:url(/images/ocbapp/ico_lott_fail.png) no-repeat 0 0;background-size:46px 46px;}

.ui_check_side{padding:0 10px 20px;background-color:#f4f4f4;}
.ui_check_side h2{padding:15px 0 6px 0;font-size:14px;color:#424445;}/*font-weight:bold;*/
.ui_check_side .check_store{overflow:hidden;}
.ui_check_side .check_store li{float:left;width:49%;}
.ui_check_side .check_store li:first-child{margin-right:2%}

.ui_check_side .check_store .type{position:relative;width:100%;background-color:#fff;border-radius:5px;border:1px solid #ececec;}
.ui_check_side .check_store li > a{position:relative;display:table;width:100%;}
.ui_check_side .check_store li .thum{padding:10px 13px 10px 0;text-indent:-5000px;vertical-align:middle;}
.ui_check_side .check_store li .thum{width:55px;height:55px;background-repeat:no-repeat;background-position:50% 50%;background-size:55px 55px}
.ui_check_side .check_store .store{display:inline-block;height:18px;line-height:18px;padding:2px 9px 0 7px;margin-bottom:3px;font-size:11px;color:#fff;background:#f36366;border-radius:10px;}
.ui_check_side .check_store .tit{font-size:11px;color:#8c8c8c;}
.ui_check_side .check_store .point{margin-top:3px;font-size:14px;color:#343434;}
.ui_check_side .check_store .data{padding-left:10px;vertical-align:middle;}
.ui_check_side .btn_block_check{margin-top:20px;}
.ui_check_side .checkin li{height:78px;border:0;border-radius:5px;overflow:hidden;}
.ui_check_side .checkin .thum{width:78px;height:78px;padding:0;border-top-left-radius:5px;border-bottom-left-radius:5px;background:url(/images/ocbapp/tmp/img_check04.png) no-repeat 0 0;background-size:78px 78px}
.ui_check_side .checkin .price{margin-top:0;}
.ui_check_side .checkin .point{color:#424445;}
.ui_check_side .checkin_none{height:58px;padding:22px 0 0 71px;margin-bottom:12px;font-size:12px;color:#ff8f2c;border-radius:5px;background:url(/images/ocbapp/img_none.png) no-repeat 22px 50% #fff;background-size:32px 32px}

.ui_check_side .if_default{/*padding:9px 7px 9px 0;*/}

/*5/31.ui_check_side .check_store .type2{width:100%;min-height:75px;background-color:#fff;border-radius:5px;border:1px solid #ececec;}*/
.ui_check_side .check_store .type2{width:100%;height:93px;background-color:#fff;border-radius:5px;border:1px solid #ececec;display:table;}
/*5/31.ui_check_side .check_store .type2 .thum{padding:10px 0px 10px 13px;min-width:55px;text-indent:-9999px;float:left;min-height:55px;}*/
.ui_check_side .check_store .type2 .thum{padding:10px 0px 10px 13px;min-width:55px;text-indent:-9999px;float:left;min-height:55px;margin-top:8px;}
/**5/31.ui_check_side .check_store .thum.default{padding:0;margin: 10px 6px 10px 6px;border:1px solid #ececec;background-image:url("/images/ocbapp/image_default.png"); background-position:50% 50%;background-size:45px 35px;}*/
.ui_check_side .check_store .thum.default{padding:0;margin: 18px 6px 10px 6px;border:1px solid #ececec;background-image:url("/images/ocbapp/image_default.png"); background-position:50% 50%;background-size:45px auto;/*6/16 +auto*/}
/*5/31.ui_check_side .check_store .type2 .data{padding:10px 10px 10px 0;}*/
.ui_check_side .check_store .type2 .data{padding:10px 10px 10px 0;width:100%;height:100%;display:table-cell;vertical-align:top;}
.ui_check_side .check_store .type2 .data p.tit{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.p061_check_pop .ui_check_side .check_store li{width:100%;}
.p061_check_pop .ui_check_side .check_store li .type{height:80px; width:99.5%;}
.p061_check_pop .check_store{padding-top:20px;}
.p061_check_pop .ui_check_side .check_store li:first-child{margin:0;}

.p045_check_cupon .check_store{padding-top:20px;}

.btn_block_check{display:-moz-box;display:-webkit-box;display:box;width:100%;text-align:center;}
.btn_block_check span{display:block;box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;width:100%;}
.btn_block_check span:nth-child(2),.btn_block_check span:nth-child(3){margin-left:5px;}
.btn_check_type01,.btn_check_type02{display:block;border-radius:5px;font-size:15px;color:#fff;border:0;}/*font-weight:bold;*/
.btn_check_type01{height:34px;line-height:34px;background-color:#545454;/*border:1px solid #c85229;*/}
.btn_check_type02{height:34px;line-height:34px;background-color:#fd9955;border:1px solid #FDB382;}

.btn_check_close a{position:absolute;top:35px;right:15px;width:16px;height:16px;text-indent:-5000px;background:url(/images/ocbapp/btn_check_close.png) no-repeat 0 0;background-size:16px 16px;}

.check_container.shop{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.check_head .tit_shop{position:absolute;top:11px;left:20px;font-size:16px;color:#fff;}/*font-weight:bold;*/
.check_container.shop .my_state:before{margin-top:-15px}

/* search */
.menu_shortcut{  }
.menu_shortcut h2{ color:#444444; font-size:14px; font-weight:bold; letter-spacing:-1px; padding:15px 0px 10px 0px;}
.menu_shortcut ul{ border-radius: 5px; border:1px solid #ececec; background-color:white; }
.menu_shortcut ul li{ position:relative; font-size:13px; font-weight:bold; letter-spacing:-1px; line-height:40px; color:#444444; padding-left:11px; padding-right:30px; }
.menu_shortcut ul li:first-child{ border-bottom:1px solid #ececec; }
.menu_shortcut ul li a{ color:#0000CC; text-decoration: underline; }
.menu_shortcut ul li>span{ position:absolute; width:8px; right:0px; margin:11px 14px; height:14px; background-image:url("/images/ocbapp/ico_arrow01.png"); background-size:100%; }




.search_resualt{padding-top:13px;margin-bottom:-6px;line-height:22px;text-align:center;font-size:16px;color:#333;}
.search_resualt strong{text-decoration:underline;color:#f25053;}
.search_resualt_sub{margin-bottom:-5px;font-size:15px;color:#333;}
.search_resualt_sub strong{}/*font-weight:bold;*/
.btn_search_more{margin-top:14px;text-align:right;}
.btn_search_more a{font-size:13px;color:#333;padding-right:18px;background:url(/images/ocbapp/ico_arrow01.png) no-repeat right 0;background-size:9px 15px;}
.search_storeadd{padding:15px 0;margin:6px -10px -33px;text-align:center;background-color:#fff2e6;}
.ui_btn_top{position:fixed;right:10px;bottom:10px;display:block;width:35px;height:35px;text-indent:-5000px;background:url(/images/ocbapp/btn_top.png) no-repeat right 0;background-size:35px 35px;}

.icon_okcashbag {width:100%; height:98px;background:url("/images/ocbapp/ok_cashbag.png") no-repeat 50% 0;background-size:98px 98px;margin-top:120px;}
.update_text{width:100%; text-align:center;margin-top:41px;}
.update_text p{line-height:21px;font-size:16px;}
 


/* 360 */
@media only all and ( max-width:360px ){
	.ui_listdetail .my_infor{ font-size:14px; }
}

/* 390 이상 */
@media only all and ( min-width:390px ){
	.sliders.event .slide {height:80px;}
	.sliders.event .slide li img{height:80px;}
}

/* 320   */
@media only all and (max-width:320px){
	/* 10.10 선물취소 날짜와 겹친 현상 수정 */
	.ui_list_type01.type03 .cancel_on .cancel_pop a{ padding:10px 5px 10px; }


	input[type=text],input[type=tel],input[type="password"]{height:22px;padding:4px 2% 0;}
.drop_box input[type=tel]{height:22px;padding:0 1% 0;}
	select{height:28px;line-height:28px;}
	.chk label{min-height:17px;line-height:17px;padding-left:21px;margin-left:-13px;background-size:16px 17px;}
	.chk_box label{min-height:18px;line-height:18px;padding-left:23px;background-size:18px 18px;}

	#contetns{clear:both;padding:10px 9px 33px;}

	.header_box{padding:8px;padding-bottom:0;}

	.tith1_posi{font-size:11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.tith1_posi span{padding-left:18px;background-size:13px 13px;}

	.ui_lnb li a{height:41px;line-height:41px;font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_lnb_2s{height:31px;}
	.ui_lnb_2s li a{height:32px;line-height:33px;}
	.ui_lnb_3i > a{height:32px;font-size:13px;line-height:32px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_lnb_3i > a span{width:32px;height:32px;background-size:33px 33px;}
	.ui_lnb_3i.open .drop_box{top:33px;}
	.ui_lnb_3i.open .drop_box li{height:33px;line-height:33px;}
	.ui_lnb_3i.open .drop_box li a{font-size:13px;}

	.ui_sorting a{height:25px;line-height:25px;padding:0 18px;font-size:11px;}

	/* contents  */
	.btn_block_type{margin-top:7px;}
	.btn_type01,.btn_type02,.btn_type03,.btn_type04,.btn_type05,.btn_type06,.btn_type07{height:31px;line-height:31px;font-size:14px !important;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.btn_type03.type{font-size:12px;}
	.btn_type05{height:35px;line-height:35px;font-size:16px;}
	.btn_type06{height:31px;line-height:31px;font-size:14px;}
	.btn_type07{height:31px;line-height:31px;font-size:14px;}
	.btn_more{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.btn_modify{height:28px;line-height:28px;font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

	.btn_block_type_detail a.btn_detail{padding-right:13px;font-size:11px;background-size:6px 10px;}

	.tith2_type01,.tith2_type02,.tith2_type03{margin:16px 0 9px 0;font-size:15px;}
	.tith2_type03{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.tith2_type02{margin:18px 0 6px 0;font-size:12px;}
	.tith2_type04{margin:-10px -9px 9px;padding:6px 9px 6px 9px;font-size:13px;}

	.ui_slides span{height:15px;}
	.ui_slides .username{font-size:11px;}
	.ui_slides .num_photo{right:11px;padding-left:16px;font-size:11px;background-size:14px 10px;}
	.ui_slides .btn_patron input[type=button]{width:48px;height:48px;background-size:48px 48px;}


	.ui_slides button{width:48px;height:48px;}
	.ui_slides button .btn_patron img{width:48px;height:48px;}

	.sliders.store .slide{height:138px;}
	.sliders.store .control_paging{height:14px;}

	.sliders.benefit .slide{height:71px;}
	.sliders.benefit .control_paging{margin-top:5px;}

	.sliders.event{margin-bottom:10px;}
	.sliders.event .slide{height:74px;}
	.sliders.event .control_paging{height:6px;margin-top:5px;}

	.sliders.checkin{margin-bottom:10px;}
	.sliders.checkin .slide{height:71px;}
	.sliders.checkin .control_paging{height:6px;margin-top:8px;}

	.sliders.save{margin-bottom:10px;}
	.sliders.save .slide{height:209px;}
	.sliders.save .item .item_block{height:209px;}
	.sliders.save .infor{}
	.sliders.save .tit{width:77%;padding-top:6px;font-size:14px;}
	.sliders.save .date{width:23%;font-size:9px;letter-spacing:-1px;}
	.sliders.save .thum{width:198px;height:99px;margin:18px auto 19px;background-size:198px 99px;}
	.sliders.save .control_paging{height:6px;margin-top:9px;}

	.ui_store_infor h2{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_store_infor .ico_more_view li.card{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_store_infor .kind{font-size:12px;}
	.ui_store_infor .infor{font-size:12px;}
	.ui_store_infor .grade{font-size:10px;}
	.ui_store_infor .star_all{width:61px;height:11px;background-size:61px 11px;}
	.ui_store_infor .star{height:11px;}
	.ui_store_infor .store_star{bottom:20px;width:60px;font-size:9px;}
	.ui_store_infor .store_star a{width:60px;}
	.ui_store_infor .store_star span{width:30px;height:30px;}
	.ui_store_infor .store_star .ico{right:7px;width:16px;height:16px;background-size:16px 16px;}
	.ui_store_infor .store_star .photo{width:30px;height:30px;background-size:30px 30px;}
	.ui_store_infor .hompage{margin-top:4px;font-size:12px;}
	.ui_store_infor .store_logo{width:73px;height:42px;margin:10px 0 23px;background-size:73px 42px;}

.ui_store_infor{}
.ui_store_infor h2{font-size:14px;}/*font-weight:bold;*/
.ui_store_infor .ico_join{width:18px;height:16px; background-size:18px 16px;margin-left:1px;}
.ui_store_infor .t_world_icon{width:12px;height:16px;background-size:12px 16px;margin-left:1px;}
.ui_store_infor .encrean_icon{width:32px;height:16px; background-size:32px 16px;margin-left:1px;}
.ui_store_infor .hana_icon{width:19px;height:16px; background-size:19px 16px;margin-left:1px;}

.ui_store_infor .ico_more{font-size:8px; padding:2px; }
.ui_store_infor .ico_more_view{width:200px; font-size:8px; padding:8px; z-index:10;}
.ui_store_infor .ico_more_view li{font-size:9px;margin-bottom:1px;}
.ui_store_infor .ico_more_view li.card{padding-left:50px;}/*font-weight:bold;*/
.ui_store_infor .ico_more_view li.ico_en{background-size:24px 10px;}
.ui_store_infor .ico_more_view li.ico_hana{ background-size:19px 10px;}
.ui_store_infor .ico_more_view li.ico_tworld{ background-size:9px 10px;}
.ui_store_infor .ico_more_view li.ico_ok{ background-size:11px 10px;}
.ui_store_infor .ico_more_view li.ico_bene{ background-size:35px 10px;}
.ui_store_infor .ico_more_view li.ico_text{font-size:7px;color:#999;margin-top:7px;}
.ui_store_infor .ico_more_view:before{content:""; display:block; width:7px; height:5px; background:url("/images/ocbapp/tri_bg.png") no-repeat 0 0;background-size:7px 5px;position:absolute;right:25px;top:-5px;}

.ui_store_infor .t_world_icon{top:-3px;width:12px;height:16px;background:url("/images/ocbapp/tworld_icon.png") no-repeat 0 0; background-size:12px 16px;}
.ui_store_infor .encrean_icon{top:-3px;width:28px;height:16px;background:url("/images/ocbapp/encrean_icon.png") no-repeat 0 0; background-size:28px 16px;}
.ui_store_infor .hana_icon{top:-3px;width:18px;height:16px;background:url("/images/ocbapp/hana_icon.png") no-repeat 0 0; background-size:18px 16px;}
.ui_store_infor h2 a.ico_more{display:inline-block;width:54px;}

.y139_pop .form_list.list_type03 li{height:50px;}
.y139_pop .form_list.list_type03 li .list_date{font-size:10px;width:56px;}
.y139_pop .form_list.list_type03 li .store_name{font-size:14px;}
.y139_pop .pop_container .ui_pop_list h1,.pop_container .ui_pop_view h1{border:none;height:54px;line-height:54px;text-align:center;font-size:17px;color:#333;background:#f9f9f9;}
.y139_pop_defualt .pop_defualt_txt{font-size:14px;}

.y61_detail .listdetail.size03 .thum{background-size:80px 80px;}
.y61_detail .listdetail.size03{padding-left:100px;}

.y73_buy_pop .coupon_popup .coment2{font-size:13px; line-height:16px;}

	.ui_isstore h2,.ui_benefit h2,.ui_gift h2,.ui_gradetip h2,.ui_alltip h2,.ui_storeintro h2{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;padding-left:11px;font-size:15px;}
	.ui_isstore,.ui_storeintro{padding:22px 83px 18px 11px;background-size:75px 80px;}
	.ui_isstore h2,.ui_storeintro h2{margin-left:-11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_isstore p,.ui_storeintro p{line-height:18px;}
	.ui_storeintro{padding:24px 12px 9px;background:none;}

	.ui_benefit{margin-top:15px;}
	.ui_benefit h2{margin-bottom:1px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_benefit .item div{padding:7px 11px;}
	.ui_benefit .item div.default {background-position:-20px top;}
	.ui_benefit .item div.default .thum{background-position:30% 100%;-webkit-background-size:45px 45px;background-size:45px 45px;}
	.ui_benefit .item .thum{margin-right:8px;}
	.ui_benefit .item .thum{width:80px;height:53px;background-size:80px 53px;}
	.ui_benefit .item .tit{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_benefit .item .memo{font-size:10px;}
	.ui_benefit .item .day{font-size:10px;}
	.ui_benefit .item .day span{padding:3px 8px;font-size:10px;}

	.ui_gift h2{margin-bottom:1px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_gift li{width:32.6%;margin-left:1.1%;}
	.ui_gift div{padding:11px 8px;}
	.ui_gift .thum{width:75px;height:81px;background-size:75px auto;}
	.ui_gift div.default {background-position:left -50px;}
	.ui_gift div.default2 {background-position:left -50px;}
	.ui_gift div.default .thum {background-position:50% 32%;-webkit-background-size:45px 45px;background-size:45px 45px;}
	.ui_gift div.default2 .thum {background-position:50% 32%;-webkit-background-size:45px 45px;background-size:45px 45px;}

	.ui_gift .tit{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_gift .memo{font-size:9px;}
	.ui_gift .price{font-size:11px;}

	.ui_gradetip h2{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_gradetip a{width:168px;}
	.ui_gradetip .star_all{width:168px;height:24px;background-size:168px 24px;}
	.ui_gradetip .star{height:24px;background-size:168px 24px;}

	.ui_alltip{margin-top:10px;}
	.ui_alltip ul{margin:10px 12px 10px 12px;}
	.ui_alltip li{margin-top:11px;}
	.ui_alltip .thum_block{width:50px;}
	.ui_alltip .thum_block .thum{width:40px;height:40px;background-size:40px 40px;}
	.ui_alltip .thum_block .ico_best{width:18px;height:18px;background-size:18px 18px;}
	.ui_alltip .thum span img{width:18px;height:18px;}
	.ui_alltip .user{font-size:11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_alltip .star_all{width:55px;height:10px;background-size:55px 10px;}
	.ui_alltip .star{height:10px;}
	.ui_alltip .grade{margin-top:0;}
	.ui_alltip .grade span{font-size:10px;}
	.ui_alltip .memo{font-size:12px;}
	.ui_alltip .spot{top:12px;}
	.ui_alltip .spot input[type=button]{padding:4px 2px 2px;font-size:10px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_alltip .spot span{padding-left:7px;background-size:1px 11px;}
	.ui_alltip .spot .ico_recomend{width:12px;height:12px;margin-right:-2px;background-size:12px 12px;}
	.ui_alltip .spot code{font-size:10px;}
	.ui_alltip .ui_alltip_more{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

	.btn_allreview{margin:0 -9px;padding:6px 12px;}
	.btn_allreview a{padding:2px 10px 2px 2px;font-size:13px;background-size:7px 9px}

	.btn_informodify{padding:23px 0;}

	.tit_storedetail{padding:8px 0 3px 9px;margin-bottom:-14px;font-size:16px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_detailinfor{margin:0 -9px 0;padding:0 9px 10px;}
	.ui_detailinfor h2{margin-top:4px;font-size:11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_detailinfor ul{margin:10px 0 0 10px;}
	.ui_detailinfor li{margin-top:5px;}
	.ui_detailinfor li span{font-size:12px;}
	.ui_detailinfor li span:nth-child(1){width:35px;}
	.ui_detailinfor .num,.ui_detail .num{font-size:11px;}
	.ui_detail h2{margin-top:16px;font-size:15px;}
	.ui_detail .type01,.ui_detail .type02,.ui_detail .detail_block,.ui_detail .type03{margin-top:7px;padding:13px 10px;}
	.ui_detail .type01 li,.ui_detail .type03 li{margin-top:15px;}
	.ui_detail .type01 span,.ui_detail .type03 span{font-size:13px;}
	.ui_detail .type01 span:nth-child(1),.ui_detail .type03 span:nth-child(1){width:88px;font-size:13px;}
	.ui_detail .type02{font-size:13px;line-height:17px;}
	.ui_detail .type03 li{margin-top:4px;line-height:14px;}
	.ui_detail .type03 span:nth-child(1){width:73px}
	.ui_detail .detail_block p{margin:-14px -11px 0;padding:11px 11px;font-size:13px;}
	.ui_detail .detail_block h3{margin-top:15px;font-size:13px;}
	.ui_detail .detail_block ul{margin-top:3px;}
	.ui_detail .detail_block li{line-height:16px;font-size:12px;}

	.tith1_placeBan{margin:-10px -9px 0;padding:6px 9px 6px 15px;font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

.cancel_on .cancel_pop a{padding:8px 11px 8px;}
.ui_list_type01.type03 li a.gift_cancel{font-size:13px;}
.cancel_on .cancel_pop p{top:60%;}

.p028 .thum_h{width:83px;background-size:83px 50px;}

	.ui_list_type01 + .ui_list_type01{margin-top:5px;}
	.ui_list_type01 li{margin-top:5px;}
	.ui_list_type01 .thum,.ui_list_type01 .thum02,.ui_list_type01 .thum03,.ui_list_type01 .thum04,.ui_list_type01 .thum05,.ui_list_type01 .thum06,.ui_list_type01 .thum07,.ui_list_type01 .thum08
	{padding:7px 10px 7px 0;}
	.ui_list_type01 p:first-of-type{margin:7px 0 7px 10px}
	.ui_list_type01 .thum{min-width:57px;min-height:57px;background-position:left 50%;background-size:57px 57px}
	.ui_list_type01 .thum02{min-width:57px;min-height:36px;background-position:left 50%;background-size:57px 36px}
	.ui_list_type01 .thum03{min-width:63px;min-height:31px;background-position:left 50%;background-size:63px 31px}
	.ui_list_type01 .thum04{min-width:64px;min-height:64px;background-position:left 50%;background-size:64px 64px}
	.ui_list_type01 .thum05{min-width:61px;min-height:50px;background-position:left 50%;background-size:61px 50px}
	.ui_list_type01 .thum06{min-width:61px;min-height:50px;background-position:left 50%;background-size:61px 50px}
	.ui_list_type01 .thum07{min-width:65px;min-height:65px;background-position:left 50%;background-size:65px 65px}
	.ui_list_type01 .thum08{min-width:73px;min-height:35px;background-position:left 50%;background-size:73px 35px}
	.ui_list_type01 .default{background-position:50% 50%;background-size:40px 31px}
	.ui_list_type01 div{padding:7px 10px 7px 10px;}
	.ui_list_type01 .tit{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_list_type01 .memo{margin-top:2px;font-size:10px;}
	.ui_list_type01 .btn{margin-top:8px;}
	.ui_list_type01 .point{width:63px;font-size:11px;}
	.ui_list_type01 .point .free {font-size:11px;} /*6/5박연경*/
	.ui_list_type01 .point .txt{height:13px;line-height:13px;padding:0 4px;font-size:9px;}
	.ui_list_type01 .point .num{font-size:17px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.point_save_sale .ui_list_type01 .point .num{margin-top:5px;font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	/*갤2 동일 맥락에서 수정.ui_list_type01 .point.size{width:35px;}*/
	.ui_list_type01 .date{margin-top:8px;font-size:10px;}
	.ui_list_type01.type03 .date{right:5px;}
	.spot_d{padding:0 4px;height:12px;line-height:12px;font-size:9px;}
	.ui_list_type01 .com{margin-top:8px;font-size:10px;}
	.ui_list_type01 .distance{font-size:10px;}
	.ui_list_type01 .name{font-size:10px;}
	.ui_list_type01 .cancel_li .cancel{right:13px;padding-left:18px;font-size:16px;background-size:15px 15px;}
	.ui_list_type01 .btn_patron{width:36px;height:36px}
	.ui_list_type01 .btn_patron span{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_list_type01 .btn_patron input[type=button]{width:36px;height:36px;background-size:36px 36px;}
	.ui_list_type01 .btn_patron.noactive input[type=button]{background-size:36px 36px;}
	.ui_list_type01 button{width:36px;height:36px;}
	.ui_list_type01 button .btn_patron img{width:36px;height:36px;}

	.ui_list_type01.type .tit{padding-right:45px;}
	.ui_list_type01.type .point{width:45px;font-size:13px;}
	.ui_list_type01.type .price{margin-top:3px;padding-top:3px;}
	.ui_list_type01.type .price s{font-size:10px;}
	.ui_list_type01.type .price strong{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_list_type01.type .price .ico{height:11px;line-height:11px;font-size:9px;}

	.ui_list_type01.type04 .tit{min-height:30px;}
	.ui_list_type01.type04 .memo{margin-bottom:7px;}
	.ui_list_type01.type04 .point{width:45px;font-size:13px;}
	.ui_list_type01.type04 .price{margin-top:3px;padding-top:3px;}
	.ui_list_type01.type04 .price s{font-size:11px;}
	.ui_list_type01.type04 .price strong{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_list_type01.type04 .price .ico{height:12px;line-height:12px;font-size:10px;}

	.ui_list_type01.type02 .thum{width:90px;height:90px;background-size:90px 90px}
	.ui_list_type01.type02 .point{padding-top:9px;font-size:10px;}
	.ui_list_type01.type02 .grade{margin-top:3px;font-size:10px;}
	.ui_list_type01.type02 .star_all{width:55px;height:10px;background-size:55px 10px;}
	.ui_list_type01.type02 .star{height:10px;}
	.ui_list_type01.type02 .ico_save01{width:13px;height:13px;background-size:13px 13px;}
	.ui_list_type01.type02 .ico_save02{width:13px;height:13px;background-size:13px 13px;}
	.ui_list_type01.type02 .ico_save03{width:13px;height:13px;background-size:13px 13px;}
	.ui_list_type01.type02 .ico_save04{width:13px;height:13px;background-size:13px 13px;}

.ui_list_type01 p.sale{font-size:14px !important;}

	.cancel_on .cancel_pop a{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

	.ui_list_type01.type03 li{margin-top:9px;}
	.ui_list_type01.type03 li.left{margin-right:25px;}
	.ui_list_type01.type03 li.right{margin-left:25px;}
	.ui_list_type01.type03 li .li:before{width:13px;height:19px;bottom:10px;}
	.ui_list_type01.type03 li.left .li:before{left:-12px;background-size:13px 19px}
	.ui_list_type01.type03 li.right .li:before{right:-12px;background-size:13px 19px}
	.ui_list_type01.type03 .thum{padding:10px 0 10px 10px;}
	.ui_list_type01.type03 .thum p{width:90px;height:91px;background-size:90px 91px}
	.ui_list_type01.type03 .spot_d{top:65px;right:5px;}
	.ui_list_type01.type03 .memo{font-size:12px;}
	.ui_list_type01.type03 .date{margin-top:4px;}
	.ui_list_type01.type03 .btn{/*margin-bottom:-20px;*/}
	.ui_list_type01.type03 .btn a{padding:0 5px;}

	.ui_list_type02 span{padding:0 8px;}
	.ui_list_type02 .thum{width:135px;height:75px;background-size:135px 75px}
	.ui_list_type02 .tit{margin-top:3px;font-size:13px;}
	.ui_list_type02 .store{margin-top:2px;font-size:10px;}
	.ui_list_type02 .from{margin-top:3px;font-size:10px;}
	.ui_list_type02 .date,.ui_list_type02 .cancel{height:25px;margin-top:5px;line-height:25px;font-size:11px;}

	.ui_list_type03 li{margin-bottom:5px;}
	.ui_list_type03 li:nth-child(odd) div{margin-right:2px;}
	.ui_list_type03 li:nth-child(even) div{margin-left:2px;}

	.ui_list_type04 li{margin-top:5px;padding:7px 0 7px 18px;}
	.ui_list_type04 .thum{width:45px;height:45px;background-size:45px 45px}
	.ui_list_type04 div{margin-left:10px;}
	.ui_list_type04 .tit{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_list_type04 .memo{font-size:12px;}
	.ui_list_type04 .date{margin-top:3px;}
	.ui_list_type04 .spot_num{font-size:9px;}
	.ui_list_type04 .spot_d .spot_num{font-size:9px;}
	.ui_list_type04 .btn{right:12px;margin-top:-10px;}
	.ui_list_type04 .thum_group{width:50px;height:50px;}
	.ui_list_type04 .thum{width:22px;height:22px;background-size:cover;border-radius:50%;}

	.btn_block_type + .ui_listdetail{margin-top:14px;}
	/* media tag  갤2 오류 의심 .ui_listdetail .listdetail {padding:10px 5px 12px 102px;min-height:80px;}*/
	.ui_listdetail h1{font-size:15px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_listdetail h1.type{min-height:57px;}
	.ui_listdetail .thum{top:10px;left:12px;width:80px;height:80px;background-size:80px 80px}
	.ui_listdetail .price{margin-top:5px;font-size:14px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_listdetail .price s{font-size:13px;}
	.ui_listdetail .infor{margin-top:10px;}
	.ui_listdetail .infor li{margin-top:5px;}
	.ui_listdetail .infor span{font-size:11px;}
	.ui_listdetail .infor .tit{width:51px;}
	.ui_listdetail .infor .ico_join, .ui_listdetail .ico_join{width:16px;height:14px;top:-3px;background-size:16px 14px;}
	.ui_listdetail .infor .ico_join{top:-2px;}
	.ui_listdetail .infor .amount{width:55px;height:22px;line-height:21px;display:block;margin:3px 0}
	.ui_listdetail .barcode_block p:nth-child(2){font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_listdetail .barcode_block.expire strong{font-size:21px;left:17%;}
	.ui_listdetail .num_block{font-size:16px;}
	.ui_listdetail .my_infor{height:33px;margin:0 12px;padding-top:3px;font-size:13px;}
	.ui_listdetail .my_infor .ico_msg{width:30px;height:30px;margin-right:5px;background-size:30px 30px;}
	.ui_listdetail .my_infor .gift{top:6px;}
	.ui_listdetail .my_infor .ico_gift,.ui_listdetail .my_infor .ico_bel{width:30px;height:30px;background-size:30px 30px;}
	.ui_listdetail .my_infor + h1 + .thum{top:57px;}
	.ui_listdetail .my_infor .txt{padding-top:8px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_listdetail .my_infor .btn{top:15px;font-size:11px;background-position:right 1px;background-size:6px 10px}
	.ui_listdetail .btn_div{padding:3px 6px;font-size:10px;}


	.listdetail.size01{padding-left:110px;min-height:40px;}
	.listdetail.size01 .thum{width:82px;height:40px;background-size:82px 40px}
	.listdetail.size02{padding-left:97px;}
	.listdetail.size02 .thum{width:69px;height:69px;background-size:69px 69px}
	.listdetail.size03{padding-left:130px;}
	.listdetail.size03 .thum{width:102px;height:102px;background-size:102px 102px}

	.listdetail.buychk{padding-left:84px;min-height:58px;}
	.listdetail.buychk .thum{width:58px;height:58px;}
	.listdetail.buychk .infor .tit{width:68px;}

	.listdetail.card{padding-left:89px;min-height:41px;}
	.listdetail.card h1{font-size:17px;}
	.listdetail.card .thum{background-size:65px 41px;}
	.listdetail.card .memo{margin-top:5px;font-size:17px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.listdetail.card .tit{width:44px;}
	.listdetail.card .infor span{font-size:12px;}

	.listdetail.benit,.listdetail.my_benit{padding-left:163px;min-height:136px;}
	.listdetail.benit .thum,.listdetail.my_benit .thum{width:136px;height:136px;background-size:136px 136px;}
	.listdetail.my_benit .grade{margin-top:4px;}
	.listdetail.my_benit .star_all{width:55px;height:10px;background-size:55px 10px;}
	.listdetail.my_benit .star{height:10px;background-size:cover;}
	.listdetail.my_benit .grade .num{font-size:10px;}
	.listdetail.my_benit .memo{margin-top:3px;font-size:11px;}

	.msg_check{min-height:195px;font-size:12px;background-size:87px 99px;}
	.msg_check p{padding:50px 100px 25px 22px;line-height:17px;}
	.msg_check a{top:16px;right:21px;width:12px;height:12px;background-size:12px 12px}

	.txt_coment{padding:12px 8px 0;}
	.txt_coment02{padding:9px 8px 0;}
	.txt_coment02 li{line-height:14px;font-size:10px;}
	.txt_coment02 .in_detail{margin-left:10px;padding-right:14px;background-size:10px 13px;}
	.txt_coment03{padding:0 9px 12px;font-size:12px;text-align:left;}
	.ui_txtarea > .txt_coment{padding-top:7px;margin-left:3px;}
	.ui_listdetail + .ui_txtarea{margin-top:19px;}
	.ui_txtarea{margin:15px 0 30px 0;}
	.ui_txtarea h2{padding:0 0 7px 12px;font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_txtarea ul{margin-top:8px;padding:0 15px;}
	.ui_txtarea li{margin-top:3px;line-height:17px;}
	.ui_txtarea span{font-size:12px;}
	.ui_txtarea span:nth-child(1){width:auto;margin-right:5px;}
	.ui_txtarea .txt{padding:12px 12px 0;line-height:18px;font-size:12px;}
	.ui_txtarea .btn{font-size:11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_txtarea.inforbox{margin:19px 0 0 0;}
	.ui_txtarea.inforbox .type{margin-bottom:10px;}
	.ui_txtarea.inforbox .infor{margin:2px -10px 11px;}
	.ui_txtarea.proguide .guide li{padding:17% 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.ui_txtarea.proguide .guide span{margin:-23px 0 0 0;height:63px;}
	.ui_txtarea.proguide .guide li:nth-child(1) span{background-size:55px 55px;}
	.ui_txtarea.proguide .guide li:nth-child(2) span{background-size:55px 55px;}
	.ui_txtarea.proguide .guide li:nth-child(3) span{background-size:55px 55px;}
	.ui_txtarea.proguide .guide li:nth-child(4) span{background-size:55px 55px;}
	.txtarea_mb{margin-bottom:10px;}

.y61_detail .arrow01{background-size:7px 13px;}
.gift_you_point .arrow01{background-size:7px 13px;}

	.ui_category li{width:25%;padding:12.5% 0;}
	.ui_category li a > span{margin-top:-30px;padding-top:45px;font-size:11px;}
	.ui_category li a > span:before{margin-left:-20px;width:35px;height:35px;}

	.ui_category .brand_li .logo{width:62px;height:31px;margin:4px 0 0 -31px;background-size:62px 31px;}

	.ui_brand_category li{margin-bottom:5px;}
	.ui_brand_category p{height:37px;line-height:37px;padding-left:40px;font-size:15px;}
	.ui_brand_category p:before{left:9px;margin-top:-11px;width:22px;height:22px;}
	.ui_brand_category p:after{right:9px;margin-top:-11px;width:23px;height:23px;}
	.ui_brand_category .brand_view{padding-top:10px;}
	.ui_brand_category .brand_view li{padding:10% 0;}
	.ui_brand_category .brand_view a > span{margin-top:-30px;padding-top:45px;font-size:11px;}
	.ui_brand_category .brand_view .logo{width:62px;height:31px;;margin:4px 0 0 -31px;background-size:62px 31px;}

	.ui_bonus{padding:0 0 15px 2%;}
	.ui_bonus li{padding-top:84px;}
	.ui_bonus li:nth-child(1){width:32%;background:url(/images/ocbapp/img_bonus01.png) no-repeat 12px 15px;background-size:82px 57px;}
	.ui_bonus li:nth-child(2){width:36%;background:url(/images/ocbapp/img_bonus02.png) no-repeat 12px 15px;background-size:82px 57px;}
	.ui_bonus li:nth-child(3){width:32%;background:url(/images/ocbapp/img_bonus03.png) no-repeat 12px 15px;background-size:57px 57px;}
	.ui_bonus p:nth-child(1){padding-left:8px;line-height:16px;font-size:10px;}
	.ui_bonus p:nth-child(2){margin-left:10px;font-size:9px;}

	.ui_myfriend{margin:0 -9px;padding:10px 10px 20px;}
	.ui_myfriend .ui_list_type01.type03{margin:0 10px;}

	.ui_friend_group{height:96px;margin:-10px -9px 9px;padding-top:15px;}
	.ui_friend_group .data{line-height:17px;font-size:20px;}
	.ui_friend_group .data strong{font-size:20px;}
	.ui_friend_group .phone{margin-top:4px;font-size:12px;}
	.ui_friend_group .btn_detail{padding-right:11px;font-size:11px;background-size:6px 11px;}
	.ui_friend_group .btn a{font-size:11px;}

	.ui_conbox{padding:11px 17px 10px;}
	.ui_conbox .licon_type{line-height::17px;font-size:11px;}
	.ui_conbox .licon_type li{margin-top:15px;padding-left:8px;background-size:3px 2px;}

	.ui_total_resualt{padding:16px 0;margin-bottom:15px;line-height:17px;}
	.ui_total_resualt p:nth-child(1){font-size:16px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_total_resualt p:nth-child(1) span{font-size:16px;}
	.ui_total_resualt p:nth-child(2){font-size:18px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_total_resualt p:nth-child(2) span{position:relative;top:0px;width:23px;height:23px;line-height:18px;font-size:16px;}
	.ui_total_resualt .btn_detail{font-size:11px;background-position:right 0;}

	.ui_total_charge{margin:12px 0 10px 15px;}
	.ui_total_charge .point{line-height:15px;font-size:31px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_total_charge .point span{top:-5px;width:28px;height:28px;line-height:23px;font-size:20px; background-size:28px 28px;}
	.ui_total_charge .btn_guide{padding-right:13px;font-size:10px;background-position:right 0;background-size:11px 11px;}
	.ui_total_charge .lay_guide{bottom:-10px;left:30px;padding:7px 16px;font-size:10px;}
	.ui_total_charge .lay_guide:before{top:-5px;right:70px;width:8px;height:5px;background-size:8px 5px;}
	.ui_point_agree{margin:14px 0 12px;}
	.ui_point_agree h3{height:30px;line-height:30px;font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_point_agree p{height:30px;line-height:30px;font-size:11px;}

	.ui_point_agree .btn_detail{background-position:right 1px;font-size:11px;}
	.ui_point_agree2 .all{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

	.ui_process li:nth-child(1):before{right:2%;width:33.3%;height:5px;;margin-top:-3px;background-size:53px 5px;}
	.ui_process li{height:20px;line-height:20px;font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_process li:nth-child(1){width:64.6%;}
	.ui_process li:nth-child(2){width:35.4%;text-align:right;}
	.ui_process li span{width:20px;height:20px;margin-right:5px;font-size:11px;}

	.ui_process.type li:nth-child(1):before{width:15%;right:8%;background-size:16px 4px;}
	.ui_process.type li:nth-child(2):before{right:15%;width:16%;height:4px;;margin-top:-3px;;background-size:16px 4px;}
	.ui_process.type li:nth-child(1),.ui_process.type li:nth-child(2){width:36%;}
	.ui_process.type li:nth-child(3){width:26%;}

	.insert_apply{padding:15px;}
	.insert_apply p{margin-bottom:15px;}

	.ui_modify .btn_modify{top:-35px;width:56px;}

	.ui_tbl_list + .btn_block_type{margin-top:13px;}
	.tbl_list .ico_state{width:22px;height:22px;background-size:22px 22px;}
	.tbl_list thead th{padding:4px 0 3px 0;line-height:16px;font-size:14px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.tbl_list thead .th_cell{font-size:11px;}
	.tbl_list tbody td{padding:9px 0 11px 0;font-size:12px;line-height:17px;}
	.tbl_list tbody .btn_tbl{width:40px;height:26px;padding-top:3px;font-size:9px;}
	.tbl_list tbody .cell_type02{height:200px;font-size:13px;}
	.tbl_list tbody .cell01{font-size:10px;}
	.tbl_list tbody .cell02{font-size:12px;}
	.tbl_list tbody .cell03{font-size:12px;}
	.tbl_list tbody .cell04{font-size:12px}
	.tbl_list tbody .cell05{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.tbl_list tbody .cell06{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.tbl_list tbody .cell07{font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}

	.form_insert_all{min-height:112px;}
	.form_insert input{font-size:14px;}

	.form_list + .btn_block_type{margin-top:15px;}
	.form_list + .form_list{margin-top:20px}
	.form_list .tit,.form_list .data,.form_list .chk{height:23px;padding:3px 0;line-height:18px;}
	.form_list .tit,.form_list .data{font-size:13px;}
	.form_list .tit{padding-left:15px;}
	.form_list .data{padding-right:15px;}
	.form_list .inpRig{padding-right:10px;}
	.form_list .chk{font-size:12px;}

	nav.header_type001 .chk{font-size:12px; }

	.form_list .total .tit,.form_list .total .data{font-size:13px;}
	.form_list .total .data{font-size:13px;}
	.form_list .cell{padding:0 0 5px;}
	.form_list .post{width:27%;height:20px;padding:4px 2% 4px;}
	.form_list .adr{margin-top:5px;}
	.form_list .btn_post{width:50px;height:28px;line-height:28px;font-size:11px;}
	.form_list .limit{bottom:8px;right:20px;font-size:10px;}
	.form_list  input{font-size:12px;}

	.form_list.write{padding:5px 0;}
	.form_list.write .tit{width:30%;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.form_list.write .data{width:70%;}
	.form_list.write .btn_homepage{height:34px;line-height:34px;padding-left:2%;font-size:12px;}
	.form_list.write02 li{margin-top:15px;}
	.form_list.write02 .tit{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.form_list.write02 .tit.size{width:115px;}
	.form_list.write02 .tit.size02{width:76px;}
	.form_list.write02 textarea{height:20px;}
	.form_list.write02 .limit{bottom:12px;right:10px;}

	.form_list.view{padding:10px 0 8px;}
	.form_list.view .tit,.form_list.view .data{height:11px;padding:5px 0;}
	.form_list.view .tit{width:30%;padding-left:10px;font-size:12px;}
	.form_list.view .data{width:70%;font-size:11px;}

	.form_list.list_type01 .tit,.form_list.list_type01 .data{height:30px;}
	.form_list.list_type01 .tit{width:40%;}
	.form_list.list_type01 .data{font-size:12px;}
	.form_list.list_type02 .tit,.form_list.list_type02 .data{height:47px;}
	.form_list.list_type02 .btn{padding-right:13px;right:15px;margin-top:-6px;font-size:11px;background-position:right 1px;background-size:7px 11px;}
	.form_list.list_type03 .tit,.form_list.list_type03 .data{height:30px;}
	.form_list.list_type03 .data{font-size:14px;}

	.form_list.send li{min-height:43px;line-height:43px;}
	.form_list.send .btn_del{top:-1px;width:24px;height:24px;margin-right:3px;background-size:24px 24px;}
	.form_list.send .tit{padding-left:9px;}
	.form_list.send .data{padding-right:9px;font-size:10px;}
	.form_list.send .amount{width:55px;height:30px;line-height:30px;font-size:13px;}
	.form_list.send .drop_box ul{top:27px;}
	.form_list.send .drop_box li{height:35px;padding-left:10px;line-height:35px;}

	.form_list.friend{margin-bottom:25px;}
	.form_list.friend li{padding:5px 0;line-height:28px;}
	.form_list.friend .cell_th{width:20px;padding-left:15px;}
	.form_list.friend .cell_td span{padding-left:10px;}
	.form_list.friend .chk_box{width:20px;}
	.form_list.friend .chk_box label{width:20px;}

	.form_list.charge .tit{padding-top:15px;}
	.form_list.charge .data select{font-size:13px;}
	.form_list.charge .data .add_cell{margin-top:5px;}
	.form_list.charge .data .add_cell .ico{right:10px;width:19px;height:19px;margin-top:-10px;background-size:19px 19px;}

.emptylist_my_point .form_list .data{padding:0;}
.emptylist_my_point .ui_total_charge{position:relative;}
.emptylist_my_point .ui_total_charge .point_charge{position:absolute; right:0px; top:-12px; width:75px; height:46px; background-color:#f87d70;border-radius:7px;color:#fff;text-align:center;padding-top:10px;}
.emptylist_my_point .form_list .btn_guide{padding-right:15px;font-size:14px;background:url(/images/ocbapp/btn_guide.png) no-repeat right 2px;background-size:12px 12px;font-weight:bold;}

.emptylist_my_point .charge li{height:90px;display:table;}
.emptylist_my_point .form_list .tit{height:100%; padding-top:25px;}
.emptylist_my_point .form_list .point span{display:inline-block;}
.emptylist_my_point .form_list .tit{border-right:1px solid #ececec;}
.emptylist_my_point .form_list .point_1{width:100%;border-bottom:1px solid #ececec;display:table-cell;vertical-align:middle;padding:0 0 12px 5px;}
.emptylist_my_point .form_list .point_2{width:100%;display:table-cell;vertical-align:middle;padding:10px 0 0 5px;}
.emptylist_my_point .form_list .point_1_1{width:65%;font-size:12px;}
.emptylist_my_point .form_list .point_1_2{width:30%;}
.emptylist_my_point .form_list .point_2_1{width:65%;color:#c6c6c6;font-size:11px;}
.emptylist_my_point .form_list .point_2_2{ background-color:#545454; border-radius:3px;color:#fff;font-size:11px;width:30%; height:22px;text-align:center;padding-top:4px;}

.op_guid_img .notip{background-size:31px 36px;font-size:13px;}
.op_guid_img span.notip_text{padding:100px 0 10px 0;}

.bene_event .form_bene .form_mail{height:33px;}
.bene_event .form_bene .btn_ok{width:65px; height:33px;font-size:13px;}
.bene_event .form_bene .btn_ok span{padding:10px 18px;}
.bene_event .iframe{height:920px;}

.p66_agree .text_area .agree_list li{font-size:12px;}
.p66_agree .text_area p{font-size:12px;}

.p66_agree .ui_txtarea span{font-size:11px;}
.p66_agree .ui_txtarea .type li{font-size:11px;}

.p66_agree .btn_block_type span{width:45%;font-weight:bold;}


	.form_list2 .chk_block{margin-top:10px;}
	.form_list2 .chk_block .chk{padding:0 15px 0 0;}

	.form_list3 textarea{height:80px;}
	.form_list3 li.cell .tit{padding-top:15px;}

	.form_list.list_box .ui_point_agree label{font-size:12px;padding-left:30px;}

	.btn_phoneadd{padding-left:21px;line-height:17px;font-size:12px;background-size:17px 17px;}
	.btn_form{margin-top:23px;}

	.form_coment{padding:5px 13px 0;margin-bottom:19px;line-height:16px;}
	.form_coment strong{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.form_coment .btn_guide{top:4px;padding-right:13px;font-size:10px;background-size:11px 11px;}
	.form_coment02{padding:12px 10px 0;}
	.form_coment03{padding:35px 10px 6px;font-size:13px;line-height:18px;}
	.form_coment04{padding:20px 10px 0;}

.b20_giftsend .form_list.send .data span.name_taker{font-size:13px;}

	/* popup */
	.pop_container{width:267px;padding-bottom:6px;}
	.pop_container .ui_tbl_list h1{height:34px;line-height:34px;padding-left:17px;font-size:14px;}
	.pop_container .btn_block_type{margin-top:20px;}
	.pop_container .ui_pop_list h1,.pop_container .ui_pop_view h1{height:37px;line-height:37px;font-size:16px;background:none;border-bottom:1px solid #e6e6e6;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.pop_container .ui_pop_view{margin:0 5px 0 5px;}
	.pop_container .ui_pop_view .view{padding:5px 10px;margin:5px 9px 0;}
	.pop_container .ui_pop_view .view span{height:25px;line-height:16px;font-size:12px;}
	.pop_container .ui_pop_view .coment{margin-top:10px;font-size:14px;}
	.pop_container .ui_pop_view .btn_block_type{margin-top:20px;}
	.pop_container .btn_block_type .btn_type07.type{width:96%;}

	.coupon_popup_con .coupon_popup h1{height:34px;line-height:34px;margin:0;font-size:14px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.coupon_popup .view .data.point select{height:26px;font-size:14px;}
	.coupon_popup_con .coupon_popup .coment{margin:15px 0 20px;font-size:14px;line-height:20px;}

.coupon_popup_con2 .coupon_popup .view .data.point select{height:32px;font-size:14px;}
.coupon_popup_con2 .coupon_popup .view .data.point input{height:26px;font-size:14px;}

.y_point_friend .pop_container{width:100%; padding-bottom:20px;}
.y_point_friend .pop_container h1{text-align:center; font-size:16px;height:50px;background:#f7f7f7;font-weight:bold;}
.y_point_friend .pop_container h1 span{display:block;padding-top:10px;}
.y_point_friend .pop_container .point_total_text{padding:20px;max-height:380px; overflow-y:auto;}
.y_point_friend .pop_container .point_total_text p{font-size:13px; line-height:18px;}
.y_point_friend .pop_container .btn_block_type .btn_type07.type{width:50%;}


	/* check-in */
	.check_head{height:50px;}
	.check_head .check_bg {height:35px;}
	.check_head .tit_check{width:108px;height:51px;background-size:108px 51px;}
	.check_head .coment_check{top:17px;left:122px;padding-left:28px;line-height:11px;font-size:10px;}

	.ui_check_detail h2{top:-4px;}
	.ui_check_detail h2 span{height:22px;line-height:22px;padding:0 18px 0 20px;font-size:11px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .my_state{margin:0 5px 0 10px;padding-top:23px;}
	.ui_check_detail .my_state:before{margin:-22px 0 0 -15px;font-size:28px;}
	.ui_check_detail .my_state li{width:152px;}
	.ui_check_detail .my_state .thum{width:47px;}
	.ui_check_detail .my_state .thum01{margin-left:14px;}
	.ui_check_detail .my_state .thum02{margin-right:14px;}
	.ui_check_detail .my_state .data{width:91px;}
	.ui_check_detail .my_state .data .num{line-height:34px;font-size:34px;letter-spacing:-1px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .my_state .data .name{font-size:10px;}
	.my_state .type01 .point{top:-5px;left:5px;height:13px;line-height:13px;padding:0 3px 0 3px;text-align:center;font-size:8px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .thum01,.ui_check_detail .thum02{width:47px;height:47px;background-size:47px 47px;}
	.ui_check_detail .thum02{background-size:47px 47px;}
	.ui_check_detail .check_coment{height:62px;margin-bottom:15px;}
	.ui_check_detail .para01{font-size:16px;}
	.ui_check_detail .para01 span{font-size:11px;}
	.ui_check_detail .para02{margin-top:3px;font-size:11px;}
	.ui_check_detail .para03{font-size:17px;}
	.ui_check_detail .para04{margin-bottom:3px;font-size:13px;}
	.ui_check_detail .check_star{height:47px;margin:0 0 22px 18px;padding-top:22px;}
	.ui_check_detail .check_star .thum{width:47px;}
	.ui_check_detail .check_star div{padding-left:20px;height:47px;}
	.ui_check_detail .check_resualt{margin:13px 0 22px 0;padding-top:96px;background-size:86px 94px;}
	.ui_check_detail .check_resualt p:nth-child(1){height:25px;line-height:25px;padding-left:30px;font-size:19px;background-size:26px 26px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .check_resualt p:nth-child(2){margin-top:10px;line-height:16px;font-size:12px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ul_check_detail .check_resualt p:nth-child(2) strong{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .check_btn{margin:0 9px 0;padding-bottom:9px;}
	.ui_check_detail .check_lottery{height:45px;line-height:45px;}
	.ui_check_detail .check_lottery p{height:40px;line-height:45px;padding-left:45px;/*6/11*/font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_detail .check_lottery .win{position:relative;top:2px;/*6/11*/background-size:39px 40px;}
	.ui_check_detail .check_lottery .fail{position:relative;top:-5px;background-size:39px 39px;}

	.ui_check_side{padding:0 10px 20px;}
	.ui_check_side h2{margin:10px 0 6px 0;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.ui_check_side .check_store li .thum{padding:10px 8px 10px 0;}
	.ui_check_side .check_store li .thum{width:49px;height:49px;background:url(/images/ocbapp/tmp/img_check03.png) no-repeat 8px 50%;background-size:49px 49px}
	.ui_check_side .check_store .store{height:15px;line-height:15px;padding:0 7px 0 5px;margin-bottom:3px;font-size:9px;border-radius:10px;}
	.ui_check_side .check_store .tit{font-size:10px;width:68px;/*6/11*/}
	.ui_check_side .check_store .point{margin-top:2px;font-size:13px;}
	.ui_check_side .check_store .data{padding-left:10px;}
	.ui_check_side .btn_block_check{margin-top:10px;}
	.ui_check_side .checkin li{height:71px;}
	.ui_check_side .checkin .thum{width:71px;height:71px;background-size:71px 71px}
	.ui_check_side .checkin_none{height:49px;padding:22px 0 0 55px;margin-bottom:10px;font-size:11px;background-position:17px 50%;background-size:28px 28px}

.ui_check_side .check_store .type2 .thum{padding-left:8px;/*6/11*/}
.ui_check_side .check_store .thum.default{padding:0;/*6/11*/}
.ui_check_side .check_store .type2 .data{padding:8px 8px 8px 0;height:70px;}

	.btn_block_check span:nth-child(2),.btn_block_check span:nth-child(3){margin-left:5px;}
	.btn_check_type01,.btn_check_type02{font-size:13px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.btn_check_type01{height:31px;line-height:31px;}
	.btn_check_type02{height:31px;line-height:31px;font-size:14px;}

	.btn_check_close a{top:20px;right:3px;width:25px;height:25px;background-size:15px 15px;background-position:center center;/*6/16 위치, size수정*/}

	.check_head .tit_shop{top:11px;left:20px;font-size:15px;font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.check_container.shop .my_state:before{margin-top:-15px}

	/* search */
	.search_resualt{padding-top:7px;line-height:20px;font-size:14px;}
	.search_resualt_sub{padding-top:8px;margin-bottom:-1px;font-size:14px;}
	.search_resualt_sub strong{font-family:'SKPGoBM','SKPGoBMAnd','돋움',dotum;}
	.btn_search_more{margin:4px 0 -4px 0;}
	.btn_search_more a{font-size:13px;padding-right:12px;background-size:7px 12px;}
	.search_storeadd{padding:10px 0;margin:6px -9px -33px;font-size:12px;}

	/*박연경*/
	.form_list textarea  {font-size:12px;}
	.update_text p {font-size:14px;}
	.ui_check_side .check_store .type2 {height:inherit;width:inherit;}
	/*checkin 영수증복권당첨확인 버튼size 6/16*/
	.check_container.check-in a.btn_check_type01 {width:205px;margin-left:auto;margin-right:auto;}

	/*list message관련 6/18*/
	.notip_b2{background-position:50% 20px;} /*my friend*/
	.notip_b2 span.notip_b_text{padding-top:88px;}
	.notip_b{background-position:50% 20px;} /*단골매장*/
	.notip_b span.notip_b_text{padding-top:88px;}
	/*check-in 관련 6/20*/
	.check_container.check-in::after {content:"";position: absolute;display:block;bottom:0;left:0;width:100%;height:90%;z-index:-1;background:#f4f4f4;}
}




/* 박연경 5/27~ 수정사항 */
.btn_block_type + .ui_gift {margin-top:15px;}
/*오픈소스라이센스관련*/
.ui_conbox.license_eng p {margin:15px 0;font-size:12px;word-break:break-all}
.ui_conbox.license_eng p.t_center {width:100%;text-align:center}
.ui_conbox.license_eng strong {font-weight:bold}
.ui_conbox.license_eng a {color:blue}
.ui_conbox.license_eng p:first-child {margin-top:0;}
.ui_conbox.license_eng p:last-child {margin-bottom:0;}
.ui_conbox.license_eng ol li {font-size:12px;padding-left:20px;position:relative;}
.ui_conbox.license_eng ol li > P {margin:7px 0 7px 15px;}
.ui_conbox.license_eng ol li em {position:absolute;display:inline-block;}
/*매장상세 수정관련*/
.place20 div.btn_block_type span a.btn_type01, .place20 div.btn_block_type span a.btn_type02 {font-size:16px;}
.place20 .ui_store_infor .grade {font-size:12px;}
.place20 button.btn_more {font-size: 13px;}
.place20 .ui_alltip h2 span {font-size:14px;}
.place20 .ui_alltip ul {margin-right:12px;}
/*바코드숫자위 취소완료 표시관련 6/10*/
div.expire {position:relative;}
div.expire .num_block > span {opacity: .1;}
div.expire .num_block + div {position:absolute;top:10px;left:50%;margin-left:-60px;}
div.expire .num_block + div strong {display: block;font-size: 22px;color: #444;}
div.expire .num_block + div strong img {width: 23px;height: 23px;vertical-align: top;}

/*매장상세삭제버튼관련*/
.place20 .ui_alltip a.del_tip{position:absolute;top:-20px;right:0;width:12px;height:12px;text-indent:-5000px;background:url(/images/ocbapp/btn_msgclose.png) no-repeat 0 0;background-size:12px 12px}
.place20 .ui_alltip li {margin:0 0 30px 0;}
.place20 .ui_alltip li:last-child {margin-bottom:0;}

/*우편번호 찾기, 주소입력*/
.search_zipcode .desc{ display:none; font-size:11px; color:#b8b8b8; width:100%; position:relative; text-align: center; margin-top:10px;}
.search_zipcode.beafore .desc{ display:block; }
.search_zipcode button{ background-color:transparent; background-image:url("/images/ocbapp/btn_close.png"); background-size:100%; width:15px; height:15px; position: absolute; top:2px; right:10px;}
.search_zipcode.beafore button{ display:none; }
.search_zipcode input{ height:28px; pointer-events:none;}
.search_zipcode.beafore input{ pointer-events:auto;}
.search_keyword{ position:relative;}
.search_zipcode.beafore .zipcode_result{ display:none; }
.zipcode_result{ margin-top:15px; display:block;}
.zipcode_result h2{ border-radius:5px 5px 0px 0px; font-size:13px; background-color:#DFDFDF; height:34px; line-height:34px; padding-left:14px;}
.zipcode_result ul{ border-radius:0px 0px 5px 5px; border:1px solid #ececec; background-color: white;}
.zipcode_result ul li{ font-size:13px; border-bottom:1px solid #ececec; padding:12px 14px; }



.enter_addr .btns{ display:block; width:100%; text-align:justify; overflow:hidden; }
.enter_addr .btns button{ border-radius:5px; height:40px; width:49%%; text-align:center; color:white;}
.enter_addr .btns button:first-child{ background-color:#545454;}
.enter_addr .btns button:last-child{ background-color:#f25053;}
.enter_addr .desc{ font-size:11px; text-align:center; margin-top:10px;}
.enter_addr .desc li{ color:#b8b8b8;  line-height:16px; }
.enter_addr .desc li:first-child{ line-height: 22px; }
.enter_addr .field{ display:table; position:relative; width:100%;}
.enter_addr .field input{ text-indent:10px; }
.enter_addr .field.addr{ margin-bottom:14px; }
.enter_addr .field.addr span:last-child>span{ position:relative; padding-left:10px; padding-right:30px;}
.enter_addr .field.addr input{ padding:0; border:none;  }
.enter_addr .field.zipcode{ margin-bottom:8px; }
.enter_addr .field.zipcode input{ padding-left:0px;}
.enter_addr .field>*:first-child{ display:table-cell; width:80px; text-indent:4px; font-weight:bold; letter-spacing:-1px; font-size:14px; color:#444444;}
.enter_addr .field>*:last-child{ display:table-cell; background-color:white; border-radius:5px; border:1px solid #ececec; }

.enter_addr .addr>span{ font-size:13px; color:#444444; position:relative;}
.enter_addr .addr>span:last-child>*{ padding:8px 0px;}
.enter_addr .addr>span>span{ display:block; border-bottom:1px solid #ececec; }
.enter_addr .field span:first-child>span{ position:absolute; width:8px; height:14px; top:50%; right:0px; margin:-7px 15px 0px 0px; background-image:url("/images/ocbapp/ico_arrow01.png"); background-size:contain; background-repeat:no-repeat;}

/*포인트충전: 일반충전, 자동충전 Y165 */
.p_charge section{ margin:0px 0px 13px 0px; }
.p_charge .btns{ border:1px solid #b5b5b5; display:block; height:31px; border-radius:5px; margin-bottom:15px; }
.p_charge .btns button{ position:relative; width:50%; background-color:white; height:100%; font-size:13.5px; color:#b5b5b5;}
.p_charge .btns button:first-child{ float:left; border-radius:4px 0px 0px 4px; background-color:#b5b5b5; color:white;}
.p_charge.auto .btns button:first-child{ background-color:white; color:#b5b5b5;}
.p_charge .btns button:last-child{ float:left; border-radius:0px 5px 5px 0px;}
.p_charge.auto .btns button:last-child{ background-color:#b5b5b5; color:white; }

.p_charge .form_list select{ height:32px; line-height:32px; }

.p_charge section.how, .p_charge section.when, .p_charge section.card{ display:none; }
.p_charge.month section.when, .p_charge.balance section.when, .p_charge.how section.how, .p_charge.card section.card, .p_charge.phone section.phone{ display:block; position:relative; }
.p_charge.how section.payment{ display:none; }
.p_charge.ing section.point, .p_charge.ing section.how, .p_charge.ing section.when{ pointer-events:none; }

.p_charge .how .form_list{ height:41px; }
.p_charge .when .form_list{ height:48px; }
.p_charge .card .form_list{ height:50px; }

.p_charge .how .chk_block{ display:block; }
.p_charge .form_list .data{ padding-right:7px; }
.p_charge .form_list .chk{ height:32px; text-align:left; padding:0px 0px 0px 4px; margin-top:11px; letter-spacing:-1px; display:inline-block; }
.p_charge .form_list .chk:first-child{ margin-left:4px; }
.p_charge.month .when .data, .p_charge.balance .when .data{ width:130px; }
.p_charge .when .data{ padding-left:10px; }
.p_charge .tit, .p_charge .tith2_type03{ font-weight:bold; font-size:14px; letter-spacing:-1px; }
.p_charge .tith2_type03{ display:inline-block; }

.p_charge .form_list.charge .input_point{ display:none; }
.p_charge.custom_point .form_list.charge .input_point{ display:inline-block; }
.p_charge.ing .form_list.charge .input_point{ display:none; }
.p_charge .form_list.charge .input_point{ position:relative; height:34px; width:100%; margin-top:4px; box-sizing:border-box; padding-right:2px;}
.p_charge .form_list.charge .input_point input{ width:100%; text-align:left; height:100%; line-height:100%; padding:0; text-indent:5px; }
.p_charge .form_list.charge .input_point>span{ position:absolute; top:8px; right:4px; width:19px; height:19px; background-image:url("/images/ocbapp/ico_p02.png"); background-repeat:no-repeat; background-size:100%; }

.p_charge .btn_how_guide{ position:relative; display:inline-block; width:12px; height:12px; background:url(/images/ocbapp/btn_guide.png) no-repeat; background-size:100%; vertical-align:middle;}
.p_charge .btn_how_guide p{ visibility:hidden;  display:block;position:absolute;width:190px;padding:10px;top:19px;left:-60px;z-index:9;background-color:#DFDFDF;font-size:11px;border-radius:5px;}
.p_charge .btn_how_guide p:after{content:"";position:absolute;top:-5px; left:61px; border-width:0 5px 6px;border-style:solid;border-color:#DFDFDF transparent;display:block;width:0;}

.p_charge .when .tit{ font-size:14px; color:#444444; font-weight:normal; line-height:100%; }
.p_charge .when .tit:last-child{ padding:0; }
.p_charge .when li{ display:none; }
.p_charge.month .when li.month{ display:block; margin-top:6px;}
.p_charge.balance .when li.balance{ display:block; }


.p_charge .phone .form_list{ box-sizing:border-box; padding:6px 12px 6px 6px;}
.p_charge .phone h2{ position:relative; display:block; }
.p_charge .phone .company{ position:relative; display:inline-block; width:90px; }
.p_charge .phone .number{ background-color:#e8e8e8; /*width:52%;*/width:45%; border-radius:5px; height:32px; line-height:32px; text-align:center; position:relative; display:inline-block; margin-left:6px; font-size:13px; color:#b3b3b3; pointer-events:none;}
.p_charge .phone button{ position:absolute; bottom:6px; right:12px; width:53px; height:32px; color:white; background-color:#545454; border-radius:4px; font-size:11px; }
.p_charge .phone .button{ /*position:absolute; bottom:6px; right:12px; */width:53px; height:32px; color:white; background-color:#545454; border-radius:4px; font-size:11px; margin-left:5px;display:inline-block;vertical-align:middle;text-align:center;line-height:2.9em;}

.p_charge .card .form_list{ height:50px; }
.p_charge section.card .form_list li{ height:100%; position:relative; }
.p_charge section.card .form_list button{ position:absolute; margin-top:-14px; top:50%; right:12px; width:53px; height:28px; color:white; background-color:#545454; border-radius:4px; font-size:11px;  }


.p_charge .btn_charge{ display:block; width:100%; height:41px; line-height:41px; color:white; text-align:center; font-size:15px; }
.p_charge .btn_block_type.btn_form a{ height:41px; line-height:41px;		}
.p_charge .btn_block_type.btn_form a.charge_normal{ display:block;}
.p_charge .btn_block_type.btn_form a.charge_auto{ display:none;}
.p_charge .btn_block_type.btn_form a.charge_stop{ display:none;}
.p_charge.auto .btn_block_type.btn_form a.charge_normal{ display:none;}
.p_charge.auto .btn_block_type.btn_form a.charge_auto{ display:block;}
.p_charge.auto .btn_block_type.btn_form a.charge_stop{ display:none;}
.p_charge.ing .btn_block_type.btn_form a.charge_normal{ display:none;}
.p_charge.ing .btn_block_type.btn_form a.charge_auto{ display:none;}
.p_charge.ing .btn_block_type.btn_form a.charge_stop{ display:block;}

.p_charge section.desc ul{ padding-top:0px; }
.p_charge section.desc ul:last-child{ display:none; }
.p_charge.how section.desc ul:last-child{ display:block; }
.p_charge.how section.desc ul:first-child{ display:none; }

/* -- 140925*/
.y43_point .ui_total_resualt{ height:44px; }
.y43_point li .in_btn{ position:relative; display:table-cell; text-align:right; width:50px; }
.y43_point li button{ width:50px; text-align:center; background-color:#545454; color:white; font-size:11px; margin-right:11px; border-radius:4px; padding:8px 2px;}


/* Y194_point 추가 140925*/
.y194_point .ui_point_agree{ margin-bottom:6px; }
.y194_point .allow label{ font-size:13px;  }
.y194_point p .chk_box label{ font-size:100%; }
.y194_point .btn_detail{ font-size:100%; top:0px; background-position-y:50%;}
.y194_point div p{ display:block; position:relative;}
.y194_point .btn_block_type{ margin-top:13px; }
.y194_point .chk_box.allow label{ font-size:12px; line-height:22px;}
@media only all and (min-width:360px){
	.y194_point p .chk_box label, .y194_point .btn_detail{ font-size:110%; }

}

/* Y139_card 추가 140925*/
.y139_card ul{ background-color:white; border-radius:4px; border:1px solid #ececec; padding:13px 28px 0px 13px;}
.y139_card ul li{ position:relative; font-size:12px; color:#666666; padding-bottom:15px; text-indent:-16px; letter-spacing:-0.4px; left:16px; }
.y139_card ul li:first-child, .y139_card ul li:last-child{ text-indent:0px; left:0px; }
.y139_card ul li p{ }
.y139_card .btn_block_type{ margin-top:13px;}


/* 10.6 bg색깔 변경 및 중앙정렬 에러 수정*/
section.app_update{ position:fixed; width:100%; height:100%; background-color:#e7e6e4; }
section.app_update span{ display:block; position:relative; top:50%; margin-top:-180px; margin-left:-10px; }
section.app_update .icon_okcashbag{ margin-top:0; }

/* 2014-12-17 쿠폰적용 팝업 추가 */
.pop_wrap { padding: 0 12px; box-sizing: border-box;-webkit-box-sizing: border-box; position: absolute; left:0; top:0; background: rgba(0,0,0,0.3); height: 100%; display: none;}
.pop_container.coupon-add{ width: 100%;  margin-top: 100px; }
.pop_container.coupon-add h1{text-align:center; font-size:18px;height:56px;line-height:34px;background:#f7f7f7;font-weight:bold;}
.pop_container.coupon-add h1 span{display:block;padding-top:10px;}

.coupon-add .in-cont{ padding: 12px; font-size: 12px;}
.coupon-add .btn_block_type {margin:10px 0 0 0;}
.coupon-add .btn_block_type button { width: 100%;}
.coupon-add .btn_block_type span:first-child{ margin-left:12px; }
.coupon-add .btn_block_type span:last-child{ margin-right:12px; }
.coupon-add .btn_block_type .btn_type01 { border: none; }
.coupon-add fieldset p { overflow: hidden;}
.coupon-add fieldset p.coupon-select { padding: 10px; font-weight: bold; font-size: 16px; color:#333;}
.coupon-add fieldset p.desc { padding: 10px 12px ;}
.coupon-add fieldset p input { display: inline-block; margin: 0 5px 0 0 !important; box-shadow: none; -webkit-appearance: none; }
.coupon-add fieldset p label { vertical-align: middle; color: #333; }
.coupon-add fieldset .m-agree { border: 1px solid #ddd; border-radius: 5px; font-size: 11px; }
.coupon-add fieldset .m-agree .agree-tit{ border-top: 1px dashed #ddd; padding: 12px 10px 10px ; position: relative; margin-top:10px;}
.coupon-add fieldset .m-agree .agree-tit input { float: left; }
.coupon-add fieldset .m-agree .agree-tit label { line-height: 1.5em;  padding-top:3px;}
.coupon-add fieldset .m-agree .agree-tit .point-txt { color:#f14b3c; font-weight: bold;}
.coupon-add fieldset .m-agree .agree-count { padding: 10px; margin: 5px 0 0 0; height: 150px; overflow: auto;}
.coupon-add fieldset .m-agree .agree-count h3 { font-weight: bold; margin: 0 0 15px 0; }
.coupon-add fieldset .m-agree .agree-count p { margin: 0 0 5px 0; }
.coupon-add fieldset .m-agree .agree-count div > ul { margin: 0 ; line-height: 1.5em; }
.coupon-add fieldset .m-agree .agree-count div > ul > li { margin: 0 0 5px 0 ; text-indent: -10px; padding: 0 0 0 10px; }
.coupon-add fieldset .m-agree .agree-count div > ul > li > ol { margin-top:5px; }
.coupon-add fieldset .m-agree .agree-count div > ul > li > ol li { padding: 0 0 5px 15px; text-indent: -15px;}

.coupon-add fieldset p input[type="radio"] { width: 18px; height: 19px; border: none; background: url(/images/common/ico_radio1.png) no-repeat; background-size: 100% }
.coupon-add fieldset p input[type="radio"]:checked { background: url(/images/common/ico_radio2.png) no-repeat; background-size: 100% }

.coupon-add fieldset p input[type="checkbox"] { width: 20px; height: 20px; border: none; background: url(/images/common/ico_check1.png) no-repeat; background-size: 100%; }
.coupon-add fieldset p input[type="checkbox"]:checked { background: url(/images/common/ico_check2.png) no-repeat; background-size: 100%  }

/* 141217 공지사항 추가 */
.notification *{ color: #666666; }
.notification img{ width:100%; height: auto; margin-top: 73px;  }
.notification .red{ color: #EE5056;}
.notification .msg{ text-align: center; }
.notification .msg h1{ font-size: 23px; margin: 14px 0 20px 0; }
.notification .msg p{ font-size: 12px; line-height: 150%; }
.notification .msg ul{ background-color: #EBEBEB; border-radius: 8px; padding: 18px 0 20px 20px; text-align: left; margin: 38px 10px 0 10px; }
.notification .msg li{ font-size: 13.4px; line-height: 200%;}
.notification .msg li:before { content: "• "; color: #EE5056; }
.notification .bottom{ position:absolute; bottom:25px; width: 100%; text-align: center; font-size: 11px; color: #ADADAD; margin-left: -10px; }
.notification.noti2 .msg{ margin-top: 26%; top: 50%; }

@media only all and ( max-width:320px ){
	.notification.noti1 img{ margin-top: 0; }
	.notification .msg h1{ font-size: 20px; margin: 8px 0 10px 0; }
	.notification .msg p{ font-size: 10px; }
	.notification .msg ul{ margin: 10px 10px 0 10px; }
	.notification .msg li{ font-size: 12px; }
	.notification.noti2 .msg{ margin-top: 7%; }
}

/* -------------------------------------------- 2015 ----------------------------------------- */

/* 150116 쇼핑적립에 드롭박스 추가 및 내용 변경 */
.ui_list_type01.h85 div.p33{ padding:inherit; padding-left:12px; height:100%; }
.ui_list_type01.h85 div.p33>span{ display: table; height: 100%; width: 100%; table-layout: fixed; }
.ui_list_type01.h85 div.p33>span>p{ display: table-cell; vertical-align: middle; }
.ui_list_type01.h85 div.p33 .memo{ font-size: 12px; color: #999999; }


/* 150120 benefit/ * 리스트 관련 html 통폐합 */
/* ----- common ------- */
.v-center{ top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.v1_05 .capsule{ display: inline-block; border-radius: 10px; padding: 1px 7px; font-size: 11.5px; height: 16px; line-height:16px; color: white; background-color: #C1C6CA; }
.v1_05 .ellipsisLine3{ overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;white-space:normal }


/* 드롭박스 */
.v1_05{ background-color: #F2F6FA; }
.v1_05 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.v1_05 .header_box{ padding:0; }
.v1_05 .dropboxes{ position: relative; display: table; padding:6px 10px; width: 100%; height: 50px; }
.v1_05 .dropboxes>div{ display: table-cell; width: 50%; text-align: left; text-indent: 10px; }
.v1_05 .dropboxes>div:first-child, .v1_05 .dropboxes>div:first-child .drop_box{ padding-right: 5px; }
.v1_05 .dropboxes>div:last-child,  .v1_05 .dropboxes>div:last-child .drop_box{ padding-left: 5px; }
.v1_05 .dropboxes>div>a{ width: 100%; }
.v1_05 .dropboxes .ui_lnb_3i > a span{ border-left: none; background-color: transparent; background-image: url(/images/ocbapp/drop_arrow.png); margin:12px; width:12px; height: 6px; background-size: contain; }
.v1_05 .dropboxes .ui_lnb_3i .current{ color:#9EA7AE;}
.v1_05 .dropboxes .ui_lnb_3i .drop_box ul{ width: 100%; }

/* 탭 */
.v1_05 .ui_lnb{ box-sizing:initial; padding: 18px 0; border:none; border-radius: 0; background-color: transparent; height: 15px; }
.v1_05 .ui_lnb li{ border-right: none; border-left: 1px solid #B5B5B5; }
.v1_05 .ui_lnb li:first-child, .v1_05 .ui_lnb li.receipt{ border-left: none; }
.v1_05 .ui_lnb li.receipt{ background: url(/images/ocbapp/btn_receipt.png) no-repeat right; background-size: 30px; height: 30px; margin:-8px 15px 0 0; }
.v1_05 .ui_lnb li .on{ background-color: transparent; color: #00000E;}
.v1_05 .ui_lnb li a{ line-height: normal; }

/* 슬라이드 배너 */
.v1_05 .sliders.event{ margin: 0; width: 100%; }
.v1_05 .sliders.event .slide{ height: 72px; }
.v1_05 .slide .item li{ padding: 0; }
.v1_05 .sliders.event .control_paging{ display: none; }
.v1_05 .sliders.event .slide li img{ border-radius: 0; }

/* 리스트 */
.v1_05 #contetns{ padding:0; }
.v1_05 .btn_patron{ display: none; }

/* .ui_list_type01 :옆으로 긴형태 */
.v1_05 .ui_list_type01{ overflow:hidden;}
.v1_05 .ui_list_type01 li:first-child{ margin-top:0;}
.v1_05 .ui_list_type01 li{ padding: 0px 15px; height: 119px; border-radius:0; border:none; margin-top: 1px; }

.v1_05 .ui_list_type01 .thum{ position:relative; width:60px; height:60px; border-radius: 30px; margin:0; padding:0; min-width: 60px; min-height: 60px; background-size: 60px auto; background-color: gray; background-image: none; }

.v1_05 .ui_list_type01 .desc{ position: relative; padding:0 0 0 18px; height: 100%; }
.v1_05 .ui_list_type01 .desc>span{ position: relative; display: block; }
.v1_05 .ui_list_type01 .desc .info{ margin:auto 0; padding-bottom: 28px; }
.v1_05 .ui_list_type01 .desc.none-extra .info{ padding-bottom: 0; }
.v1_05 .ui_list_type01 .desc .info .tit{ color:#2c3136; font-size: 17px;}

.v1_05 .ui_list_type01 .desc .info .memo{ color:#a0a7ae; font-size: 14px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;white-space:normal; }
.v1_05 .ui_list_type01 .desc .info .memo>span{ display: block; margin-top: 6px; }
.v1_05 .ui_list_type01 .desc .info p:last-child>span{ font-size: 14px; color: #B8BDC2; }
.v1_05 .ui_list_type01 .desc .info .vote{ display: inline-block; background:url(/images/ocbapp/star_gray.png); width: 75px; height: 12px; background-size: contain; }
.v1_05 .ui_list_type01 .desc .info .vote_rate{ display: inline-block; height: 100%; background-size: contain; background-image: url(/images/ocbapp/star_red.png); background-repeat-y:no-repeat; width: 60%; }
.v1_05 .ui_list_type01 .desc .info .distance{ width:10px; height:13px; padding-left:14px; background:url(/images/ocbapp/ico_pin.png) no-repeat; background-size: 10px 13px; }

.v1_05 .ui_list_type01 .desc .extra{ position:absolute; bottom:0; min-height: 16px; font-size: 12px; letter-spacing: -0.5px; padding-bottom: 14px; width: 160%; color: #C2C7CB;}
.v1_05 .ui_list_type01 .desc .emphasis{ color:#f25053; }
.v1_05 .ui_list_type01 .desc .extra .ori{ text-decoration: line-through; }
.v1_05 .ui_list_type01 .desc .extra .point{ font-weight: bold; }
.v1_05 .ui_list_type01 .desc .extra .days{ display: inline-block; color:#f25053; text-indent:12px; background: transparent url(/images/ocbapp/ico_li_clock.png) no-repeat left 1px; background-size: 11px; }
.v1_05 .ui_list_type01 .capsule-day{ font-size:12px; font-weight: bold; }
.v1_05 .ui_list_type01 .capsule-limit{ background-color: #F0824B; }
.v1_05 .ui_list_type01 .capsule-limit:after{ content: "한정"; }
.v1_05 .ui_list_type01 .capsule-delivery{ background-color: #EEBE40; }
.v1_05 .ui_list_type01 .capsule-delivery:after{ content: "배송"; }
.v1_05 .ui_list_type01 .capsule-soldout{ background-color: #6573CF; }
.v1_05 .ui_list_type01 .capsule-soldout:after{ content: "매진"; }


.v1_05 .ui_list_type01 .right{ width:70px; border-left: none; position: relative; }
.v1_05 .ui_list_type01 .right .wrap{ position: absolute; width: 100%; height: 100%; text-align: center; left: 0; }
.v1_05 .ui_list_type01 .right .wrap .v-center{ position: relative; display: inline-block; }
.v1_05 .ui_list_type01 .right .v-center>span{ display: block; }
.v1_05 .ui_list_type01 .right .v-center>span.badge{ width: 48px; height: 21px; background-size: 100%; display: inline-block; }
.v1_05 .ui_list_type01 .right.badge_box{ color:#32C3BF;;}
.v1_05 .ui_list_type01 .right.badge_box .badge{ background-image: url(/images/ocbapp/badge_box.png); }
.v1_05 .ui_list_type01 .right.badge_coupon{ color:#E355A8}
.v1_05 .ui_list_type01 .right.badge_coupon .badge{ background-image: url(/images/ocbapp/badge_coupon.png); }
.v1_05 .ui_list_type01 .right.badge_counsel{ color:#EEBE40;}
.v1_05 .ui_list_type01 .right.badge_counsel .badge{ background-image: url(/images/ocbapp/badge_counsel.png); }
.v1_05 .ui_list_type01 .right.badge_game{ color:#F56766;}
.v1_05 .ui_list_type01 .right.badge_game .badge{ background-image: url(/images/ocbapp/badge_game.png); }
.v1_05 .ui_list_type01 .right.badge_gift{ color:#AC65CC;}
.v1_05 .ui_list_type01 .right.badge_gift .badge{ background-image: url(/images/ocbapp/badge_gift.png); }
.v1_05 .ui_list_type01 .right.badge_install{ color:#6573D1;}
.v1_05 .ui_list_type01 .right.badge_install .badge{ background-image: url(/images/ocbapp/badge_install.png); }
.v1_05 .ui_list_type01 .right.badge_mission{ color:#46A3E6;}
.v1_05 .ui_list_type01 .right.badge_mission .badge{ background-image: url(/images/ocbapp/badge_mission.png); }
.v1_05 .ui_list_type01 .right.badge_run{ color:#32BD5E;}
.v1_05 .ui_list_type01 .right.badge_run .badge{ background-image: url(/images/ocbapp/badge_run.png); }
.v1_05 .ui_list_type01 .right.badge_special{ color:#F1814B;}
.v1_05 .ui_list_type01 .right.badge_special .badge{ background-image: url(/images/ocbapp/badge_special.png); }
.v1_05 .ui_list_type01 .right.badge_view{ color:#A0A8E3;}
.v1_05 .ui_list_type01 .right.badge_view .badge{ background-image: url(/images/ocbapp/badge_view.png); }
.v1_05 .ui_list_type01 .right{ font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.v1_05 .ui_list_type01 .right .light{ font-weight: lighter; }
.v1_05 .ui_list_type01 .call{ width:35px; }
.v1_05 .ui_list_type01 .call{ display: inline-block; background: url(/images/ocbapp/btn_call.png) no-repeat center center; background-size: 35px; }
.v1_05 .ui_list_type01 .call:active{ background-image: url(/images/ocbapp/btn_call_press.png); }



.v1_05 .ui_list_type02.h166{ height: 166px; }
.v1_05 .ui_list_type02 li{ background-color: white; padding: 0; width: 50%; height: 195px; border-radius:0; border:none; margin:2px 0 0 0; float: left; }
.v1_05 .ui_list_type02 li:nth-child(odd){ border-right:1px solid #F2F6FA; }
.v1_05 .ui_list_type02 li:nth-child(even){ border-left:1px solid #F2F6FA; }
.v1_05 .ui_list_type02 li .desc{ padding:0 15px; border:none; text-align: left; margin-top:0; }
.v1_05 .ui_list_type02 li .desc p{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis }
.v1_05 .ui_list_type02 .thum{ width:100%; height: 122px; background-size: contain; background-position: center 0; }
.v1_05 .ui_list_type02.h166 .thum{ height:110px; }
.v1_05 .ui_list_type02 .point{ color:#ff4a52; font-size: 13px; }
.v1_05 .ui_list_type02 .tit{ font-size: 17px; color:#2c3136; height: inherit; margin-top: 10px;}
.v1_05 .ui_list_type02.h166 .tit{ margin-top: 4px;}
.v1_05 .ui_list_type02 .memo{ font-size:12px; color:#a0a7ae;}


@media only all and (max-width:320px){
	.v1_05 .ui_list_type01 .tit{ font-family: sans-serif; }
	.v1_05 .ui_list_type01 .desc .extra{ padding-bottom: 7px; }
	.v1_05 .ui_list_type01 .desc .info{ padding-bottom: 20px; }
}



/*  검색  */
.v1_05 .search_result{ color: #727a82; font-size: 14px; background-color: white; text-indent: 20px; padding:15px 0; border-bottom: 1px solid #DFE2E4; }
.v1_05 strong{ color: #f25053; }
.v1_05 .tith2_type03{ color: #A9AFB6; font-size: 14px; margin:20px 0 6px 13px; font-family: sans-serif; }
.v1_05 .menu_shortcut li{ background-color: white; background-repeat: no-repeat; background-position: 13px center; background-size: 18px; padding:25px 23px 25px 42px; border-bottom: 1px solid #DFE2E4; color: #2c3136; font-size: 17px; letter-spacing: -1px; }
.v1_05 .menu_shortcut li.p-box{ background-image: url(/images/ocbapp/ico_pbox.png); }
.v1_05 .menu_shortcut li.o-coupon{ background-image: url(/images/ocbapp/ico_coupon.png); }
.v1_05 .menu_shortcut li.p-coupon{ background-image: url(/images/ocbapp/ico_tag.png); }
.v1_05 .menu_shortcut li>span{ position: absolute; width: 7px; height: 11px; right: 0px; margin-top: 4px; margin-right: 12px; background-image: url(/images/ocbapp/ico_angle_bracket_r.png); background-size: 100%; }
.v1_05 .search_result_header{ display: table; width:100%; padding: 17px 13px 7px 13px; }
.v1_05 .search_result_header>*{ letter-spacing: -1px; position: relative; display: table-cell; vertical-align: middle; font-family: sans-serif; white-space: nowrap; }
.v1_05 .search_result_header>a{ color:#A9AFB6; font-size: 12px; text-align: right; background-image: url(/images/ocbapp/ico_angle_bracket_r.png); background-repeat: no-repeat; background-position: right 4px; background-size: 6px 8px; padding-right: 15px; }
.v1_05 .search_result_header .tith2_type03{  }

