@charset "UTF-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* all */
	::-webkit-scrollbar-track{background:#eee;}
	::-webkit-scrollbar{width:5px; height:5px; background:#f2f2f2;}
	::-webkit-scrollbar-thumb{background:#7b00a0;}
	::-moz-selection{background:#7b00a0; color:#1c1c1b;}
	::selection{background:#7b00a0; color:#1c1c1b;}
	.progress{position:fixed; top:0; left:0; border-radius:100px; height:3px; background:#7b00a0; width:0%; z-index:999999;}
	html, body{font-weight:400; line-height:1.2; letter-spacing:normal; word-break:keep-all; width:100%; text-align:left; font-size:12px; background:#f4f6f8; color:#000; margin:0; padding:0; font-family:'Pretendard-Regular', 'Noto Sans KR','Noto Sans','sans-serif','MalgunGothic','Malgun Gothic','맑은고딕','맑은 고딕','나눔고딕','NanumGothic','Helvetica','Tahoma','Arial','Dotum','돋음','DotumChe','돋음체';}
	body{}
	h1,h2,h3{padding:0; margin:0; display:inline-block; font-weight:normal;}
	a, a:link, a:focus, textarea, button, input, select{outline:none; resize:none; border:0px; text-decoration:none;  -webkit-appearance:none; -webkit-border-radius:0;}
	a, a:link, a:focus{text-decoration:none; color:inherit; cursor:pointer;}
	textarea, button, input, select{font-family:'Noto Sans KR','Noto Sans','sans-serif','MalgunGothic','Malgun Gothic','맑은고딕','맑은 고딕','나눔고딕','NanumGothic','Helvetica','Tahoma','Arial','Dotum','돋음','DotumChe','돋음체';}
	button, input[type="button"], input[type="submit"]{cursor:pointer;}
	*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	img{border:0; max-width:100%; vertical-align:middle; image-rendering:-webkit-optimize-contrast;}
	table, td, th{border-spacing:0px; padding:0px; text-align:inherit;}
	ul, li{list-style:none; padding:0px; margin:0px;}
	p{margin:30px 0;}
	p:first-child{margin-top:0;}
	p:last-child{margin-bottom:0;}
	b{font-weight:700 !important;}
	.float_right{float:right;}
	.underline{text-decoration:underline;}
	.fa, .fas, .icons{vertical-align:baseline;}
	.material-icons{vertical-align:bottom; font-size:1.3em;}
	.wrap{width:100%; max-width:480px; margin:0 auto;}
	.none{display:none !important;}
	.block{display:block;}
	.hidden{overflow:hidden;}
	.pc{display:block !important; margin:0 auto;}
	.m{display:none !important; margin:0 auto;}
	.w1280{width:1280px; margin:0 auto;}
	.color{color:#7b00a0 !important;}
	.color_w{color:#fff;}
	.bg_color{background:#7b00a0; color:#1c1c1b; padding:0.5% 1%;}
	.red{color:#ff0000 !important;}
	.left0{left:0 !important;}
	.right0{right:0 !important;}
	.text_center{text-align:center;}
	.text_left{text-align:left !important;}
	.text_right{text-align:right;}
	.table0{display:table; width:100%; height:100%; border-spacing:0;}
	.table10{display:table; width:100%; border-spacing:10px;}
	.cell{display:table-cell; vertical-align:middle;}
	.cell10{display:table-cell; width:10%; vertical-align:middle;}
	.cell20{display:table-cell; width:20%; vertical-align:middle;}
	.cell25{display:table-cell; width:25%; vertical-align:middle;}
	.cell30{display:table-cell; width:30%; vertical-align:middle;}
	.cell33{display:table-cell; width:33%; vertical-align:middle;}
	.cell40{display:table-cell; width:40%; vertical-align:middle;}
	.cell50{display:table-cell; width:50%; vertical-align:middle;}
	.cell60{display:table-cell; width:60%; vertical-align:middle;}
	.cell66{display:table-cell; width:66%; vertical-align:middle;}
	.cell70{display:table-cell; width:70%; vertical-align:middle;}
	.cell75{display:table-cell; width:75%; vertical-align:middle;}
	.cell80{display:table-cell; width:80%; vertical-align:middle;}
	.cell90{display:table-cell; width:90%; vertical-align:middle;}
	.inline{display:inline-block; vertical-align:middle;}
	.inline20{display:inline-block; vertical-align:top; width:20%; padding-right:5px; float:left;}
	.inline25{display:inline-block; vertical-align:top; width:25%; padding-right:5px; float:left;}
	.inline33{display:inline-block; vertical-align:top; width:33.33%; padding:0 15px; float:left;}
		.inline33:first-child{padding-left:0; padding-right:30px;}
		.inline33:last-child{padding-right:0; padding-left:30px;}
	.inline50{display:inline-block; vertical-align:top; width:50%; padding-right:15px; float:left;}
		.inline50:last-child{display:inline-block; width:50%; padding-left:15px; padding-right:0px; float:left;}
	.inline66{display:inline-block; vertical-align:top; width:66.66%; padding-right:15px; float:left;}
	.inline80{display:inline-block; vertical-align:top; width:80%; padding-right:5px; float:left;}
	.overlay{position:fixed; top:0; left:0; height:100%; width:100%; background:#1c1c1b; opacity:0.7; z-index:9;}
	.close_wrap{cursor:pointer; position:absolute; right:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:20px; height:20px; z-index:5;}
	.close_wrap .close:before, .close_wrap .close:after{position:absolute; left:50%; content:''; height:100%; width:1px; background:#fff;}
		.close_wrap .close{opacity:1;}
		.close_wrap .close:before{transform:rotate(45deg);}
		.close_wrap .close:after{transform:rotate(-45deg);}
	.plus_wrap{position:absolute; right:5px; top:50%; width:30px; height:30px; margin:0 auto; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
		.plus_wrap .plus:before, .plus_wrap .plus:after{content:""; position:absolute; background:rgba(0,0,0,0.7);}
			.plus_wrap .plus:before{left:50%; top:5px; bottom:5px; width:1px; transform:translateX(-50%);}
			.plus_wrap .plus:after{top:50%; left:5px; right:5px; height:1px; transform:translateY(-50%);}
	.bottom_banner{position:fixed; right:10px; bottom:10px; width:100%; max-width:65px; z-index:9;}
		.bottom_banner img{width:100%;}

	.robo{font-family:'Roboto', NanumSquareR; font-weight:900; line-height:1 !important; letter-spacing:-1px !important;}
	.gmarket{font-family:'GmarketSansMedium','Helvetica','Tahoma','Arial','Dotum','돋음','DotumChe','돋음체';}

	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		-webkit-box-shadow:0 0 0px 1000px none inset;
		transition:background-color 5000s ease-in-out 0s;
	}

	/* btn */
		.input_btn_wrap{}
			.btn{font-family:'Noto Sans kr',sans-serif; background:#fff; border:1px solid #e0e0e0; font-weight:400; font-size:12px; border-radius:4px; text-align:center; padding:0px 20px; width:100%; height:100%; font-weight:500; cursor:pointer; font-weight:500; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; overflow:hidden;}
			.btn1{background:#7b00a0; color:#fff; border:0;}
				.btn1:hover{background:#c400ff;}
			.btn2{background:#363636; color:#fff; border:1px solid #363636;}
				.btn2:hover{background:#000; border:1px solid #000;}
			.btn3{background:none; border:1px solid #7b00a0; color:#7b00a0;}
				.btn3:hover{background:#7b00a0; color:#fff;}
			.btn4{background:none; border:1px solid #fff; color:#fff;}
				.btn4:hover{background:#fff; color:#222;}
			.btn5{background:none; border:1px solid #1c1c1b; color:#1c1c1b;}
				.btn5:hover{background:#7b00a0; border:1px solid #7b00a0; color:#fff;}
			.btn_ani:hover{-webkit-transform:translateY(-4px); -moz-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px);}

	/* animation */
		.animation01{animation-delay:0.0s !important;}
		.animation02{animation-delay:0.2s !important;}
		.animation03{animation-delay:0.4s !important;}
		.animation04{animation-delay:0.6s !important;}
		.animation05{animation-delay:0.8s !important;}
		.animation06{animation-delay:1.0s !important;}
		.animation07{animation-delay:1.2s !important;}
		.animation08{animation-delay:1.4s !important;}
		.animation09{animation-delay:1.6s !important;}
		.animation10{animation-delay:1.8s !important;}
		.animation11{animation-delay:2.0s !important;}
		.animation12{animation-delay:2.2s !important;}
		.animation13{animation-delay:2.4s !important;}
		.animation14{animation-delay:2.6s !important;}
		.animation14{animation-delay:2.8s !important;}
		.animation14{animation-delay:3.0s !important;}

		@-webkit-keyframes fadeEffect {
			from{opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px);}
			to{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
		}
		@keyframes fadeEffect{
			from{opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px);}
			to{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
		}
		.fade.fade_in{-webkit-animation:fadeEffect 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards; animation:fadeEffect 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards;}

		.flex_slider_opacity_none{opacity:0 !important; transition-duration:0.0s !important;}


	/* captcha */
		.captcha_wrap{display:table; width:100%; height:100%;}
			.captcha_wrap .captcha_box{display:table-cell; position:relative; height:100%;}
				.captcha_wrap .captcha_box_img{width:100px; padding:15px; padding-right:25px; background:#000; color:#fff; text-align:center;}
				.captcha_wrap .input_text_wrap{height:100% !important;}
				.captcha_wrap .input_text_wrap label input{border-radius:0; box-shadow:none; border:1px solid rgba(0,0,0,0.1);}
				.captcha_wrap .input_text_wrap label input:focus{box-shadow:none;}
			.captcha_wrap i{cursor:pointer; position:absolute; right:15px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}


	/* daterangepicker */
		.daterangepicker.dropdown-menu{padding:10px !important; padding-bottom:50px !important; min-width:85% !important; width:85% !important; margin:0 !important; font-size:12px !important; position:fixed; left:50% !important; top:50% !important; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
			.daterangepicker.dropdown-menu .list_button{padding:0 !important; margin:0 !important; margin-bottom:15px !important;}
			.daterangepicker td.active, .daterangepicker td.active:hover{background-color:#7b00a0 !important; border-color:#7b00a0 !important; color:#000 !important;}

			.daterangepicker.show-calendar .calendar.left{padding-right:10px;}
			.daterangepicker.show-calendar .calendar.right{padding-left:10px;}
			.daterangepicker.single{padding-bottom:20px !important; max-width:460px;}
			.daterangepicker.single .ranges, .daterangepicker.single .calendar{padding-right:0 !important; border-right:0 !important;}

			.daterangepicker .calendar-table{padding:0 !important;}
			.daterangepicker .ranges .btn{padding:10px 5px !important;}
			.daterangepicker .ranges .active .btn{background:#f1f1f1 !important}
			.daterangepicker .daterangepicker_input{padding:0 !important; margin-bottom:15px;}
			.daterangepicker .range_inputs{padding:0 !important;}
			.daterangepicker .calendar th, .daterangepicker .calendar td{padding:10px 0 !important; min-width:25px !important;}

			.daterangepicker .list_button ul li{display:inline-block !important; width:25% !important;}
			.daterangepicker .list_button ul li:nth-child(4n) button{border-right:1px solid rgba(0,0,0,0.1) !important;}
			.daterangepicker .list_button ul li:nth-child(n+5) button{border-top:0 !important;}
			.radio_event_box_wrap .radio_event_box{margin-top:15px;}
			.radio_disabled_box_wrap .radio_disabled_box{margin-top:15px;}


	/* scroll */
		.scroll_down_icon{color:#fff; position:absolute; z-index:1; bottom:0; left:50%; transform:translate(-50%,-50%); animation:scroll_down_icon_move 1.5s linear infinite; cursor:pointer;}
			.scroll_down_text{margin-top:5px;}
			.scroll_down_icon_mouse{margin:0 auto; display:block; border-radius:50px; border:2px solid #fff; height:50px; width:25px; position:relative;}
				.scroll_down_icon_mouse_move{position:absolute; background-color:#fff; height:8px; width:4px; border-radius:100px; left:50%; transform:translateX(-50%); animation:scroll_down_icon_mouse_move 2s linear infinite;}
				@keyframes scroll_down_icon_mouse_move {
					0% {transform:translate(-50%,5px); opacity:0;}
					50% {transform:translate(-50%,15px); opacity:1;}
					100% {transform:translate(-50%,30px); opacity:0;}
				}
				@keyframes scroll_down_icon_move {
					0% {bottom:10px; opacity:1;}
					50% {bottom:0; opacity:0.2;}
					100% {bottom:10px; opacity:1;}
				}

	/* nav */
		.nav_wrap{position:fixed; background:#fff; font-size:10px; width:100%; max-width:480px; bottom:0; z-index:3; text-align:center; box-shadow:0px -2px 6px 0px rgba(0,0,0,0.1); border-radius:10px 10px 0px 0px; overflow:hidden;}
			.nav_wrap .nav ul{display:table; width:100%;}
				.nav_wrap .nav ul li{display:table-cell; width:20%;}
				.nav_wrap .nav ul li a .cont_text{opacity:0.7; margin-top:2px;}
				.nav_wrap .nav ul li.check{background:#7b00a0 !important;}
				.nav_wrap .nav ul li.check a .cont_text{opacity:1; color:#fff !important; font-weight:500;}
				.nav_wrap .nav ul li a{display:block; height:100%; width:100%; padding:8px 0; position:relative;}
					.nav_wrap .nav ul li a:before{opacity:0.7; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; vertical-align:top; width:28px; height:28px; background:url("/common/img/nav_icon.png?ver=202301241117"); background-size:140px 84px; background-repeat:no-repeat;}
						.nav_wrap .nav ul li:nth-child(1) a:before{background-position:0 0px;}
						.nav_wrap .nav ul li:nth-child(2) a:before{background-position:-28px 0;}
						.nav_wrap .nav ul li:nth-child(3) a:before{background-position:-56px 0;}
						.nav_wrap .nav ul li:nth-child(4) a:before{background-position:-84px 0;}
						.nav_wrap .nav ul li:nth-child(5) a:before{background-position:-112px 0;}
					.nav_wrap .nav ul li.check a:before{opacity:1; background-position-y:-28px; background-color:#fff; border-radius:100%;}
					.nav_wrap .nav ul li:hover{background:#f4f6f8;}

					.nav_label{position:absolute; left:55%; top:10%; background:#7b00a0; color:#fff; width:16px; height:16px; padding:1px; font-size:0.8em; border-radius:100%; text-align:center;}

	/* search_icon */
		.search_icon{cursor:pointer; position:absolute; top:35%; right:10%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
			.search_icon .bar{position:relative; height:12px; width:12px; margin:0 auto;}
				.search_icon .bar::before, .search_icon .bar::after{content:''; position:absolute; display:block; transition:all 0.1s;}
				.search_icon .bar::before{border:1.8px solid #666; border-radius:50%; width:100%; height:100%;}
				.search_icon .bar::after{height:1.8px; width:60%; background:#666; border-radius:100px; top:120%; left:90%; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/* popup */
	.popup_wrap{padding:0 !important;}
		.popup_wrap .close_wrap .close:before, .popup_wrap .close_wrap .close:after{background:#000;}
		.popup_wrap .input_price_box2_btn > ul > li .input_wrap1 .btn{padding:0px !important;}
			.popup_wrap .input_price_box2_btn > ul > li .input_width{width:100%;}



/* modal */
	.modal_open{cursor:pointer;}
		.modal{position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; display:none; overflow:hidden; outline:0;}
			.modal-dialog{width:80% !important; position:absolute; padding:13% 0; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
				.modal-dialog_480{max-width:480px;}
				.modal-dialog_720{max-width:720px;}
				.modal-dialog_1024{max-width:1024px;}
			.modal-content{border:0; background:#fff;}
			.modal-open{padding-right:0 !important;}
				.modal-open .modal{overflow-x:hidden; overflow-y:auto;}
				.modal-open .modal2{overflow-x:hidden; overflow-y:auto;}
			.modal textarea{font-size:11px;}

			.modal-backdrop{position:fixed;	top:0; right:0; bottom:0; left:0; z-index:10000; background:#1c1c1b; opacity:0.5;}
				.modal-backdrop.show{opacity:0.5;}

			.modal_box{padding:20px;}
			.modal_box textarea{width:100%; font-size:12px; height:max-height:40vh; line-height:1.8; font-family:'NanumBarunGothic', sans-serif;}
			.modal_tab_box{border-top:1px solid #e0e0e0;}
				.modal_box_scroll{position:relative; overflow:auto; height:50vh; border:1px solid #e0e0e0; padding:20px;}

				.modal_writie_wrap .modal_box .cell:first-child{width:15%;}
				
				.modal_title_wrap{background:#fff; font-size:18px; padding:20px; border-bottom:1px solid #e0e0e0; margin-bottom:0 !important;}
					.modal_title{position:relative;}
					.modal_title_img{text-align:center;}
						.modal_title_img img{max-width:150px;}
						.modal_title .close_wrap .close:before, .modal_title .close_wrap .close:after{background:#1c1c1b;}
						.modal_title .modal_title_info{display:inline-block; font-size:15px; color:rgba(0,0,0,0.5);}
					.modal_stitle{font-size:15px; padding:10px 0;}
					.modal_text_box{padding:20px; border:1px solid #e0e0e0;}
						.modal_text{font-size:13px; margin:15px 0;}
							.modal_text:first-child{margin-top:0;}
							.modal_text:last-child{margin-bottom:0;}
							.modal_text ul{border:0;}
								.modal_text ul li{margin-bottom:5px; border-top:0;}
									.modal_text ul li:last-child{margin-bottom:0;}

				.modal_bt{width:100%; margin:0 auto; margin-top:15px; text-align:center;}
					.modal_bt ul{display:table; width:100%; border:0;}
						.modal_bt ul li{border:0; display:inline-block; margin-right:10px;}
							.modal_bt ul li:last-child{margin-right:0;}
					.modal_bt input{font-size:15px; min-width:100px; max-width:200px;}

				.modal_img{}
					.modal_img img{width:100%;}
				.modal_info{color:rgba(0,0,0,0.5);}
					.modal_info ul{border:0;}
						.modal_info ul li{margin:10px 0; border-top:0;}
							.modal_info ul li:last-child{margin-bottom:0;}

			
			.inner_modal{position:absolute; left:0; top:0; width:100%; overflow:hidden; border:1px solid rgba(0,0,0,0.1); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1); background:#f4f6f8; cursor:auto; display:none; z-index:2; font-size:14px;}
				.inner_modal .inner_modal_title{position:relative; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:20px;}
				.inner_modal .inner_modal_title .cont_text_title{border-bottom:0 !important; padding-bottom:0 !important;}
					.inner_modal .inner_modal_title .close_wrap{top:0; right:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
					.inner_modal .inner_modal_title .close_wrap .close:before, .inner_modal .inner_modal_title .close_wrap .close:after{background:#1c1c1b;}
				.inner_modal .cont_text_box{padding:10%; margin-bottom:0 !important; background:#fff !important;}
				.inner_modal .cont_list{background:#f4f6f8; padding:10%; font-size:0.9em;}
				.section_menu .inner_modal{min-height:100%;}
				.section_menu .swiper-slide .inner_modal{opacity:0 !important;;}
				.section_menu .swiper-slide-active .inner_modal{opacity:1 !important;}


/* head */
	.head_wrap{position:fixed; width:100%; max-width:480px; top:0; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); background:#fff; z-index:100; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease;}
		.head_box{padding:0 20px; padding-right:0; padding-top:0;}
		.head_scroll{top:-50px;}
			.head_wrap .head{position:relative; text-align:left; display:table; width:100%;}
				.head_logo{position:relative; display:table-cell; width:50%; vertical-align:bottom; padding-top:15px; padding-right:15px;}
					.head_logo_box{display:inline-block;}
					.head_logo img{width:140px; max-width:100%;}

					.head_logo .head_logo_text{position:absolute; left:0; top:100%; width:100%; font-family:'SangSangAnt'; display:inline-block; font-size:28px;  margin-left:5px; vertical-align:middle; animation:fly 0.4s infinite linear alternate;}
						.head_logo .head_logo_text img{height:40px;}
					@keyframes fly{
						from{transform:translateY(5px);}
						to{transform:translateY(0px);}
					}


				/* mobile_menu */
					.mobile_menu_icon_wrap{position:absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); z-index:99999; cursor:pointer; text-align:right;}
						.mobile_menu_icon{width:22px; padding:10px 0; position:relative;}
							.mobile_menu_icon .mobile_menu_icon_bar{height:2px; width:22px; border-radius:100px; background:#202340; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
								.mobile_menu_icon .mobile_menu_icon_bar:before{content:""; position:absolute; top:0; left:0; height:2px; width:22px; border-radius:100px; background:#202340; margin:4px auto; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
								.mobile_menu_icon .mobile_menu_icon_bar:after{content:""; position:absolute; bottom:0; left:0; height:2px; width:15px; border-radius:100px; background:#202340; margin:4px auto; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
						.mobile_menu_icon_open .mobile_menu_icon_bar{height:0; background:#202340;}
							.mobile_menu_icon_open .mobile_menu_icon_bar:before{background:#202340; top:9px; -webkit-transform:rotateZ(-45deg) translateY(-6px); -moz-transform:rotateZ(-45deg) translateY(-6px); -ms-transform:rotateZ(-45deg) translateY(-6px); -o-transform:rotateZ(-45deg) translateY(-6px); transform:rotateZ(-45deg) translateY(-6px); width:25px;}
							.mobile_menu_icon_open .mobile_menu_icon_bar:after{background:#202340; bottom:10px; -webkit-transform:rotateZ(45deg) translateY(6px); -moz-transform:rotateZ(45deg) translateY(6px); -ms-transform:rotateZ(45deg) translateY(6px); -o-transform:rotateZ(45deg) translateY(6px); transform:rotateZ(45deg) translateY(6px); width:25px;}

						.head_up .mobile_menu_icon .mobile_menu_icon_bar{background:#202340;}
							.head_up .mobile_menu_icon .mobile_menu_icon_bar:before{background:#202340;}
							.head_up .mobile_menu_icon .mobile_menu_icon_bar:after{background:#202340;}


		
				.head_search_wrap{width:100%;}
					.head_search{position:relative;}
						.head_search .head_search_box .input_text_wrap label input{padding:8px 16px !important; box-shadow:inherit; background:#ededed; border-radius:100px;}
						.head_search .head_search_box .input_text_wrap label span{left:20px; top:25%; transform:scale(0.8) translateY(-30px);}
						.search_icon{right:20px;}

			.head_mytool{display:table-cell; width:50%;}
				.head_mytool_info{font-size:11px; background:#7b00a0; color:#fff; padding:10px; border-radius:0 0 0 20px; text-align:center;}
					.head_mytool_info .head_mytool_info_box{word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; box-sizing:border-box; height:1.3em; -webkit-line-clamp:1;}

			.head_notice{background:#7b00a0; color:#fff; text-align:center;}
				.head_notice a{display:block; padding:15px;}



	.head_menu_list .swiper_container_tab_wrap{margin:0 auto; z-index:9; text-align:center; font-weight:400; padding-left:10px;}
		.head_menu_list .swiper_container_tab_wrap .swiper_container_tab{width:100%; height:auto; overflow:visible !important;}
			.head_menu_list .swiper_container_tab_wrap .swiper_container_tab .swiper-slide{text-align:center; height:auto; width:auto !important; display:inline-block; cursor:pointer;}

	.head_menu_list{font-size:1.2em; font-weight:500; overflow:hidden;}
		.head_menu_list .swiper_container_tab_wrap .swiper-slide a{padding:0 10px 0 10px; height:40px; line-height:40px; display:block; position:relative; white-space:nowrap;}
			.head_menu_list .swiper_container_tab_wrap .swiper-slide.check a{font-weight:600; color:#7b00a0;}
			.head_menu_list .swiper_container_tab_wrap .swiper-slide img{max-height:16px; vertical-align:bottom; float:right; margin-left:2px;}
			.head_menu_list .swiper_container_tab_wrap .swiper-slide{position:relative;}


	.head_menu_list_price{font-size:11px; background:#d443ff; color:#fff; padding:0px 12px; height:40px; line-height:40px;  display:block; border-radius:20px 0 0 0; position:relative;}
		.head_menu_list_price:after{position:absolute; width:6px; height:6px; top:50%; right:5px; transform:translate(-50%,-50%) rotate(-135deg); border:solid #fff; border-width:0 0 1px 1px; content:""; display:inline-block;}



/* cont */
	.cont_wrap{padding-top:145px;}
	.wrap_notice .cont_wrap{padding-top:205px;}

	.cont_box{padding:30px 20px; margin-bottom:10px; width:100%; position:relative; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); background:#fff; border-radius:0; overflow:hidden; z-index:1;}
		.cont_box_pd{padding:0;}
		.cont_boxs{width:100%; margin-bottom:20px;}
			.cont_boxs:last-child{margin-bottom:0;}


		.cont_title_wrap{margin-bottom:20px; position:relative; font-size:14px;}
			.cont_title_wrap:last-child{margin-bottom:0;}
				.cont_title{font-size:1.4em; margin:15px 0; line-height:1.2; letter-spacing:-1px; font-family:'GmarketSansMedium';}
					.cont_title:first-child{margin-top:0;}
					.cont_title:last-child{margin-bottom:0;}
					.cont_title h1{font-size:2.2em; text-transform:uppercase;}
					.cont_title h2{font-size:1.2em;}

				.cont_title_info{margin:10px 0; opacity:0.8;}
					.cont_title_info:first-child{margin-top:0;}
					.cont_title_info:last-child{margin-bottom:0;}

			.cont_text_bg{position:relative; z-index:1;}
				.cont_text_bg:before{transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; content:""; position:absolute; background:#c3e3ff; padding:0px; width:100%; height:50%; z-index:-1; top:75%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

		.cont_text_wrap{margin:20px 0;}
			.cont_text_wrap:first-child{margin-top:0;}
			.cont_text_wrap:last-child{margin-bottom:0;}
				.cont_text_title{font-size:1.2em; line-height:1.2;}
					.cont_text_title b{font-weight:400;}
				.cont_text{margin:15px 0;}
					.cont_text:first-child{margin-top:0;}
					.cont_text:last-child{margin-bottom:0;}
				.cont_text_inner{margin:5px 0;}
					.cont_text_inner:first-child{margin-top:0 !important;}
					.cont_text_inner:last-child{margin-bottom:0 !important;}
				.cont_text_info{font-size:0.9em; opacity:0.7; line-height:1.5;}
				.cont_text_info .text2{height:3.0em !important;}
				.cont_text_label{display:inline-block; background:#7b00a0; color:#fff; font-size:0.8em; padding:4px 8px; border-radius:100px; vertical-align:middle;}

		.cont_img{border-radius:10px; overflow:hidden;}


		.cont_list > ul{display:flex; width:100%; flex-wrap:wrap;}
			.cont_list_width > ul{display:table; width:auto; margin:0 auto; text-align:center;}
				.cont_list_width > ul > li{float:none !important;}
			.cont_list_align > ul{margin:0;}
			.cont_list_content_align > ul{align-items:center;}
				.cont_list_content > ul > li{margin-right:50px !important; margin-top:0 !important; width:calc(1 / 2 * 100% - (1 - 1 / 2) * 50px) !important;}
					.cont_list_content > ul > li:nth-child(2n){margin-right:0 !important;}
			.cont_list_content_search > ul > li:last-child .input_btn_wrap{float:right;}

			.cont_list > ul > li{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:10px;}
				.cont_list1 > ul > li{width:100%; margin-right:0; height:auto !important;}
					.cont_list1 > ul > li:first-child{margin-top:0;}
				.cont_list2 > ul > li{width:calc(1 / 2 * 100% - (1 - 1 / 2) * 10px);}
					.cont_list2 > ul > li:nth-child(-n+2) {margin-top:0;}
					.cont_list2 > ul > li:nth-child(2n){margin-right:0;}
				.cont_list3 > ul > li{width:calc(1 / 3 * 100% - (1 - 1 / 3) * 10px);}
					.cont_list3 > ul > li:nth-child(-n+3) {margin-top:0;}
					.cont_list3 > ul > li:nth-child(3n){margin-right:0;}
				.cont_list4 > ul > li{width:calc(1 / 4 * 100% - (1 - 1 / 4) * 10px);}
					.cont_list4 > ul > li:nth-child(-n+4) {margin-top:0;}
					.cont_list4 > ul > li:nth-child(4n){margin-right:0;}
				.cont_list5 > ul > li{width:calc(1 / 5 * 100% - (1 - 1 / 5) * 10px);}
					.cont_list5 > ul > li:nth-child(-n+5) {margin-top:0;}
					.cont_list5 > ul > li:nth-child(5n){margin-right:0;}
				.cont_list6 > ul > li{width:calc(1 / 6 * 100% - (1 - 1 / 6) * 10px);}
					.cont_list6 > ul > li:nth-child(-n+6) {margin-top:0;}
					.cont_list6 > ul > li:nth-child(6n){margin-right:0;}
				.cont_list7 > ul > li{width:calc(1 / 7 * 100% - (1 - 1 / 7) * 10px);}
					.cont_list7 > ul > li:nth-child(-n+7) {margin-top:0;}
					.cont_list7 > ul > li:nth-child(7n){margin-right:0;}

				.cont_list2_1 > ul > li{width:calc(1 / 3 * 100% - (1 - 1 / 3) * 10px);}
					.cont_list2_1 > ul > li.cont_list2_1_box{width:calc(1 / 1.5 * 100% - (1 - 1 / 1.5) * 10px);}
				.cont_list3_1 > ul > li{width:calc(1 / 4 * 100% - (1 - 1 / 4) * 10px);}
					.cont_list3_1 > ul > li.cont_list3_1_box{width:calc(1 / 2 * 100% - (1 - 1 / 2) * 10px);}


		.cont_list_scroll > ul{overflow-y:scroll; height:400px; padding:5px;}
		.cont_title_more{font-size:13px;}


		.cont_gallery_list > ul > li{position:relative;}
			.cont_gallery_list > ul > li{position:relative; overflow:hidden; border-radius:15px; border:1px solid rgba(0,0,0,0.1); margin:0; background:#fff; }
			.cont_gallery_list.cont_list1 > ul > li .cont_gallery_list_box{height:auto !important;}
				.cont_gallery_list > ul > li .cont_gallery_list_box .cont_text_box{padding:15px;}
				.cont_gallery_list > ul > li .cont_gallery_list_box .cont_gallery_list_img{position:relative; overflow:hidden;}
					.cont_gallery_list > ul > li .cont_gallery_list_box .cont_gallery_list_img img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition: All 0.1s ease; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease;}
					.cont_gallery_list > ul > li:hover .cont_gallery_list_box .cont_gallery_list_img img{-webkit-transform:translate(-50%,-50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); transform:translate(-50%,-50%) scale(1.1);}

				.cont_gallery_list_img_height{text-align:center;}
				.product_list .cont_gallery_list_img_height img{max-height:100px}

		.cont_gallery_list2 > ul > li{overflow:hidden; border-radius:10px; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); border:0; background:#fff;}
		.cont_gallery_list2 > ul > li .cont_img{border-radius:10px 10px 0px 0px;}

		.cont_gallery_list3 > ul > li{border:0; border-bottom:1px solid rgba(0,0,0,0.1); border-radius:0; padding:15px 0;}
		.cont_gallery_list3.cont_gallery_list_native > ul > li .cont_gallery_list_box .cont_text_box{padding-top:0; padding-bottom:0;}

		.cont_gallery_list_native > ul > li .cont_list_box{display:table; width:100%;}
			.cont_gallery_list_native > ul > li:last-child .cont_gallery_list_box{border-bottom:0;}
			.cont_gallery_list_native > ul > li .cont_list_box .cont_img_wrap{display:table-cell; width:100px; vertical-align:top;}
			.cont_gallery_list_native > ul > li .cont_list_box .cont_text_box{display:table-cell; vertical-align:top; padding:15px;}


				.cont_gallery_list_label{position:absolute; left:5px; top:5px; background:#7b00a0; color:#fff; padding:4px 8px; z-index:1; border-radius:100px; font-size:11px;}
					.cont_gallery_list_label1{background:#ff5a5a;}
					.cont_gallery_list_label2{background:#007eff;}
					.cont_gallery_list_box label .cont_gallery_list_label{left:auto; right:0;}

				.cont_gallery_list_checkbox{position:absolute; left:5px; top:5px; z-index:1; width:25%; height:25%;}
					.cont_gallery_list_checkbox .checkbox{width:100%; height:100%;}
					.cont_gallery_list_checkbox .check_mark{width:100%; height:100%; background:rgba(255,255,255,0.7);}
					.cont_gallery_list_checkbox .check_mark:after{border:solid #fff; border-width:0 3px 3px 0 !important;}
					.cont_gallery_list_checkbox .checkbox input[type='checkbox'], .cont_gallery_list_checkbox .checkbox input[type='radio']{width:100%; height:100%;}

			.cont_img_wrap{position:relative; overflow:hidden;}


			.cont_list_icon{display:block; border:1px solid #ccc; line-height:24px; width:24px; height:24px; z-index:1; text-align:center; border-radius:100%; color:#fff;}
				.cont_list_icon:before{content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; vertical-align:top; width:24px; height:24px; background:url("/common/img/nav_icon.png?ver=202301241117"); background-size:110px 66px; background-repeat:no-repeat;}
				.cont_list_icon.check{background:#000; border:1px solid #000;}
				.cont_list_icon.check:before{background-position-y:-44px !important;}

				.cont_list_icon.cont_list_cart:before{background-position:-44px 0;}
				.cont_list_icon.cont_list_like:before{background-position:-22px 0;}


		.cont_list_map > ul > li{position:relative; display:inline-block; padding:0 15px;}
			.cont_list_map > ul > li:first-child{padding-left:0;}
			.cont_list_map > ul > li:last-child{padding-right:0;}
			.cont_list_map > ul > li:before{height:8px; width:8px; position:absolute; top:55%; right:-5px; margin:0; border:solid rgba(255,255,255,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:translate(0,-50%) rotate(-135deg); -ms-transform:translate(0,-50%) rotate(-135deg); transform:translate(0,-50%) rotate(-135deg);}
			.cont_list_map > ul > li:last-child:before{display:none;}


		.cont_tab{margin-bottom:30px;}
			.cont_tab ul{display:table; width:100%; background:#f4f6f8; border-top:1px solid rgba(0,0,0,0.1);}
				.cont_tab ul li{display:table-cell; width:10%; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
					.cont_tab ul li:first-child{border-left:1px solid rgba(0,0,0,0.1);}
				.cont_tab ul li.check{background:#fff; border-bottom:0;}
					.cont_tab ul li a{display:block; width:100%; padding:15px 0;}

		
		.cont_info_wrap{padding:15px; background:#f4f6f8;}
			.cont_info > ul{border:0 !important;}
				.cont_info > ul > li{margin:2px 0; padding-left:10px; position:relative; border-top:0 !important;}
					.cont_info > ul > li:first-child{margin-top:0;}
					.cont_info > ul > li:last-child{margin-bottom:0;}
					.cont_info > ul > li:before{content:""; position:absolute; margin-left:-6px; width:4px; height:1px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); background:#000; border-radius:100%;}


		.cont_box_btn{text-align:left; display:table; width:100%;}
			.cont_box_btn .cell:last-child{text-align:right;}
			.cont_box_btn ul li{display:inline-block; margin-right:10px; vertical-align:middle;}
				.cont_box_btn ul li:last-child{margin-right:0;}
				.cont_box_btn ul li .btn{padding:0px 15px;}


		.cont_text_box_design{padding:30px; border-radius:10px; text-align:center; background:#f4f6f8;}


		.cont_list_text_design ul li a{display:block; padding:30px 15px; background:#f4f6f8; position:relative; border-radius:3px; font-size:13px; text-align:center;}


		.cont_list_item_wrap > ul{border-bottom:1px solid #ececec;}
			.cont_list_item_wrap > ul > li{padding:20px 0; border-top:1px solid #ececec;}
				.cont_list_item_wrap > ul > li:first-child{border-top:0; padding-top:0;}
				.cont_list_items{display:table; width:100%;}
					.cont_list_item_point{display:table-cell; vertical-align:middle; width:100px; text-align:center; border-right:1px solid #ececec;}
						.cont_list_item_point_title{margin:0 auto; font-size:1.1em; text-align:center; border-radius:100%; width:75px; height:75px; border:1px solid rgba(0,0,0,0.1);}
						.cont_list_item_point_title.check{background:#7b00a0; border:1px solid #7b00a0; color:#fff;}
					.cont_list_item_text_wrap{display:table-cell; vertical-align:top; padding-left:15px;}
						.cont_list_item_text_info{color:#999;}
							.cont_list_item_text_info span{display:block; margin-bottom:10px;}
						.cont_list_item_text_title{font-size:1.5em; margin:10px 0;}
						.cont_list_item_info{color:#999;}
							.cont_list_item_info ul li{margin-bottom:5px;}
								.cont_list_item_info ul li:last-child{margin-bottom:0;}

	.cont_list_item_wrap2{}
		.cont_list_item_wrap2 > ul > li{background:#fff; padding:10px 0;}
			.cont_list_item_wrap2 > ul > li:first-child{padding-top:0;}
			.cont_list_item_wrap2 > ul > li .cont_title_wrap{border-top:1px solid rgba(0,0,0,0.1); padding:15px 0; margin-bottom:0px; position:relative;}
				.cont_list_item_wrap2 > ul > li .cont_title_wrap .cont_title{font-size:1em;}
			.cont_list_item_wrap2 > ul > li .cont_text_wrap{margin-top:0;}
		.cont_list_item_wrap2 .plus_wrap{background:#7b00a0;}
			.cont_list_item_wrap2 .plus_wrap .plus:before, .cont_list_item_wrap2 .plus_wrap .plus:after{background:#fff;}






/* main */
	.main_info{text-align:center; background:#7b00a0; color:#fff; position:relative; padding:20px;}
		.main_info:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/img/main_info_bg.png") no-repeat; background-size:cover; background-position:center center; opacity:0.2;}
		.main_info .cont_boxs{position:relative;}
		.main_info .cont_title{font-size:1.2em;}
		.main_info .cont_list > ul > li{padding:10px; background:#fff; color:#000; border-radius:6px;}
		.main_info img{width:50%; max-width:300px;}



	/* main_nav */
		.main_nav_wrap{font-size:10px; padding:0px; width:100%; max-width:480px; bottom:0; z-index:3; text-align:center; overflow:hidden; border-top:1px solid rgba(0,0,0,0.1);}
			.main_nav_wrap .nav ul{display:table; width:100%;}
				.main_nav_wrap .nav ul li{display:table-cell; width:20%;}
				.main_nav_wrap .nav ul li a .cont_text{opacity:0.7; margin-top:2px;}
				.main_nav_wrap .nav ul li.check{background:#7b00a0 !important;}
				.main_nav_wrap .nav ul li.check a .cont_text{opacity:1; color:#fff !important; font-weight:500;}
				.main_nav_wrap .nav ul li a{display:block; height:100%; width:100%; padding:8px 0; position:relative;}
					.main_nav_wrap .nav ul li a:before{opacity:0.7; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; vertical-align:top; width:28px; height:28px; background:url("/common/img/nav_icon.png?ver=202301241117"); background-size:140px 84px; background-repeat:no-repeat;}
						.main_nav_wrap .nav ul li:nth-child(1) a:before{background-position:0 0px;}
						.main_nav_wrap .nav ul li:nth-child(2) a:before{background-position:-28px 0;}
						.main_nav_wrap .nav ul li:nth-child(3) a:before{background-position:-56px 0;}
						.main_nav_wrap .nav ul li:nth-child(4) a:before{background-position:-84px 0;}
						.main_nav_wrap .nav ul li:nth-child(5) a:before{background-position:-112px 0;}
					.main_nav_wrap .nav ul li.check a:before{opacity:1; background-position-y:-28px; background-color:#fff; border-radius:100%;}
					.main_nav_wrap .nav ul li:hover{background:#f4f6f8;}

/* sub */
	.menu_list_wrap > ul > li.check{border:3px solid #7b00a0; position:relative;}
		.menu_list_wrap > ul > li.check:after{content:""; position:absolute; background:rgba(255,255,255,0.7); left:0; top:0; width:100%; height:100%;}
		.menu_list_wrap > ul > li.check:before{z-index:1; content:""; position:absolute; left:50%; top:40%; width:40px; height:60px; border:solid #7b00a0; border-width:0 3px 3px 0; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
	.menu_list{display:table; width:100%; position:relative;}
		.menu_list .menu_list_icon{position:relative; font-size:1.5em; border-radius:100%; display:table-cell; vertical-align:middle; text-align:center; background:#f4f6f8; width:45px; height:45px;}
		.menu_list .menu_list_title{padding-left:10px; display:table-cell; vertical-align:middle;}
		.menu_list:after{height:8px; width:8px; position:absolute; top:40%; right:15px; margin:0; border:solid rgba(0,0,0,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}


	.menu_wrap .menu_box > .cont_boxs > .cont_list > ul > .menu_list_down .menu_list:after{height:8px; width:8px; position:absolute; top:40%; right:15px; margin:0; border:solid rgba(0,0,0,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
	.menu_wrap .menu_box > .cont_boxs > .cont_list > ul > .menu_list_down_open .menu_list:after{-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
	.menu_wrap .menu_box > .cont_boxs > .cont_list > ul > .menu_list_down_direct .menu_list:after{display:none;}


	.menu_list_down_menu{display:flex; flex-wrap:wrap; padding:15px; background:#f4f6f8; margin-top:10px; border-radius:6px; font-size:12px; color:#323232;}
	.menu_list_down_direct .menu_list_down_menu{display:none !important;}
		.menu_list_down_menu li{width:calc(1 / 2 * 100% - (1 - 1 / 2) * 10px); max-width:50%; margin-right:10px; margin-bottom:10px;}
			.menu_list_down_menu li:nth-child(2n){margin-right:0;}
			.menu_list_down_menu li:nth-child(-n+2){margin-top:0;}
			.menu_list_down_menu li:nth-last-child(-n+2){margin-bottom:0;}
			.menu_list_down_menu li a{display:block;}
			.menu_list_down_menu li span{font-size:0.8em; color:#999;}
				.menu_list_down_menu li span i{font-style:inherit;}


	.menu_list_title_btn{display:inline-block; vertical-align:middle; margin-left:5px; visibility:hidden;}
	.menu_list_down_open .menu_list_title_btn{visibility:visible;}
	.menu_list_down_direct .menu_list_title_btn{visibility:visible;}


	.menu_icon:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url("/common/img/venti_menu_icon.png?ver=202301241117"); background-size:360px 360px; background-repeat:no-repeat;}
		.menu_icon01:before{background-position:0px 0px;}
		.menu_icon02:before{background-position:-45px 0px;}
		.menu_icon03:before{background-position:-90px 0px;}
		.menu_icon04:before{background-position:-135px 0px;}
		.menu_icon05:before{background-position:-180px 0px;}
		.menu_icon06:before{background-position:-225px 0px;}
		.menu_icon07:before{background-position:-270px 0px;}


/* calculate */
	.calculate_title{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:10px; margin-bottom:10px;}



/* product */
	.product_icon{margin-top:0 !important; margin-right:5px !important;}
	.product_price{position:fixed; bottom:0; padding-top:20px; width:100%; max-width:480px; margin:0 auto; z-index:2; margin-bottom:0; box-shadow:0px -2px 6px 0px rgba(0,0,0,0.1);}

	.product_temperature{padding:2px 6px; padding-left:18px; position:relative; border-radius:4px; font-size:10px;}
		.product_temperature:before{position:absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; vertical-align:top; width:18px; height:18px; background:url("/common/img/product_temperature_icon.png?ver=202301241117"); background-size:90px 18px; background-repeat:no-repeat;}
			.product_temperature.product_temperature1{background:#036dff; color:#fff;}
				.product_temperature.product_temperature1:after{content:"냉동";}
				.product_temperature.product_temperature1:before{background-position:0 0px;}
			.product_temperature.product_temperature2{background:#01c1ff; color:#fff;}
				.product_temperature.product_temperature2:after{content:"냉장";}
				.product_temperature.product_temperature2:before{background-position:-18px 0;}
			.product_temperature.product_temperature3{background:#fb4748; color:#fff;}
				.product_temperature.product_temperature3:after{content:"상온";}
				.product_temperature.product_temperature3:before{background-position:-36px 0;}

	.tPriceWrap{font-size:1.15rem;padding:14px 20px;}
		.tPriceWrap .table>tbody>tr>th{vertical-align:middle;font-weight:500;border:0;border-bottom:1px solid #eee;padding:8px 0;}
		.tPriceWrap .table>tbody>tr>td{text-align:right;border:0;border-bottom:1px solid #eee;padding:8px 0;}
		.tPriceWrap .table>tbody>tr:last-child>th,.tPriceWrap .table>tbody>tr:last-child>td{border-bottom:0;}
			.tPriceWrap .table>tbody>tr>td span{font-family:'GmarketSansMedium';font-size:1.1em;font-weight:bold;}

	.product_box{padding:0px; width:auto; margin:20px; border-radius:4px;}
		.product_box .cont_boxs{padding:0px 15px;}
		.product_box_title{padding:15px; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:0;}


	.product_box_list > ul > li{margin-bottom:15px;}
		.product_box_list_box{text-align:center !important; padding:0; margin-bottom:0;}
		.product_box_list_boxs{margin:0;}
			.product_box_list_boxs > ul{display:flex; flex-wrap:wrap; width:100%;}
			.product_box_list_boxs > ul > li{width:calc(1 / 2 * 100% - (1 - 1 / 2) * 0px); padding:10px;}
				.product_box_list_boxs > ul > li:last-child{background:#7b00a0; color:#fff; }
				.product_box_list_boxs > ul > li h3{font-family:'GmarketSansMedium'; font-weight:700;}
				.product_box_list_boxs_more{padding-right:15px; position:relative;}
				.product_box_list_boxs_more:after{height:6px; width:6px; position:absolute; top:50%; right:0; margin:0; border:solid rgba(0,0,0,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:translate(0,-50%) rotate(-135deg); -ms-transform:translate(0,-50%) rotate(-135deg); transform:translate(0,-50%) rotate(-135deg);}



	.product_list > ul > li{position:relative;}
	.product_list_confirm{background:#f4f6f8; padding:10px; height:100%;}
	.product_close.close_wrap{top:15px; right:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
		.product_close.close_wrap .close:before, .product_close.close_wrap .close:after{background:#666;}

	.product_list_btn_wrap{padding:0 20px; background:none; margin:0 !important; box-shadow:none;}
		.product_list_btn{border-radius:4px; overflow:hidden; border:1px solid rgba(0,0,0,0.1);}
			.product_list_btn ul{display:table; width:100%;}
				.product_list_btn ul li{display:table-cell; width:50%; cursor:pointer; padding:10px; background:#fff; text-align:center;}
				.product_list_btn ul li:first-child{border-right:0;}
				.product_list_btn ul li.check{background:#7b00a0 !important; color:#fff;}
				.product_list_btn ul li span{position:relative; padding-left:8px;}
				.product_list_btn ul li span:after{content:""; position:absolute; top:50%; left:-8px; z-index:1; width:12px; height:12px; background:url('/common/img/product_list_btn.png') no-repeat; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
				.product_list_btn ul li:first-child span:after{background-position:left top;}
				.product_list_btn ul li:last-child span:after{background-position:right top;}

				.product_list_btn ul li:first-child.check span:after{background-position:left bottom;}
				.product_list_btn ul li:last-child.check span:after{background-position:right bottom;}


	.product_list_box{margin-bottom:10px;}
		.product_list_box .board_list table td{border-bottom:0; padding:0 5px; border-right:1px solid rgba(0,0,0,0.1); word-break:break-word; font-size:12px;}
			.product_list_box .board_list table td:last-child{padding-right:0; border-right:0;}
			.product_list_box .board_list table td:first-child{width:150px; padding-left:0;}

			.product_list_order_date{background:#424242; color:#fff; border-radius:100px; font-size:11px; padding:4px 8px; display:inline-block;}

			.product_list_box_quantit .board_list table td:nth-child(2){width:150px;}
			.product_list_box_quantit .board_list table td:nth-child(3){width:100px;}

			.product_list_box_type1{display:block;}
			.product_list_box_type2{display:none;}

			.product_list_type2{word-break:break-all; font-size:12px;}
				.product_list_price{display:block !important; width:100%;}
				.product_list_name{display:block !important; width:100%;}
				.product_list_type2_obj{display:none;}
				.product_list_type2 .product_list_type2_obj{display:inline-block;}
				.product_list_type2 .product_list_box{display:table; width:100%; padding-bottom:30px;}
					.product_list_type2 .product_list_box > .cont_text{display:table-cell; vertical-align:middle; width:66.66% !important;}
				.product_list_type2 .cont_list_box{display:table-cell !important; vertical-align:middle; width:33.33% !important;}
				.product_list_type2 .cont_text_box{padding:0 !important; padding-right:10px !important;}
				.product_list_type2 .checkbox_wrap{margin:3px; margin-left:0;}
				.product_list_type2.cont_gallery_list_native > ul > li .cont_list_box .cont_img_wrap{display:none !important;}
				.product_list_type2 .cont_img{display:none;}
				.product_list_type2 .cont_text_info{display:none !important;}
				.product_list_type2 .product_list_info{display:block !important; position:absolute; left:0; bottom:10px; width:100%; padding:5px; background:#f4f6f8;}
					.product_list_type2 .product_list_info .cont_info ul li{display:inline-block;}
				.product_list_type2 .cont_gallery_list_label{display:none;}
				.product_list_type2 .product_temperature{display:none;}
				.product_list_type2 .cont_list2_1 > ul{display:table; width:100%;}
				.product_list_type2 .cont_list2_1 > ul > li{display:table-cell; vertical-align:middle; padding:0 5px; text-align:center; border-left:1px solid rgba(0,0,0,0.1);}
				.product_list_type2 .cont_list2_1 > ul > li:last-child{width:100px;}
				.product_list_type2 h1, .product_list_type2 h2, .product_list_type2 h3{font-size:1em;}
				.product_list_type2 .product_close.close_wrap{width:10px; height:10px;}

				.product_list_type2.product_list_check > ul > li .cont_list_box .cont_img_wrap{width:20px; display:table-cell;}
				.product_list_type2.product_list_check .cont_gallery_list_checkbox{top:0; left:0;}
					.product_list_type2.product_list_check .cont_gallery_list_checkbox .check_mark{width:1.4em; height:1.4em;}


				.product_list_type2 .product_list_confirm_wrap{display:table !important; position:absolute; left:0; bottom:10px; width:100%; padding:5px; background:#f4f6f8;}
					.product_list_type2 .product_list_confirm_box{display:table-cell;}
					.product_list_type2 .product_list_confirm_box:first-child{width:25%; max-width:80px;}
					.product_list_type2 .product_list_order_date{width:100%; text-align:center; border-radius:0;}

				.product_order_list.product_list_type2 .product_list_box{padding-bottom:0;}
				.product_order_list.product_list_type2 .product_list_confirm_wrap{position:relative; bottom:0;}
				.product_order_list.product_list_type2 .product_list_confirm_box2{display:block; width:100%; margin:0;}
				.product_order_list.product_list_type2 .product_list_confirm_box2 .cont_list{display:block; width:100%;}
				.product_order_list.product_list_type2 .product_list_confirm_box2 .cont_list2_1 > ul > li:last-child{width:auto;}
				.product_order_list.product_list_type2 .product_list_confirm_box2 .cont_list2_1 > ul > li:first-child{border-left:0;}

		.order_list_tab .btn{padding:0px !important; width:100%; font-size:13px !important;}
		

/* etc */
	.etc_wrap{position:relative; padding:100px 0;}
		.etc_wrap:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/common/img/login_bg.jpg") no-repeat center center; background-size:cover; text-align:center;}
	.etc_overlay{background:#7925b9; opacity:0.9; position:absolute; left:0; top:0; width:100%; height:100%;}
	.etc_wrap .cont{}


/* login */
	.login{max-width:100%;}
		.login .foot_wrap{text-align:center; position:absolute; left:0; width:100%; bottom:0; background:none; color:#fff;}
			.login .foot_wrap .foot_info{color:#fff; opacity:0.7;}

	.login_wrap{height:100vh; display:table; width:100%; padding-top:0px;}
		.login_wrap .cont{display:table-cell; height:100%; width:100%; vertical-align:middle;}
	.login_wrap .cont_title_wrap{margin-top:30px;}
	.login_wrap .cont_title_wrap img{width:60%;}
	.login_wrap .btn, .login_wrap .input_text_wrap label input{border-radius:100px;}
	.login_wrap .cont_box{padding:0; width:80%; margin:0 auto; position:relative; z-index:1; background:none; max-width:480px; overflow:inherit; box-shadow:inherit;}
		.login_wrap .cont_box .cont_boxs{position:relative; z-index:1; padding:40px; background:rgba(255,255,255,0.2); border-radius:10px 100px 10px 10px; overflow:hidden;}
		.login_wrap .cont_box:before{content:""; background:url("/common/img/login_img.png"); background-size:100%; width:460px; height:430px; left:50%; top:35%; position:absolute; animation:login_img 2.5s infinite;}
			.login_wrap .cont_box:after{content:""; background:url("/common/img/login_img.png"); background-size:100%; width:360px; height:330px; left:70%; top:65%; position:absolute; animation:login_img 3s infinite;}
			@keyframes login_img{
				0%{transform:rotate(-3deg);}
				50%{transform:rotate(3deg);}
				100%{transform:rotate(-3deg);}
			}

	.login_box_wrap{padding:120px 60px; background:#fff; border-radius:10px 100px 10px 10px; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); z-index:1; position:relative;}
		.login_wrap .cont_boxs:before{content:""; transform:translate(0, -50%) rotate(45deg); background:#c400ff; width:640px; height:640px; position:absolute; top:0; right:75%; top:0;}


	.login_box_head{position:absolute; left:0; top:0; width:100%; padding:15px; text-align:center; font-weight:bold; font-size:14px;}
		.login_box_head .ball_wrap{display:table; position:absolute; left:15px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
			.login_box_head .ball{display:inline-block; float:left; margin-right:5px; height:13px; width:13px; border-radius:100%;}
				.login_box_head .ball:last-child{margin-right:0;}
				.ball_red{background:#ff5f5a;}
				.ball_yellow{background:#f1b753;}
				.ball_green{background:#98d86e;}

	.login_input{position:relative;}
	.login_eye_wrap{position:absolute; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); right:10px; font-size:18px; color:#aaa; cursor:pointer;}
		.login_eye_wrap:hover{color:#7925b9;}
	

/* search */
	.search_wrap{position:fixed; overflow:hidden; top:125%; width:100%; max-width:480px; height:100%; background:#fff; z-index:9999;}
	.search_open{top:0;}
		.search_wrap .search{padding:30px; padding-top:60px;}
			.search_wrap .search_head{position:relative;}
				.search_wrap .close_wrap{top:30px; right:25px;}
				.search_wrap .close_wrap .close:before, .search_wrap .close_wrap .close:after{background:rgba(0,0,0,0.7);}
				.search_wrap .search_head .input_text_wrap label input{font-size:16px; background:#ededed; border-radius:4px; padding:10px !important; box-shadow:inherit;}
			.search_wrap .search_list{font-size:1.3em; margin-top:30px; border-radius:15px;}
				.search_wrap .search_list .search_list_box{}
					.search_wrap .search_list .search_list_box .search_list_title{font-size:1.3em; font-weight:600; margin-bottom:15px;}
					.search_wrap .search_list .search_list_box ul{text-align:left; counter-reset:list-number;}
						.search_wrap .search_list .search_list_box ul li{padding:10px 0px; border-bottom:1px solid #eee;}
							.search_wrap .search_list .search_list_box ul li:before{font-family:'Roboto', NanumSquareR, sans-serif; font-weight:700; display:inline-block; margin-right:5px; text-align:center; counter-increment:list-number; content:counters(list-number, ""); padding:1px 6px; background:#7b00a0; color:#fff; border-radius:100%;}
							.search_wrap .search_list .search_list_box ul li:last-child{border-bottom:0; padding-bottom:0;}
							.search_wrap .search_list .search_list_box ul li .search_list_icon{float:right; width:30px; text-align:center; color:#ddd;}

		.search_wrap .search .search_head .search_icon{cursor:pointer; position:absolute; top:40%; left:auto; right:20px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
			.search_wrap .search .search_head .search_icon .bar{position:relative; height:14px; width:14px; margin:0 auto;}


/* full_calendar */
	.full_calendar.fc{font-size:12px;}
		.full_calendar.fc .fc-toolbar-title{font-size:1.4em; color:#323232;}
			.full_calendar.fc table thead{border:0;}

				.full_calendar.fc .fc-button-group{border-radius:6px; overflow:hidden; border:1px solid rgba(0,0,0,0.1);}
					.full_calendar.fc .fc-toolbar > * > *{float:none; display:inline-block; vertical-align:middle;}
					.full_calendar.fc .fc-toolbar .fc-left .fc-button-group{margin-left:15px;}
					.full_calendar.fc button{height:auto;}
					.full_calendar.fc .fc-button-group > .fc-button{text-shadow:none; background:#f4f6f8; color:#000; padding:5px 10px; margin:0px; border-radius:0; border:0; border-right:1px solid rgba(0,0,0,0.1);}
						.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child){margin-left:0 !important;}
						.full_calendar.fc .fc-button-group > .fc-button:last-child{border-right:0;}
						.full_calendar.fc .fc-button-group > .fc-button.fc-state-disabled{background:#d1d1d1; opacity:0.5; cursor:auto;}
					.full_calendar.fc .fc-button-primary:not(:disabled):active, .full_calendar.fc .fc-button-primary:not(:disabled).fc-button-active{background:#7925b9 !important;  color:#fff !important;}
					.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-radius:6px !important;}
					.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{margin:0 !important;}
					.full_calendar.fc .fc-button:active, .full_calendar.fc .fc-button:hover{box-shadow:inherit !important;}

			.full_calendar.fc .fc-col-header-cell-cushion{padding:10px;}
			.full_calendar.fc .fc-daygrid-event-harness{margin-bottom:5px;}
			.full_calendar.fc .fc-daygrid-event-harness-abs{padding:5px;}
			.full_calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{padding:0;}
				.full_calendar.fc .fc-event{background:#999; padding:3px; border-radius:0px; border:0; text-align:center;}
					.full_calendar.fc .fc-event.fc_event01{background:#ca76ff;}
					.full_calendar.fc .fc-event.fc_event02{background:#7681ff;}
					.full_calendar.fc .fc-event.fc_event03{background:#4dc36c;}
					.full_calendar.fc .fc-event.fc_event04{background:#c34d4d;}
					.full_calendar.fc .fc-event.fc_event05{background:#7925b9;}

					.full_calendar.fc .fc-daygrid-day.check{position:relative; background:#7b00a0; color:#fff;}
					.full_calendar.fc .fc-daygrid-day.check:before{content:""; position:absolute; left:25%; top:15%; width:15%; height:15%; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
					.full_calendar.fc .fc-daygrid-day.check .fc-event{background:none !important;}
					.full_calendar.fc .fc-daygrid-day.check .fc-event:focus:after{background:none !important;}
				.full_calendar.fc .fc-list-event{background:none !important;}
				.full_calendar .fc .fc-list-table td, .full_calendar.fc .fc-list-day-cushion{padding:15px 20px !important;}

		.fc .fc-scrollgrid-section table{width:100% !important;}
		.fc .fc-daygrid-body{width:100% !important;}



	/* mypage */
		.mypage_icon{position:relative;}
			.mypage_icon a:before{position:absolute; z-index:1; top:15px; left:50%; transform:translateX(-50%); content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; vertical-align:top; width:30px; height:30px; background:url("/common/img/mypage_icon2.png?ver=202402221328"); background-size:270px 30px; background-repeat:no-repeat;}
				.mypage_icon01 a:before{background-position:0 0px;}
				.mypage_icon02 a:before{background-position:-30px 0;}
				.mypage_icon03 a:before{background-position:-60px 0;}
				.mypage_icon04 a:before{background-position:-90px 0;}
				.mypage_icon05 a:before{background-position:-120px 0;}
				.mypage_icon06 a:before{background-position:-150px 0;}
				.mypage_icon07 a:before{top:25px;background-position:-180px 0;}
				.mypage_icon08 a:before{top:25px;background-position:-210px 0;}
				.mypage_icon09 a:before{top:20px;background-position:-240px 0;}

			.mypage_wrap .mypage_btn_box > ul > li.mypage_btn a{display:table !important;width:100%;}
				.mypage_wrap .mypage_btn_box > ul > li.mypage_btn a span{display:table-cell;vertical-align:middle;}

		.mypage_wrap .mypage_btn_title{color:#fff; background:#7b00a0; border-radius:4px;}
		.mypage_wrap .mypage_btn_box ul li a{padding:25px 10px; padding-top:50px; border-radius:4px; height:100%;}
		.mypage_wrap .mypage_btn_box > ul > li.mypage_btn a{border:2px solid #7b00a0; background:#fff;padding-bottom:20px;padding-top:47px;}
		.mypage_wrap .mypage_btn_box > ul > li.mypage_icon09 a{padding-top:55px;}


/* foot */
	.foot_wrap{padding:20px; font-size:11px; background:#fff; position:relative;}
	.foot_product{padding-bottom:160px;}
		.foot_wrap .foot_menu{margin-bottom:20px; padding:15px; background:#f4f6f8; border-radius:4px;}
			.foot_wrap .foot_menu ul{display:table; width:100%;}
				.foot_wrap .foot_menu ul li{display:inline-block; margin-right:10px;}
					.foot_wrap .foot_menu ul li:last-child{margin-right:0;}
					.foot_wrap .foot_menu ul li:nth-child(n+3){border-bottom:0;}
					.foot_wrap .foot_menu ul li:before{display:none;}

		.foot{}
			.foot .foot_box{margin-bottom:20px;}
				.foot .foot_box:last-child{margin-bottom:0;}
				.foot .foot_box ul li{margin-bottom:5px;}
					.foot .foot_box ul li:last-child{margin-bottom:0;}
					.foot .foot_box ul li a button{margin-left:5px; font-size:0.8em; background:#fff; padding:2px 4px; border:1px solid #ececec;}
		
			.foot_title{font-size:1.3em; font-weight:bold; margin-bottom:10px;}
			.foot_info{font-size:0.8em; color:#666;}

	.foot_agent_btn{margin-top:20px;}
		.foot_agent_btn .input_btn_wrap{width:100%;}


/* swiper */
	.swiper-container{overflow:inherit !important;}
	.swiper_wrap{overflow:hidden;}
		.swiper{height:100%; width:100%; max-width:1280px; margin:0 auto;}
			.swiper-container{width:100%; height:100%;}
				.swiper-slide{}
				.swiper-slide-visible{opacity:1;}

		.swiper_overflow_left > ul > li:first-child{position:relative; z-index:3;}
		.swiper_overflow_right > ul > li:last-child{position:relative; z-index:3;}
			.swiper_overflow_container{overflow:visible !important; position:relative;}
				.swiper_overflow_container:before{content:""; width:100%; height:100%; background:#fff; position:absolute; top:0; left:-300%; z-index:2; -webkit-transform:scale(5); -ms-transform:scale(5); transform:scale(5);}

		.swiper-button-next, .swiper-button-prev{margin-top:0 !important; background-image:none !important;height:100%; width:100%; margin:0; border:solid #aaa; border-width:0 0 2px 2px; content:""; top:50%; width:20px !important; height:20px !important;}
		.swiper-button-next{right:10px !important;  -webkit-transform:translate(-50%,-50%) rotate(-135deg); -ms-transform:translate(-50%,-50%) rotate(-135deg);  transform:translate(-50%,-50%) rotate(-135deg);}
		.swiper-button-prev{left:30px !important; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);  transform:translate(-50%,-50%) rotate(45deg);}
		.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display:none;}

		.swiper-pagination-bullet{width:10px !important; height:10px !important; background:#aaa !important; border-radius:100px !important; opacity:0.3 !important; margin:0px 3px !important;}
		.swiper-pagination-bullet-active{width:10px !important; border-radius:100px !important; background:#7b00a0 !important; opacity:1 !important;}


		/*.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:100% !important;}*/


		.swiper-button-count{position:absolute; top:10px; right:10px; background:rgba(0,0,0,0.7); border-radius:100px; padding:2px 10px; color:#fff; z-index:2;}


/* input all */
	.input_wrap{height:auto !important;}
	.input_wrap3{height:35px !important;}
		.input_wrap3 .btn{font-size:14px; padding:0px 30px;}
	.input_wrap2{height:28px !important;}
		.input_wrap2 .btn{font-size:12px;}
	.input_wrap1{height:23px !important;}
		.input_wrap1 .btn{font-size:11px; padding:0px 15px;}
		.input_wrap1.input_text_wrap label input{padding:0px 10px !important;}
		.input_wrap1.input_text_wrap label span{font-size:13px; -webkit-transform:scale(0.8) translateY(-20px); transform: scale(0.8) translateY(-20px);}
	.input_width_pd .btn{padding:0px;}

	.input_width{display:inline-block; vertical-align:middle;}
	.input_width1{width:100px;}
		.input_width1 .btn{padding:0px 15px;}
	.input_width2{width:200px;}
	.input_width3{width:300px;}
	.input_width4{width:400px;}
	.input_width5{width:500px;}

	.input_readonly{background:#f4f6f8 !important;}
	input[type="text"]:read-only, input[type="tel"]:read-only, input[type="number"]:read-only{background:#f4f6f8 !important;}

	.input_text_info{margin-top:5px;}



/* input */
	.input_text_wrap{position:relative; width:100%; display:inline-block; font-size:16px;}
		.input_text_wrap label input{width:100%; height:100%; padding:5px 15px !important; color:#1c1c1b; box-shadow:0px 0px 0px 1px #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
		.input_text_wrap label input:focus{box-shadow:0px 0px 0px 2px #7b00a0;}
			.input_text_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; top:47%; -webkit-transform:scale(1) translate(0,-50%); transform:scale(1) translate(0,-50%); transform-origin:left bottom;}
			.input_text_wrap label input:focus + span{color:#7b00a0;}
		.input_text_wrap label span{color:#999; position:absolute; top:15%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.8) translateY(-25px); transform:scale(0.8) translateY(-25px); transform-origin:left bottom;}

	.input_textarea_wrap{position:relative; width:100%; display:inline-block; font-size:16px;}
		.input_textarea_wrap label textarea{width:100%; height:150px; padding:10px 15px !important; box-shadow:0px 0px 0px 1px #ddd; color:#1c1c1b; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
		.input_textarea_wrap label textarea:focus{box-shadow:0px 0px 0px 2px #7b00a0;}
			.input_textarea_wrap label textarea:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
			.input_textarea_wrap label textarea:focus + span{color:#7b00a0;}
		.input_textarea_wrap label span{color:#999; position:absolute; top:0.5em; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.85) translateY(-25px); transform:scale(0.85) translateY(-25px); transform-origin:left bottom;}


/* input_price */
	.input_price_wrap{}
		.input_price_box{display:table; height:100%;}
		.input_price_box2{width:100%;}
			.input_text_price{display:table-cell; vertical-align:top; position:relative;}
				.input_text_price label input{box-shadow:inherit !important; border:1px solid rgba(0,0,0,0.1); padding:5px 0 !important; text-align:center; border-radius:0;}
			.input_btn_price{display:table-cell; vertical-align:top; width:30px;}
			.input_btn_price_down{}
			.input_btn_price_up{}
				.input_btn_price .input_btn_wrap{height:100%;}
					.input_btn_price .input_btn_wrap .btn{width:100%; height:100%; padding:0; border-radius:0; display:block; position:relative;}
					.input_btn_price.input_btn_price_down .btn{border-right:0;}
					.input_btn_price.input_btn_price_up .btn{border-left:0;}
					.input_btn_price .input_btn_wrap .btn:after{height:6px; width:6px; position:absolute; top:45%; left:50%; margin:0; border:solid #000; border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:translate(-50%,-50%) rotate(-45deg); -ms-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg);}
					.input_btn_price.input_btn_price_up .btn:after{top:55%; -webkit-transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg);}

/* select */
	.select_wrap{text-align:center; display:flex; width:100%; flex-wrap:wrap;}
		.select_wrap .input_wrap{display:inline-block;  width:calc(1 / 3 * 100% - (1 - 1 / 3) * 10px); margin-right:10px;}
		.select_wrap .input_wrap:last-child{margin-right:0;}
		.select_wrap .input_select_wrap{position:relative;}
			.input_select_wrap select{width:100%; padding:10px 15px; background:#fff; color:#1c1c1b; box-shadow:0px 0px 0px 1px #ddd; border-radius:4px;}
				.input_select_wrap select:-ms-expand{display:none;}
				.input_select_wrap select:focus{box-shadow:0px 0px 0px 2px #2471c8; outline:none;}
				.input_select_wrap select{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
				.input_select_wrap:after{content:""; position:absolute; right:10px; top:35%; width:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


	.input_select_wrap{position:relative; width:100%; display:inline-block; font-size:16px;}
		.input_select_wrap select{width:100%; height:100%; padding:5px 15px !important; padding-right:20px; color:#1c1c1b; box-shadow:0px 0px 0px 1px #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
			.input_select_wrap select:-ms-expand{display:none;}
			.input_select_wrap select:focus{box-shadow:0px 0px 0px 2px #2471c8; outline:none;}
			.input_select_wrap select{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
			.input_select_wrap:after{content:""; position:absolute; right:10px; top:35%; width:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


/* input_email */
	.email_input label input{padding-left:30px !important;}
	.email_input:before{content:"@"; z-index:1; position:absolute; top:48%; left:10px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}


/* button file */
	.filebox_wrap{display:table; width:100%; height:100%;}
		.filebox_name{display:table-cell; vertical-align:middle; height:100%;}
			.filebox_name input{border-radius:4px; height:100%; display:table-cell; padding:0px 15px; width:100%; background:#fff; box-shadow:0px 0px 0px 1px #ddd}
		.filebox_input{display:table-cell; vertical-align:middle; width:30%; height:100%; position:relative; padding:0px 5px;}
			.filebox_input label{height:100% !important; width:100%; padding:0 !important;}
			.filebox_input input{position:absolute; width:1px !important; height:1px !important; padding:0 !important; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
		.filebox_img{display:table-cell; width:20%; height:100%;}
			.filebox_img img{width:100%; max-height:45px;}


/* radio */
	.radiobox_wrap{display:inline-block; margin-right:10px;}
		.radiobox_wrap:last-child{margin-right:0;}
		.radiobox{display:table; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
			.radiobox input[type=radio]{opacity:0; margin:0; margin-right:3px; display:inline-block; vertical-align:middle; width:18px; height:18px;}
			.radiobox_text{display:inline-block; vertical-align:middle;}
		.radio_mark{border-radius:100%; position:absolute; top:5%; left:0; width:16px; height:16px; background:#fff; border:1px solid rgba(0,0,0,0.3);}
			.radio_mark:after{content:""; position:absolute; display:none;}
		.radiobox input:checked ~ .radio_mark:after{display:block;}
		.radiobox .radio_mark:after{left:2px; top:2px; width:8px; height:8px; background:#fff; border-radius:100%;}
		.radiobox input:checked ~ .radio_mark{background:#7925b9; border:2px solid #7925b9;}

/* check_box */
	.checkbox_wrap{display:inline-block; margin-right:10px;}
	.checkbox_wrap.checkbox_wrap_bottom{margin-bottom:10px;}
		.checkbox_wrap:last-child{margin-right:0;}
		.checkbox{display:inline-block; vertical-align:middle; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
			.checkbox input[type='checkbox'], .checkbox input[type='radio']{opacity:0; margin:0; display:inline-block; vertical-align:middle; width:1.4em; border:1px solid #fff;}
			.checkbox_text{display:inline-block; padding-left:5px;}
		
		.check_mark{border-radius:3px; position:absolute; top:50%; left:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:1.4em; height:1.4em; background:#fff; border:1px solid rgba(0,0,0,0.3);}
			.check_mark:after{content:""; position:absolute; display:none;}
		.checkbox_wrap input:checked ~ .check_mark:after{display:block;}
		.checkbox_wrap .check_mark:after{left:50%; top:40%; width:30%; height:60%; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
		.checkbox_wrap input:checked ~ .check_mark{background:#7b00a0; border:2px solid #7b00a0;}

		.radio_wrap .check_mark{border-radius:100%; position:absolute; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); left:0; width:1.4em; height:1.4em; background:#fff; border:1px solid rgba(0,0,0,0.3);}
			.radio_wrap .check_mark:after{content:""; position:absolute; display:none;}
		.radio_wrap input:checked ~ .check_mark:after{display:block;}
		.radio_wrap .check_mark:after{left:50%; top:50%; width:50%; height:50%; background:#fff; border-radius:100%;  -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
		.radio_wrap input:checked ~ .check_mark{background:#7b00a0; border:2px solid #7b00a0;}


/* button switch */
	.btn_switch_wrap{display:inline-block; vertical-align:middle;}
		.btn_switch{z-index:0; display:table; width:100%; position:relative; margin:0; padding:5px 10px; font-weight:500; min-width:68px; min-height:25px; vertical-align:middle;}
			.btn_switch input{width:0px; height:0;}
			.btn_switch_radio {display:none;}
			.btn_switch_radio_sp{display:none;}
			.btn_switch_label{color:#fff; cursor:pointer; display:table-cell;}
				.btn_switch_label:before{content:"";	position:absolute; z-index:-1 ; top:0; right:0; bottom:0; left:0; background:#ccc; border-radius:50px; box-shadow:inset 0 .0715em .3572em rgba(43,43,43,.05); transition:background .2s ease-in-out;}
				.btn_switch_label_no:after{content:""; position:absolute; z-index:2; top:47%; left:5px; width:18px; height:18px; background:#fff; border-radius:1em;	pointer-events:none; box-shadow:0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1); transition:left .2s ease-in-out, background .2s ease-in-out; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
				.btn_switch_label_no_sp:after{content:""; position:absolute; z-index:2; top:47%; left:5px; width:18px; height:18px; background:#fff; border-radius:1em;	pointer-events:none; box-shadow:0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1); transition:left .2s ease-in-out, background .2s ease-in-out; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
			
			.btn_switch_txt{position:relative; z-index:2; opacity:1; pointer-events:none; transition:opacity .2s ease-in-out;}
			
			.btn_switch_radio_no:checked ~ .btn_switch_label_yes .btn_switch_txt,.btn_switch_radio_yes:checked ~ .btn_switch_label_no .btn_switch_txt {opacity:0;}
			.btn_switch_radio_no:checked ~ .btn_switch_label_yes:before,.btn_switch_radio_yes:checked ~ .btn_switch_label_no:before {z-index:1;}
			.btn_switch_radio_yes:checked ~ .btn_switch_label:before {background:#4285f4;}
			.btn_switch_radio_yes:checked ~ .btn_switch_label_no:after {left:calc(100% - 1.8em); background:#fff;}

			.btn_switch_radio_no_sp:checked ~ .btn_switch_label_yes .btn_switch_txt,.btn_switch_radio_yes_sp:checked ~ .btn_switch_label_no_sp .btn_switch_txt {opacity:0;}
			.btn_switch_radio_no_sp:checked ~ .btn_switch_label_yes:before,.btn_switch_radio_yes_sp:checked ~ .btn_switch_label_no_sp:before {z-index:1;}
			.btn_switch_radio_yes_sp:checked ~ .btn_switch_label:before {background:#4285f4;}
			.btn_switch_radio_yes_sp:checked ~ .btn_switch_label_no_sp:after {left:calc(100% - 1.8em); background:#fff;}

			.btn_switch_info{color:rgba(0,0,0,0.5);}


/* list button */
	.list_button ul{display:table; width:100%;}
		.list_button ul li{display:table-cell !important; margin-right:0 !important;}
			.list_button ul li input{border-radius:0 !important; border-right:0 !important; box-shadow:none !important;}
			.list_button ul li:first-child input{border-radius:4px 0px 0px 3px !important; color:#7b00a0;}
			.list_button ul li:last-child input{border-radius:0px 3px 3px 0px !important; color:#ea5d5d; border-right:1px solid rgba(0,0,0,0.1) !important;}
			.list_button ul .check input{background:#f1f1f1 !important;}

			.list_button ul li button{border-radius:0 !important; border-right:0 !important;}
			.list_button ul li:first-child button{border-radius:4px 0px 0px 3px !important; color:#7b00a0;}
			.list_button ul li:last-child button{border-radius:0px 3px 3px 0px !important; color:#ea5d5d; border-right:1px solid rgba(0,0,0,0.1) !important;}
			.list_button ul .check button{background:#f1f1f1 !important;}
			
			.cont_btn_check_disabled input{background:#f4f6f8 !important; cursor:auto !important; color:rgba(0,0,0,0.3) !important;}
			.cont_btn_check_disabled button{background:#f4f6f8 !important; cursor:auto !important; color:rgba(0,0,0,0.3) !important;}

/* list radio */
	.list_radio ul{display:table; width:100%;}
		.list_radio ul li{display:table-cell !important; margin-right:0 !important;}
			.list_radio ul li label {border-radius:0 !important; border-right:0 !important; box-shadow:none !important;}
			.list_radio ul li:first-child label{border-radius:4px 0px 0px 3px !important; color:#7b00a0; border-right:0;}
			.list_radio ul li:last-child label{border-radius:0px 3px 3px 0px !important; color:#ea5d5d; border-right:1px solid rgba(0,0,0,0.1) !important;}
			.list_radio ul .check label{background:#f1f1f1 !important;}

			.list_radio ul li input{display:none; height:0; width:0; opacity:0; visibility:hidden;}
			.list_radio label{display:block;}



/* board */
	.board{text-align:left;}

	.board_w50{width:50px;}
	.board_w75{width:75px;}
	.board_w100{width:100px;}
	.board_w125{width:125px;}
	.board_w150{width:150px;}
	.board_w175{width:175px;}
	.board_w200{width:200px;}
	.board_w250{width:250px;}

	.board_list_btn_wrap{text-align:right; vertical-align:bottom; line-height:1; color:#fff;}
		.board_list_btn button{width:auto; vertical-align:bottom; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease; display:inline-block; position:relative; overflow:hidden; font-weight:normal;}
			.board_list_btn button:after{width:150%; height:150%; left:-250%; top:-25%; content:''; display:block; position:absolute; opacity:0.4; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);}
			.board_list_btn button:hover{-webkit-transform:translateY(-4px); -moz-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px);}
				.board_list_btn button:hover:after{left:100%; top:0%; -webkit-transition:left 0.6s, top 0.6s; -moz-transition:left 0.6s, top 0.6s; transition:left 0.6s, top 0.6s; }

	.board_list{text-align:center;}
		.board_list table{width:100%; font-size:12px;}
			.board_list table th, .board_list table td{padding:10px;}
			.board_list table thead{}
				.board_list table thead th{background:#fff; font-weight:400; border-top:2px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); text-align:center;}
			.board_list table tbody{}
				.board_list table tbody td{border-bottom:1px solid rgba(0,0,0,0.1);}
					.board_list table tbody td a{}
						.board_list table tbody td a:hover{text-decoration:underline;}
				.board_list table tbody td img{width:100px;}
				.board_list table tfoot td{background:#fbecff; border-bottom:1px solid rgba(0,0,0,0.1);}
				.board_list table .tfoot td{background:#fbecff; border-bottom:1px solid rgba(0,0,0,0.1);}
				.board_list .board_lock_img{width:15px; margin-left:5px;}

			.board_list table tbody tr:hover{background:#f4f6f8;}
				
				.board_list .board_list_ellipsis{text-align:left;}
					.board_list .text_wrap{display:block; text-align:left;}
						.text_wrap .text{overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; box-sizing:border-box;}
						.text_wrap .text.text1{height:1.2em; -webkit-line-clamp:1;}
						.text_wrap .text.text2{height:2.4em; -webkit-line-clamp:2;}
						.text_wrap .text.text3{height:3.6em; -webkit-line-clamp:3;}
							.board_list .text_wrap .text a em{font-style:inherit;}
								.board_list .text_wrap .text a:hover em{color:#1c1c1b; text-decoration:underline;}

							.board_list .text_wrap.text_new{padding-left:30px; position:relative;}
								.board_list .text_wrap.text_new:before{content:"new"; position:absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); background:#7b00a0; color:#fff; display:inline-block; vertical-align:middle; padding:2px 4px; border-radius:4px; font-size:0.8em;}

		.board_list_none_li{width:100% !important; border:1px solid rgba(0,0,0,0.1);}
		.board_list_none{padding:50px 0; text-align:center;}
		.board_list_hover table tbody tr:hover{background:inherit;}
		.board_list_design th, .board_list_design td{border-right:1px solid rgba(0,0,0,0.1); padding:20px !important;}
		.board_list_design th:first-child{border-left:1px solid rgba(0,0,0,0.1);}
		.board_list_design table thead th{background:#1c1c1b; color:#fff; border-right:1px solid rgba(255,255,255,0.2);}
		.board_list_design table tbody th{border-bottom:1px solid rgba(0,0,0,0.1); font-weight:inherit; background:#f4f6f8;}


		.board_list_gallery{text-align:left;}
			.board_list_gallery .cont_text{margin:0;}
				.board_list_gallery .cont_text ul li{margin-top:0;}
				.board_list_gallery .cont_text_title{margin-bottom:10px;}


	/* board_info */
		.board_info table{width:100%; font-size:12px;}
			.board_info table th, .board_info table td{vertical-align:middle; padding:15px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
			.board_info table th{font-weight:bold;}
			.board_info0 table th{width:75px;}
			.board_info1 table th{width:100px;}
			.board_info2 table th{width:150px;}
			.board_info_right table td{text-align:right;}



	.board_search_wrap{width:100%;}
		.board_search_wrap .board_search ul{display:table; width:100%;}
			.board_search_wrap .board_search ul li{display:inline-block; vertical-align:middle; padding-right:5px; float:left;}
				.board_search_wrap .board_search ul .board_search_select{width:100px;}
				.board_search_wrap .board_search ul .board_search_right{float:right;}

	.board_page_wrap{margin-top:30px; width:100%;}
		.board_page_wrap .board_page ul{display:table; margin:0 auto;}
			.board_page_wrap .board_page ul li{background:#fff; border:1px solid #e0e0e0; border-right:0; display:inline-block; float:left;}
				.board_page_wrap .board_page ul li:last-child{border-right:1px solid #e0e0e0;}
				.board_page_wrap .board_page ul li a{cursor:auto; padding:8px 16px; display:block;}
				.board_page_wrap .board_page ul li a.board_page_link{cursor:pointer;}
				.board_page_wrap .board_page .board_page_check{background:#7b00a0; border:1px solid #7b00a0; color:#fff;}


/* board_detail */
	.board_detail{}
		.board_detail_title{padding:30px 0; border-top:2px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
			.board_detail_title h1{font-size:24px; font-weight:400;}
			.board_detail_title .board_detail_title_info{margin-top:15px; color:rgba(0,0,0,0.5);}
				.board_detail_title .board_detail_title_info span{color:rgba(0,0,0,0.7); margin-right:10px;}
					.board_detail_title .board_detail_title_info span:last-child{margin-right:0;}

		.board_detail_title2{padding:15px 0;border-top:1px solid #e0e0e0;}
			.board_detail_title2 .cont_list > ul > li{margin-top:0;}
		
		.board_detail_file_wrap{margin-bottom:15px; text-align:left; display:table; width:100%;}
			.board_detail_file{display:table; border:1px solid rgba(0,0,0,0.1); border-radius:4px;}
				.board_detail_file span{display:table-cell; padding:10px 20px;}
					.board_detail_file span:first-child{border-right:1px solid rgba(0,0,0,0.1);}

		.board_detail_text_wrap{padding:30px 0; text-align:left;}
			.board_detail_text p{margin:0;}
			.board_detail_text_wrap .board_detail_btn{margin-top:15px; text-align:left; font-size:15px; overflow:hidden;}
				.board_detail_text_wrap .board_detail_btn a{float:left; background:#333; color:#fff; padding:5px 15px;}

		.board_detail_text_wrap .board_detail_text{font-size:1.1em; word-break:break-word;}
			.board_detail_text_wrap .board_detail_text p{margin:0px;}
			
		.board_detail_info{margin:15px 0;}
			.board_detail_info table{width:100%; border:1px solid #e0e0e0; border-radius:10px; border-spacing:15px;}
				.board_detail_info table tbody th{width:100px; border-right:1px solid #e0e0e0;}
				.board_detail_info table tbody th, .board_detail_info table tbody td{padding:0px 10px;}
				.board_detail_info img{max-width:100px; max-height:50px;}


		.board_detail_reply_wrap{padding-top:30px; width:100%; border-top:1px solid #e0e0e0;}
			.board_detail_reply_wrap .board_detail_reply_text_wrap{}
				.board_detail_reply_wrap .board_detail_reply_text_wrap .board_detail_reply_text{padding:20px; border:1px solid rgba(0,0,0,0.1); border-radius:6px; position:relative;}
					.board_detail_reply_wrap .board_detail_reply_text_wrap .board_detail_reply_text p{margin:0;}
					.board_detail_reply_wrap .board_detail_reply_text_wrap .board_detail_reply_text:before{content:""; background:#fff; position:absolute; width:20px; height:20px; left:25px; top:-10px; border:1px solid rgba(0,0,0,0.1); border-width:1px 0px 0px 1px; transform:rotate(45deg); z-index:1;}

					
		.board_detail_btn{margin-top:15px; text-align:left;}
			.board_detail_btn ul li{display:inline-block;}
				.board_detail_btn ul li:nth-child(n+2){float:right;}
			.board_detail_btn a button{overflow:hidden; width:100%; max-width:200px; position:relative; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease;}
				.board_detail_btn a button:after{width:150%; height:150%; left:-250%; top:-25%; content:''; display:block; position:absolute; opacity:0.4; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);}
				.board_detail_btn a button:hover{-webkit-transform:translateY(-4px); -moz-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px);}
					.board_detail_btn a button:hover:after{left:100%; top:-25%; -webkit-transition:left 0.6s, top 0.6s; -moz-transition:left 0.6s, top 0.6s; transition:left 0.6s, top 0.6s; }
			.board_detail_btn a button{cursor:pointer; width:100%; font-size:18px; color:#fff; background:#7b00a0; padding:5px 30px; border:0; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}


		.board_detail_product{display:table; width:100%;}
			.board_detail_product_img_wrap{display:table-cell; width:30%; vertical-align:top; border:1px solid rgba(0,0,0,0.1)}
			.board_detail_product_text_wrap{display:table-cell; padding-left:30px; vertical-align:top;}
				.board_detail_product_text_info{background:#f4f6f8; padding:30px;}
			.board_detail_product_content_wrap{border:1px solid rgba(0,0,0,0.1); padding:30px; margin:30px 0;}
			.board_detail_product_content_title{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:15px; margin-bottom:15px;}


	.board_detail_list{margin-top:30px; border-top:1px solid #e0e0e0;}

	.board_detail_prev_next{margin:30px 0;}
	.board_detail_prev_next ul li{position:relative; display:table; padding:15px 0; width:100%; border-bottom:1px solid #e0e0e0;}
		.board_detail_prev_next ul li:first-child{border-top:1px solid #e0e0e0;}
		.board_detail_prev_next ul li span{display:table-cell; vertical-align:middle;}
			.board_detail_prev_next ul li span:first-child{width:100px;}
			.board_detail_prev_next ul li span a:hover{text-decoration:underline;}


	/* summernote */
		.note-editor .btn{width:auto;}
		.panel-body img{max-width:100%;}

	/* smarteditor */
		#smart_editor2 #smart_editor2_content{border:0 !important;}
		.smarteditor_wrap{border:1px solid #b5b5b5;}
		.smarteditor_wrap textarea{width:100%; height:400px;}

	/* datatable */
		.noData{padding:60px 20px !important; opacity:0.5; font-size:1.2em; text-align:center; position:relative;}
			.noData:before{content:""; opacity:0.5; width:180px; height:40px; background:url("/common/img/logo.png") no-repeat; background-size:100%; display:block; margin:0 auto;}
		.cont_list_item_wrap2 .noData{border-bottom:0 !important; border-top:0 !important;}

	/* bg_object */
		.bg_object{position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
			.bg_object .bg_object_box{position:absolute; top:0; left:0; width:100%; z-index:1;}
				.bg_object .bg_object_box img{max-width:180px;}
				.bg_object .bg_object_box .cont_title{padding-left:0;}
					.bg_object .bg_object_box .cont_title:before{display:none;}

		.bg_object .bg_object_img img{max-width:inherit;}
			.bg_object_left{top:40%; left:calc(50% - 570px);}
				.bg_object_left .bg_object_img img{}
			.bg_object_right{width:640px;}
				.bg_object_right .bg_object_img img{position:relative;}


@media screen and (min-width:640px){
	html, body{font-size:13px;}
}

@media screen and (max-width:860px){
	.login_wrap{padding-bottom:150px; overflow:hidden;}
		.login_wrap .cont_box .cont_boxs{padding:0;}
		.login_wrap .cont_box .cont_title_wrap{font-size:12px;}

		.login_box_wrap{padding:60px 40px;}
			.login .foot_wrap{padding-bottom:40px}



	.login_wrap .cont_box:before{left:70%; top:0; width:100px; height:95px; z-index:1;}
	.login_wrap .cont_box:after{left:80%; top:5%; width:100px; height:95px; z-index:1;}
}