.mobile-header { border-bottom:1px solid #ccc; overflow:hidden;}
.mobile-header > .clear-both{padding:0 10px;}
.search-box { padding:0 10px; position:relative; }
.search-box:after { display:block; clear:both; content:""; }
.search-box input { width:100%; border:1px solid #ddd; height:40px; font-size:16px; color:#333; box-sizing:border-box; }
.search-box a { position:absolute; z-index:99999; top:0px; right:10px; display:inline-block; width:30px; box-sizing:border-box; float:left; height:40px; line-height:37px; font-size:20px; color:#ccc; }

#main_banner img{width:100% !important;}

.nav { position:relative; width:100%; background:#fff; border-top:2px solid #32af00; margin-top:10px;}
.navMenu { overflow:inherit; position:relative; z-index:1; bottom:0; left:0; width:100%; height:100%; overflow:inherit; }
.navSlider { width:100%; height:50px; top:0; left:0; z-index:10; display:table; }
.navSlider li { height:50px; line-height:50px; display:table-cell; white-space:nowrap; word-spacing:-3px; text-align:center; }
.navSlider li:first-child a { margin-left:10px; }
.navSlider li a { margin-right:15px; font-size:15px; font-weight:500; cursor:pointer; }

.main-quick { border-radius:10px; border:1px solid #ccc; background-color:#f9f9f9; }
.main-quick li { width:25%; }
.main-quick li:nth-of-type(4) a,.main-quick li:nth-of-type(8) a { border-right:none; }
.main-quick li:nth-of-type(5) a,.main-quick li:nth-of-type(6) a,.main-quick li:nth-of-type(7) a,.main-quick li:nth-of-type(8) a { border-bottom:none; }
.main-quick li a { display:inline-block; width:100%; height:100%; padding:10%; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; }
.main-quick li a img { max-width:90%; }

.main-category-menu td { vertical-align:middle; } 
.main-category-menu td a { display:inline-block; width:100%; }

/*상품 메인 라테스트*/
.latest-goods-list { position:relative; }
.latest-goods-img { position:relative; overflow:hidden; }
.latest-goods-img img { position:absolute; top:0; left:0; width:100%; height:100%;}
.latest-goods-info { background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; right:0; height:47px;}
.latest-goods-info p { color:#fff; }

.recommend-goods { background-color:#EBF0E1; }
.recommend-goods > img { width:35%; }
.recommend-goods div { width:65%; }
.customer { border-top:2px solid #868686; }

.latest-goods-img img { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s;}
.latest-goods-info-vertical{ background-color:rgba(0,0,0,0.5); position:absolute; top:0; bottom:0; left:0; width:90px; height:100%; transition:0.3s; padding-bottom:20px; overflow:hidden;}
.latest-goods-info-vertical p:last-of-type { height:35px; overflow:hidden; }
.latest-goods-info p:last-of-type { height:40px; overflow:hidden; }

/*back-fade 클래스*/
.latest-goods-list.back-fade:hover .fade-back { opacity:1; }
.latest-goods-list.back-fade:hover .latest-goods-info { opacity:0; }
.fade-back { position:absolute; opacity:0; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7) url("/office/images/main/plus.png") center no-repeat; width:100%; height:100%; z-index:999; transition:0.5s;}
.latest-goods-info-vertical p { color:#fff; }
.latest-goods-info p { color:#fff; }

/* 플랫폼 디자인 */
.platform-title{font-size:20px;font-weight:300;text-align:center;margin-bottom:20px;}
.platform-title span{font-weight:bold;}
.platform-title img{width:100%}

.main-category{overflow:hidden;border-radius:5px;background:#38457b;margin-bottom:15px;}
.main-category > a{float:left;width:33.3333%;display:block;text-align:center;color:#fff;border-right:1px solid #6d779c;height:50px;line-height:50px;letter-spacing:-1px;}
.main-category > a:nth-of-type(1),.main-category > a:nth-of-type(2),.main-category > a:nth-of-type(3),.main-category > a:nth-of-type(4){border-bottom:1px solid #6d779c}
.main-category > a:nth-of-type(3n){border-right:0;}

.main-search{background:#f7f7f7;border:1px solid #e9e9e9;padding:10px;border-radius:10px;margin-bottom:30px;}
.main-search div:first-of-type{margin-bottom:5px;}
.main-search select{border:1px solid #e9e9e9;color:#999; width:100%; margin-bottom:5px;font-size:16px;}
.main-search select:last-of-type{width:100%; margin-bottom:0;}
.main-search input{width:100%;border:1px solid #e9e9e9;font-size:16px;}
.main-search input::placeholder{color:#999;}
.main-search .search-btn{width:100%;text-align:center;background:#e42a47;color:#fff;display:inline-block;border-radius:5px;margin-top:10px;margin-left:0;font-size:16px;padding:15px 0;}
.main-search label{margin-right:10px;font-size:16px;margin-top:10px;}
.main-search input[type="checkbox"]{width:18px;height:18px;margin:0 0 4px 0;}

.main-partner{padding-top:20px;}
.platform-list{margin-bottom:30px;float:left;width:calc((100% - 90px) / 4);margin-right:30px;margin-bottom:30px;}
.platform-list:nth-of-type(4n){margin-right:0;}
.pro_bullet{position:absolute; top:0; left:0; z-index:99;}

.product_list1{float:left; width:100%; position:relative;margin-bottom:30px;}
.product_list1 .pro_img{overflow:hidden; border-radius:5px;position:relative;padding-top:60%;} /*padding-top:70%;*/
.product_list1 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;} /*height:100%;position:absolute;left:0;top:0;*/
.product_list1 .pro_title{font-size:18px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
.product_list1 .pro_title .text-info{display:none;}
.product_list1 .pro_location{font-size:16px;color:#888;margin-top:5px;}

.product_list2{float:left; width:calc((100% - 10px) / 2); position:relative;margin-bottom:30px;margin-right:10px;}
.product_list2:nth-of-type(2n){margin-right:0 !important;}
.product_list2 .pro_img{overflow:hidden; border-radius:5px;padding-top:70%;position:relative;}
.product_list2 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;}
.product_list2 .pro_title{font-size:18px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
.product_list2 .pro_location{font-size:16px;color:#888;margin-top:5px;}


.product_list3{float:left; width:calc((100% - 20px) / 2); position:relative;margin-bottom:20px;margin-right:20px;}
.product_list3:nth-of-type(2n){margin-right:0 !important;}
.product_list3 .pro_img{overflow:hidden; border-radius:5px;padding-top:70%;position:relative;}
.product_list3 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;}
.product_list3 .pro_title{font-size:16px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
.product_list3 .pro_location{font-size:16px;color:#888;margin-top:5px;}

.plus-box{ padding:20px; margin-bottom:10px; border:4px solid #eee;}

.product_list4{width:100%;border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:15px;}
.product_list4:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.product_list4 .img-box{float:left;width:20%;overflow:hidden;border-radius:5px;padding-top:15%;position:relative;}
.product_list4 .img-box img{position:absolute;width:100%;height:100%;left:0;top:0;}
.product_list4 .txt-box{float:left;width:80%;padding-left:10px;}
.product_list4 .pro_title{font-size:16px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
.product_list4 .pro_location{font-size:16px;color:#888;margin-top:5px; margin-right:10px;}

.platform-list .img-box{width:100%;position:relative;padding-top:60%;overflow:hidden;border-radius:10px;margin-bottom:10px;}
.platform-list .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;}
.platform-list .location span{color:#e02f65;margin-right:3px;display:inline-block;font-size:16px;letter-spacing:-0.05rem;}
.platform-list .platform-name{font-size:18px;font-weight:bold;margin-top:5px;}

/* 상세페이지 디자인 */
.tr-search-box{background:#f2f2f2;text-align:center;padding:30px 0;margin-bottom:10px;font-size:20px;}
.tr-info, .tr-info2{color:#666;padding-top:25px;border-top:2px solid #555;}
.tr-info .float-right, .tr-info2 > .float-right{width:100%;margin-bottom:10px;text-align:right;font-size:16px;}
.tr-img-lg{width:100%;overflow:hidden;padding-top:62%;position:relative;}
.tr-img-lg img{width:100%;position:absolute;width:100%;height:100%;left:0;top:0;}
/* .tr-img-sm{margin-bottom:30px;} */
.tr-img-sm > a{width:20%;}
.tr-name{border-bottom:2px solid #515151;padding-bottom:30px;margin-bottom:30px;}
.tr-name .sub-ttl {color:#4fc0e8;font-size:16px;font-weight:400;margin-top:10px;}
.tr-name .main-ttl{font-size:24px;font-weight:bold;color:#333;}
.tr-name .cont-ttl{font-size:18px;color:#333;font-weight:300;}
.tr-name .float-right a{display:block;width:calc(100% / 3);float:left;height:130px;overflow:hidden;}
.tr-name .float-right a img{width:100%;}
.tr-detail{color:#333;}
.banner-box{margin-bottom:30px;}
.tr-detail .main-ttl{font-size:20px;margin-bottom:10px;font-weight:500;}
.tr-detail .cont-ttl{font-size:16px;font-weight:300;margin-bottom:20px;line-height:20px;}
.tr-detail .mag-img{width:100%;max-height:700px;overflow:hidden;}
.tr-detail .mag .main-ttl{margin-top:40px;}
.tr-detail .mag-img2{width:100%;max-height:700px;overflow:hidden;margin-bottom:20px;}
.tr-detail .mag-img img{width:100%;}
.tr-detail .mag-img2 img{width:100%;}
.map-box{padding:15px 0;margin-top:20px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.map-box i{color:#999;}
.map-box a{font-size:16px;}
.map-box a:hover{color:#2e78d5}
.map-box .cont-ttl{letter-spacing:-0.04rem;}
.pro-box{padding:15px 0;border-bottom:1px dashed #999}
.pro-box .img-box{max-height:85px;overflow:hidden;}
.pro-box table td img{width:100%;}
.pro-box table tr td:last-of-type{padding-left:10px;}
.pro-box .main-ttl{font-weight:bold;margin-bottom:0;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pro-box .sub-ttl{font-size:16px;font-weight:300;}
.pro-box .cont-ttl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0;}
.pro-box .a-type{background:#4fc0e8;color:#fff;display:inline-block;padding:5px 0;transition:0.5s;font-size:16px;font-weight:300;display:block;text-align:center;}
.pro-box .a-type span{padding-left:10px;transition:0.5s;}
.pro-box a:hover .a-type{background:#333;transition:0.5s;}
.pro-box a:hover{color:#333;}
.hash{padding:10px 0 15px;border-top:1px solid #999;margin-top:20px;}
.hash-item span{color:#999;margin-right:10px;display:inline-block;margin-bottom:5px;font-weight:300;font-size:16px;}
.store{padding:15px 15px 10px;color:#333;}
.store .main-ttl{font-size:18px;font-weight:500;position:relative;padding-left:20px;}
.store .main-ttl::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#4fc0e8}
.store > a{display:inline-block;color:#999;margin-left:14px;}
.store > a:hover{color:#2e78d5;}
.store-item{padding-top:10px;}
.store-item > div{float:left;width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px;}
.store-item > div:nth-of-type(2n){margin-right:0;}
.store-item > div .img-box{border-radius:10px;overflow:hidden;margin-bottom:5px;height:161px;}
.store-item > div .img-box img{height:100%;width:100%;}
.store-item > div .sub-ttl{color:#4fc0e8;font-size:16px;}
.store-item > div .main-ttl{padding:0;font-size:16px;font-weight:300;line-height:20px;width:100%;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.store-item > div .main-ttl::before{display:none;}
.store-item > div a:hover{color:#333;}
.store-item > div a img{transition:0.5s;}
.store-item > div a:hover img{transform:scale(1.1);transition:0.5s;}
.store-item > div a:hover .main-ttl{color:#2e78d5}
.map-btnm{display:block;width:100%;text-align:center;background:#333;color:#fff;padding:10px 0;border-radius:20px;margin-top:10px;}
.map-btnm:hover, .map-btnm:focus{color:#fff;}
.map-btnm i{color:#fff;padding-right:5px;}
.map-box table td{font-size:16px;font-weight:300;padding-bottom:10px;}
/* 플랫폼 */
.map-area{max-height:700px;}
.top-tb{margin-bottom:30px;border-bottom:2px solid #515151;width:100%;padding-bottom:20px;}
.top-tb > div{float:left;width:50%;}
.top-tb .gallery-image{position:relative;overflow:hidden;height:450px;}
.top-tb .gallery-thumb .swiper-slide{height:100px;overflow:hidden;}
.top-tb > .txt-box{padding-left:50px;}
.top-tb > .txt-box .sub-ttl{color:#4fc0e8;font-size:22px;font-weight:400;margin-top:10px;}
.top-tb > .txt-box .cont-ttl{font-size:18px;font-weight:300;margin-bottom:20px;}
.top-tb > .txt-box .main-ttl{font-size:30px;font-weight:bold;color:#333;margin-bottom:30px;}
.right-tb .clear-both > div{float:left;width:calc(100% - 120px);font-size:18px;font-weight:300;padding:10px;color:#333;border-bottom:1px solid #ddd;min-height:46.7px;}
.right-tb .clear-both > div.tb-ttl{font-weight:bold;width:120px;}
.store-item2{margin-bottom:30px;}
.store-item2 > div{margin-bottom:20px;}
.travel-btn{display:block;width:100%;color:#fff;background:linear-gradient(to right, rgba(79,192,232,1), rgba(46,120,213,1));padding:10px 0;border-radius:20px;}

.g-info {margin-bottom:50px;}
.g-info img{width:100%;}
.g-info-ttl{font-weight:bold;color:#333;font-size:30px;margin-bottom:10px;}
.g-info-ttl span img{width:20px;height:20px;}
.g-info-sub{font-size:18px;color:#333;margin-top:10px;font-weight:bold;}
.g-info-cont{font-size:16px;color:#333;font-weight:300;margin-top:20px;}
.clear-both .gi-item{margin-bottom:10px;border-radius:10px;overflow:hidden;}
.clear-both .gi-item:last-of-type{margin-bottom:0;}

.gray-box{border:1px solid #ccc;border-radius:10px;padding:20px;min-height:150px;margin-bottom:20px;}
.gray-box p{font-size:16px;}

.gi-item2{float:left;width:48%; margin-right:4%;text-align:center;}
.gi-item2:first-of-type, .gi-item2:nth-of-type(2){margin-bottom:30px;}
.gi-item2:nth-of-type(2n){margin-right:0;}
.gi-item2 .img-box{overflow:hidden;border-radius:10px;position:relative;padding-top:50%;}
.gi-item2 .img-box img{height:100%;width:100%;transition:0.5s;position:absolute;left:0;top:0;}
.gi-item2:hover img{transform:scale(1.1);transition:0.5s;}
.gi-item2:hover .gi2-ttl{color:#2e78d5}
.gi2-ttl{font-size:18px;color:#333;margin-top:5px;}

.gi4 .gi4-double .clear-both > div{width:100%;overflow:hidden;padding-top:60%;position:relative;}
.gi4 .gi4-double .clear-both > div:first-of-type{margin-bottom:10px;}
.gi4 .gi4-double .clear-both > div img{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.gi4 .gi4-solo .img-box{overflow:hidden;padding-top:60%;position:relative;margin-bottom:30px;}
.gi4 .gi4-solo .img-box img{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.gi5{margin-bottom:0 !important;}

.gi-item4{float:left;width:calc((100% - 90px) / 4);margin-right:30px;text-align:center;margin-bottom:30px !important;}
.gi-item4:nth-of-type(4n){margin-right:0;}
.gi-item4 .img-box{overflow:hidden;border-radius:10px;padding-top:80%;position:relative;}
.gi-item4 .img-box img{height:100%;width:100%;transition:0.5s;position:absolute;left:0;top:0;}
.gi-item4:hover img{transform:scale(1.1);transition:0.5s;}
.menu-table th{padding:10px;background:#4fc0e8;color:#fff;width:25%;text-align:center;border-bottom:1px solid #e2e2e2;font-size:18px;font-weight:normal;}
.menu-table td{padding:10px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.menu-table tr:first-of-type td{border-top:1px solid #e2e2e2}

.gi7 .gi-map{width:100%;height:300px;}
.gi7 .root_daum_roughmap .wrap_map{height:100% !important;}

.g-info .hash{margin-bottom:0;}

.store-top {width:100%;}
.store-top .logo {}
.store-top-title {font-size:24px  !important; font-weight:700; text-align:center;}
.store-top-stitle {font-size:16px; margin:20px 0 40px;}
.sview-con h3 {font-size:16px; padding-bottom:50px;display:block;}
.sbig-photo {width:100%;  margin-bottom:20px;}
.sbig-photo img {width:100%; height:100%; border-radius:10px;}
.sssmall-photo {width:100%; overflow:hidden;}
.ssmall-photo {width:49%; overflow:hidden;}
.ssmall-photo img {width:100%; border-radius:15px; margin-bottom:10px;}

.pay-btn{display:inline-block;padding:5px 20px;color:#fff;background:#e42a47;float:right;border-radius:30px;margin-top:5px;}

/*업체정보*/
.store-view {width:100%; overflow:hidden; margin-bottom:50px;}
.store-point {font-size:16px; font-weight:800; color:red; margin-top:20px;}
.store-title {font-size:24px; font-weight:700;}
.store-info {font-size:18px; border-bottom:1px solid #ccc; overflow:hidden;}
.store-info .store-name {float:left; width:20%; padding:20px 0; font-weight:500; overflow:hidden;font-size:16px;}
.store-info .store-con {float:left; width:80%; padding:20px 0; font-size:16px;}
.store-info .store-con ul {overflow:hidden;}
.store-info .store-con ul li {float:left; width:25%; color:gray; text-align:center;}
.store-info .store-con ul li p {font-size:12px; line-height:15px;}

.store-menu {width:100%; overflow:hidden;}
.store-menu .menu-img {margin-top:20px; text-align:center;float:left;width:48%;margin-right:2%}
.store-menu .menu-img:nth-of-type(2n){margin-right:0;}
.store-menu .menu-img img {width:100%; border-radius:15px; margin-bottom:10px;}

.detail-page .daily-btn{background:#3f434d;text-align:center;display:block;margin:20px auto;width:55%;color:#fff;padding:10px 0;border-radius:30px;}
.detail-page .daily-btn img{width:30px;}

@media (min-width: 576px) {
	.latest-goods-info-vertical p:last-of-type { height:70px; overflow:hidden; }
}

.mb1{margin-bottom:0.4rem;}
.mb3{margin-bottom:0.8rem;}
.mb4{margin-bottom:2rem;}
.mb5{margin-bottom:3rem;}


.sub_layout_01 table tbody td:first-child{padding-bottom:0;}
.sub_layout_01 table tbody td:last-child{padding-top:3px !important;}


kbd{display:inline-block; width:70px; margin-bottom:5px;}

/* 메인 공통 */
#container > .content > div{margin-bottom:40px;font-size:16px;letter-spacing:-0.05rem;}
.main_title{font-size:20px;font-weight:bold;margin-bottom:10px;}

.cycle .cycle-list{float:left; width:calc((100% - 10px) / 2);}
.cycle .cycle-list:first-child{margin-right:10px;}
.cycle .cycle-list > div{ border:1px solid #ddd; padding:10px; border-radius:5px; margin-top:5px;}
.cycle .cycle-list > div img{width:100%;}
.cycle .cycle-list h4{font-size:16px;}


/* 메인 */
.main_status{border-radius:10px; border:2px solid #bcd3f4; padding:15px; background:#f3f5f9; margin-bottom:20px;}
.main_status > div{float:left;}
.main_status > .left-box{width:100%;padding-right:10px;}
.main_status > .left-box table th{font-weight:normal;padding-bottom:10px;}
.main_status > .left-box table td{font-weight:bold;padding-bottom:10px;}
.main_status > .left-box table tr:last-of-type td,.main_status > .left-box table tr:last-of-type th{padding-bottom:0;}

.main_wallet{margin-top:20px; }
.main_wallet > div{float:left;font-size:14px; width:calc((100% - 10px) / 2);}
.main_wallet > div img{width:30px;margin-top:-6px;}
.main_wallet > div.left-box{margin-right:10px;}
.main_wallet > div > div{margin-bottom:10px;border:1px solid #ddd;padding:10px;position:relative;border-radius:5px;}
.main_wallet > div > div p:first-child{font-size:18px;}
.main_wallet > div > div p{font-size:15px; margin-bottom:5px;}
.main_wallet > div > div p span{font-size:15px !important;}
.main_wallet > div > div p .title-sub{background:#666; padding:2px 10px; border-radius:50px; color:#fff; font-size:13px !important; margin-bottom:2px; display:inline-block;}
.main_wallet > div > div p .main-point{display:inline-block; float:right; }

.cycle_ratio .cycle{border-top:2px solid #333;border-bottom:1px solid #ccc; padding:10px 0;}
.cycle_ratio table th{font-weight:normal;}
.cycle_ratio table td{font-weight:bold;padding-bottom:10px;}
.cycle_ratio table tr:last-of-type td,.main_status > .left-box table tr:last-of-type th{padding-bottom:0;}


.main_action{position:relative;}
.main_action img{width:40px;}
.main_action .action_wrap{position:relative;}
.main_action .action_left a{width:calc((100% - 30px) / 4); float:left; margin-bottom:10px; margin-right:10px; border:1px solid #ccc; display:block;border-radius:5px;background:#fff;position:relative;color:#21437d;}
.main_action .action_left a:nth-child(4n){margin-right:0;}
.main_action .action_left a div{text-align:center; padding:15px 0;}
.main_action .action_left a div p {line-height:16px;margin-top:5px;}
.main_action .action_center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45%;border:4px solid #fff;border-radius:10px;background:#fff;}
.main_action .action_center a{height:100px;border:4px solid #fff;border-radius:10px;background:#2e7bcb;position:relative;width:100%;display:block;color:#fff;}
.main_action .action_center a div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.main_action .action_center a div p {line-height:16px;margin-top:5px;}
.main_action .action_bottom{margin-top:10px;padding:0 4px;}
.main_action .action_bottom a{display:block;width:100%;padding:10px;background:linear-gradient(130deg, rgba(133,193,67,1) 0%, rgba(46,123,203,1) 100%);color:#fff;border-radius:10px;text-align:center;}

.main_notice{background:#f2f2f2; padding:10px; border-radius:5px;}
.main_notice .notice_table tr{padding:7px 0;display:block;border-radius:5px;border-bottom:1px dashed #ddd;}
.main_notice .notice_table tr:last-of-type{border-bottom:0;}
.main_notice .notice_table td{display:block;width:100%;}
.main_notice .notice_table tr td:last-of-type a{font-size:16px;}

.main_cheak a{text-align: center;display: block;color: #fff;background: #d84848;border-radius: 50px;padding: 10px 0;}
.main_cheak a img{width:25px;margin-right:5px;}

.data-wrapp { margin-top:20px; }
/*.data-empty { border:1px solid #ddd; }*/

.office-main{padding:30px 15px;}
.office-main > div{float:left;width:calc((100% - 30px) / 2);margin-right:30px;background:#fff;border-radius:10px;padding:30px;height:490px;margin-bottom:30px;border:1px solid #ddd;}
.office-main > div:nth-of-type(5),#container > div:nth-of-type(6){margin-bottom:0;}
.office-main > div:nth-of-type(2n){margin-right:0;}
.office-main > div .title{font-size:25px;font-weight:bold;}
.office-main > div .coin{margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.office-main > div .coin:first-of-type{border-top:0;}
.office-main > div .coin .coin-img{float:left;width:36px;}
.office-main > div .coin .coin-img img{width:100%;}
.office-main > div .coin .coin-title{float:left;padding:7px 0 0 10px;}
.office-main > div .coin .coin-wallet{float:right;padding-top:7px;}

.box2 .title{margin-bottom:15px;}
.box2 > img{margin:auto;display:block;}
.box2 .package{display:flex;align-items:center;margin-bottom:20px;}
.box2 .package > div{width:50%;}
.box2 .package > div .font1{color:#666;margin-bottom:5px;}
.box2 .package > div .class{background:#f1f1f1;border-radius:5px;padding:5px 0;text-align:center;width:90px;}
.box2 .package .left-box .class{color:rgb(20, 84, 174);}
.box2 .package .right-box .class{color:rgb(55, 178, 110);}
.box2 > .clear-both{display:flex;align-items:center;}
.box2 > .clear-both > div{width:50%;}
.box2 > .clear-both > .left-box {padding-right:20px;}
.box2 > .clear-both > .left-box img{width:100%;}
.box2 .goal .font1{color:#666;}

.box3 .title{margin-bottom:58px;}
.box4 .title{margin-bottom:42px;}

.box5 > .clear-both > a{display:block;float:left;width:calc((100% - 40px) / 3);margin-right:20px;margin-top:20px;border-radius:5px;background:#fff;text-align:center;padding:10px 0;box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.box5 > .clear-both > a:nth-of-type(3n){margin-right:0;}
.box5 > .clear-both > a img{width:30%;}


/*사라나153 영상*/
.content-video {margin-top:60px;  background:url('/office/images/main/main_video_bg.jpg') 100% no-repeat fixed; background-size:cover; position:relative;}
.content-video .video2 { width:50%; float:left; padding-right:5px;}
.content-video .vod-cont { width:50%; float:left; padding-left:5px;}
.content-video .vod-cont > div{border-radius:10px; overflow:hidden; }
#divbx9441812562{height:256px;}

.vod-wrapper { overflow: hidden;position: relative;width: 100%; margin: auto;border-radius: 10px;}
.aspect-ratio-box {position: relative; height: 0;padding-top: 56.25%;background: white;}
.aspect-ratio-box .aspect-ratio-box-inside { position: absolute;  top: 0; left: 0;width: 100%; height: 100%;}
.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering .viewport-sizing {
  /* background-repeat: no-repeat; */
  /* background-position: center center; */
  /* background-size: cover; */
}

.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering .viewport-sizing iframe { position: absolute;top: 0;  left: 0;width: 100%; height: 100%;border-radius: 10px;}
.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering .viewport-sizing .sound-btn {  position: absolute;right: 20px; bottom: 20px;display: block;width: 32px;height: 32px; background: #ffffff;border-radius: 50%;background-repeat: no-repeat;background-position: center center;background-size: 50%;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.71098 9.19974C3.84582 9.19974 3.97495 9.25421 4.06906 9.35078L6.89191 12.2474C7.20498 12.5687 7.75 12.347 7.75 11.8985V0.501004C7.75 0.052434 7.20498 -0.16921 6.89191 0.152043L4.06906 3.0487C3.97495 3.14528 3.84582 3.19974 3.71098 3.19974H0.5C0.223858 3.19974 0 3.4236 0 3.69974V8.69974C0 8.97588 0.223858 9.19974 0.5 9.19974H3.71098Z' fill='black'/%3E%3Cpath d='M15.4697 3.16941L13.5 5.13908L11.5303 3.16941L10.4697 4.23007L12.4393 6.19974L10.4697 8.16941L11.5303 9.23007L13.5 7.2604L15.4697 9.23007L16.5303 8.16941L14.5607 6.19974L16.5303 4.23007L15.4697 3.16941Z' fill='black'/%3E%3C/svg%3E%0A");}
.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering .viewport-sizing .sound-btn.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.13872 11.9997C5.30728 11.9997 5.46869 12.0678 5.58633 12.1885L9.11489 15.8093C9.50623 16.2109 10.1875 15.9338 10.1875 15.3731V1.12626C10.1875 0.565542 9.50623 0.288487 9.11489 0.690054L5.58633 4.31088C5.46869 4.4316 5.30728 4.49968 5.13872 4.49968H1.125C0.779822 4.49968 0.5 4.7795 0.5 5.12468V11.3747C0.5 11.7199 0.779822 11.9997 1.125 11.9997H5.13872ZM18.7358 8.25044C18.7358 5.88778 17.6811 3.83619 16.1211 2.62054L17.3504 1.04297C19.4174 2.65364 20.7358 5.29786 20.7358 8.25044C20.7358 11.203 19.4174 13.8472 17.3504 15.4579L16.1211 13.8803C17.6811 12.6647 18.7358 10.6131 18.7358 8.25044ZM13.2129 5.2154C13.9089 5.83417 14.4267 6.93134 14.4267 8.25022C14.4267 9.5691 13.9089 10.6663 13.2129 11.285L14.5418 12.7797C15.719 11.7331 16.4267 10.0633 16.4267 8.25022C16.4267 6.43713 15.719 4.76733 14.5418 3.7207L13.2129 5.2154Z' fill='black'/%3E%3C/svg%3E");
}

.aspect-ratio-box .aspect-ratio-box-inside .flexbox-centering .viewport-sizing:hover .play-btn {display: block;}

.goods-detail{background:#3290c9; border-radius:5px; padding:5px 15px; color:#fff;}
.goods-detail:hover{color:#fff; background:#21437d;}



/* 서브페이지*/
.sub-title{font-size:25px;font-family: 'NEXON Lv1 Gothic OTF';font-weight:bold;margin:20px 0 15px; text-align:center;}
#sub-content-wrapper{padding-left:15px;padding-right:15px;}
.btn-search{background:#419cdd;color:#fff;border-radius:2px;outline:none;border:0;}
.btn-list{background:#666;color:#fff;border-radius:2px;outline:none;border:0;display:inline-block;padding:5px 10px;}
.btn-write{background:#419cdd;color:#fff;border-radius:2px;outline:none;border:0;display:inline-block;padding:5px 10px;}
.btn-delete{background:#ff4747;color:#fff;border-radius:2px;outline:none;border:0;display:inline-block;padding:5px 10px;}

.product-wrap { padding:10px; border:1px solid #dfdfdf; border-radius:10px; margin-bottom:20px }
.product-wrap .product-img{float:left; width:70px; height:70px;}
.product-wrap .product-img img{width:100%;}
.product-wrap .product-info{float:left; width:calc(100% - 70px); padding-left:10px;}
.product-wrap .product-info .product_name{font-size:17px; font-weight:600; color:#333;}
.product-wrap .product-info .product_tool{font-size:14px; font-weight:350; color:#666;margin-bottom:10px;}
.product-wrap .product-info .product_price{font-size:15px; }
.product-wrap .product_num{text-align:right; padding-top:5px;}
.product-wrap .product_num:after { display:block; clear:both; content:""; }
.order_title{font-size:25px; font-weight:600; margin-bottom:10px; line-height:25px; position:relative;}
.order_title span{font-size:16px; color:#888; font-weight:300;}	
.order_title .btn-primary{background:#565656; border:1px solid #565656; border-radius:0 !important; padding:8px 10px; position:absolute; right:0; bottom:0;}


/* 폰트 */
@font-face {font-family: 'NEXON Lv1 Gothic OTF';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');font-weight: normal;font-style: normal;}



@media (max-width:720px){
.content-video .video2 {width:100%; margin-bottom:10px; padding-right:0;}
.content-video .vod-cont {width:100%; padding-left:0;}
}

@media (max-width:500px){
.main_status > .left-box col{width:100% !important; display:block !important;}
.main_status > .left-box th{width:100%; display:block;}
.main_status > .left-box td{width:100%; display:block; padding-bottom:5px !important;}


.cycle_ratio .cycle col{width:100% !important; display:block !important;}
.cycle_ratio .cycle th{width:100%; display:block;}
.cycle_ratio .cycle td{width:100%; display:block; padding-bottom:5px !important;}

.main_action .action_left a{width:calc((100% - 10px) / 2); margin-bottom:10px; margin-right:10px;}
.main_action .action_left a:nth-child(2n){margin-right:0;}
.main_action .action_left a div p{font-size:14px;}

.main_wallet > div{width:100%; margin-right:0;}

}


.page_ling{margin-bottom:30px;}
.page_link a{width:50%; border-radius:10px 10px 0 0; display:block; float:left; padding:10px; text-align:center; color:#333; background:#f4f4f4;font-size:16px;}
.page_link a.point_color{background:#21437d; color:#fff;}
.page_link a:hover, .page_link a:active, .page_link a:focus{color:#333;}
.page_link a.point_color:hover, .page_link a.point_color:active, .page_link a.point_color:focus{color:#fff;}

/* 오피스 메인페이지 */
/*메인 카테고리 바로가기*/
.category-main td { padding:5px; } 

.sub-title { text-align:center;font-size:25px;font-weight:bold;margin-bottom:50px;color:#333;transition:0.5s;position:relative;}
.sub-title::after{position: absolute;content: '';width: 1px;height: 30px;background: #666;left: 50%;top: 50px;transition:0.5s;}
.order-notice {text-align:center; border-top:2px solid #555; font-size:16px; padding:22px 0;}

.main-board{padding:20px 15px;}
.main-board .main-box{padding:30px 15px;}
.main-board .main-title{margin-bottom:0;}
.main-board > a{text-align:center;display:block;color:#fff;background:#3a7a84;border-radius:50px;padding:10px 0;margin:auto;width:80%;font-size:18px;}
.main-board > a img{height:30px;margin-top:-2px;display:inline-block;padding-right:8px;}
.main-board .main-daily{padding-top:50px;position:relative;width:350px;margin:0 auto 40px;}
.main-board .main-daily > img{width:70%;display:block;margin:32px auto 0;}
.main-board .main-daily .circle{background:url('/mobile/design/images/main/main-content02.svg') no-repeat;background-size:cover;background-position:center;position:absolute;}
.main-board .main-daily .circle-sm{width:140px;height:140px;top:20px;left:0;background:url('/mobile/design/images/main/main-content02-1.svg') no-repeat;background-size:cover;background-position:center;}
.main-board .main-daily .circle-lg{width:200px;height:200px;right:0;top:-20px;background:url('/mobile/design/images/main/main-content02-1.svg') no-repeat;background-size:cover;background-position:center;}
.main-board .daily-btn{background:#3f434d;text-align:center;display:block;margin:auto;width:55%;color:#fff;padding:10px 0;border-radius:30px;}
.main-board .daily-btn img{width:30px;}
.main-title{font-weight:bold;text-align:center;color:#111;margin-bottom:40px;font-size:30px;}

/* 메인 공통 */
.main-content{padding:30px 15px;background:#efefef}
.movie-info > div{background:#fff;border-radius:30px;box-shadow:1px 1px 5px #ddd;padding:20px 15px;margin-top:10px;}
.movie-info > .movie-bot{padding:30px 15px;}
.m-title{font-size:16px;color:#333;margin-bottom:10px;letter-spacing:-0.05rem;}
.movie-tip{font-size:16px;color:#888;letter-spacing:-0.05rem;font-weight:350;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:15px;}
.main-box{padding:20px 15px;background:#fff;border-radius:10px;box-shadow:1px 1px 5px #dcdee8;}

/* 메인 탭 */
.main-category .swiper-slide{margin-right:0 !important;min-width:80px;}
.main-category .swiper-slide a{padding:6px 0;background:#fff;display:block;width:95%;margin:auto;border-radius:20px;border:1px solid #ddd;}
.main-category .swiper-slide a.active{background:#d9255e;color:#fff;border:1px solid #d9255e}

.movie-info .img-box{overflow:hidden;border-radius:10px;margin-bottom:25px;}
.movie-info .img-box img{width:100%;}
.intro-box{padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px;}
.intro-box > a{display:block;float:left;border:1px solid #d2d2d2;background:#f4f4f4;color:#666;padding:5px;letter-spacing:-0.05rem;border-radius:5px;}
.intro-box > a:first-child{width:54%;margin-right:2%;}
.intro-box > a:last-child{width:44%;}
.intro-box > a span{float:right;}
.intro-box > a span img{margin-top:-2px;}

.invest .m-title, .movie-bot .m-title{width:70px;color:#333;font-size:16px;font-weight:normal}
.invest td, .movie-bot td{color:#888;font-weight:350;font-size:16px}

.attend{display:block;width:100%;height:35px;line-height:35px;color:#fff;font-weight:bold;text-align:center;background:#141468;border-radius:10px;margin:20px 0;}
.attend:focus, .attend:active{color:#fff;}

.movie-bot .progress{border-radius:30px;overflow:hidden;height:25px;line-height:25px;margin-top:5px;text-align:center}
.movie-bot .progress span{display:block;background:#51c8f9;color:#333;text-align:center}

.main-notice {padding:20px 15px;}

/* 메인 컨텐츠 */
.main-title{font-size:20px;font-weight:bold;color:#333;letter-spacing:-0.05rem;line-height:30px;margin-bottom:20px;text-align:left;}
.main-title span{color:#d9255e}
.main-txt{font-size:16px;font-weight:300;color:#666;letter-spacing:-0.05rem;}
.main-txt span{font-weight:bold;color:#333;}

.main-content img{max-width:100%;width:100%;}
.main-content > div{background:#fff;margin-bottom:30px;box-shadow:1px 1px 10px #ddd;}
.main-content .cont{border-radius:10px;overflow:hidden;}
.main-content > div:last-of-type{margin-bottom:0;}
.cont > div.img-box{position:relative;}
.cont > div.img-box img{width:100%;}
.cont > div.txt-box{padding:30px 20px;}
.cont > div table td{vertical-align:top;padding-bottom:10px;}
.cont > div table tr td:first-of-type{width:30px;}
.cont > div table tr td:last-of-type{padding-left:10px;}

.cont1 .clear-both{margin-top:20px;}
.cont1 .clear-both > img{display:block;float:left;width:calc((100% - 60px) / 4);margin-right:20px;}
.cont1 .clear-both > img:last-of-type{margin-right:0;}

.cont3{padding:30px 20px;background:url('/mobile/design/images/main/main-bg1.jpg') no-repeat !important;background-position:center;background-size:cover !important;}
.cont3 > div{padding-top:90px;}
.cont3 .main-title{color:#fff}
.cont3 .main-title span{color:#ff448f}
.cont3 .main-txt{color:#fff;}
.cont3 img{width:60px;}

.quick_menu{padding:20px 15px;}
.main-sub-title{font-weight:bold;color:#111;margin-bottom:15px;font-size:18px;}
.quick_menu > .clear-both > a{float:left;display:block;width:calc((100% - 20px) / 3); margin-right:10px;border-radius:10px;position:relative;border:1px solid #e5e5e5;background:#fff;margin-bottom:10px;text-align:center;letter-spacing:-1px;padding:10px 0;}
.quick_menu > .clear-both > a:nth-of-type(3n){margin-right:0;}
.quick_menu > .clear-both > a img{width:50%;margin-bottom:5px;}
.quick_menu > .clear-both > a:nth-of-type(7),.quick_menu > .clear-both > a:nth-of-type(8),.quick_menu > .clear-both > a:nth-of-type(9){margin-bottom:0;}


@media (max-width:1024px){
	.office-main > div{float:none;width:100%;margin-right:0;height:auto;}
	.box3 .title, .box4 .title{margin-bottom:0;}
	.box2 .title{margin-bottom:0;}
	.office-main > div:last-of-type{margin-top:30px;}
	
	/* 플랫폼 디자인 */
	.platform-title{font-size:20px;font-weight:300;text-align:center;margin-bottom:20px;}
	.platform-title span{font-weight:bold;}
	.platform-title img{width:100%}

	.main-category{overflow:hidden;border-radius:5px;background:#38457b;margin-bottom:15px;}
	.main-category > a{float:left;width:33.3333%;display:block;text-align:center;color:#fff;border-right:1px solid #6d779c;height:50px;line-height:50px;letter-spacing:-1px;}
	.main-category > a:nth-of-type(1),.main-category > a:nth-of-type(2),.main-category > a:nth-of-type(3),.main-category > a:nth-of-type(4){border-bottom:1px solid #6d779c}
	.main-category > a:nth-of-type(3n){border-right:0;}

	.main-search{background:#f7f7f7;border:1px solid #e9e9e9;padding:10px;border-radius:10px;margin-bottom:30px;}
	.main-search div:first-of-type{margin-bottom:5px;}
	.main-search select{border:1px solid #e9e9e9;color:#999; width:100%; margin-bottom:5px;font-size:16px;}
	.main-search select:last-of-type{width:100%; margin-bottom:0;}
	.main-search input{width:100%;border:1px solid #e9e9e9;font-size:16px;}
	.main-search input::placeholder{color:#999;}
	.main-search .search-btn{width:100%;text-align:center;background:#e42a47;color:#fff;display:inline-block;border-radius:5px;margin-top:10px;margin-left:0;font-size:16px;}
	.main-search label{margin-right:10px;font-size:16px;margin-top:10px;}
	.main-search input[type="checkbox"]{width:18px;height:18px;margin:0 0 4px 0;}

	.main-partner{padding-top:20px;}
	.platform-list{margin-bottom:30px;float:none;width:100%;}
	.pro_bullet{position:absolute; top:0; left:0; z-index:99;}

	.product_list1{float:left; width:100%; position:relative;margin-bottom:30px;}
	.product_list1 .pro_img{overflow:hidden; border-radius:5px;position:relative;padding-top:60%;} /*padding-top:70%;*/
	.product_list1 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;} /*height:100%;position:absolute;left:0;top:0;*/
	.product_list1 .pro_title{font-size:18px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
	.product_list1 .pro_title .text-info{display:none;}
	.product_list1 .pro_location{font-size:16px;color:#888;margin-top:5px;}

	.product_list2{float:left; width:calc((100% - 10px) / 2); position:relative;margin-bottom:30px;margin-right:10px;}
	.product_list2:nth-of-type(2n){margin-right:0 !important;}
	.product_list2 .pro_img{overflow:hidden; border-radius:5px;padding-top:70%;position:relative;}
	.product_list2 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;}
	.product_list2 .pro_title{font-size:18px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
	.product_list2 .pro_location{font-size:16px;color:#888;margin-top:5px;}


	.product_list3{float:left; width:calc((100% - 20px) / 2); position:relative;margin-bottom:20px;margin-right:20px;}
	.product_list3:nth-of-type(2n){margin-right:0 !important;}
	.product_list3 .pro_img{overflow:hidden; border-radius:5px;padding-top:70%;position:relative;}
	.product_list3 .pro_img img{width:100%; height:100%;position:absolute;left:0;top:0;}
	.product_list3 .pro_title{font-size:16px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
	.product_list3 .pro_location{font-size:16px;color:#888;margin-top:5px;}

	.plus-box{ padding:20px; margin-bottom:10px; border:4px solid #eee;}

	.product_list4{width:100%;border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:15px;}
	.product_list4:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0;}
	.product_list4 .img-box{float:left;width:20%;overflow:hidden;border-radius:5px;padding-top:15%;position:relative;}
	.product_list4 .img-box img{position:absolute;width:100%;height:100%;left:0;top:0;}
	.product_list4 .txt-box{float:left;width:80%;padding-left:10px;}
	.product_list4 .pro_title{font-size:16px; font-weight:bold; color:#555;width:100%;overflow:hidden;text-overflow:ellipsis;}
	.product_list4 .pro_location{font-size:16px;color:#888;margin-top:5px; margin-right:10px;}

	.platform-list .img-box{width:100%;position:relative;padding-top:60%;overflow:hidden;border-radius:10px;margin-bottom:10px;}
	.platform-list .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;}
	.platform-list .location span{color:#e02f65;margin-right:3px;display:inline-block;font-size:16px;letter-spacing:-0.05rem;}
	.platform-list .platform-name{font-size:18px;font-weight:bold;margin-top:5px;}
	
	/* 상세페이지 디자인 */
	.tr-search-box{background:#f2f2f2;text-align:center;padding:30px 0;margin-bottom:10px;font-size:20px;}
	.tr-info, .tr-info2{color:#666;padding-top:25px;border-top:2px solid #555;}
	.tr-info .float-right, .tr-info2 > .float-right{width:100%;margin-bottom:10px;text-align:right;font-size:16px;}
	.tr-img-lg{width:100%;overflow:hidden;padding-top:62%;position:relative;}
	.tr-img-lg img{width:100%;position:absolute;width:100%;height:100%;left:0;top:0;}
	/* .tr-img-sm{margin-bottom:30px;} */
	.tr-img-sm > a{width:20%;}
	.tr-name{border-bottom:2px solid #515151;padding-bottom:30px;margin-bottom:30px;}
	.tr-name .sub-ttl {color:#4fc0e8;font-size:16px;font-weight:400;margin-top:10px;}
	.tr-name .main-ttl{font-size:24px;font-weight:bold;color:#333;}
	.tr-name .cont-ttl{font-size:16px;color:#333;font-weight:300;}
	.tr-name .float-right a{display:block;width:calc(100% / 3);float:left;height:130px;overflow:hidden;}
	.tr-name .float-right a img{width:100%;}
	.tr-detail{color:#333;}
	.banner-box{margin-bottom:30px;}
	.tr-detail .main-ttl{font-size:20px;margin-bottom:10px;font-weight:500;}
	.tr-detail .cont-ttl{font-size:16px;font-weight:300;margin-bottom:20px;line-height:20px;}
	.tr-detail .mag-img{width:100%;max-height:700px;overflow:hidden;}
	.tr-detail .mag .main-ttl{margin-top:40px;}
	.tr-detail .mag-img2{width:100%;max-height:700px;overflow:hidden;margin-bottom:20px;}
	.tr-detail .mag-img img{width:100%;}
	.tr-detail .mag-img2 img{width:100%;}
	.map-box{padding:15px 0;margin-top:20px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
	.map-box i{color:#999;}
	.map-box a{font-size:16px;}
	.map-box a:hover{color:#2e78d5}
	.map-box .cont-ttl{letter-spacing:-0.04rem;}
	.pro-box{padding:15px 0;border-bottom:1px dashed #999}
	.pro-box .img-box{max-height:85px;overflow:hidden;}
	.pro-box table td img{width:100%;}
	.pro-box table tr td:last-of-type{padding-left:10px;}
	.pro-box .main-ttl{font-weight:bold;margin-bottom:0;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.pro-box .sub-ttl{font-size:16px;font-weight:300;}
	.pro-box .cont-ttl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0;}
	.pro-box .a-type{background:#4fc0e8;color:#fff;display:inline-block;padding:5px 0;transition:0.5s;font-size:16px;font-weight:300;display:block;text-align:center;}
	.pro-box .a-type span{padding-left:10px;transition:0.5s;}
	.pro-box a:hover .a-type{background:#333;transition:0.5s;}
	.pro-box a:hover{color:#333;}
	.hash{padding:10px 0 15px;border-top:1px solid #999;margin-top:20px;}
	.hash-item span{color:#999;margin-right:10px;display:inline-block;margin-bottom:5px;font-weight:300;font-size:16px;}
	.store{padding:15px 15px 10px;color:#333;}
	.store .main-ttl{font-size:18px;font-weight:500;position:relative;padding-left:20px;}
	.store .main-ttl::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#4fc0e8}
	.store > a{display:inline-block;color:#999;margin-left:14px;}
	.store > a:hover{color:#2e78d5;}
	.store-item{padding-top:10px;}
	.store-item > div{float:left;width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px;}
	.store-item > div:nth-of-type(2n){margin-right:0;}
	.store-item > div .img-box{border-radius:10px;overflow:hidden;margin-bottom:5px;height:161px;}
	.store-item > div .img-box img{height:100%;width:100%;}
	.store-item > div .sub-ttl{color:#4fc0e8;font-size:16px;}
	.store-item > div .main-ttl{padding:0;font-size:16px;font-weight:300;line-height:20px;width:100%;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
	.store-item > div .main-ttl::before{display:none;}
	.store-item > div a:hover{color:#333;}
	.store-item > div a img{transition:0.5s;}
	.store-item > div a:hover img{transform:scale(1.1);transition:0.5s;}
	.store-item > div a:hover .main-ttl{color:#2e78d5}
	.map-btnm{display:block;width:100%;text-align:center;background:#333;color:#fff;padding:10px 0;border-radius:20px;margin-top:10px;}
	.map-btnm:hover, .map-btnm:focus{color:#fff;}
	.map-btnm i{color:#fff;padding-right:5px;}
	.map-box table td{font-size:16px;font-weight:300;padding-bottom:10px;}
	
	.gi-item2:first-of-type, .gi-item2:nth-of-type(2){margin-bottom:10px;}
	.gi-item2 .img-box{padding-top:60%;}
	
	.gi-item4{width:calc((100% - 30px) / 2);}
	.gi-item4:nth-of-type(2n){margin-right:0;}
	.gi2-ttl{font-size:16px;}
	.top-tb > .txt-box .cont-ttl{font-size:16px;}
	
	.top-tb .gallery-image{height:250px;}
	.top-tb .gallery-thumb .swiper-slide{height:60px;}

	.g-vimeo{position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ /* IE6 workaround*/   height: 0;overflow: hidden;margin: 0;}
	.g-vimeo iframe, .g-vimeo object, .g-vimeo embed { position: absolute;top: 0; left: 0;  width: 100%;height: 100%; border-radius:10px; }
	
	/* 플랫폼 */
	.map-area{max-height:700px;}
	.top-tb{margin-bottom:30px;border-bottom:2px solid #515151;width:100%;padding-bottom:20px;}
	.top-tb > div{float:none;width:100%;}
	.top-tb > .txt-box{padding-left:0;}
	.top-tb > .txt-box .sub-ttl{color:#4fc0e8;font-size:18px;font-weight:400;margin-top:10px;}
	.top-tb > .txt-box .main-ttl{font-size:25px;font-weight:bold;color:#333;margin-bottom:30px;}
	.right-tb .clear-both > div{float:none;width:100%;font-size:16px;font-weight:300;padding:0 0 20px;color:#333;border-bottom:0;min-height:auto;}
	.right-tb .clear-both > div.tb-ttl{font-weight:bold;width:100%;padding-bottom:5px;}
	.tr-info2 .swiper-button-next, .tr-info2 .swiper-button-prev{width:14px;height:35px; background-size: 14px 35px; }
	.tr-info2 .swiper-button-prev, .tr-info2 .swiper-container-rtl .swiper-button-next{left:0px;}
	.tr-info2 .swiper-button-next, .tr-info2 .swiper-container-rtl .swiper-button-prev{right:0px;}
	.store-item2{margin-bottom:30px;}
	.store-item2 > div{margin-bottom:20px;}
	.travel-btn{display:block;width:100%;color:#fff;background:linear-gradient(to right, rgba(79,192,232,1), rgba(46,120,213,1));padding:10px 0;border-radius:20px;}
	
	.g-info-ttl{font-size:22px;font-weight:bold;color:#333;}

	.kakao-login{border-radius:5px;background:#FEE500;color:rgba(0,0,0,0.8);display:block;text-align:center;margin-top:7px}


	.attach-thumb-wrapper { position:relative; max-width:100%; }
	.attach-thumb-content { margin-bottom:10px; }
	.attach-thumb-content:last-child { margin-bottom:0px; }
	.attach-thumb-image { max-width:100%; }
	.attach-thumb-icon { display:block; position:absolute; left:0; bottom:0; width:100%; background-color:#f0f0f0; opacity:0.7; text-align:center; }

	.store-top {width:100%;}
	.store-top .logo {}
	.store-top-title {font-size:24px  !important; font-weight:700; text-align:center;}
	.store-top-stitle {font-size:16px; margin:20px 0 40px;}
	.sview-con h3 {font-size:16px; padding-bottom:50px;display:block;}
	.sbig-photo {width:100%;  margin-bottom:20px;}
	.sbig-photo img {width:100%; height:100%; border-radius:10px;}
	.sssmall-photo {width:100%; overflow:hidden;}
	.ssmall-photo {width:49%; overflow:hidden;}
	.ssmall-photo img {width:100%; border-radius:15px; margin-bottom:10px;}

	.pay-btn{display:inline-block;padding:5px 20px;color:#fff;background:#e42a47;float:right;border-radius:30px;margin-top:5px;}

	/*업체정보*/
	.store-view {width:100%; overflow:hidden; margin-bottom:50px;}
	.store-point {font-size:16px; font-weight:800; color:red; margin-top:20px;}
	.store-title {font-size:24px; font-weight:700;}
	.store-info {font-size:18px; border-bottom:1px solid #ccc; overflow:hidden;}
	.store-info .store-name {float:left; width:20%; padding:20px 0; font-weight:500; overflow:hidden;font-size:16px;}
	.store-info .store-con {float:left; width:80%; padding:20px 0; font-size:16px;}
	.store-info .store-con ul {overflow:hidden;}
	.store-info .store-con ul li {float:left; width:25%; color:gray; text-align:center;}
	.store-info .store-con ul li p {font-size:12px; line-height:15px;}

	.store-menu {width:100%; overflow:hidden;}
	.store-menu .menu-img {margin-top:20px; text-align:center;float:left;width:48%;margin-right:2%}
	.store-menu .menu-img:nth-of-type(2n){margin-right:0;}
	.store-menu .menu-img img {width:100%; border-radius:15px; margin-bottom:10px;}

	.detail-page .daily-btn{background:#3f434d;text-align:center;display:block;margin:20px auto;width:55%;color:#fff;padding:10px 0;border-radius:30px;}
	.detail-page .daily-btn img{width:30px;}
}

@media (max-width:500px){
	.box2 > .clear-both{display:block;}
	.box2 > .clear-both > .left-box{padding-right:0px;}
	.box2 > .clear-both > div{width:100%;}
	.box5 > .clear-both > a img{margin-bottom:5px;}
	.container{width:100% !important;}
}