@charset "utf-8";

/* CSS Document */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.board_skin {font-size:14px; font-style:normal; font-weight:normal; line-height:1.5;}
.board_skin * {vertical-align:middle;}
.board_skin img {width:auto; max-width:100%;}


.select_tab {display:inline-block; width:100%;}
.select_tab li {float:left; width:50%; position:relative;}
.select_tab label {display:block; position:relative; border:1px solid #cccccc; margin-top:-1px; cursor:pointer; font-size:15px; color:#999999; line-height:39px; text-align:center; background:#f7f7f7;}
.select_tab li:nth-child(2n) label {margin-left:-1px;}
.select_tab input:checked+label {z-index:1; border-color:#000; color:#000000; background:#fff;}

.select_tab_type02 {display:inline-block; width:100%;}
.select_tab_type02 li {float:left; width:50%; position:relative;}
.select_tab_type02 label {display:block; position:relative; border:1px solid #d9d9d9; margin-top:-1px; cursor:pointer; font-size:15px; color:#333333; line-height:30px; text-align:center; background:#f3f3f3;}
.select_tab_type02 li:nth-child(2n) label {margin-left:-1px;}
.select_tab_type02 input:checked+label {z-index:1; color:#fff; background:#ff0d72;}



.board_skin .no_data {padding:20px; text-align:center; background:#f7f7f7;}

.main_pop {}
.main_pop .pop_cont {background:#fff;}
.main_pop .pop_cont img {max-width:100%;}
.main_pop .pop_footer {font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,'Apple SD Gothic Neo', Sans-serif; font-style:normal; font-weight:normal; position:relative; padding:7px 5px; font-size:14px; color:#fff; background:#070a13;}
.main_pop .pop_footer * {vertical-align:middle;}
.main_pop .pop_footer a {position:absolute; top:7px; right:10px;}

.btn_myposition {display:none !important;}

#msg_pop {display:none;}
#msg_pop:before {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.75); content:'';}
#msg_pop .box {position:fixed; top:50%; left:50%; z-index:1111; width:300px; margin-left:-150px; margin-top:-120px; background:#fff;}
#msg_pop h2 {margin:0 15px; border-bottom:1px solid #dddddd; font-size:18px; color:#f37339; line-height:50px; font-weight:bold;}
#msg_pop .btn_close {position:absolute; top:15px; right:15px; width:16px}
#msg_pop .msg_box {padding:35px 20px; font-size:15px; color:#111111; text-align:center; font-weight:normal;}
#msg_pop .btn_box {padding:20px; text-align:center; background:#f5f5f5;}
#msg_pop .btn_box .btn {height:40px; line-height:40px; font-size:15px;}
#msg_pop.open {display:block;}


.board_top_txt {margin:20px 0px 30px; padding:15px; border:1px solid #d1d9e9; font-size:15px; color:#000000; text-align:center; background:#f5f8ff;}
.board_top_txt em {color:#ff0d72; font-weight:bold;}


/* 신규 */
.frow {margin-top:16px;}
.frow:first-child {margin-top:0;}
.frow .label {display:block; margin-bottom:6px; font-size:16px; font-weight:bold;}
.frow .label * {vertical-align:middle;}
.frow input[type="number"],
.frow input[type="text"],
.frow input[type="password"] {width:100%;}
.frow input[type="password"]+input[type="password"] {margin-top:5px;}
.frow .radio {margin-top:-7px;}
.frow select {width:100%;}
.frow .full+.full {margin-top:6px;}
.check {color:#ed1c24;}
.frow textarea {width:100%; height:320px;}
.frow02 {position:relative; min-height:40px; margin-top:16px; padding-left:85px; border-bottom:1px solid #cccccc; font-size:15px; color:#666666; line-height:40px;}
.frow02:first-child {margin-top:0;}
.frow02 .label {position:absolute; top:0; left:0; font-size:15px; font-weight:bold; color:#333333;}
.frow02 .checkbox {vertical-align:top;}
.extra_info {margin:-2px 0 8px; font-size:13px; color:#666666; line-height:1.4;}



.board_chk_txt {margin:13px 0 0px; font-size:14px; color:#202020; text-align:right;}





.agree_group_box {margin:35px -15px 20px; padding:25px 15px; background:#f6f6f6;}
.agree_group_box * {vertical-align:top;}
.agree_group_box .frow {position:relative; margin-top:-10px; margin-left:8px; padding-right:70px;}
.agree_group_box .frow.all {margin:0;}
.agree_group_box .frow .btn_agree_view {position:absolute; top:10px; right:0; padding-right:10px; font-size:12px; color:#888888; background:url('../images/ico_link_arrow.png') no-repeat right center; background-size:6px auto;}
.agree_group_box h3 {margin:30px 0 8px; font-size:16px; color:#333333; font-weight:bold;}
.agree_group_box .txt {font-size:13px; color:#666666; line-height:1.2;}


.write_form .agree_group_box {margin:15px -15px 15px; padding:15px 15px 20px;}
#reservationArea .agree_group_box {margin-top:15px; padding:25px 25px;}

.movie_box {position:relative; padding-bottom:56.23%;}
.movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}





.board_title {margin:40px 0 20px; font-size:25px; font-weight:bold; color:#222222; text-align:center; line-height:1;}



.view_info {overflow:hidden; margin-top:5px; margin-left:-8px; font-size:13px; color:#999999;}
.view_info li {float:left; position:relative; padding:0 8px; letter-spacing:0;}
.view_info li+li:before {position:absolute; top:50%; left:-1px; width:1px; height:10px; margin-top:-5px; background:#999; content:'';}

.list_info {overflow:hidden; margin-top:5px; margin-left:-8px; font-size:13px; color:#999999;}
.list_info li {float:left; position:relative; padding:0 8px; letter-spacing:0;}
.list_info li+li:before {position:absolute; top:50%; left:-1px; width:1px; height:10px; margin-top:-5px; background:#999; content:'';}





/*  카테고리 */
#category_box {overflow:hidden; margin-bottom:15px; text-align:left;}
#category_box .category {overflow:hidden; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
#category_box .category li {float:left; width:50%; vertical-align:middle; background:#f9f9f9;}
#category_box .category li a {display:block; text-align:center; font-size:14px; line-height:40px; color:#000;}
#category_box .category li a {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#category_box .category li.select a {background:#ff0d72; color:#fff;}
#category_box .category.grid2 li {width:50%;}


/*  리스트 */
.board_list * {vertical-align:middle; word-break:break-all;}
.board_list li > a {display:block; padding:12px 0;}
.board_list .title {font-size:15px; color:#222222; line-height:18px; font-weight:bold;}


.board_list_img {border-top:2px solid #161616;}
.board_list_img > li {border-bottom:1px solid #d0d0d0;}
.board_list_img a {display:block;}
.board_list_img .title {display:-webkit-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:36px;}




img.icon_notice {display:inline-block; width:41px; height:17px; margin-right:8px; border-radius:2px; font-size:12px; color:#fff; line-height:17px; text-align:center; background:#333333;}
img.icon_new {width:9px !important; vertical-align:middle;}
img.icon_lock {width:13px !important; margin-right:6px; vertical-align:middle;}


.board_list_txt {border-top:2px solid #161616;}
.board_list_txt > li {border-bottom:1px solid #d0d0d0;}
.board_list_txt .title {display:-webkit-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:38px; vertical-align:top;}
.board_list_txt .title * {vertical-align:top;}

.board_list .date {font-size:13px; color:#999999;} 

.img_wrap {overflow:hidden;}
.img_wrap p {position:relative; padding-bottom:100%;}
.img_wrap p img {position:absolute; top:0; left:0; width:100%; min-height:100%;}

.board_gallery_list .view_info {display:inline-block;}
.board_gallery_list .title {font-weight:bold;}


.no_data {border-top:2px solid #161616; border-bottom:1px solid #d0d0d0; padding:20px; text-align:center;}


/* 페이징 */
.page_area {text-align:center; margin:25px 0 12px;}
.page_area .paging_list {text-align:center; display:inline-block; vertical-align:top;}
.page_area .paging_list > span, .page_area .paging_list > a {float:left; margin:0 4px; border:1px solid #a8a8a8;}
.page_area  img {vertical-align:top; width:30px; height:30px;}
.page_area .paging {display:inline-block; float:left; vertical-align:top;}
.page_area .paging li {float:left; width:32px; height:32px; margin:0 2px;}
.page_area .paging li a {display:block; border:1px solid #a8a8a8; font-size:12px; color:#666666; line-height:30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.page_area .paging li.over a {border-color:#000000; color:#fff; background:#383838;}




/*############################################################# 검색 #############################################################*/
#search_box {font-size:0; text-align:center;}
#search_box * {vertical-align:middle;}
#search_box form {}
#search_box select, #search_box input[type='text'] {}
#search_box select {width:29%;}
#search_box input[type='text'] {width:41%; margin:0 1%;}
#search_box input[type='submit'] {width:28%; height:35px; border:0px; font-size:15px; color:#fff; cursor:pointer; background:#222222;}




/* view */
.board_view {width:100%; border-top:1px solid #383838;}
.board_view .subject {display:block; font-size:17px; color:#383838; line-height:1.3; font-weight:bold;}
.board_view .top {padding:15px 5px; border-bottom:1px solid #cbcbcb;}
.board_view .contents {padding:20px 5px; border-bottom:1px solid #a8a8a8;}
.board_view .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:12px; color:#fff; text-align:center; line-height:30px; background:#383838;}
#replay_cont {padding:20px; border-bottom:1px solid #a8a8a8; background:#f8f8f8;}
#replay_cont .tit {display:block; width:100px; margin-bottom:20px; border:1px solid #595959; font-size:12px; color:#595959; text-align:center; line-height:30px; background:#fff;}
.board_view .file {border-bottom:1px solid #cbcbcb; padding:15px; }
.board_view .file * {vertical-align:middle;}
.board_view .file .tit {float:left; padding-top:4px; font-size:12px; color:#383838;}
.board_view .file ul {position:relative; margin-left:70px;}
.board_view .file ul:before {position:absolute; top:3px; left:-17px; content:'|';}
.board_view .file a {display:inline-block; color:#0971ba; line-height:20px;}
.board_view .file img {vertical-align:middle !important;}
.board_view .file li {padding-left:15px; background:url('../images/ico_file.gif') no-repeat 0 6px; background-size:10px auto;}
.board_view .contents .imgWrap {margin-bottom:7px; text-align:center;}
.board_view .contents .imgWrap img {width:auto; max-width:100%;}





/* write_form */
.write_form {padding:0 0px 0;}
.write_form .bottom_agree {margin:15px -15px 0; padding:15px; background:#f6f6f6;}

.agree_box.type01 {margin:20px 0; padding:10px; border:1px solid #d9d9d9; background:#f8f8f8;}
.agree_box.type01 h2 {font-size:13px; color:#fff; line-height:35px; text-align:center; background:#2a2937;}
.agree_box.type01 .scroll_cont {height:120px; padding:15px 20px; overflow:hidden; overflow-y:auto; font-size:12px; line-height:1.6; background:#fff;}
.agree_box.type01 .agreeChk {padding-top:10px; font-size:11px; color:#666666; text-align:center;}

.agree_box.type02 {margin-bottom:20px; background:#f8f8f8; border:1px solid #e1e1e1; padding:10px;}
.agree_box.type02 p {text-align:center; padding-top:8px; font-size:12px;}
.agree_box.type02 p .smallT { font-size:11px; color:#999;}
.agree_box.type02 table {width:100%; background:#FFF;}
.agree_box.type02 table th {height:30px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-size:13px; color:#fff; text-align:center; background:#2a2937;}
.agree_box.type02 table td {border:1px solid #d3d3d3; padding:8px; font-size:12px; text-align:center;}


.bottom_agree {padding:10px; font-size:12px; color:#585858; text-align:center;}
.bottom_agree a {color:#ff0d72 !important;}



/* password_box */
.password_box input[type="password"] {width:100%;}
.password_box .btn {margin-top:20px;}


.board_top_txt {margin-top:30px; text-align:center;}
.board_top_txt strong {display:block; font-size:18px; color:#383838; font-weight:bold;}
.board_top_txt > p {padding:5px 0 0px; font-size:13px; color:#585858; line-height:18px;}


.sms_tit strong {display:inline-block; width:110px; height:28px; margin-right:15px; border-radius:5px; color:#fff; line-height:28px; text-align:center; background:#f76539;}
.sms_tit strong i {display:inline-block; width:7px; height:9px; margin-right:8px; background:url('../images/icon_arrow02.png') no-repeat center; background-size:100% auto;}
.sms_tit span {display:block; margin-top:10px;}


.agree_title {margin:30px 0 10px; font-size:15px; color:#383838; }



/* 버튼 */
.btn_area {overflow:hidden; margin-top:20px; text-align:center; font-size:0;}
.btn_area * {vertical-align:middle;}
.btn_area p {display:inline-block;}
.btn_area p.right {float:right; margin-right:-5px;}
.btn_area p.left {float:left; margin-left:-5px;}
.btn_area p .btn {margin:2px;}
.btn {display:inline-block; min-width:100px; height:40px; padding:0 15px; border:0; font-size:15px; color:#fff !important; text-align:center; line-height:40px; background:#383838; cursor:pointer;} 
.btn.big {width:45%; height:50px; font-size:17px; min-width:140px; line-height:50px;}
.btn.small {height:24px; font-size:13px; min-width:35px; padding:0 10px; line-height:24px;}
.btn.border {line-height:38px; color:#383838 !important; border:1px solid #595959; background:#fff;}
.gray02 {background:#3a4d5c;}
.gray {background:#c2c2c2;}
.fc_point {color:#ff0d72;}
.fc_black {color:#000;}
.c_point, .point {background:#ff0d72 !important;}


.img_wrap {position:relative;}
.img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}



/*############################################################# 버튼 #############################################################*/


/*
.btn_area {overflow:hidden; margin-top:20px; text-align:center;}
.btn_area * {vertical-align:middle;}
.btn_area p {display:inline-block;}
.btn_area p.right {float:right; margin-right:-5px;}
.btn_area p.left {float:left; margin-left:-5px;}
.btn_area p .btn {float:left; margin:0 2px;}
.btn {display:inline-block; min-width:60px; height:30px; padding:0 10px; border:0; font-size:13px; color:#fff !important; text-align:center; line-height:30px; background:#383838; cursor:pointer;} 

.btn.larger {min-width:150px; height:45px; line-height:45px; font-size:18px;}
.btn.small {min-width:60px; height:25px; padding:0 5px; border-radius:5px; font-size:12px; color:#fff; line-height:25px; background:#c2c2c2;}
.btn.ssmall {min-width:auto; height:20px; padding:0 10px; line-height:20px; background:#7f7f7f;}
.btn.round {border-radius:3px;}

.btn.gray01 {background:#c2c2c2;}
.btn.btn_border {color:#383838  !important; border:1px solid #595959; line-height:28px; background:#fff;}
.btn.c_point {background:#f76539;}
.btn.b_gray {line-height:23px; border:1px solid #595959; color:#595959 !important; background:#fff;}

.btn_view {display:block; position:relative; padding-right:20px; text-align:center; font-size:18px; color:#fff; line-height:65px; background:url('../images/icon_arrow01.png') no-repeat 82% center #ff0d72;}
.btn_view02 {display:inline-block; padding:0 10px; border-radius:3px; font-size:14px; color:#fff !important; text-align:center; line-height:30px; background:#ff0d72;}
*/



/* common */
.btn_area + .page_area {margin-top:20px;}
.full {width:100% !important;}

.mt5 {margin-top:5px !important;}

input.id {width:60%;}
select.number {width:30% !important;}
input.number {width:25% !important;}
input.email, select.email {width:43%;}
.star {color:#c90b0b;}
.fc_point {color:#ff0d72;}
.fc_black {color:#000;}
.fc_gray {color:#666666 !important;}
.fc_yellow {color:#ffde00 !important;}
.hr  {display:block; height:50px; border:0;}
.left {float:left;}
.right {float:right;}
.none_bold {font-weight:normal !important;}


.board_chk_list {overflow:hidden; padding-left:10px;}
.board_chk_list li {float:left;}
.grid2 li {width:50%;}
.grid3 li {width:33.33%;}
.grid4 li {width:25%;}
.grid5 li {width:20%;}




.attach_view {text-align:center;}
.attach_view img {max-width:100%; height:auto;}



.th_stit {color:#e08b87; font-size:13px;}
.model .board_chk_list li {min-width:50%; margin-top:-5px !important;}

.model .board_dot_list {margin:10px 0 0;}
.board_dot_list li {position:relative; padding-left:8px; font-size:13px;}
.board_dot_list li:before {position:absolute; top:0; left:0; content:'-'}
.filebox_list .tit {margin:10px 0 5px;}
.p_txt01 {padding:10px 0 5px; font-size:15px; color:#e08b87;}
.p_txt02 {padding-top:20px; font-size:13px; color:#aaaaaa;}
.btn_model {display:block; width:200px; height:45px; font-size:15px; color:#fff; font-weight:bold; border-radius:5px; background:#cb8e87;}


span.icon_notice {display:inline-block; height:20px; padding:0 10px; margin-right:5px;  border-radius:3px; font-size:13px; line-height:20px; color:#fff; background:#ff0d72;}






.hotdeal_search {overflow:hidden; margin:20px 0;}
select::-ms-expand {display: none;}
.hotdeal_search .search_frow {overflow:hidden; position:relative;}
.hotdeal_search .search_frow+.search_frow {margin-top:10px;}
.hotdeal_search .btn_myposition+.search_frow {margin-top:10px;}
.hotdeal_search select {float:left; width:50%; height:40px; padding-left:15px; border:1px solid #d5d5d5; font-size:15px; color:#222222; background:url('/m/images/common/ico_sel_arr02.png') no-repeat right center !important; background-size:25px auto !important;}
.hotdeal_search select+select {margin-left:-1px;}
.hotdeal_search input[type="text"] {float:left; width:100%; height:35px; padding-left:15px; border:3px solid #ff0d72; font-size:15px; color:#939393;}
.hotdeal_search .input_row {padding-right:65px;}
.hotdeal_search .btn_submit {position:absolute; width:65px; height:35px; font-size:15px; color:#fff; font-weight:bold; background:#ff0d72; cursor:pointer}
.hotdeal_search .btn_reset {float:left; width:94px; height:60px; margin-left:1px; font-size:18px; color:#bbbbbb; background:#7f7c7d; cursor:pointer}
.hotdeal_search .btn_myposition {float:right; width:160px; height:60px; font-size:18px; color:#fff; line-height:60px; text-align:center; background:#414575;}


#category_swiper_menu {position:relative; margin:0 -15px 20px; padding:20px 0; background:#e8e8e8;}
#category_swiper_menu .swiper-container {padding:0 15px;}
#category_swiper_menu .swiper-slide {width:auto;}
#category_swiper_menu .swiper-slide a {display:block; font-size:15px; color:#0c0f08; font-weight:bold; text-align:center;}
#category_swiper_menu .swiper-slide a:before {display:block; width:60px; height:60px; border-radius:50%; background:url('/m/images/common/icon_hotdeal_menu.png?v=1') no-repeat #fff; background-size:auto 100%; content:'';}
#category_swiper_menu .swiper-slide span {display:block; margin:10px -15px 0;}
#category_swiper_menu .swiper-slide.on a:before {background-image:url('/m/images/common/icon_hotdeal_menu_on.png');}
#category_swiper_menu .swiper-button-prev,
#category_swiper_menu .swiper-button-next {position:absolute; top:0; bottom:0; height:100%; margin:0; transition:opacity 0.2s;}
#category_swiper_menu .swiper-button-prev {left:0;}
#category_swiper_menu .swiper-button-next {right:0;}
#category_swiper_menu .swiper-button-prev:before,
#category_swiper_menu .swiper-button-next:before {position:absolute; top:50%; z-index:1; width:10px; height:18px; margin-top:-9px; background:url('/m/images/common/icon_swiper_next.png') no-repeat center; background-size:contain; content:'';}
#category_swiper_menu .swiper-button-prev:before {left:15px;}
#category_swiper_menu .swiper-button-next:before {right:15px;}
#category_swiper_menu .swiper-button-prev:after,
#category_swiper_menu .swiper-button-next:after {display:block; position:absolute; top:0; right:0; width:53px; height:100%; background:url('/m/images/common/swiper_bg.png') no-repeat center; background-size:100% 100%; content:'';}
#category_swiper_menu .swiper-button-prev:before {transform:rotate(180deg);}
#category_swiper_menu .swiper-button-prev:after {left:0; right:auto; transform:rotate(180deg);}
#category_swiper_menu .swiper-button-disabled {opacity:0;}


#category_swiper_menu .swiper-slide.s01 a:before {background-position:0 0;}
#category_swiper_menu .swiper-slide.s02 a:before {background-position:10% 0;}
#category_swiper_menu .swiper-slide.s03 a:before {background-position:20% 0;}
#category_swiper_menu .swiper-slide.s04 a:before {background-position:30% 0;}
#category_swiper_menu .swiper-slide.s05 a:before {background-position:40% 0;}
#category_swiper_menu .swiper-slide.s06 a:before {background-position:50% 0;}
#category_swiper_menu .swiper-slide.s07 a:before {background-position:60% 0;}
#category_swiper_menu .swiper-slide.s08 a:before {background-position:70% 0;}


.branch_tab {display:inline-block; width:100%; vertical-align:top; margin-top:-15px; margin-bottom:20px;}
.branch_tab li {float:left; position:relative; width:25%;}
.branch_tab li:after {position:absolute; left:-100%; bottom:0; width:600%; height:1px; background:#d5d5d5; content:'';}
.branch_tab a {display:block; font-size:14px; color:#222222; line-height:45px; text-align:center;}
.branch_tab li.on a {color:#ff0d72}
.branch_tab li.on:before {position:absolute; left:0; right:0; bottom:0px; z-index:1; height:3px; background:#ff0d73; content:'';}

*:focus {outline:none;}


.hotdeal_wrap {margin:0 -5px -20px;}
.hotdeal_list {display:inline-block; width:100%;}
.hotdeal_list > li {float:left; width:50%; padding:0 5px 20px;}
.hotdeal_list > li:nth-child(2n+1) {clear:both;}

.hotdeal_item .img {overflow:hidden; position:relative; padding-bottom:100%;}
.hotdeal_item .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.hotdeal_item .tcont {position:relative; padding:15px;}
.hotdeal_item .btn_swrap {position:absolute; left:0; bottom:0px; width:100%; height:30px; padding:6px; text-align:center; background:rgba(244,244,244,0.9); transition:all 0.4s;}
.hotdeal_item .btn_swrap a {display:inline-block; overflow:hidden; width:16px; height:16px; margin:0 6px; text-indent:-999px; background:no-repeat center; background-size:contain;}
.hotdeal_item .btn_swrap a.btn_t01 {background-image:url('/m/images/common/icon_hotdeal_detail.png');}
.hotdeal_item .btn_swrap a.btn_t02 {background-image:url('/m/images/common/icon_hotdeal_kakao.png');}
.hotdeal_item .btn_swrap a.btn_t03 {background-image:url('/m/images/common/icon_hotdeal_online.png');}
.hotdeal_item .btn_swrap a.btn_t04 {background-image:url('/m/images/common/icon_hotdeal_loc.png');}


.hotdeal_item .icon {position:absolute; top:0; left:0; z-index:2;}
.hotdeal_item .icon span {float:left; width:50px; height:20px; font-size:12px; color:#fff; line-height:20px; text-align:center; letter-spacing:0;}
.hotdeal_item .icon_new {background:#ff0d72;}
.hotdeal_item .icon_hot {background:#008ba7;}
.hotdeal_item .branch {margin-top:10px;}
.hotdeal_item .branch span {display:inline-block; padding:0 8px; border:1px solid #676767; line-height:18px; font-size:13px; color:#676767;}
.hotdeal_item .title {margin-top:7px; font-size:15px; color:#222222; font-weight:bold;}
.hotdeal_item .stitle {margin-top:1px; font-size:12px; color:#868686;}
.hotdeal_item .price_wrap {margin-top:8px; border-top:1px solid #ccc;}
.hotdeal_item .price > strong {display:block; margin-bottom:3px; font-size:12px; color:#222222; font-weight:300;}
.hotdeal_item .price {position:relative; padding-right:20px; margin-top:8px; font-family: 'roboto',sans-serif,verdana; vertical-align:baseline;}
.hotdeal_item .price span {display:inline-block; vertical-align:baseline;}
.hotdeal_item .price_t01 {font-size:18px; color:#ff0d72; font-weight:bold;} 
.hotdeal_item .price_t02 {margin-left:1px;font-size:12px; color:#ff0d72; font-weight:bold;} 
.hotdeal_item .price_t03 {margin-left:7px; font-size:17px; color:#222222; font-weight:bold;} 
.hotdeal_item .price_t04 {margin-left:1px; font-size:10px; color:#222222;} 
.hotdeal_item .price_t05 {margin-left:7px; font-size:10px; color:#676767; margin-left:7px; text-decoration: line-through;} 
.hotdeal_item .detail_price {position:absolute; top:2px; right:2px; z-index:10; vertical-align:bottom;}
.hotdeal_item .detail_price > a {display:inline-block; position:relative; top:3px; overflow:hidden; width:13px; height:13px; text-indent:-999px; background:url('/m/images/common/icon_hotdeal_arr.png') no-repeat; background-size:contain;}
.hotdeal_item .detail_price .sbox {display:none; position:absolute; right:0px; top:18px; width:150px; padding:5px 10px; border:1px solid #d5d5d5; background:#fff;}
.hotdeal_item .detail_price .sbox p {overflow:hidden; padding:3px 0; font-size:12px; color:#868686;}
.hotdeal_item .detail_price .sbox .nm {float:left; position:relative; padding-left:9px;}
.hotdeal_item .detail_price .sbox .nm:before {position:absolute; top:0; left:1px; content:'·'}
.hotdeal_item .detail_price .sbox .sprice {float:right; text-align:right; white-space:nowrap;}
.hotdeal_item .detail_price .sbox p+p {border-top:1px solid #b3b3b3;}
.hotdeal_item .detail_price .sbox .total {color:#222222;}
.hotdeal_item .detail_price .sbox .total .nm {padding-left:0;}
.hotdeal_item .detail_price .sbox .total .nm:before {display:none;}
.hotdeal_item .detail_price.open .sbox {display:block;}
.hotdeal_item .detail_price.open > a {background-image:url('/m/images/common/icon_hotdeal_arr_on.png');}
.hotdeal_item .detail_price.open > .sbox {display:block;}
.hotdeal_item .desc {position:relative; margin-top:7px; padding:6px 0; font-size:12px; color:#868686; line-height:1.1; letter-spacing:-0.03em;}
.hotdeal_item .desc:before {position:absolute; top:0; left:0; width:22px; height:1px; background:#b3b3b3; content:'';}
.hotdeal_item .desc:after {position:absolute; bottom:0; left:0; width:22px; height:1px; background:#b3b3b3; content:'';}
.hotdeal_item .tag {overflow:hidden; height:55px; margin-top:10px;}
.hotdeal_item .tag span {display:inline-block; margin-right:4px; margin-bottom:4px; padding:0 15px; border-radius:13px; font-size:12px; color:#676767; line-height:25px; background:#f1f6fc;}

@media all and (min-width:340px){
	.hotdeal_item .detail_price .sbox {width:160px;}
}
@media all and (min-width:360px){
	.hotdeal_item .detail_price .sbox {width:170px;}
}



#sub_hotdeal_swiper {position:relative;}
#sub_hotdeal_swiper .swiper-container {margin:0 -42%}
#sub_hotdeal_swiper .swiper-slide {opacity:0.3; transition:opacity 0.3s;}
#sub_hotdeal_swiper .swiper-slide-duplicate-active, 
#sub_hotdeal_swiper .swiper-slide-active {opacity:1;}
#sub_hotdeal_swiper .swiper-pagination {position:relative; width:auto; height:5px; margin:25px 4.16% 0;}
#sub_hotdeal_swiper .swiper-pagination-progressbar {background:#d8d7e0; position: relative;}
#sub_hotdeal_swiper .swiper-pagination-progressbar-fill {background:#ff0d72;}







.file_img {margin-top:10px;}
.file_img > img {width:50px; max-width:100%;}
.file_img a img {width:auto;}