@charset "utf-8";

/* 탑배너 */
.sub_text{margin-top:80px; padding:113px 0 73px}
.sub_text h1{font-family:'NanumSquare'; font-weight:700; font-size:46px; color:#000; text-align:center; letter-spacing:-0.03em}
.text_montserrat h1{font-family:'Montserrat'}
.survey_sub_text h1{font-size:40px}
.sub_text p{font-family:'Lato'; font-size:19px; color:#777; text-align:center; margin-top:30px;}
.sub_menu_box .cate_ul{margin-bottom:60px; text-align:center}
.sub_menu_box .cate_li{display:inline-block; vertical-align:middle}
.sub_menu_box .cate_li + .cate_li{margin-left:46px}
.sub_menu_box .cate_li.on{position:relative; z-index:2}
.sub_menu_box .cate_li a{display:inline-block; width:100%; padding-bottom:7px; border-bottom:2px solid transparent; font-family:'Montserrat'; font-weight:600; font-size:21px; line-height:1; color:#222}
.sub_menu_box .cate_li.on a{border-bottom-color:#b900cd; font-weight:600; color:#b900cd}
/* 상품카테고리 */
.fix_category{width:100%; text-align:center}
.fix_category .list_category_ul{/* display:inline-block; */ margin-bottom:70px;}
.fix_category .list_category_ul > li{float:left; width:12.5%; /* width:176px; */ margin-right:-1px; margin-bottom:-1px; z-index:1;}
.fix_category .list_category_ul > li > a{display:inline-block; width:100%; height:52px; border:1px solid #e1e1e1; text-align:center; font-size:17px; color:#666;}
.fix_category .list_category_ul > li > a > span{display:block; border:1px solid transparent; line-height:48px}
.fix_category .list_category_ul > li.active > a{border:1px solid #b900cd; color:#b900cd; font-weight:500 !important;}
.fix_category .list_category_ul > li.active > a > span{border-color:#b900cd}
.fix_category .list_category_ul > li.active{position:relative; z-index:2;}
.fix_category .list_sort{width:100%; padding:0; margin-bottom:30px;}
.fix_category .list_sort .left_sort{float:left; font-size:16px; color:#666;}
.fix_category .list_sort .left_sort span{font-weight:600;}
.fix_category .list_sort .right_sort{float:right;}
.fix_category .list_sort .right_sort > a{font-size:16px; color:#666}
.fix_category .list_sort .right_sort > a + a{margin-left:30px}
.fix_category .list_sort .right_sort > a.on{font-weight:500}
.list-page{margin:70px 0 120px !important;}
/* 페이저 */
.list-page .pagination li a, .pagination li a{border:0; font-size:16px; color:#777 !important}
.list-page .pagination li:hover a, .pagination li:hover a{background:#fff}
.board-list .list-page .pagination li.active a, .pagination li.active a, .text-center .pagination>.active>a, .text-center .pagination>.active>a:hover
{position:relative; border:0 !important; background-color:#fff !important; font-weight:500; font-size:16px; color:#b900cd !important}
.text-center .pagination{margin:40px 0 50px}
.list-page .pagination li.active a:after{display:block; content:""; position:absolute; bottom:0; left:50%; width:15px; height:3px; margin-left:-7px; background-color:#b900cd}
.text-center .pagination>.active>a:after{display:block; content:""; position:absolute; bottom:0; left:50%; width:15px; height:3px; margin-left:-7px; background-color:#b900cd}

@media (max-width:1400px){
	/* 상품카테고리 */
	.fix_category .list_category_ul{display:block}
	.fix_category .list_category_ul > li{width:12.5%}
}
@media (max-width:991px){
	/* 탑배너 */
	.sub_text{margin-top:57px}
}
@media (max-width:768px){
	/* 탑배너 */
	.sub_text{margin-top:46px; padding:60px 0 40px}
	.sub_text h1{font-size:23px}
	.survey_sub_text h1{line-height:1.5}
	.sub_text p{font-size:13px; margin-top:15px}
	.sub_menu_box .cate_ul{margin-bottom:40px}
	.sub_menu_box .cate_li + .cate_li{margin-left:20px}
	.sub_menu_box .cate_li a{padding-bottom:5px; font-size:14px;}
	/* 상품카테고리 */
	.fix_category .list_category_ul{margin-bottom:30px;}
	.fix_category .list_category_ul > li{width:33.333333333%}
	.fix_category .list_category_ul > li > a{height:40px; font-size:13px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;}
	.fix_category .list_category_ul > li > a > span{border:0; line-height:38px}
	.fix_category .list_sort{margin-bottom:20px;}
	.fix_category .list_sort .left_sort{font-size:12px; float:none; margin-bottom:10px;}
	.fix_category .list_sort .right_sort{float:none; text-align:left}
	.fix_category .list_sort .right_sort > a{font-size:12px}
	.fix_category .list_sort .right_sort > a + a{margin-left:10px}
	.list-page{margin:20px 0 40px !important;}
	/* 페이저 */
	.text-center .pagination{margin:15px 0}
}

/* 게시판 */
.board_style .div-head{padding:15px 0; border-top:2px solid #333; border-bottom:1px solid #dcdcdc; background-color:#fafafa}
.board_style .div-head > span{font-weight:500; font-size:19px; color:#222}
.board_style .div-head > span a{color:#222}
.board_style .list-board .list-body li{border-bottom:1px solid #dcdcd}
.board_style .list-board .list-body li.bg-light{background-color:#fff}
.board_style .list-board .list-body li:hover{background-color:#fff}
.board_style .list-board .list-body li > div{height:auto; padding:17px 0; font-size:17px; line-height:1; color:#666}
.board_style .list-board .list-body li > div > a{color:#666}
.board_style .list-board .list-body li > div > span{font-weight:400}
.board_style .list-board .list-body .wr-name{text-align:center}
.board_style .list-board .wr-secret{width:11px; height:14px; margin:0 5px 2px 0; background-size:contain}
.board_style .list-board .wr-notice{width:42px; height:19px}
/* 뷰페이지 폼 */
.view_btn_box .btn.btn-black{width:80px; padding:0; border:1px solid #d7d7d7; background-color:#fff; font-size:14px; line-height:37px; color:#666 !important}
.view_btn_box .btn.btn-color{width:80px; padding:0; font-size:14px; line-height:37px;}
.view_style .view_title{padding:28px 0; border-top:2px solid #c819e2; border-bottom:1px solid #ccc}
.view_style .view_title:after{display:block; content:""; clear:both}
.view_style .view_title .view_subject{float:left; padding-left:10px; font-weight:500; font-size:21px; line-height:1.2; color:#333}
.view_style .view_title .view_info{float:right}
.view_style .view_title .view_info > span{display:inline-block; padding:0 10px; font-size:19px; line-height:25px; color:#999}
.view_style .view-padding{padding:15px}
.view_style .view-padding .view-content{min-height:100px; font-size:14px;}
.view_style .comment_total{display:inline-block; margin-left:8px; font-weight:500; font-size:16px; line-height:18px; color:#333}
.view_style .help-block{font-size:15px; color:#666}
.view_style .comment_tag{display:inline-block; margin-right:5px; font-size:15px; color:#b900cd; vertical-align:middle}
.view_style .margin_t_none{margin-top:0}

/* 갤러리 게시판 */
.fix_gallery_content{padding-top:30px}
.fix_gallery_content h5{font-weight:500; font-size:20px; color:#222}
.fix_gallery_content p{margin-top:15px; font-size:16px; color:#777}
/* play ground */
.play_style .fix_gallery_content{padding-top:30px}
.play_style .fix_gallery_content h5{font-weight:500; font-size:20px; color:#222; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.play_style .list-item:hover .fix_gallery_content h5{color:#b900cd}
.play_style .fix_gallery_content p{margin-top:15px; font-size:16px; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
/* preview */
.preview_style .iframe{position:relative}
.preview_style .fix_gallery_content{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:0; background-color:rgba(0,0,0,0.6); text-align:center; opacity:0; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s}
.preview_style .imgframe:hover .fix_gallery_content{opacity:1}
.preview_style .fix_gallery_content > a{display:block; width:100%; height:100%}
.preview_style .fix_gallery_content h5{position:absolute; top:50%; left:50%; width:90%; font-size:24px; line-height:1.2; color:#fff; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.preview_style .good_btn_box{display:inline-block; margin-top:20px}
.preview_btn_box{padding-bottom:20px}
.preview_btn_box:after{display:block; content:""; clear:both}
.preview_btn_box .view-comment{float:left; padding-bottom:0}
.preview_btn_box .good_btn_box{float:left; margin-left:27px}
/* mix&match_슬라이더 */
.review_best_box{overflow-x:hidden; margin-bottom:80px}
.review_best_box .review_best_tit{margin-bottom:35px; font-family:'Montserrat'; font-weight:700; font-size:34px; color:#333}
.review_best_box .review_best_tit > span{display:inline-block; font-family:'Montserrat'; color:#b900cd}
.review_best_box .miso-shop-post{overflow:visible}
.review_best_box .miso-shop-post .media{border:1px solid #e5e5e5}
.review_best_box .owl-show{overflow:visible}
.review_best_box .owl-container{overflow:visible;/*  width:100%; */ /* padding-top:64px */}
.review_best_box .owl-carousel .owl-controls.clickable .owl-buttons div{display:block !important}
.review_best_box .owl-carousel:hover .owl-controls.clickable .owl-buttons div{}
.review_best_box .owl-carousel .owl-controls .owl-buttons div{background-color:transparent; width:34px; height:30px; top:-64px; margin-top:0; line-height:30px}
.review_best_box .owl-carousel .owl-controls .owl-buttons div.owl-prev{left:auto; right:74px; text-align:left}
.review_best_box .owl-carousel .owl-controls .owl-buttons div.owl-next{right:40px !important; text-align:right}
/* mix&match 뷰 */
.review_view .panel-heading .text-muted{font-size:14px}

/* FAQ */
.faq_box .div-panel{border-top:2px solid #151515}
.faq_box .div-panel div.text{float:left}
.faq_box .div-panel .faq_q_content{position:relative; padding:12px 0 !important; border-top:1px solid #ddd}
.faq_box .div-panel .faq_q_content .text{width:80%; font-size:18px; font-weight:500; line-height:1.2; color:#333; margin-top:10px;}
.faq_box .div-panel .faq_a_content .text{color:#555; font-size:16px; line-height:1.8}
.faq_box .div-panel .faq_q_content .faq_arrow_icon{position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{float:left; width:95px; padding-left:12px; text-align:center;}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{display:inline-block; width:45px; height:45px; line-height:40px; font-family:'Open Sans'; font-size:25px; font-weight:600; border-radius:50%; background-color:#999; color:#fff}
.faq_box .div-panel .faq_q_content.active .faq_icon span{background-color:#b900cd}
.faq_box .div-panel .faq_a_content{padding:25px 0 25px 95px; background:#fbfbfb}
.faq_box .div-panel.panel-group .panel-heading a.active{border-bottom:1px solid #e5e5e5 !important;}
/* 개인결제 */
.ppay_style .ppay-container{margin-right:-30px; margin-bottom:-20px}
.ppay_style .ppay-row{width:25%}
.ppay_style .ppay-box{margin-right:30px; margin-bottom:50px; border:0; text-align:left}
.ppay_style .ppay-box .ppay-fa{padding:0}
.ppay_style .ppay-box .ppay-fa > a{display:block; overflow:hidden}
.ppay_style .ppay-box h2{padding:22px 0 0; font-weight:400; font-size:16px; line-height:1.2; color:#666; text-align:left}
.ppay_style .ppay-box p{margin:15px 0 0; padding:0; font-weight:600; font-size:15px}
.ppay_style .ppay-box p > a{display:inline-block; color:#c819e2}

/* 추가티켓 상세페이지 */
.item_ticket{}
/* 대여상품 팝업창 */
.lend_popup_box{display:none; position:fixed; top:50%; left:50%; z-index:102; width:450px; height:210px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.lend_popup_box .lend_popup{width:100%; height:100%; padding:53px 0; background-color:#fff; text-align:center}
.lend_popup .tit{font-weight:500; font-size:20px; line-height:1.5; color:#333}
.lend_popup .tit > span{color:#c819e2}
.lend_popup .txt{margin-top:15px; font-size:17px; color:#777}
.lend_popup_box .btn_close{position:absolute; top:30px; right:30px; cursor:pointer}
.lend_popup_dim{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}

/* 위시리스트 */
.mypage-table .mypage-sections section.mp_wishlist .body.section-table .section-table-body .section-cell{padding:10px 0; vertical-align:middle}
.m_scroll_guide{display:none; margin-bottom:10px; background-color:#eee; text-align:center}
.m_scroll_guide > span{display:inline-block; font-size:12px; line-height:25px; color:#5a5a5a}
.wishlist_style{}
.wishlist_style .table{margin-bottom:0}
.wishlist_style .wl_tit > th{padding:20px 0; border-top:2px solid #333; border-bottom:1px solid #ccc; background-color:#f9f9f9; font-weight:500; font-size:16px; line-height:1; color:#333}
.wishlist_style .wl_txt > td{padding:10px 0; border-bottom:1px solid #d7d7d7; font-size:15px; line-height:1; color:#666}
.wishlist_style .wl_txt > td a{color:#666}
.wishlist_btn .btn{width:180px; margin-top:50px; padding:0; border:0; background-color:#555; font-weight:400; font-size:18px; line-height:60px; color:#fff}
.wishlist_btn .btn + .btn{margin-left:10px; background-color:#b900cd}

/* 공통 좋아요 */
.good_btn_box .btn_good{display:inline-block}
.good_btn_box .btn_good > img{vertical-align:middle}
.good_btn_box .btn_good .txt{display:inline-block; margin-left:6px; font-weight:500; font-size:16px; line-height:18px; color:#999}
.good_btn_box .btn_good.active .txt{color:#b900cd}
/* preview 좋아요 */
.preview_btn_box .good_btn_box .btn_good .txt{color:#333}
.preview_btn_box .good_btn_box .btn_good.active .txt{color:#b900cd}
/* mix&match 뷰 좋아요*/
.review_view .good_btn_box{display:inline-block}
.review_view .good_btn_box img{margin-top:1px}
.review_view .good_btn_box .txt{display:inline-block; margin-left:6px; font-weight:500; font-size:16px; line-height:18px; color:#999}
/* 상품상세페이지 좋아요 */
.item_detail .it_review_tit .good_btn_box{display:inline-block; margin-left:20px; padding-left:18px; border-left:1px solid #e5e5e5; line-height:19px}
.item_detail .it_review_tit .good_btn_box img{display:inline-block; margin:-6px 5px 0 0; vertical-align:middle}
.item_detail .it_review_tit .good_btn_box .txt{display:inline-block; font-family:'Roboto'; font-size:15px; color:#666}
/* 상품상세페이지 모달 좋아요_ solution_sub */

@media (max-width:1250px){
	/* 개인결제 */
	.ppay_style .ppay-box .ppay-fa > a{position:relative; padding-bottom:100%}
	.ppay_style .ppay-box .ppay-fa > a > img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50.2%,-50.2%); -ms-transform:translate(-50.2%,-50.2%); transform:translate(-50.2%,-50.2%)}
}
@media (max-width:768px){
	/* 게시판 */
	.board_style .div-head{padding:10px 0}
	.board_style .div-head > span{font-size:15px}
	.board_style .list-board .list-body li > div{padding:8px 5px; font-size:14px; line-height:1.2;}
	.board_style .list-board .list-body li > div > a{padding-bottom:5px}
	.board_style .list-board .list-body .list-item > div a{font-weight:500; color:#555}
	.board_style .list-board .list-body .list-item > div span{font-weight:300; font-size:12px; color:#777}
	.board_style .list-board .wr-secret{width:7.5px; margin-left:3px}
	/* 뷰페이지 폼 */
	.view_btn_box .btn.btn-black{width:30px; font-size:12px; line-height:30px}
	.view_btn_box .btn.btn-color{width:30px; font-size:12px; line-height:30px;}
	.view_style .view_title{padding:15px 0}
	.view_style .view_title .view_subject{font-size:16px}
	.view_style .view_title .view_info > span{padding:0 10px; font-size:14px; line-height:16px}
	.view_style .view-padding{padding:10px}
	.view_style .view-padding .view-content{font-size:12px;}
	.view_style .comment_total{margin-left:5px; font-size:12px; line-height:14px; vertical-align:top}
	.view_style .help-block{font-size:12px}
	.view_style .comment_tag{font-size:12px}
	/* 갤러리 게시판 */
	.responsive .list-container.gallery_container{margin-right:-10px; margin-bottom:-30px }
	.responsive .list-container.gallery_container .list-item{margin-right:10px; margin-bottom:30px}
	.fix_gallery_content{padding-top:15px}
	.fix_gallery_content h5{font-size:16px}
	.fix_gallery_content p{margin-top:10px; font-size:14px}
	.responsive .view_style .view-comment img{height:12px; vertical-align:top}
	/* play ground */
	.play_style .fix_gallery_content{padding-top:15px}
	.play_style .fix_gallery_content h5{font-size:16px}
	.play_style .fix_gallery_content p{margin-top:8px; font-size:14px}
	/* preview */
	.preview_style .fix_gallery_content h5{font-size:14px}
	.preview_style .good_btn_box{margin-top:15px}
	.preview_btn_box .view-comment img{height:14px}
	.preview_btn_box .good_btn_box{margin-left:15px}
	/* mix&match_슬라이더 */
	.review_best_box{margin-bottom:50px}
	.review_best_box .review_best_tit{margin-bottom:30px; font-size:19px}
	.responsive .review_best_box .miso-shop-post .owl-container{margin-right:-10px !important}
	.review_best_box .miso-shop-post .media{margin-right:10px !important}
	.review_best_box .owl-carousel .owl-controls .owl-buttons div{width:28px; height:24px; top:-49px; line-height:24px}
	.review_best_box .owl-carousel .owl-controls .owl-buttons div img{height:100%}
	.review_best_box .owl-carousel .owl-controls .owl-buttons div.owl-prev{right:38px}
	.review_best_box .owl-carousel .owl-controls .owl-buttons div.owl-next{right:15px !important}
	/* mix&match 뷰 */
	.review_view .panel-heading .text-muted{font-size:12px}
	/* FAQ */
	.faq_box .div-panel .faq_q_content{padding:8px 0 !important}
	.faq_box .div-panel .faq_q_content .text{font-size:14px; margin-top:7px;}
	.faq_box .div-panel .faq_a_content .text{font-size:14px}
	.faq_box .div-panel .faq_q_content .faq_arrow_icon{right:15px}
	.faq_box .div-panel .faq_q_content .faq_arrow_icon img{width:15px}
	.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width:60px; padding-left:0}
	.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{width:30px; height:30px; line-height:30px; font-size:16px}
	.faq_box .div-panel .faq_a_content{padding:20px 25px 20px 50px}
	.faq_box .panel-collapse .panel-body *{font-size:14px !important; line-height:1.5 !important}
	/* 개인결제 */
	.ppay_style .ppay-container{margin-right:-10px}
	.ppay_style .ppay-row{width:50%}
	.ppay_style .ppay-box{margin-right:10px; margin-bottom:20px}
	.ppay_style .ppay-box h2{padding:10px 0 0; font-size:13px}
	.ppay_style .ppay-box p{margin:6px 0 0; font-size:14px}
	/* 상품 상세 페이지 */
	.responsive .item_detail .item-head .form-container{border-top:0}
	/* 대여상품 팝업창 */
	.lend_popup_box{width:80%; height:160px;}
	.lend_popup_box .lend_popup{padding:40px 0}
	.lend_popup .tit{font-size:16px;}
	.lend_popup .txt{margin-top:10px; font-size:12px}
	.lend_popup_box .btn_close{top:15px; right:15px}
	.lend_popup_box .btn_close img{width:15px}
	/* 위시리스트 */
	.wishlist_style .wl_tit > th{padding:10px 0; font-size:15px}
	.wishlist_style .wl_txt > td{padding:8px 0; font-size:14px}
	.wishlist_btn .btn{width:120px; margin-top:20px; font-size:14px; line-height:35px}
	.wishlist_btn .btn + .btn{margin-left:5px}
	/* 좋아요 버튼 */
	.good_btn_box .btn_good > img{display:inline-block; height:12px}
	.good_btn_box .btn_good .txt{margin-left:1px; font-size:12px; line-height:14px; vertical-align:top}
	.review_view .good_btn_box img{display:inline-block; height:12px; margin-top:-1px}
	.review_view .good_btn_box .txt{margin-left:1px; font-size:12px; line-height:12px}
	.item_detail .it_review_tit .good_btn_box{margin-left:6px; padding-left:10px; line-height:14px}
	.item_detail .it_review_tit .good_btn_box img{height:12px; margin:-1px 5px 0 0}
	.item_detail .it_review_tit .good_btn_box .txt{font-size:12px}
}
@media (max-width:480px){
	/* 개인결제 */
	.ppay_style .ppay-box .ppay-fa > a > img{width:100%}
	/* 상품 상세 페이지 */
	.item_detail{margin-top:46px}
	/* 위시리스트 */
	.m_scroll_guide{display:block}
	.wishlist_style{overflow-x:scroll}
	.wishlist_style .table{width:500px}
}

/* 일반페이지 */
.sub_con.container_img{overflow:hidden}
.sub_con .sub_con_bg{background-color:#fafafa}
/* 설문조사 */
.survey_bar{margin-bottom:60px; padding-bottom:35px}
.survey_bar .bar_box{position:relative; height:26px; border-radius:13px; background-color:#eee;}
.survey_bar .bar_box .step_bar{position:absolute; top:0; left:0; width:25%; height:100%; border-radius:13px; background-color:#af00c5}
.survey_bar .bar_box .step{position:absolute; bottom:-35px; left:25%; margin-left:-38px; font-family:'Montserrat'; font-weight:700; font-size:18px;}
.survey_bar .bar_box .step + .step{display:none}
.survey_bar .bar_box .step02{left:50%}
.survey_bar .bar_box .step03{left:75%}
.survey_bar .bar_box .step04{left:100%; margin-left:-76px}
.survey_box .survey_step + .survey_step{display:none}
.survey_step .survey_tit{padding:28px 40px; background-color:#555}
.survey_step .survey_tit > span{display:inline-block; font-weight:600;font-size:24px; color:#fff}
.survey_step .survey_tit .step{font-family:'Lato'}
.survey_step .survey_tit .txt{margin-left:10px; font-family:'NanumSquare'}
.survey_step .survey_con{padding:60px; background:url('/img/survey_con_bg.png') no-repeat 50% 50%; background-size:cover}
.survey_step .survey_container{padding:40px; background-color:#fff}
.survey_step .survey_con .survey_question{position:relative; margin-bottom:35px; padding-left:40px; font-family:'NanumSquare'; font-weight:600; font-size:23px}
.survey_step .survey_con .survey_question:before{display:block; content:""; position:absolute; top:50%; left:0; width:25px; height:25px; margin-top:-12.5px; background:url('/img/icon_surQ.png') no-repeat 50% 50%}
.survey_step .survey_con .survey_answer{}
.survey_step .survey_answer .sur_a_ul{margin:0 -0.667%}
.survey_step .survey_answer .sur_a_ul:after{display:block; content:""; clear:both}
.survey_step .survey_answer .sur_a_ul > li{float:left; width:18.666%; margin:0 0.667%}
.survey_step .survey_answer .sur_a_ul > li .sur_a_label{}
.survey_step .survey_answer .sur_a_ul > li .img_box{margin-bottom:15px; border:1px solid #ccc}
.survey_step .survey_answer .sur_a_ul > li .img_box > img{display:block; width:100%}
.survey_step .survey_answer .sur_a_ul > li .sur_a_input{display:inline-block; width:14px; margin-top:3px; text-align:left; vertical-align:top; cursor:pointer}
.survey_step .survey_answer .sur_a_ul > li .txt{display:inline-block; width:calc(100% - 18px); padding-left:10px; font-size:16px; line-height:1.3; color:#666; vertical-align:middle; cursor:pointer}
.survey_step .survey_fin{padding:115px 0; text-align:center}
.survey_step .survey_fin .tit{margin-bottom:25px; font-family:'NanumSquare'; font-weight:600; font-size:26px;}
.survey_step .survey_fin .txt{font-size:17px; color:#666}
.survey_step .survey_btn{margin:60px 0 66px; text-align:center}
.survey_step .survey_btn .btn_survey{display:inline-block; width:180px; border:0; background-color:#555;}
.survey_step .survey_btn .btn_survey + .btn_survey{margin-left:14px}
.survey_step .survey_btn .btn_survey.btn_fin{width:240px}
.survey_step .survey_btn .btn_survey > span{display:block; font-weight:600; font-size:20px; line-height:60px; color:#fff}
.survey_step .survey_btn .btn_prev{}
.survey_step .survey_btn .main_btn{background-color:#b300c8}

/* 나의 티켓 페이지 - 테마관리 일반문서에 추가 후 새페이지 추가 // 위시리스트 참고 하여 작성 */
.myticket_style .myticket_con{}
.myticket_style .mt_tit{margin-bottom:20px}
.myticket_style .mt_tit > p{display:inline-block; font-weight:600; font-size:21px}
.myticket_style .mt_guide{font-size:15px; color:#666}
.myticket_style .scroll_guide{display:none; margin-bottom:20px; padding:16px 0; border:1px solid #ecc3f0; background-color:#fdf2fe; text-align:center}
.myticket_style .scroll_guide > p{display:inline-block; position:relative; padding-left:32px; font-weight:500; font-size:13px}
.myticket_style .scroll_guide > p:before{display:block; content:""; position:absolute; top:50%; left:0; width:22px; height:18px; margin-top:-9px; background:url('/img/icon_scroll.png') no-repeat 50% 50%; background-size:contain}
.myticket_style .my_ticket_box{position:relative}
.my_ticket_box .ticket_box:after{display:block; content:""; clear:both}
.my_ticket_box .ticket_box .tb_con{float:left; width:49.285%; padding:40px 50px; border:1px solid #ddd; border-top:2px solid #000}
.my_ticket_box .ticket_box .tb_con + .tb_con{margin-left:1.43%}
.my_ticket_box .ticket_box .tb_con .tb_tit{margin-bottom:20px; font-weight:600; font-size:26px; color:#b900cd}
.my_ticket_box .ticket_box .tb_con .tb_txt{min-height:108px; margin-bottom:20px}
.my_ticket_box .ticket_box .tb_con .tb_txt ul > li > span{display:inline-block; font-size:16px; line-height:35px; color:#555}
.my_ticket_box .ticket_box .tb_con .tb_txt ul > li .tit{width:80px}
.my_ticket_box .ticket_box .tb_con .tb_txt ul > li .txt{font-weight:500; color:#222}
.my_ticket_box .mt_text{position:absolute; top:0; right:0; line-height:1.2}
.myticket_style .ticket_pay_box{margin-top:60px}
.ticket_pay_box .ticket_box .ticket_tbl{width:100%}
.ticket_pay_box .ticket_box .mt_tr_tit th{padding:20px 0; border-top:2px solid #333; border-bottom:1px solid #ccc; background-color:#f9f9f9; font-weight:500; font-size:16px; line-height:1; color:#333; text-align:center}
.ticket_pay_box .ticket_box .mt_tr_txt td{padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; line-height:1; color:#666; text-align:center}
.myticket_btn{margin:60px 0; text-align:center}
.myticket_btn .btn{width:180px; padding:0; border:0; background-color:#555; font-weight:400; font-size:18px; line-height:60px; color:#fff}
.myticket_btn .btn + .btn{margin-left:10px; background-color:#b900cd}
.myticket_btn .btn_color{background-color:#b900cd}


/* 반납 페이지_ 수정필요 */
.color_orange{color:#ed6e3e}
.refund_style .refund_step{margin-bottom:25px}
.refund_style .refund_step02{margin-top:70px}
.refund_style .refund_step:after{display:block; content:""; clear:both}
.refund_style .refund_step .title{float:left; font-weight:600; font-size:25px}
.refund_style .refund_step .comment{float:right; margin-top:9px; font-size:16px}
.refund_style .refund_wrap{margin-top:25px}
.refund_wrap .refund_box{}
.refund_box .refund_row{font-size:16px; line-height:30px}
.refund_box .refund_row:after{display:block; content:""; clear:both}
.refund_box .refund_row + .refund_row{margin-top:15px}
.refund_box .refund_row .refund_tit{float:left; width:250px; padding-left:20px; font-weight:500; font-size:18px}
.refund_box .refund_tit .ref_label{font-weight:500}
.refund_box .refund_tit .ref_label .color_orange{display:inline-block; margin-left:5px; font-size:14px}
.refund_box .refund_row .refund_txt{float:left; width:calc(100% - 250px);}
.refund_box .refund_row .refund_txt .ref_select{padding:0 10px; border:1px solid #ddd; border-radius:0; background-color:#fff; width:50%; min-width:300px; height:30px; line-height:30px}
.refund_box .refund_row .refund_txt .ref_textarea{width:100%; height:80px; padding:10px; border:1px solid #ddd; border-radius:0; line-height:1.3; resize:none}
.refund_box .refund_row .refund_txt .refund_ul > li{display:inline-block}
.refund_box .refund_row .refund_txt .refund_ul > li + li{margin-left:20px}
.refund_box .refund_row .refund_txt .refund_ul > li > input[type="radio"]{margin:1px 5px 0 0}
.refund_box .refund_row .refund_txt .refund_ul > li .ref_label{}
.refund_box .refund_row .refund_txt .ref_inputtext{padding:0 10px; border:1px solid #ddd; border-radius:0; width:50%; min-width:300px; height:30px; line-height:30px}
.refund_box .refund_direct_box{display:none; margin-top:15px; border:1px solid #ddd; padding:20px 0}
.refund_style .refund_calc{padding:15px 0}
.refund_style .refund_calc:after{display:block; content:""; clear:both}
.refund_style .refund_calc .btn_calc{display:block; float:left; padding:0 20px; border:1px solid #9fc13c; border-radius:18px; font-weight:500; font-size:15px; line-height:33px; color:#333; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s}
.refund_style .refund_calc .btn_calc:hover{background-color:#9fc13c; color:#fff}
.refund_style .refund_calc .comment{float:left; margin-left:15px; font-size:15px; line-height:35px}
.refund_style .refund_calc .comment .color_orange{font-weight:500}
.refund_style .refund_comment{margin-top:25px; border:1px solid #9fc13c; padding:20px}
.refund_style .refund_comment .comment{font-size:15px; line-height:1.2; color:#555}
.refund_style .refund_comment .comment + .comment{margin-top:10px}
.refund_style .btn_ref{margin-bottom:50px}

@media (max-width:991px){
	/* 설문조사 */
	.survey_step .survey_con{padding:40px 30px}
	.survey_step .survey_container{padding:20px}
	/* 나의 티켓 페이지 */
	.myticket_style .scroll_guide{display:block}
	.my_ticket_box .ticket_box:after{display:none}
	.my_ticket_box .ticket_box .tb_con{float:none; width:100%}
	.my_ticket_box .ticket_box .tb_con + .tb_con{margin-left:0; margin-top:15px}
	.ticket_pay_box .ticket_box{overflow-x:scroll}
	.ticket_pay_box .ticket_box .ticket_tbl{width:991px}
	/* 반납 페이지 */
	.cart-wrap.refund_style .price-wrap{border-top:0; margin-top:0; border-bottom:1px solid #555}
}
@media (max-width:768px){
	/* 설문조사 */
	.survey_bar{margin-bottom:40px; padding-bottom:20px}
	.survey_bar .bar_box{height:13px; border-radius:7px}
	.survey_bar .bar_box .step_bar{border-radius:7px}
	.survey_bar .bar_box .step{bottom:-20px; width:55px; margin-left:-55px; font-size:13px;}
	.survey_step .survey_tit{padding:15px}
	.survey_step .survey_tit > span{font-size:14px}
	.survey_step .survey_tit .txt{margin-left:2px}
	.survey_step .survey_con{padding:40px 15px}
	.survey_step .survey_container{padding:20px 15px}
	.survey_step .survey_con .survey_question{margin-bottom:20px; padding-left:20px; font-size:15px; line-height:1.4}
	.survey_step .survey_con .survey_question:before{width:12px; height:12px; margin-top:-6px; background-size:contain}
	.survey_step .survey_answer .sur_a_ul{margin:-10px -3.148%}
	.survey_step .survey_answer .sur_a_ul > li{width:43.704%; margin:10px 3.148%}
	.survey_step .survey_answer .sur_a_ul > li:nth-child(2n+1){clear:both}
	.survey_step .survey_answer .sur_a_ul > li .sur_a_label{display:inline-block; width:100%}
	.survey_step .survey_answer .sur_a_ul > li .img_box{margin-bottom:10px; text-align:center}
	.survey_step .survey_answer .sur_a_ul > li .sur_a_input{margin-top:0}
	.survey_step .survey_answer .sur_a_ul > li .txt{padding-left:2px; font-size:13px}
	.survey_step .survey_fin{padding:60px 0}
	.survey_step .survey_fin .tit{margin-bottom:20px; font-size:19px}
	.survey_step .survey_fin .txt{font-size:13px}
	.survey_step .survey_btn{margin:40px 0 0}
	.survey_step .survey_btn .btn_survey{width:120px}
	.survey_step .survey_btn .btn_survey + .btn_survey{margin-left:6px}
	.survey_step .survey_btn .btn_survey.btn_fin{width:140px}
	.survey_step .survey_btn .btn_survey > span{font-size:13px; line-height:40px}
	/* 나의 티켓 페이지 */
	.myticket_style .mt_tit{margin-bottom:15px}
	.myticket_style .mt_tit > p{font-size:16px}
	.myticket_style .mt_guide{font-size:12px}
	.myticket_style .scroll_guide{margin-bottom:10px; padding:10px 0}
	.myticket_style .scroll_guide > p{padding-left:26px; font-size:12px}
	.myticket_style .scroll_guide > p:before{width:18px; height:15px; margin-top:-8px}
	.my_ticket_box .ticket_box .tb_con{padding:20px}
	.my_ticket_box .ticket_box .tb_con .tb_tit{margin-bottom:15px; font-size:15px}
	.my_ticket_box .ticket_box .tb_con .tb_txt{min-height:auto; margin-bottom:15px}
	.my_ticket_box .ticket_box .tb_con .tb_txt ul > li > span{font-size:14px; line-height:1.8}
	.my_ticket_box .ticket_box .tb_con .tb_txt ul > li .tit{width:70px}
	.my_ticket_box .mt_text{position:static; margin-top:15px}
	.myticket_style .ticket_pay_box{margin-top:45px}
	.ticket_pay_box .ticket_box .ticket_tbl{width:768px}
	.ticket_pay_box .ticket_box .mt_tr_tit th{padding:13px 0; font-size:13px}
	.ticket_pay_box .ticket_box .mt_tr_txt td{padding:12px 0; font-size:13px}
	.myticket_btn{margin:50px 0 0}
	.myticket_btn .btn{width:120px; font-size:13px; line-height:40px}
	.myticket_btn .btn + .btn{margin-left:3px}
	/* 반납 페이지_ 수정필요 */
	.refund_style .refund_step{margin-bottom:15px}
	.refund_style .refund_step02{margin-top:35px}
	.refund_style .refund_step:after{display:none}
	.refund_style .refund_step .title{float:none; font-size:18px}
	.refund_style .refund_step .comment{float:none; font-weight:500; font-size:13px}
	.refund_box .refund_row{font-size:14px}
	.refund_box .refund_row + .refund_row{margin-top:10px}
	.refund_box .refund_row .refund_tit{float:none; width:100%; padding-left:0; font-size:16px}
	.refund_box .refund_tit .ref_label .color_orange{margin-left:2px; font-size:12px}
	.refund_box .refund_row .refund_txt{float:none; width:100%}
	.refund_box .refund_row .refund_txt .ref_select{padding:0 8px; width:100%; min-width:auto}
	.refund_box .refund_row .refund_txt .ref_inputtext{width:100%; min-width:auto}
	.refund_box .refund_direct_box{padding:10px 15px 15px}
	.refund_style .refund_calc{padding:10px 12px 0}
	.refund_style .refund_calc:after{display:none}
	.refund_style .refund_calc .btn_calc{float:none; width:200px; text-align:center}
	.refund_style .refund_calc .comment{float:none; margin-top:10px; margin-left:0; font-size:12px; line-height:1.3; letter-spacing:-0.03em}
	.refund_style .refund_comment{margin-top:15px; padding:10px}
	.refund_style .refund_comment .comment{font-size:12px}
	.refund_style .refund_comment .comment + .comment{margin-top:5px}
	.refund_style .btn_ref{margin-bottom:25px}
}
@media (max-width:480px){
	/* 나의 티켓 페이지 */
	.ticket_pay_box .ticket_box .ticket_tbl{width:600px}
}

/* 정기결제 폼 */ 
.periodic_style .card_info_add .card_input_full + .card_input_full{margin-top:25px}
.periodic_style .card_info_add .card_input_half{float:left; width:49%}
.periodic_style .card_info_add .card_input_half + .card_input_half{margin-left:2%}
.periodic_style .card_info_add .tit{margin-bottom:5px; font-weight:500; font-size:16px}
.periodic_style .card_info_add .input_card_info{width:100%; height:44px; padding-left:10px; border:1px solid #ccc; font-size:14px; line-height:44px}

@media (max-width:991px){
	.periodic_style .card_info_add .tit{font-size:14px}
}

/* 카드정보수정 페이지 */
.periodic_card_wrap{margin-bottom:100px; }
.periodic_card_wrap .container_fix{width:700px}
.periodic_card_wrap .my_card_info{border-top:2px solid #b900cd}
.periodic_card_wrap .my_card_info .mc_info_ul{}
.periodic_card_wrap .mc_info_ul > li{padding:0 10px; border-bottom:1px solid #ccc}
.periodic_card_wrap .mc_info_ul > li .mc_info_text{padding:30px 0; }
.periodic_card_wrap .mc_info_ul > li .mc_info_text:after{display:block; content:""; clear:both}
.periodic_card_wrap .mc_info_ul > li .mc_tit{float:left; width:180px; font-size:18px; line-height:1.2; color:#000}
.periodic_card_wrap .mc_info_ul > li .mc_txt{float:left; width:calc(100% - 180px); font-size:18px; line-height:1.2; color:#999}
.periodic_card_wrap .mc_info_ul > li .mc_info_con{/* display:none; */ margin:10px 20px 30px; padding:30px; border:1px solid #ccc}
.periodic_card_wrap .mc_info_ul > li .info_half{float:left; width:49%}
.periodic_card_wrap .mc_info_ul > li .info_half + .info_half{margin-left:2%}
.periodic_card_wrap .mc_info_con .card_info_add{}
.periodic_card_wrap .card_info_add > li + li{margin-top:10px}
.periodic_card_wrap .card_info_add > li:after{display:block; content:""; clear:both}
.periodic_card_wrap .card_info_add > li .tit{margin-bottom:5px; font-size:15px}
.periodic_card_wrap .card_info_add > li .input_card_info{width:100%; height:44px; padding-left:10px; border:1px solid #ccc; font-size:14px; line-height:44px}
.periodic_card_wrap .mc_info_con .btn_box{text-align:center; margin-top:20px}
.periodic_card_wrap .mc_info_con .btn_change{display:inline-block; padding:0 30px; background-color:#b900cd; font-size:15px; line-height:44px; color:#fff}

@media (max-width:768px){
	.periodic_card_wrap{margin-bottom:50px}
	.periodic_card_wrap .container_fix{width:100%}
	.periodic_card_wrap .mc_info_ul > li .mc_info_text{padding:15px 0}
	.periodic_card_wrap .mc_info_ul > li .mc_tit{width:120px; font-size:14px}
	.periodic_card_wrap .mc_info_ul > li .mc_txt{width:calc(100% - 120px); font-size:14px}
	.periodic_card_wrap .mc_info_ul > li .mc_info_con{margin:10px 15px 20px; padding:15px}
	.periodic_card_wrap .card_info_add > li .tit{font-size:13px}
	.periodic_card_wrap .card_info_add > li .input_card_info{height:36px; font-size:13px; line-height:36px}
	.periodic_card_wrap .mc_info_con .btn_box{margin-top:15px}
	.periodic_card_wrap .mc_info_con .btn_change{padding:0 20px; font-size:14px; line-height:36px;}
}

/* 상품상세페이지 */
#itemuse .edit-btn{bottom:auto; top:5px; right:0;}


/* 211202 sjh 유지보수 */

.item-wrap .tbox-body img{max-width:100%}