@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
input[type="text"], select, textarea {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;	
	background:#fff;
}
select {background: #fff url('../images/selectarrow_down.svg') no-repeat 98% center !important}
select:active {background: #fff url('../images/selectarrow_up.svg') no-repeat 98% center !important}

input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
input[type="radio"] + label { 
	display: inline-block;
	position: relative; 
	padding-left: 30px; 
	margin-right:20px; 
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	font-size:1.6rem;	
	line-height:1.2
} 
input[type="radio"] + label:before { 
	content: '';
	position: absolute;
	left: 0;
	top:0;
	width: 20px;
	height: 20px; 
	text-align: center;
	background: #fff; 
	border: 2px solid #c8c8c8; 
	border-radius: 100%;
	box-sizing:border-box;
	transition: all 250ms ease;
} 
input[type="radio"]:checked + label:before { 
	background: #fff; border:10px solid #DC0074; 
} 
input[type="radio"]:checked + label:after { 
	content: ''; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 100%;
}


* {
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:10px;
}
body {
	max-width:720px;
	margin:0 auto;
}

.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

h1,h2,h3,h4,h5,h6 {margin:0;}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
input, button {margin:0;padding:0; border:0; background: transparent; outline: none; -webkit-appearance: none; -webkit-border-radius: 2px; }
input::placeholder {color: #999;}
textarea::placeholder {color: #999;}

p {margin:0;padding:0;word-break:break-all}
img {image-rendering: auto; vertical-align: top;}
table, tbody, tr, th, td{border-spacing: 0; box-sizing: border-box;}
a {text-decoration: none; font-size:inherit; color:inherit; font-weight:inherit;}
button {
	border-radius: 2px
	cursor:pointer;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
	color:inherit;
}
.flex {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
header {
	position:fixed;
	z-index:999;
	width:100%;
	height:104px;
	padding:0;
	background: #fff;
	overflow: hidden;
	top:0;
	left:0;
	display:block
}
header.header_order.nav-up {display:none}
header.header_order {
	position:relative !important;
	height:auto !important
}
.header {
	position:relative;
	width:100%;
	height:42px;
	margin-top:10px;
	padding:0 20px;
}
.m_login {
	position:absolute;
	top:0;
	left:20px;
	height:40px;
}
.m_login img {height:36px;}

.m_slide_icon {
	position:absolute;
	height:24px;
	top:2px;
	right:44px;
	z-index: 9990;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end
}
.m_slide_nav_home {
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:26px;
	vertical-align:top;
}
.m_slide_cart_btn {
	position:absolute;
	top:0;
	left:-12px;
	width:auto;
	height:24px;
	z-index:-1;
}
.m_slide_nav_home img {width:100%;}
.m_slide_cart_btn img {width:24px;}
.label_qnt {
	position:relative;
	margin-right:16px;
}
.label_qnt span {
	position:relative;
	height:16px;
	border-radius:8px;
	padding:0 4px;
	font-size:1.1rem;
	font-weight:700;
	color:#fff;
	text-align:right;
	background:#EB4F47;
}
.m_nav {
	position:absolute;
	width:24px;
	height:18px;
	top:6px;
	right:20px;
	z-index: 9999;

}
.m_slide_nav {
	height: 100%;
    position: fixed;
	top:0;
    right: 0;
    width: 100%;
    transform: translateX(100%);
    transition: transform 250ms ease-in-out;
	overflow-y: scroll;
	z-index:9998;
	background: #fff;
}
.m_slide_nav.active {
    transform: translateX(0);
}
.m_slide_bg {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.6);
	z-index:9997;
	display:none;
	overflow:hidden;
}
.m_slide_nav_top {
	position:relative;
	width:100%;
	height:52px;
	padding:10px;
	background: #fff;
	top:0;
	right:0;
}

.m_slide_nav_btn {
	position:absolute;
	width:24px;
	height:18px;
	top:14px;
	right:20px;
	z-index: 9999;
}

.m_slide_nav_login {
	width:calc(100% - 40px);
	background:#FFF0F6;
	height:48px;
	border-radius:5px;
	margin:0 auto;
}

button.m_btn_login_s, button.m_btn_join_s {
	font-size:1.6rem;
	font-weight:500;
	color:#F06595;
	padding:12px;
}
.m_slide_nav_box {	
	width:100%;
	height:auto;
	position:relative;
	
}
.m_slide_nav_icon {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:30px 10px;
	width:100%;
	max-width:360px;
	background: #fff;
}
button.m_btn_nav {
	position:relative;
	width:25%;
	text-align:center;
}
.m_btn_icon_img {
	position:relative;
	display:block;
	width:100%;
	max-width:72px;
	height:72px;
	text-align:center;
	background:#F1F1F1;
	border-radius:25px;
	margin:0 auto;
	overflow:hidden;
}
.m_btn_icon_img img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
.dft {display:block}
.act {display:none}

button.m_btn_nav:hover > .m_btn_icon_img .act {display:block;}
button.m_btn_nav:hover > .m_btn_icon_img .dft {display:none;}
button.m_btn_nav:hover > p {color:#dc0074;}
button.m_btn_nav p {
	width:98%;
	font-size:1.6rem;
	margin-top:10px;
	margin-bottom:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
.m_slide_nav_menu {
	width:100%;
	padding:0 20px;
	background: #fff;
}
.m_slide_nav_list:first-child {border:0;}
.m_slide_nav_list {
	width:100%;
	padding:20px 0;
	border-top:1px solid #f2f2f2;
}
.m_slide_nav_list p {
	position:relative;
	width:100%;
	font-size:2rem;
	font-weight:700;
	padding-top:8px;
	padding-bottom:12px;
	border-bottom:1px solid #EDEDED
}
.m_slide_nav_list li:first-child {margin:0;}
.m_slide_nav_list li {
	position:relative;
	width:100%;
	font-size:1.7rem;
	margin-top:15px;
}
.m_slide_nav_list li a {font-size:1.7rem; color:#222}
.m_slide_nav_list li a:hover {color:#dc0074;}
.m_slide_nav_list li span {font-size:1.3rem; color:#999; padding-top:5px; display:inline-block;}
.m_slide_nav_info {
	position:relative;
	width:100%;
	padding:25px 20px;
	background: #f2f2f2;
}
.m_slide_nav_info p {
	font-size:0.9rem;
	font-weight:700;
}
.m_slide_nav_info h1 {
	color:#dc0074;
	font-size:2.4rem;
	font-weight:700;
}
.m_slide_nav_info h2 {
	font-size:1.6rem;
	font-weight:500;
	margin-top:12px;
}
.m_slide_nav_info h4 {
	font-size:1.6rem;
	color:#999;
	margin-top:15px;
}

.m_nav_icon {
	position:absolute;
	right:20px;
	top:25px;
	width:60px;
	height:60px;
}
.m_nav_icon img {width:100%;}

.btn_slide_out, .btn_slide_in {
	transition: all 0.5s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 24px;
}

.spinner {
    transition: all 0.5s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #333;
}
.horizontal, 
.btn_slide_in.active > .horizontal {
    transition: all 0.5s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 6px;
}
.diagonal.part-1, 
.btn_slide_in.active > .diagonal.part-1 {
    position: relative;
    transition: all 0.5s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2, 
.btn_slide_in.active > .diagonal.part-2 {
    transition: all 0.5s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 6px;
}
.btn_slide_in > .horizontal, 
.btn_slide_out.active > .horizontal {
    transition: all 0.5s;
    box-sizing: border-box;
    opacity: 0;
	background: #333

}
.btn_slide_in > .diagonal.part-1,
.btn_slide_out.active > .diagonal.part-1 {
    transition: all 0.5s;
    box-sizing: border-box;
    transform: rotate(135deg);
	margin-top:10px;
	background: #333;

	
}
.btn_slide_in > .diagonal.part-2, 
.btn_slide_out.active > .diagonal.part-2 {
    transition: all 0.5s;
    box-sizing: border-box;
    transform: rotate(-135deg);
	margin-top:-10px;
	background: #333;

}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


.m_nav_main {
	position:relative;
	width:100%;
	margin:0 auto;
	height:20px;
}
.m_nav_main ul {
	width:100%;
	display:flex;
	text-align:center;
	flex-wrap:nowrap;
	justify-content: space-between;
	padding:0 5px;
}
.m_nav_main ul li {width:auto; display:inline-block; font-size:0.8em; text-align:center; padding:0 5px;}

.m_main_nav {
	height:52px;
}
.m_main_nav:after {
	content:'';
	position:absolute;
	display:block;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#f2f2f2;
}
.m_main_menu {
	font-size:1.8rem;
	padding:12px;
	display:inline-block;
	border-radius:0;
	border-bottom:1px solid #f2f2f2;
}
.m_main_menu.is-checked {
	font-weight:700;
	border-bottom:2px solid #333;
	margin-top:1px;
}
.m_main_menu:nth-of-type(1) {margin-left:20px;}
.m_main_menu:nth-last-of-type(1) {margin-right:20px;}


.container {
	margin-top:104px;
	width:100%;
	position:relative;
	margin-bottom:50px;
}
.sub_container {
	margin-top:42px;
	width:100%;
	position:relative;
}
.sub_container input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
}
.sub_container input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	font-size:0.9em;
}
.sub_container input[type="checkbox"] + label:before { 
	content: ' ';
	display: inline-block;
	width: 1em; /* 체크박스의 너비를 지정 */ 
	height: 1em; /* 체크박스의 높이를 지정 */
	line-height: 1em; /* 세로정렬을 위해 높이값과 일치 */
	margin-right:5px;
	text-align: center;
	vertical-align: middle;
	background: #fff; 
	border: 1px solid #ddd;
}

.sub_container input[type="checkbox"]:checked + label:before {
	content: '\2713';
	font-weight: 700;
	color: #dc0074;
	background: #fff;
	border-color: #ddd;
}
.sub_container input[type="checkbox"]:hover + label:before{
	border:1px solid #999;
	color:#999;
}

/* main */




.m_main_banner_wrap {
	position:relative;
	width:100%;
	overflow: hidden;
	background-size: cover;
	padding:20px!important;
}

.m_main_banner_box { position:relative;width:100%;}
.m_main_banner_box img {width:100%;}
/*.m_main_banner_img .t01 {background-size: cover; background: url("../images/img_mainslide01.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t02 {background-size: cover; background: url("../images/img_mainslide02.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t03 {background-size: cover; background: url("../images/img_mainslide03.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t04 {background-size: cover; background: url("../images/img_mainslide04.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t05 {background-size: cover; background: url("../images/img_mainslide05.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t06 {background-size: cover; background: url("../images/img_mainslide06.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t07 {background-size: cover; background: url("../images/img_mainslide07.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t08 {background-size: cover; background: url("../images/img_mainslide08.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t09 {background-size: cover; background: url("../images/img_mainslide09.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t10 {background-size: cover; background: url("../images/img_mainslide10.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t11 {background-size: cover; background: url("../images/img_mainslide11.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t12 {background-size: cover; background: url("../images/img_mainslide12.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t13 {background-size: cover; background: url("../images/img_mainslide13.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t14 {background-size: cover; background: url("../images/img_mainslide14.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t15 {background-size: cover; background: url("../images/img_mainslide15.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t16 {background-size: cover; background: url("../images/img_mainslide16.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t17 {background-size: cover; background: url("../images/img_mainslide17.jpg") center center; background-repeat: no-repeat;}
.m_main_banner_img .t99 {background-size: cover; background: url("../images/img_mainslide99.jpg") center center; background-repeat: no-repeat;} */

.m_main_banner_img {
	position:relative;
	width:100%;
	border-radius:10px;
	overflow:hidden;
}

.m_main_banner2 {
	position:relative;
	width:100%;
	height:100px;
	overflow: hidden;
	text-align:center;
	margin:40px 0 10px;
}
.m_main_banner2.wline:before {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:10px;
	left:0;
	bottom:0;
	background:#fff;
	z-index:0
}
.m_main_banner2 img {position:relative;z-index:2;height:100px;}

.swiper-buttons {
	position:absolute;
	top:32px;
	right:32px;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	width:auto;
	height:28px;
	border-radius:16px;
	background:#fff;
	padding:2px 5px;
}
.swiper-page {
	position:relative!important;
	font-size:1.5rem;
	color:#CECECE;
	width:auto!important;
	height:24px;
	padding:0px;
	font-size:0;
	bottom:inherit!important
}
.swiper-page:before {
	position:absolute;
	display:block;
	width:1px;
	height:1.3rem;
	background:#CECECE;
	top:5px;
	left:50%;
	content:'';
}
.swiper-page span {font-size:1.5rem;padding:0 6px;}
.swiper-pagination-current {color:#777;font-weight:700}
.swiper-btn {
	
}
.swiper-btn button {
	width:16px;
	height:16px;
	padding:7px 0;
	color:#777;
}
.swiper-btn button > img {vertical-align:top}

.m_main_icon {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	padding:0 20px;
}
.m_btn_icon {
	width:calc((100% - 48px)/4);
	height:auto;
	text-align:center;	
}
.m_btn_icon button {
	position:relative;
	width:100%;
	height:0;
	padding-top:100%;
	border-radius:50%;
	background:#F1F3F5
}
.m_btn_icon button img {
	position:absolute;
	width:61.76%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.m_btn_icon p {
	font-size:1.6rem;
	font-weight:500;
}

.m_main_row {padding:20px;}
.m_main_row.gray {padding:40px 20px 50px; background:#F1F3F4;margin-top:20px;}
.m_main_row h3 {
	position:relative;
	font-size:2rem;
	font-weight:500;
	margin-left:20px;
	margin-bottom:10px;
}
.m_main_row h3 span {font-size:inherit; color:#dc0074}
.m_main_title {
	position:relative;
	width:100%;
	display:inline-block;
	padding:0;
	margin-top:20px;
}
.m_main_title h1 {
	position:relative;
	font-size:2.6rem;
	font-weight:700;
}
.m_main_title h2 {
	position:absolute;
	top:10px;
	right:20px;
	font-size:1.5rem;
	color:#999;
}
.m_main_title h4 {
	position:relative;
	font-size:1.6rem;
	color:#444;
	margin-top:30px;
}

.m_main_title p {
	position:relative;
	display:inline-block;
	vertical-align: bottom;
	padding:0 5px;
	color:#222;
}

.m_main_port {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}

.m_main_port_nav {width:100%; margin-top:20px;margin-bottom:6px;}
.m_main_port_menu > p {font-size:1.4rem; font-weight:700;color:#666;text-align:center;margin-top:4px;margin-bottom:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_main_port_menu.swiper-slide-thumb-active > p {color:#222}
.m_main_port_thumb {
	border-radius:50%;
	background:#eee;
	overflow:hidden;
}
.m_main_port_thumb img {width:100%}
.m_main_port_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	position:relative;
}
.m_main_port_box,
.m_main_shop_box {
	position:relative;
	width:calc((100% - 12px)/2);
	margin-bottom:20px;	
}
.m_main_samp_box {
	position:relative;
	width:140px;
	margin-left:12px;
}
.m_main_samp_box:first-child {margin-left:20px;}
.m_main_samp_box:last-child {margin-right:20px;}
.m_main_samp_txt {margin-top:6px;font-size:1.6rem;font-weight:700;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.m_main_port_box a,
.m_main_samp_box a
{color:#222;}
.m_main_port_img,
.m_main_shop_img,
.m_main_samp_img {
	position:relative;
	width:100%;
	background: #eee;
	overflow: hidden;
	border-radius:5px;
}
.m_main_samp_img.border {border:1px solid #EDEDED}
.m_main_port_img img,
.m_main_shop_img img,
.m_main_samp_img img {
	width:100%;
	height:auto;
	vertical-align: top;
}
.m_main_port_txt,
.m_main_shop_txt {
	width:100%;
	position:relative;
	margin-top:10px;
	text-align:left;
}
.m_main_port_txt h1 {font-size:1.8rem; font-weight:700}
.m_main_port_txt h2 {font-size:1.4rem; color:#999}
.m_main_port_txt h3 {font-size:1.8rem; font-weight:700;margin-left:0;margin-bottom:0;margin-top:6px;}
.m_main_port_txt h4 {font-size:1.3rem; color:#999; text-decoration:line-through}

.sale_tag {
	position:absolute;
	top:5px;
	right:5px;
	width:48px;
	height:48px;
	background:#F03E3E;
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	font-weight:700;
	border-radius:50%;
	padding-top:10px;
	line-height:1.3
}

.m_main_shop_txt h1 {font-size:1.6rem; font-weight:700}
.m_main_shop_txt h2 {font-size:1.4rem; color:#999}
.m_main_shop_txt p {font-size:1.8rem; font-weight:700; margin-top:10px;}

.m_main_border {
	position:relative;
	width:100%;
	height:10px;
	background: #f2f2f2;
}
.m_main_swipe {
	position:relative;
	width:100%;
}
.m_main_smp_wrap {
	padding-bottom:30px;
}
.m_main_smp_box {
	width:40%;	
}
.m_main_smp_box:nth-of-type(1) {margin-left:10px;}
.m_main_smp_box:nth-last-of-type(1) {margin-right:10px;}
.m_main_smp_img {
	border:1px solid #ddd;
	position:relative;
	width:100%;
	border-radius:5px;
	margin-bottom:10px;
	overflow: hidden;
}
.m_main_smp_img img { width:100%; height:auto;}
.m_main_event {
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}
.m_main_event img {width:100%;}

.m_main_news {
	padding:30px 0 10px 20px;
}
.m_main_news_wrap {}
.m_main_news_box {
	position:relative;
	width:100%;
	padding-right:20px;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #222;	
}
.m_main_news_box:nth-last-of-type(1) {border:0;}
.m_main_news_box h2,
.m_main_news_box h2 a {
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:15px;
	color:#222;
}

.m_main_news_box h6 {
	font-size:1.4rem;
	color:#999;
	margin-bottom:25px;
}
.m_main_news_box:after {
	content:"에이프린트 제작팀";
	font-size:1.4rem;
	color:#999;
	
}

.m_main_now_wrap,
.m_main_samp_wrap  {
	width:100%;
	position:relative;
	padding-bottom:20px;
}
.m_main_samp_wrap {margin-bottom:30px;}
.m_main_now_box {
	position:relative;
	width:260px;
	margin-left:12px;
	
}
.m_main_now_box:first-child {margin-left:20px;}
.m_main_now_box:last-child {margin-right:20px;}
.m_main_now_img {
	position:relative;
	width:100%;
	background: #eee;
	border-radius:5px;
	overflow:hidden;
}
.m_main_now_img img {width:100%;}
.bg_grad {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000CC 100%) 0% 0% no-repeat padding-box;
	opacity: 0.5;
	z-index:1;
}
.m_main_now_txt {position:relative ; padding:10px 0; width:100%;}
.m_main_now_label {
	position:relative;
	width:100%;
	margin-bottom:4px;
}
.m_main_now_label div {display:inline-block; font-size:1.4rem; color:#999; margin-right:10px;}
.m_main_now_label div:before {
	content:"#"; 
}
.m_main_now_cate {
	font-size: 14px;
    background: #fff;
    line-height: 20px;
    display: inline-block;
}
.m_main_now_date {
	position: absolute;
    font-size: 14px;
    color: #ccc;
    top: 0;
    right: 0;
    line-height: 20px;
}
.m_main_now_txt h2 {font-size:1.8rem; font-weight:700; word-break: keep-all;}
.m_main_now_txt h4 {font-size:1.6rem; word-break: keep-all;}

.m_main_spcase_wrap {
	position:relative;
	width:100%;
}
.m_main_spcase_wrap.fold {display:none;}
.m_main_spcase_box {
	margin-bottom:40px;
	text-align:center;
}
.m_main_spcase_box img {width:100%;}
.m_main_spcase_box h1 {font-size:1.8rem;font-weight:700;margin-top:10px}
.m_main_spcase_box h2 {font-size:1.5rem;color:#666}

.m_main_sale {
	width:100%;
	background:#F1F3F5;
	padding:12px;
	margin-top:10px;
	margin-bottom:-20px;
}
.m_main_sale p {color:#444;font-size:1.5rem;line-height:2}
.m_main_sale p button {
	font-size:1.3rem;
	color:#444;
	background:#fff;
	border-radius:5px;
	width:68px;
	height:28px;
	margin-left:10px;
}
button.m_btn_more,
button.m_btn_less {
	width:100%;
	height:52px;
	background:#fff;
	border:1px solid #eee;
	font-size:1.6rem;	
}
button.m_btn_less {display:none}

.m_go_pc {
	position:fixed;
	width:100%;
	height:50px;
	background: #dc0074;
	bottom:0;
	left:0;
	color:#fff;
	text-align:center;
	padding:10px;
	z-index:99;
}
footer {
	background: #fbfbfb;
	padding:20px 0;
}

.m_btn_top {
	position:fixed;
	bottom:70px;
	right:20px;
	z-index:990;
	width:50px;
	height:50px;
	display:none;
}
.m_btn_top img {width:100%;}
.m_btn_top.fix {
	bottom:70px;
}

.m_ft_tact {
	position:relative;
	width:100%;
	padding:0 20px;
}
.m_ft_tact h2 {font-family: 'Roboto', sans-serif; font-size:2.4rem; font-weight:900; color:#dc0074;}
.m_ft_tact h1 { font-size:1.8rem; font-weight:bold; margin-bottom:5px;}
.m_ft_tact .m_ft_binfo {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
}
.m_ft_tact .m_ft_binfo > div:nth-of-type(1) {width:60%;padding-right:5px;}
.m_ft_tact .m_ft_binfo > div:nth-of-type(2) {width:40%;padding-left:5px;}
.m_ft_tact .m_ft_binfo > div p {font-size:1.4rem;color:#333;}
.m_ft_btn {
	position:relative;
	width:100%;
	border-top:1px solid #f2f2f2;
	padding:20px;
}
.m_ft_btn ul {
	position:relative;
	display:flex;
	justify-content: space-between;
}
.m_ft_btn ul li {
	display: inline-block;
	text-align:center;
	color:#999;
	
}
.m_ft_btn ul li a {font-size:1.4rem; color:#999;}
.m_ft_comp {
	position:relative;
	width:100%;
	padding:10px;
	border-bottom:1px solid #fff;
}
.m_ft_info {
	position:relative;
	width:100%;
	font-size:1.2rem;
	padding:0 20px;
}
.m_ft_info_title {font-size:1.5rem; padding-top:15px; line-height:24px;}
.m_ft_info_title span {
	vertical-align: top; margin-left:5px; display:inline-block;
}
.m_ft_info_title span.rotate {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.m_ft_info_cont {display:none; margin-bottom:5px;}
.m_ft_info_cont p {font-size:1.2rem; margin-top:3px;}
.m_ft_info_cont p a {font-size:1.2rem; color:#222;}

.m_ft_copy {
	position:relative;
	width:100%;
	margin:10px 0 15px 0;
	color:#ccc;
	font-size:1.5rem;
	padding:0 20px;
}

/* 메인 샘플디자인 레이어 */
.imgzoom {
    
    display: none;
	overflow:hidden;
}
.overback {
	position: fixed; /* Stay in place */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	
	outline:none;
	z-index: 9998;
}
.imgzoom_box {
    width: 100%;
	max-width:720px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	padding:20px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	z-index: 9999;
}
button.zoom_close { 
	position:absolute;
	top:30px;;
	right:30px;
	width:24px; 
	height:24px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	z-index:9999;
}
.imgzoom_box button:hover {color:#dc0074; border-bottom:2px solid #fff; -webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}


.imgzoom_img {
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	background: #fff;
}
.imgzoom_img img {width:100%;}
.imgzoom_txt {
	position:relative;
	width:100%;
	background: #fff;
	padding:20px;
	
}
.imgzoom_txt h2 {font-size:2rem; font-weight:bold; margin-bottom:10px;}
.imgzoom_txt h4 {font-size:1.5rem; line-height:160%; color:#999; word-break:keep-all}

.mySlides {
	position:relative;
	width:100%;
	height:100%;
	display: none
}
.mySlides img, .imgzoom_img  img {
    width: 100%;
	margin:0 auto;
	overflow:hidden;	
}


/* Next & previous buttons */
.slide_prev, .slide_next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 30px;
  height:30px;
	text-align:center;
	line-height:30px;
  font-size: 1.4rem;
  transition: 0.6s ease;
	transform: translate(0,-50%);
	background-color: rgba(0,0,0,0.5);
	color:#fff;
}

/* Position the "next button" to the right */
.slide_next {
  right: 0;
}




/* The dots/bullets/indicators */
.slidedots {
	position:absolute;
	width:600px;
	height:10px;
	text-align:center;
	position:absolute;
	bottom:15px;
	transform:translate(-50%,0);
	left:50%;
}
.dots {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: rgba(34, 34, 34, 0.5);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dots.active, .dots:hover {
  background-color: #dc0074;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* 카테고리 */
.m_cate_wrap {
	position:relative;
	width:100%;
	margin:20px auto 0;
}
.m_cate_box {
	width:100%;
	border-bottom:1px solid #f2f2f2;
}
.m_cate_title {
	position:relative;
	width:100%;
	padding:15px 20px;
	text-align:left;
	font-size:1.7rem;
	font-weight:700;	
}
.m_cate_title h2 {
	font-size:2rem;
	font-weight:700;
}
.m_cate_title span {
	position:absolute;
	top:18px;
	left:20px;
	width:24px;
	height:24px;
}
.m_cate_title span img {width:100%;}
.m_cate_arrow {
	position:absolute;
	top:15px;
	right:20px;
	width:24px;
	height:24px;
	text-align:center;
}
.m_cate_arrow > img {}
.m_cate_box > .m_cate_title .m_cate_arrow > img.ic_down {display:inline-block;margin-top:7px;}
.m_cate_box > .m_cate_title .m_cate_arrow > img.ic_up {display:none;}
.m_cate_box.present > .m_cate_title .m_cate_arrow > img.ic_up{display:inline-block;}
.m_cate_box.present > .m_cate_title .m_cate_arrow > img.ic_down{display:none;}

.m_cate_list_wrap {
	width:100%;
	position:relative;
	display:none;
}

.m_cate_list {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:0 15px 18px 15px;
}
.m_cate_list li {
	width:50%;
	display: inline-block;
	font-size:1.7rem;
	padding:5px;
}
.m_cate_list li.x2 {width:100%;}
.m_cate_list li a {
	font-size:1.7rem;
	color:#222;
}
.m_cate_list li a:hover {font-weight:700;color:#dc0074;}


.m_cate_box.present > .m_cate_title h2 {}
.m_cate_box.present > .m_cate_title span .act {display:block;}
.m_cate_box.present > .m_cate_title span .dft {display:none;}
.m_cate_box.present > .m_cate_title .m_cate_arrow {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.m_cate_box.present > .m_cate_list_wrap {display:block;}

.m_cate_pcver {
	position:relative;
	width:100%;
	background: #FAA2C1;
	padding:25px 20px;
	font-size:1.5rem;
}
.m_cate_subwrap {
	position:relative;
	padding:30px 15px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between;
}
.m_cate_sub {
	text-align:center;
	width:82px;
	max-width:82px;
	padding:0 5px;
	margin-bottom:20px;
}
.m_cate_sub img {
	width:72px;
	height:72px;
	border-radius:25px;
	overflow:hidden;
	background:#ddd;
}
.m_cate_sub p {font-size:1.6rem;margin-top:6px;}

.m_btn_pc {
	position:absolute;
	top:29px;
	right:20px;
	background:#FAFAFA;
	font-size:1.5rem;
	width:80px;
	height:40px;
	border-radius: 2px;
}
/* 주문내역 */
.m_sub_title {
	position:relative;
	width:100%;
	height:30px;
	text-align:left;
	font-size:1.8rem;
	font-weight:700;
	padding-left:35px;
}
.m_sub_title button {
	position:absolute;
	width:20px;
	height:20px;
	left:0;
	top:5px;
}

.m_sub_title button img,
.m_sub_title span img {width:100%;}

.m_search_wrap {
	position:relative;
	width:100%;
	background:fff;
	padding:20px;
	border-bottom:10px solid #F2F2F2;
}
.m_search_row {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
	font-size:1.2rem;
}

.m_search_row:nth-last-of-type(1) {margin-bottom:0}

.m_search_row select {
	width:100%;
	height:42px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	font-size:1.4rem;
	color:#333;
	padding:0 10px;
}
.m_search_row select option {font-size:1.4rem;}
.m_search_row input[type="radio"] {display:none;}
.m_search_row input[type="radio"]+label {
	position:relative;
	display:inline-block;
	width:calc((100% - 15px) / 4);
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
	color:#999;
	text-align: center;
	font-size:1.5rem;
	background: #fff;
	border-collapse: collapse;
}
.m_search_row input[type="radio"]+label:hover, .form_radio1 input[type="radio"]:checked+label{
	border:1px solid #dc0074;
	background:#fff;
	color:#dc0074;
	cursor:pointer;
}
.m_search_row input[type="text"] {
	position:relative;
	width:calc((100% - 5px) * 0.65);
	background: #fff;
	border:1px solid #ccc;
	font-size:1.5rem;
	height:40px;
	padding:5px 10px;
}
.m_search_row input[type="date"] {
	position:relative;
	width:calc((100% - 20px)/2);
	width:-webkit-calc((100% - 20px)/2);
	background:#fff;
	border:1px solid #d6d6d6;
	height:42px;
	padding:5px 10px;
	font-size:1.4rem;
	overflow:hidden;
	display:inline-block;
	color:#333;
	border-radius:5px;
	
}
/*.m_search_row input[type="date"]:after {
	position:absolute;
	top:8px;
	right:10px;
	content: url('../images/ic_calender.svg');
}
.m_search_row input[type="date"]::-webkit-calendar-picker-indicator,
.m_search_row input[type="date"]::-webkit-inner-spin-button {
     display: none;
     appearance: none;
 }*/


.m_search_row span {width:20px; line-height:40px; display:inline-block; text-align:center; font-size:1.2rem}
.m_search_row button {
	position:relative;
	width:calc((100% - 5px) * 0.35);
	background:#999;
	color:#fff;
	font-size:1.5rem;
	border-radius:2px;
}

.m_my_wrap {
	background: #f2f2f2;
	padding-bottom:10px;
}
.m_my_box {
	position:relative;
	width:100%;
	padding:12px 0;
	background: #fff;
	margin-bottom:10px;
	font-size:1.3rem;
}
.m_my_box:nth-last-of-type(1) {margin-bottom:0;}
.m_my_box a {color:#999}
.m_my_box_none {
	position:relative;
	width:100%;
	padding:80px 0;
	background: #fff;
	font-size:1.8rem;
	text-align:center;
}
	
.m_my_date {
	position:relative;
	width:100%;
	padding:0 20px 12px 20px;
	border-bottom:1px solid #f2f2f2;
	font-size:1.5rem;
	color:#999;
}
.m_my_date span {
	position:absolute;
	font-size:1.5rem;
	right:20px;	
}
.m_my_date span.price {color:#222}
.m_my_title {
	position:relative;
	padding:15px 20px 12px 20px;
	font-size:1.5rem;
	word-break: keep-all;
}

.m_my_title2 {
	position:relative;
	padding:12px 20px;
	font-size:1.5rem;
	word-break: keep-all;
}
.m_my_title p,
.m_my_title2 p {
	font-size:1.5rem
}
.m_my_title p span, 
.m_my_title2 p span {font-size:1.5rem;font-weight:700}
.m_my_state {
	position:relative;
	padding:12px 20px 12px 20px;
	font-size:1.8rem;
	color:#dc0074;
	font-weight:bold;
	border-bottom:1px solid #eee;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.m_my_state h2 {
	font-size:1.8rem;
	color:#dc0074;
	font-weight:bold;
}
/* 1107 추가 */

button.m_btn_cancel2 {
	width:62px;
	height:30px;
	font-size:1.3rem;
	color:#666;
	border:1px solid #D8D8D8;
	background:#fff;
	border-radius:2px;
}

/* 0520 edit */
.m_my_delistate {
	position:relative;
	color: #666;  
}
.deli_01 {
	font-size: 1.4rem;
    display: inline-block;
    vertical-align: top;
    line-height: 180%;
}
.deli_02 {
	margin-left:10px;
	display: inline-block;
    vertical-align: top;
	font-size:1.4rem;
	text-decoration:underline;
	line-height: 180%;
}
.deli_02 span {font-size:1.4rem;}
.m_my_state2 {
	position:relative;
	padding:12px 20px 5px 20px;
	font-size:1.8rem;
	color:#666;
	font-weight:bold;
}
.m_my_state2.present {color:#dc0074;}
.m_my_price {
	font-size:2rem;
	font-weight:bold;
	padding:0 20px 8px 20px;
}

.m_my_delivery {
	position:relative;
	width:100%;
	display:flex;
	font-size:1.4rem;
	padding:10px 20px 8px 20px;
}
.m_my_method {
	color:#666;
	font-size:1.4rem;
	width:90px;
	display:inline-block;
	vertical-align:top;
	line-height:180%;
}
.m_my_shipinfo {
	color:#666;
	font-size:1.4rem;
	width:calc(100% - 90px);
	line-height:180%;
	display:inline-block;
	vertical-align:top;
}
.m_my_shipinfo div {font-size:1.4rem;}
.m_my_shipinfo div p {font-size:1.4rem;}
.m_my_shipinfo div p span {font-size:1.4rem; text-decoration:underline}
.m_my_shipinfo div a {
	color:#666;
	text-decoration:underline;
	font-size:1.4rem;
	margin-right:5px;
}

/* 주문내역 상세 */
.m_my_state_swipe {
	position:relative;
	width:100%;
	background: #f2f2f2;
}
.m_my_state_swipe ul {
	padding:20px 0;
}
.m_my_state_swipe li {
	width:25%;
	display:inline-block;
	text-align:center;
}
.m_my_state_swipe li:after {
	position:absolute;
	top:16px;
	right:-5px;
	font-size:1.6rem;
	content: "\00276F";
	color:#999;
}
.m_my_state_swipe li:last-child:after {
	content: ""
}
.m_my_state_swipe li.now:after {
	color:#F06595;
}
.m_my_state_swipe li div {
	position:relative;
	margin:0 auto;
	width:60px;
	height:60px;
}
.m_my_state_swipe li div img {
	position:absolute;
	width:100%;
}
.m_my_state_swipe li p {
	padding-top:5px;
	font-size:1.5rem;
	color:#999;
	word-break:keep-all
}

.m_my_state_swipe li.now {
	width:25%;
	display:inline-block;
	text-align:center;
}
.m_my_state_swipe li.now div {
	margin:0 auto;
	width:60px;
	height:60px;
	border-radius: 30px;
	background: #ddd;
}
.m_my_state_swipe li.now div img {
	width:100%;
}
.m_my_state_swipe li.now p {
	padding-top:5px;
	font-size:1.5rem;
	font-weight:bold;
	color:#F06595;
}

.m_my_state_swipe li.now > div .act {display:block;}
.m_my_state_swipe li.now > div .dft {display:none;}

.m_my_box2 {
	position:relative;
	width:100%;
	background: #fff;
	padding:30px 20px;
	margin-bottom:10px;
	font-size:1.3rem;
}
.m_my_box2:last-of-type {
	margin:0;
}
.m_my_detail {
	position:relative;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #eee;
	display:flex;
}

.m_my_detail_title {
	position:relative;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #222;
	font-weight:bold;
	font-size:2rem;
}
.m_my_detail_l {
	position:relative;
	width:100px;
	display:inline-block;
	vertical-align: top;
	font-weight:bold;
	font-size:1.7rem;
}
.m_my_detail_r {
	position:relative;
	width:calc(100% - 100px);
	display:inline-block;
	vertical-align: top;
	word-break: keep-all;
	font-size:1.7rem;
	padding-left:5px
}
.m_my_detail_r .pink {color:#dc0074; font-size:1.7rem}
.m_my_detail_r .gray {color:#999; font-size:1.7rem}
.m_my_box2 p {font-size:1.5rem; color:#121212; line-height:1.6}
.m_my_box2 ul li {font-size:1.5rem; color:#666; list-style:"·"; margin-left:5px;padding-left:5px; word-break:keep-all; margin-top:5px; line-height:1.6}

/* 시안확인 */
.m_my_conf {
	position:relative;
	width:100%;
	text-align:right;
	padding: 0 20px 10px 20px;
	font-size:1.5rem;
}
.m_my_conf button {
	position:relative;
	width:90px;
	height:40px;
	font-size:1.5rem;
	border:1px solid #dc0074;
	border-radius:2px;	
	color:#dc0074;
}
.m_my_conf button.btn_reorder {
	border:0;
	background:#dc0074;
	color:#fff;
}


/* 시안확인 상세 */

.m_my_conf_prev {
	width:100%;
	height:100%;
	position:relative;
	background: #f2f2f2;
}
.m_img_prev {
	position:relative;
	width:100%;
	min-height:400px;
	overflow:scroll;
}
.m_txt_prev {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.m_txt_prev button {
	background: #dc0074;
	color:#fff;
	font-size:1.5rem;
}
.m_txt_prev p {
	line-height:160%;
	font-size:1.6rem;
	margin-bottom:30px;
}

.m_pdf_prev {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}

.m_my_conf_box {
	position:relative;
	width:100%;
	padding:30px 20px;
	background: #fff;
}
.m_my_conf_box_p {
	background:#FFF0F6;
	padding:20px;
	border-radius:5px;
}
.m_my_conf_box_g {
	position:relative;
	width:100%;
	padding:20px;
	padding-left:50px;
	background: #f2f2f2;
}
.m_my_conf_box_g img {
	position:absolute;
	top:25px;
	left:20px;
	width:20px;
	height:20px;
}
.m_my_conf_txt h2 {font-size:1.8rem; font-weight:bold; margin-bottom:12px;}
.m_my_conf_txt h3 {font-size:1.7rem; margin-top:30px; margin-bottom:12px; line-height:180%;}
.m_my_conf_txt h4 {
	color:#E64980;font-size:1.7rem; line-height:180%;
}
.m_my_conf_txt h4 span {color:#E64980;font-size:1.7rem; font-weight:700}
.m_my_conf_txt h5 {font-size:1.7rem; color:#666;}
.m_my_conf_txt h6 a {font-size:1.5rem; margin-top:8px; color:#222;}
.m_my_conf_txt p {
	font-size:1.7rem; color:#666;
	word-break: keep-all;
	line-height:180%;
	margin-bottom:12px;
}
.m_my_conf_box_g > .m_my_conf_txt p {
	font-size:1.5rem; color:#666;
	word-break: keep-all;
	line-height:180%;
	margin-bottom:12px;
}
.m_my_conf_txt textarea {
	width:100%;
	padding:10px;
	font-size:1.5rem;
	line-height:180%;
	min-height:180px;
	border:0;
	border-radius: 0;
	background:#fafafa;
	margin-bottom:12px;
	resize: vertical;
}
.m_sent_row {padding:20px 0; border-top:1px solid #f2f2f2;}
.m_sent_row img {
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:5px;
	vertical-align:middle;
}
.m_sent_row p {
	font-size:1.5rem;
	display:inline-block;
	vertical-align:middle;
	color:#222;
	margin:0;
}
.m_sent_txt {
	width:100%;
	padding:10px;
	font-size:1.5rem;
	line-height:180%;
	border:0;
	border-radius: 0;
	background:#fafafa;
}


.m_align_right {
	position:relative;
	width:100%;
	text-align:right;
}
.m_align_right button {
	background: #dc0074;
	color:#fff;
	font-size:1.5rem;
}
.m_btn_req {width:95px;height:45px;}
.m_btn_set {width:100%;height:55px;margin-bottom:20px;}


/* 견적문의 */
.m_req_wrap {
	position:relative;
	width:100%;
	padding:30px 20px 0 20px;
}
.m_req_table {
	position:relative;
	width:100%;
	font-size:1.3em;
	
}
.m_req_table tr th {
	border-top:2px solid #222;
	padding:12px 10px;
	background: #fafafa;
	font-size:1.7rem;
	font-weight:700;
	border-bottom:1px solid #ccc;
}
.m_req_table tr th:nth-of-type(1) {width:60px;}
.m_req_table tr th:nth-of-type(2) {width:auto;}

.m_req_table tr td {padding:12px 0; text-align:center; font-size:1.7rem; border-bottom:1px solid #ccc;}
.m_req_table tr td:nth-of-type(1) {width:60px;}
.m_req_table tr td:nth-of-type(2) {width:auto; text-align:left; word-break: keep-all; position:relative; font-size:1.7rem; }
.m_req_table tr td:nth-of-type(2) a {font-size:1.7rem; color:#222;}

.m_req_row {font-size:1.5rem; margin-top:10px;}
.m_req_row:first-child {margin-top:0;}
.m_icon_lock {position:relative;width:20px;height:20px; margin-left:5px; margin-top:-5px; display:inline-block; vertical-align: middle;}
.m_icon_lock img { position:relative;width:20px; height:20px;}
.m_req_state {color:#999; font-size:1.5rem; padding-right:10px; border-right:1px solid #ccc; display:inline-block; vertical-align:middle; line-height:1.5rem;}
.m_req_state.a_done {color:#4DABF7;}
.m_req_name {padding:0 10px; border-right:1px solid #ccc; color:#999; font-size:1.5rem; display:inline-block; vertical-align:middle; line-height:1.5rem;}
.m_req_date {padding-left:10px; color:#999; font-size:1.5rem; display:inline-block; vertical-align:middle; line-height:1.5rem;}

/* 견적문의 폼 */
.m_myinfo_row label span {margin-left:5px;color:#F03E3E; font-size:1.2rem;}
.m_myinfo_row textarea {
	width:100%;
	padding:10px;
	font-size:1.3rem;
	line-height:180%;
	min-height:180px;
	border:0;
	border-radius: 0;
	background:#fafafa;
	resize: vertical;
}
.m_myinfo_row input[type="checkbox"]{ 
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0; 
	display:none;
}
.m_myinfo_row input[type="checkbox"] + label{ 
	display:inline-block;
	position:relative;
	padding-left:28px;
	cursor:pointer;
	font-size:1.5rem;
	color:#666;
}
.m_myinfo_row input[type="checkbox"] + label:before{ 
	content:'\002714';
	position:absolute;
	left:0;
	top:0;
	width:18px;
	height:18px;
	border-radius:9px;
	text-align:center;
	background:#ccc;
	color:#fff;
	box-sizing:border-box; 
	border:0;
	line-height:18px;
}
.m_myinfo_row input[type="checkbox"]:checked + label:before { 
	content: '\002714';
	position:absolute;
	top:0;
	left:0;
	width:18px;
	height:18px;
	text-align:center;
	color:#fff;
	border-radius:9px;
	background:#dc0074;
	font-weight:400;
	border:0;
	line-height:18px;
}

.m_myinfo_file {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	padding-bottom:10px;
}
.m_myinfo_file input[type="file"] {
	display:none;
}
.m_myinfo_file input[type="text"].filetext {
	position:relative;
	width:calc(100% - 87px);
	padding:0;
	height:30px;
	background: #fff;
	color:#999;
}
.m_myinfo_file .m_btn_file {
	width:72px;
	height:30px;
	background:#D5D5D5;
	color:#666;
	font-size:1.3rem;
	border-radius:2px;
	line-height:30px;
	text-align:center;
}
.m_myinfo_btn button.m_btn_list {
	width:95px;
	height:45px;
	color:#fff;
	background:#999;
	border-radius:2px;
	margin:0 5px;
}
.m_myinfo_btn button.m_btn_done {
	width:95px;
	height:45px;
	color:#fff;
	background:#dc0074;
	border-radius:2px;
	margin:0 5px;
}
.m_myinfo_btn button.m_btn_cancel {
	width:95px;
	height:45px;
	color:#555;
	background:#fff;
	border-radius:2px;
	margin:0 5px;
	border:1px solid #333;
}

.m_req_pass {
	text-align:center;
	magin:0 auto;
	margin:100px 0;
}
.m_req_pass p {font-size:1.7rem;padding:10px 0;}

.m_req_pass_box {
	position:relative;
	margin:0 auto;
	width:240px;
	display:flex;
	flex-wrap: wrap;
	padding-bottom:50px;
}
.m_req_pass_box input[type="password"] {
	display:inline-block;
	width:180px;
	padding:10px;
	font-size:1.5rem;
	color:#999;
	border:1px solid #ccc;
}
.m_req_pass_box button {
	width:60px;
	color:#fff;
	background:#dc0074;
	font-size:1.5rem;
}


/* 1:1문의 */
.m_board_title {
	margin-top:20px;
	margin-bottom:10px;
	font-size:2rem;
	font-weight:bold;
}

button.m_btn_write {
	width:100px;
	height:45px;
	background:#dc0074;
	color:#fff;
	border-radius:2px;
	font-size:1.5rem;
}
.m_board_table {
	position:relative;
	width:100%;
}
.m_board_table tr th {
	border-top:2px solid #222;
	padding:12px 10px;
	background: #fafafa;
	font-size:1.7rem;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.m_board_table tr th:nth-of-type(1) {width:100%;}

.m_board_table tr td {padding:12px 0; text-align:center; font-size:1.7rem; border-bottom:1px solid #ccc;}

.m_board_table tr td:nth-of-type(1) {width:auto; text-align:left; word-break: keep-all; position:relative; font-size:1.7rem;}
.m_board_table tr td:nth-of-type(1) a {font-size:1.7rem; color:#222;}
.m_board_state {color:#999; font-size:1.7rem; border-right:1px solid #ccc; padding-right:10px; line-height:1.5rem; display:inline-block; vertical-align:middle;}
.m_board_state.a_done {color:#4DABF7;}
.m_board_date {padding-left:10px; color:#999; font-size:1.5rem; display:inline-block; vertical-align:middle;}

.m_inquiry {
	position:relative;
	width:100%;
	padding:30px 20px;
	text-align:center;
}
.m_inquiry h2 {
	font-size:1.6rem;
	font-weight:400;
	line-height:180%;
	text-align:left;
	margin-bottom:20px
}
.m_inquiry img {width:100%;max-width:320px}
button.m_btn_11kakao {
	width:100%;
	max-width:320px;
	height:56px;
	border-radius:2px;
	background:#FEE500;
	margin-bottom:50px;	
	margin-top:10px;
}
button.m_btn_11kakao img, button.m_btn_11kakao p {display:inline-block; color:#191919; font-size:16px; font-weight:700;vertical-align:middle;}
button.m_btn_11kakao p {padding-left:8px;}



/* 1:1 문의 글쓰기 */
.m_11cs_wrap {
	position:relative;
	width:100%;
	padding:30px 20px;
}
.m_11cs_board {
	position:relative;
	width:100%;
	border-top:2px solid #222;
}
.m_11cs_row {
	width:100%;
	display:inline-block;
	padding:10px 0;
	border-bottom:1px solid #f2f2f2;
	vertical-align: middle;
}
.m_11cs_row:last-child {border:0;}
.m_11cs_left {
	width:70px;
	padding:0 10px;
	font-size:1.3rem;
	font-weight:bold;
	display:inline-block;
	vertical-align: middle;
}
.m_11cs_right {
	width:calc(100% - 75px);
	padding:0 10px;
	font-size:1.3rem;
	display:inline-block;
	vertical-align: middle;
}
.m_11cs_right input[type="text"] {
	font-size:1.3rem;
}
.m_11cs_file {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
}
.m_11cs_file input[type="file"] {
	display:none;
}
.m_11cs_file input[type="text"].filetext2 {
	position:relative;
	width:calc(100% - 82px);
	padding:0;
	height:30px;
	background: #fff;
	color:#999;
	font-size:1.3rem;
}
.m_11cs_file .m_btn_file {
	width:72px;
	height:30px;
	background:#D5D5D5;
	color:#666;
	font-size:1.3rem;
	border-radius:2px;
	line-height:30px;
	text-align:center;
}
.m_11cs_row textarea {
	width:100%;
	padding:10px;
	font-size:1.3rem;
	line-height:180%;
	min-height:180px;
	border:0;
	border-radius: 0;
	background:#fafafa;
	resize: vertical;
}
.m_11cs_row2 {
	width:100%;
	padding:10px 0;
}
.m_11cs_title {
	font-size:1.8rem;
	font-weight:bold;
	padding:5px 0 12px 0;
}
.m_11cs_date {
	font-size:1.3rem;
	color:#999;
	padding-bottom:5px;
}
.m_11cs_cont {
	position:relative;
	width:100%;
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1.7rem;
	line-height:160%;
	margin-bottom:10px;
}
.m_11cs_cont img {
	position:relative;
	width:100%;
}
.m_11cs_cont p {font-size:1.7rem;word-break:keep-all;line-height:1.8;text-align:center;}
.m_11cs_cont p span {font-size:1.7rem}

/* 회원정보 */
.m_myinfo_wrap {
	position:relative;
	width:100%;
	padding:20px 0;
}
.m_myinfo_title h1 {
	font-size:2rem;
	font-weight:700;
}
.m_myinfo_title h1 span {font-size:inherit; font-weight:inherit; color:#dc0074;}
.m_myinfo_title h2 {
	font-size:1.4rem;
	color:#999;
	margin-bottom:5px;
}
.m_myinfo_title {
	position:relative;
	margin-top:30px;
	padding:0 20px;
	font-size:2rem;
	font-weight:bold;
	margin-bottom:10px
}
.m_myinfo_title:first-child{margin-top:10px;}
.m_myinfo_info {
    position:relative;
	margin-top:30px;
	padding:0 20px;
	font-size:1.8rem;
    color:#dc0074;
}
.m_myinfo_info span {font-weight:700; font-size:inherit;}
.m_myinfo_box {
	position:relative;
	width:100%;
	padding:20px;
}
.m_myinfo_row {
	position:relative;
	width:100%;
	font-size:1.3rem;
	margin-bottom:30px;
}
.m_myinfo_row:last-child {margin-bottom:10px;}
.m_myinfo_row label {
	position:relative;
	display:inline-block;
	width:auto;
	font-size:2rem;
	margin-bottom:10px;
	color:#666;
}
.m_myinfo_row label:last-child {margin-right:0;}

.m_myinfo_row p {
	font-size:1.7rem;
	font-weight:bold;
}
.m_myinfo_row input[type="text"],
.m_myinfo_row input[type="password"],
.m_myinfo_row select {
	width:100%;
	background:#fafafa;
	padding:10px;
	height:45px;
	font-size:1.5rem;
	border:0;
}

.m_myinfo_btn {
	position:relative;
	width:100%;
	padding:0 20px;
	margin-bottom:30px;
	text-align:center;
}

.m_myinfo_btn button {
	background:#dc0074;
	color:#fff;
	width:100%;	
	height:55px;
	padding:0 20px;
	font-size:1.7rem;
}
.m_myinfo_add {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.m_myinfo_add input {position:relative;width:100%; margin-bottom:5px;}
.m_myinfo_add input:last-child {margin:0;}
.m_myinfo_add button {
	background:#999;
	color:#fff;
	width:calc((100% - 5px) * 0.5);
	font-size:1.5rem;
	border-radius:2px;
	margin-bottom:5px;
}
.m_myinfo_rec {
	position:relative;
	width:100%;
	margin-top:5px;
	margin-bottom:0;
}
.m_myinfo_rec input[type=radio] {
  position: absolute;
  opacity: 0;
	
	
}
.m_myinfo_rec input[type=radio] + label {
	display:inline-block;
	font-size:1.6rem;
	margin-right:20px;
}


/* 포트폴리오 */
.m_portfolio_nav {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #f2f2f2;
}

.m_portfolio_nav button {
	position:relative;
	width:50%;
	height:50px;
	font-size:1.5rem;
	background: #f2f2f2;
	border-radius:0
}
.m_portfolio_nav button.is-checked {
	background:#dc0074;
	color:#fff;
}


.m_port_wrap {
	position:relative;
	width:100%;
	padding:30px 15px 50px;
	overflow: hidden;
	margin:0 auto;
}

.m_port {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.m_port_box {
	position:relative;
	width:calc((100% - 20px)/2);
	margin:0 5px;
	display:inline-block;
}
.m_port_box:after {
  content: '';
  display: block;
  clear: both;
}

.m_port_box:hover > .m_port_img {border:1px solid #dc0074;}
.m_port_box:hover > .m_port_txt h2 {color:#dc0074;}
.m_port_img {
	position:relative;
	width:100%;
	background: #ddd;
	overflow:hidden;
	border:1px solid #f2f2f2;

}
.m_port_img img {width:100%; height:100%; overflow: hidden;}
.m_port_txt {
	position:relative;
	width:100%;
	margin:15px 0 30px 0;
	padding:0;
}
.m_port_txt h2 { font-size:1.4rem; font-weight:700}
.m_port_txt h4 { font-size:1.4rem; color:#666; margin-top:4px;}

.paging {
	position:relative;
	margin:20px 0 50px;
	width:100%;
	text-align:center;
	display: inline-block;
	font-size:1.5rem;
}
.pagePrev, .pageNext {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:1.5rem;
	}
.pagePrev a, .pageNext a {
	width:100%;
	height:100%;
	line-height:30px;
	position:relative;
	display:block;
	color:#222;
}
.pageNum {display: inline-block;}
.pageNum ul {display: flex;}
.pageNum ul li {
	display: inline-block;
	width:30px;
	height:30px;
	line-height:30px;
}
.pageNum ul li a {
	display: inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:1.5rem;
	color:#222;
}
.pageNum ul li a:hover {background:#dc0074; color:#fff;}
.pageNum ul li .present {
	display: inline-block;
	width:30px;
	height:30px;
	background:#dc0074;
	color:#fff;
	line-height:30px;
	font-size:1.5rem;
}
/* 포트 상세 */
.m_port_detail {margin-bottom:44px;}
.m_port_detail_txt {
    position:relative;
    width:100%;
    border-bottom:1px solid #222;
    margin-bottom:18px;
}
.m_port_detail_txt h2 {font-size:2rem; font-weight:700; margin-bottom:4px;}
.m_port_detail_txt h4 {font-size:1.4rem; color:#666; word-break: break-all; margin-bottom:24px;}
.m_port_detail_row {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    font-size:1.5rem;
    padding:6px 0;
}
.m_port_detail_row > .title {width:100px; font-weight:700;font-size:1.5rem;}
.m_port_detail_row > .content {width:calc(100% - 100px); color:#666; word-break: break-all;font-size:1.5rem;}

.m_port_detail_img {
    position:relative;
    width:100%;
    margin-bottom:20px;
    text-align:center;
}
.m_port_detail_img img {width:100%; margin-bottom:20px;}
button.m_btn_portlist {
    width:110px;
    height:40px;
    border:1px solid #222;
    font-size:1.4rem;
    font-weight:700;
    background:#fff;
}
/* 샘플디자인 */

.m_sp_nav {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:12px 20px 0 ;
}
.m_sp_nav li {
	position:relative;
	width:calc((100% - 60px)/4);
	height:auto;
	text-align:center;
	font-size:1.5rem;
	color:#222;
	margin-right:20px;
	margin-bottom:12px;
}
.m_sp_nav li:nth-of-type(4n) {margin-right:0;}
.m_sp_nav li  img {
	position:relative;
	width:100%;
	border-radius:50%;
	vertical-align:top;
	overflow:hidden;
}
.m_sp_nav li  p {font-size:1.4rem;color:#666;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; margin-top:4px}
.m_sp_nav li.present  p {font-size:1.4rem;font-weight:700; color:#222;}

.m_sp_nav_sub_list {
	display:none;
	width:100%;
	padding:10px 0;
	background:#F8F8F8;
}
.m_sp_nav_sub_list.present {display:block;}
.m_sp_nav_sub_list ul {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	padding:10px 28px; margin-bottom:3px;
}
.m_sp_nav_sub_list ul li {
	width:50%;	
	padding:5px 0;
}
.m_sp_nav_sub_list ul li a {font-size:1.4rem; color:#999;}
.m_sp_nav_sub_list ul li a.active {font-size:1.4rem; color:#222; font-weight:700}

/* 회사소개 */
.m_corp_wrap {
	position:relative;
	width:100%;
	padding:30px 20px;
}
.m_corp_wrap2 {
	position:relative;
	width:100%;
	padding:30px 0 0;
}
.m_corp_nav {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.m_corp_nav li {
	position:relative;
	/*width:calc(100%/3);*/
	width:50%;
	text-align:center;
	background:#f2f2f2;
	padding:15px 0
}

.m_corp_nav li a {
	font-size:1.5rem;
	color:#222;
	cursor:pointer;
}
.m_corp_nav li.now {background:#dc0074;}
.m_corp_nav li.now a {color:#fff;}
.m_corp_title {
	font-size:2rem;
	font-weight:bold;
	margin-bottom:15px;
}
h1.m_corp_h1 {
	font-family: Roboto;
	font-size:3.2rem;
	font-weight:bold;
	padding-bottom:10px;
}
h1.m_corp_h1 span {
	font-family: Roboto;
	font-size:3.2rem;
	font-weight:bold;
	color:#dc0074;
}
.m_corp_wrap p {
	position:relative;
	width:100%;
	padding:15px 0;
	font-size:1.5rem;
	line-height:180%;
	text-align:justify;
}
.m_corp_img {
	position:relative;
	width:100%;
	padding:10px 0 20px 0;
}
.m_corp_img img {width:100%}

.m_chart {
	position:relative;
	width:100%;
	background:url("../images/img_bg_company.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	
}
.m_chart_list {
	padding:0 20px 50px;
	text-align:center;
}
.m_chart_list img {
	width:100%;
	max-width:320px;
}


.map_wrap {
	position:relative;
	width:100%;
	margin-bottom:20px;
}

#map, #map1, #map2, #map3, #map4 {
	position:absolute;
	width:100%;
	height:100%;
}

.m_map_table {
	position:relative;
	width:100%;
	border-top:2px solid #222;
	margin-top:20px;
}
.m_map_table tbody tr td {
	font-size:1.7rem;
	padding:15px 0;
	border-bottom:1px solid #f2f2f2;
	vertical-align: top;
}
.m_map_table tbody tr td p {color:#dc0074; font-size:1.7rem; font-weight:bold;}
.m_map_table tbody tr td:nth-child(1) {width:80px; font-weight:bold;}
.m_map_table tbody tr td:nth-child(2) {word-break: keep-all;}


.m_news_table {
	position:relative;
	width:100%;
	border-top:2px solid #222;
}

.m_news_table tr td {width:100%;padding:15px 10px; border-bottom:1px solid #ccc;}
.m_news_row {
	position:relative;
	width:100%;
	text-align:left;
	font-size:1.7rem;
	word-break: keep-all;
}
.m_news_row a {font-size:1.7rem; color:#222;}
.m_news_row a img {width:100%}
.m_news_date {color:#999; font-size:1.3rem; margin-top:8px;display:inline-block;}


.catalog {
	position:relative;
	width:100%;
	border:1px solid #ddd;
	overflow:hidden;
	margin-top:50px 0;
}
.catalog img {width:100%;}
.catalog .swiper-button-prev,
.catalog .swiper-button-next {color:#228BE6}
.catalog .swiper-button-prev:after,
.catalog .swiper-button-next:after {font-size:2.5rem;font-weight:700}



/* 약관, 개인정보 */

.m_privacy {
	position:relative;
	width:100%;
	padding:20px;
}

.m_privacy h2 {font-size:1.4rem; line-height:160%; word-break: keep-all; padding:10px 0}
.m_privacy h3 {font-size:1.4rem; line-height:160%; word-break: keep-all; padding:10px 0}
.m_privacy h4 {font-size:1.2rem; line-height:160%; word-break: keep-all; padding:20px 0;}
.m_privacy ol, .m_privacy ul {margin-left:12px; padding:10px 0}
.m_privacy ol li, .m_privacy ul li {font-size:1.2rem; padding:5px 0; line-height:160%; word-break: keep-all;}
.m_privacy p {font-size:1.2rem; padding:5px 0; line-height:160%; word-break: keep-all;}
.m_privacy a {font-size:1.2rem; color:#222;}



/* 로그인, 아이디 찾기 */
.m_login_wrap {
	position:relative;
	width:100%;
	padding: 30px 20px;

}
.m_login_wrap input[type="text"],
.m_login_wrap input[type="number"],
.m_login_wrap input[type="password"] {
	width:100%;
	height:45px;
	font-size:1.5rem;
	background:#fafafa;
	padding:10px;
	margin-bottom:10px;
}

.m_login_wrap button.m_btn_loginj {
	width:100%;
	height:55px;
	background:#fff;
	font-size:1.7rem;
	color:#dc0074;
	margin-top:5px;
	margin-bottom:50px;
	border:1px solid #dc0074;
}

.m_login_wrap button.m_btn_loginb {
	width:100%;
	height:55px;
	background:#fff;
	font-size:1.7rem;
	color:#333;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid #707070;
}

.m_login_wrap button.m_btn_naver {
	width:100%;
	height:55px;
	background:#03c75a;
	font-size:1.7rem;
	color:#fff;
	margin-top:5px;
	margin-bottom:50px;
}
.m_login_wrap button.m_btn_loginb img {width:24px; vertical-align:middle; margin-right:5px;}
.m_login_wrap button.m_btn_naver img {width:20px; vertical-align:middle; margin-right:10px;}
.login_find {position:relative;text-align:left;margin-top:25px; margin-bottom:70px;}
.login_find li {display:inline-block; height:16px; line-height:14px;font-size:1.5rem;}
.login_find li a {color:#767676}
.login_find li:nth-of-type(1) {padding-right:12px; border-right:1px solid #e8e8e8;}
.login_find li:nth-of-type(2) {padding-left:6px;}

.btn_find_wrap {
	width:calc(100% - 40px);
	height:52px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:70px auto 0;
}
.btn_find_wrap div {
	display:block;
	width:50%;
	text-align:center;
	font-size:1.8rem;
	color:#767676;
	border-bottom:1px solid #e5e5e5;
	line-height:50px;
	cursor:pointer;
}
.btn_find_wrap div.active {
	text-align:center;
	color:#222;
	font-weight:700;
	border-bottom:2px solid #222;
}
.find_notice {
	width:calc(100% - 40px);
	padding:20px 16px;
	background:#F9F9F9;
	border-radius:5px;
	text-align:left;
	font-size:1.5rem;
	color:#666;
	margin:0 auto 50px;
}
.find_notice h6 {font-size:1.5rem;color:#222;margin-top:8px;cursor:pointer}
.find_notice h6 img {width:6px;margin-left:5px;padding-top:8px;}


.m_login_wrap h4 {
	position:relative;
    font-size:1.6rem;
	font-weight:700;
    color:#767676;
    margin-bottom:25px;
	text-align:center;
}
.m_login_wrap h4:before {
	position:absolute;
	width:calc((100% - 150px)/2);
	height:1px;
	background:#eee;
	content:'';
	display:block;
	top:50%;
	left:0;
}
.m_login_wrap h4:after {
	position:absolute;
	width:calc((100% - 150px)/2);
	height:1px;
	background:#eee;
	content:'';
	display:block;
	top:50%;
	right:0;
}
button.btn_join {
	position:absolute;
	top:-10px;
	right:0;
	width:72px;
	height:32px;
	color:#222;
	background:#fff;
	border:1px solid #222;
	border-radius:5px;
	font-size:1.4rem;
}
button.btn_join:hover {background:#222;color:#fff;}
.m_login_find {
	width:100%;
	text-align:right;
	margin:0 auto;
	padding:10px 0 70px;
	font-size:1.5rem;
}
.m_login_find li {
	display:inline-block;
	font-size:1.5rem;
	color:#666;
}
.m_login_find li:nth-of-type(1) {padding-right:10px; border-right:1px solid #999; line-height:15px;}
.m_login_find li:nth-of-type(2) {padding-left:7px;}
.m_login_wrap h1 {font-size:2.8rem; font-weight:400; margin-bottom:30px;text-align:center}
.m_login_wrap h2 {font-size:1.7rem; padding-bottom:10px; color:#666;}
.m_login_wrap h2 span {font-size:1.7rem; color:#dc0074;}
.m_login_wrap h3 {font-size:1.6rem; margin-top:-20px;margin-bottom:40px;}
.m_login_wrap p {font-size:1.4rem; color:#666; margin:20px 0 0;}

.m_input_mail {
	display:flex; flex-wrap:wrap; justify-content: space-between
}
.m_input_mail input[type="text"] {
	width:calc(100% - 95px);
}
.m_input_mail > button {
	width:95px;
	height:45px;
	background: #999;
	border-radius: 2px;
	color:#fff!important;
	font-size:1.5rem;
	text-decoration:none!important;
	margin:0!important;
}
.m_input_radio {
	width:100%;
	margin-top:20px;
	display:flex;
	flex-wrap: wrap;
	
}

.m_input_radio input[type="text"] {
	width:180px;
	height:45px;
	font-size:1.5rem;
	background:#fafafa;
	padding:10px;
}
.m_login_wrap div {display:flex;flex-wrap:wrap;width:100%;}
.m_login_wrap div.all {border-bottom:1px solid #f2f2f2; margin-bottom:15px;padding-bottom:15px;}
.m_login_wrap input[type="checkbox"]{ 
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0; 
	display:none;
}
.m_login_wrap input[type="checkbox"] + label{ 
	display:inline-block;
	position:relative;
	padding-left:28px;
	cursor:pointer;
	font-size:1.5rem;
	color:#666;
}
.m_login_wrap input[type="checkbox"] + label:before{ 
	content:'\002714';
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	background:#ccc;
	color:#fff;
	box-sizing:border-box; 
	border:0;
	line-height:20px;
	font-size:1rem;
}
.m_login_wrap input[type="checkbox"]:checked + label:before { 
	content: '\002714';
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	text-align:center;
	color:#fff;
	border-radius:9px;
	background:#dc0074;
	font-weight:400;
	border:0;
	line-height:20px;
}

.m_login_wrap label a {
	text-decoration: underline;
}

.m_login_wrap  label {
	font-size:1.4rem;
	color:#767676;
	text-align:left;
	width:100%;
	display:block;
}
.m_login_wrap  input[type="text"], .m_login_wrap input[type="password"] {
    width:100%;
    height:40px;
    border-bottom:1px solid #dbdbdb;
    display:block;
    margin-bottom:20px;
    background:#fff;
    padding:10px 0;
    font-size:1.6rem;
}
.m_login_wrap input[type="text"]:focus, .m_login_wrap input[type="password"]:focus {border-bottom:1px solid #222;}
button.terms,button.privacy {
	font-size:1.5rem;
	margin-left:5px;
	color:#999;
	text-decoration:underline;
}


button.m_btn_loginp:disabled {
    width:100%;
    height:52px;
    background:#e4e4e4;
    color:#999;
    font-size:1.8rem;
    font-weight:700;
	border-radius:5px;
}
button.m_btn_loginp {
	width:100%;
    height:52px;
    font-size:1.8rem;
    font-weight:700;
    margin-top:10px;
    background:#dc0074;
    color:#fff;
	border-radius:5px;
}
button.btn_login_naver {
    width:64px;
    height:64px;
    background:#03c75a;
    border-radius:50%;
	margin-bottom:40px;
}
button.btn_login_naver img {width:20px;vertical-align:middle}
.ic_recentlg {margin-top:6px;text-align:center;display:block!important}

.m_join_wrap {
    position:relative;
    width:100%;
    padding:30px 0;
    text-align:center;
}
.m_join_wrap h1 {font-size:2.2rem; font-weight:700; margin-bottom:20px;}
.m_join_wrap h2 {font-size:1.6rem; margin-bottom:60px;}
.m_join_wrap h2 span {font-size:inherit; font-weight:700; color:#dc0074;}
.m_join_btn {
    position:relative;
    width:100%;
    text-align:center;
    padding:30px 0;
}
.m_join_btn button.m_btn_main_i {
    width:135px;
    height:45px;
    margin:0 5px;
    background:#fff;
    border:1px solid #dc0074;
    color:#dc0074;
    font-size:1.3rem;
    padding:0;
}
.m_join_btn button.m_btn_join_i {
    width:135px;
    height:45px;
    margin:0 5px;
    background:#dc0074;
    color:#fff;
    font-size:1.3rem;
    padding:0;
}
.m_join_box {
	position:relative;
	display:block!important;
	width:100%;
	background:#FFF0F6;
	color:#E64980;
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	padding:8px 15px;
	margin-top:15px;
}
.bubble { 
    position: absolute;
    left:51%;
    top:-30px;
    -moz-animation: bubble 1.5s infinite linear;
    -webkit-animation: bubble 1.5s infinite linear; 
    -o-animation: bubble 1.5s infinite linear; 
    animation: bubble 1.5s infinite linear;
}
@-webkit-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-o-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-moz-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-o-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}




/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
/* Component containers
----------------------------------*/
.live_select {
	position:relative;
	width:100%;
	padding:30px 20px 20px;
	text-align:center;
}

.live_calendar {
	display:inline-block;
	vertical-align: middle;
	height:30px;
	margin:0 auto;
}
input#schMonth {
	font-size:20px;
	font-weight:700;
	width:100px;
	line-height:30px;
	display:inline-block;
	vertical-align: middle;
	text-align:center;
}
.live_calendar label {
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	display:inline-block;
}
.live_calendar label:hover {cursor: pointer;}
.live_calendar label img {vertical-align: middle;}

.ui-widget {

}
.ui-widget .ui-widget {

}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size:18px;
	font-weight:700;
	padding:10px;
	border:0;
	background:#fff;

}
.ui-widget option {font-size:16px; background:#fff;}
.ui-widget-content {
	border: 1px solid #ccc;
	border-radius:10px;
	overflow: hidden;
	background: #fff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	background: #fff;
	font-weight: bold;
}
.ui-widget-header a {
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #fff;
	font-size:1.6rem;
	font-weight: bold;
	color: #222;
	
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #222;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #dc0074;
	background: #fff;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #fff;
	font-weight: bold;
	color: #dc0074;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #dc0074;
	text-decoration: none;
}


input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}
.ui-datepicker th {
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	padding: 10px 0;
}
.ui-datepicker td:hover {cursor: pointer; background:#f2f2f2;}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.m_live_nav {
	position:absolute;
	right:20px;
	border:0;
	height:30px;
	font-size:1.5rem;
	background:#fff;
}
.m_live_nav option {font-size:1.5rem;}

.m_now_nav {
	margin-left:20px;
	margin-bottom:15px;
}


.m_live_wrap {
	margin-top:50px;
}

.m_live_row {
	position:relative;
	padding:0 10px 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	
}
.m_live_box {
	background:#fff;
}

.m_live_box.pc1 {
	width:100%;
	
}
.m_live_box.pc2 {

	width:calc((100% - 10px)/2);
}

.icon_best {
	position:absolute;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
}
.icon_best img {width:100%; height:auto;}


.m_live_box.pc2:hover > .m_live_img {border:1px solid #dc0074;}
.m_live_box.pc2:hover > .m_live_txt h2 {color:#dc0074;}
.m_live_img {
	position:relative;
	width:100%;
	background: #ddd;
	overflow:hidden;
	border:1px solid #f2f2f2;

}
.m_live_img img {width:100%; height:100%; overflow: hidden;}
.m_live_txt {
	position:relative;
	width:100%;
	margin:0;
}
.m_live_txt h2 { word-break:keep-all; font-size:2rem; font-weight:bold;}
.m_live_txt h4 { display:none;}

/* pc1 case */
.m_live_best {margin-bottom:50px;}
.m_live_best.visible {display:none}
.m_live_box.pc1 > .m_live_txt {
	position:relative;
	width:100%;
	height:210px;
	padding:32px 20px;
	overflow:hidden;
}
.m_live_box.pc1 > .m_live_txt > .m_live_label {position:relative;}
.m_live_box.pc1 > .m_live_txt > .m_live_label div {
	display:inline-block;
	color:#999;
	font-size:1.4rem;
	margin-right:12px;
}
.m_live_box.pc1 > .m_live_txt > .m_live_label div:before {content:"#"}
.imgzoom_txt.m_live_txt > .m_live_label > .m_live_cate,
.m_live_box.pc1 > .m_live_txt > .m_live_label > .m_live_cate {
	font-size:14px;
	background:#fff;
	line-height:20px;
	display:inline-block;
	color:#999;
}
.imgzoom_txt.m_live_txt > .m_live_label > .m_live_date {
	position:absolute;
	font-size:14px;
	color:#ccc;
	top:20px;
	right:20px;	
	line-height:20px;
}

.m_live_box.pc1 > .m_live_txt > .m_live_label > .m_live_date {
	position:absolute;
	font-size:14px;
	color:#ccc;
	top:0;
	right:0;	
	line-height:20px;
}
.imgzoom_txt.m_live_txt h2,
.m_live_box.pc1 > .m_live_txt h2 {
	margin-top:4px;
	font-size:2rem;
	font-weight:700;
}
.imgzoom_txt.m_live_txt p,
.m_live_box.pc1 > .m_live_txt p {
	margin-top:12px;
	font-size:16px;
	color:#333;
	line-height:180%;
	word-break: keep-all;
}
.imgzoom_txt.m_live_txt > .m_live_label > div:before {content:"#"}
.imgzoom_txt.m_live_txt > .m_live_label > div {
	display:inline-block;
	color:#999;
	font-size:1.4rem;
	margin-right:12px;
}


/* pc2 case */

.m_live_box.pc2 > .m_live_txt {
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
}
.m_live_box.pc2 > .m_live_txt > .m_live_label {position:relative; margin-top:10px;}
.m_live_box.pc2 > .m_live_txt > .m_live_label div {
	font-size:1.3rem;
	color:#999;
	display:inline-block;
	margin-right:5px;
}
.m_live_box.pc2 > .m_live_txt > .m_live_label div:before {content:"#"}
.m_live_box.pc2 > .m_live_txt > .m_live_label > .m_live_cate {
	font-size:14px;
	background:#fff;
	line-height:20px;
	display:inline-block;
}
.m_live_box.pc2 > .m_live_txt > .m_live_label > .m_live_date {
	position:absolute;
	font-size:14px;
	color:#ccc;
	top:0;
	right:0;
	line-height:20px;
}
.m_live_box.pc2 > .m_live_txt h2 {
	margin-top:10px;
	font-size:1.5rem;
	color:#333;
}
.m_live_box.pc2 > .m_live_txt p {
	margin-top:10px;
	font-size:12px;
	color:#666;
	line-height:160%;
	word-break: keep-all;
}
/* 에이포인트샵 */
.m_point_bn.event {background:url("../images/bg_order_event.jpg");}
.m_point_bn img {width:100%}
.m_point_bn h1 {
	color:#fff;
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	padding-top:30px;
}
.m_point_bn p {
	color:#fff;
	font-size:1.5rem;
	text-align:center;
	padding-bottom:30px;
}
.m_point_nav {
	margin-top:20px;
	margin-left:20px;
}
.m_point_menu {
	
}
.m_point_list {
	font-size:1.8rem;
	padding:8px 16px;
	height:42px;
	display:inline-block;
	border-radius:21px;
	border:1px solid #DEDEDE;
	background:#fff;
	color:#999
}
.m_point_list.is-checked {
	padding:8px 16px;
	font-weight:500;
	color:#fff;
	background:#222;
}
.m_point_list:nth-of-type(1) {margin-left:20px;}
.m_point_list:nth-last-of-type(1) {margin-right:20px;}

.m_point_wrap {
	position:relative;
	width:100%;
	padding:30px 15px;
	overflow: hidden;
	margin:0 auto;
}

.m_point {
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.m_point_box {
	position:relative;
	width:calc((100% - 20px)/2);
	margin:0 5px;
	display:inline-block;
}
.m_point_box:hover > .m_point_img {border:1px solid #dc0074;}
.m_point_img {
	position:relative;
	width:100%;
	background: #ddd;
	overflow:hidden;
	border:1px solid #f2f2f2;

}
.m_point_img img {width:100%; height:100%; overflow: hidden;}
.m_point_txt {
	position:relative;
	width:100%;
	margin:15px 0 30px 0;
	padding:0;
}
.m_point_txt h2 { word-break:keep-all; font-size:1.5rem; font-weight:500}
.m_point_txt h3 { font-size:1.2rem;}
.m_point_txt h4 { font-weight:700; font-size:1.8rem; margin-top:5px;}
.m_point_txt h4 span { font-weight:700; font-size:1.5rem; margin-left:5px; }
.m_point_txt h5 {display:inline-block;color:#228BE6;background:#D0EBFF;border-radius:5px;font-weight:500; font-size:1.2rem; padding:3px 4px;margin-bottom:5px;}


.m_popup {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99998;
	background:#fff;
	display:none;
	overflow: scroll;
}

.m_popup_title {
	padding:15px 20px;
	position:fixed;
	width:100%;
	height:60px;
	line-height:30px;
	text-align:center;
	font-size:1.7rem;
	font-weight:bold;
	border-bottom: 1px solid #ddd;
	background:#fff;
	z-index:99999
}


.m_popup_title button {
	position:absolute;
	width:30px;
	height:30px;
	right:20px;
	top:15px;
}

.m_popup_title button img,
.m_popup_title span img {width:100%;}
.m_popup_img {
	margin-top:60px;
	text-align:center;
	padding:30px 20px;
}
.m_popup_img h2 {
	color:#dc0074;
	font-size:1.8rem;
}
.m_popup_img h2 span {font-size:1.8rem;font-weight:700}
.m_popup_wrap {
	position:relative;
	width:100%;
	padding:10px 20px;
}
.m_popup_box {
	position:relative;
	width:100%;
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.m_popup_box:last-child {
	padding:20px 0 60px;
	border:0;
}

.m_popup_box h2 {
	font-size:2rem;
	font-weight:700;
}
.m_popup_box p {
	font-size:1.8rem;
	color:#666;
	line-height:180%;
	word-break: keep-all;
	margin-top:10px;
}

.m_point_my {
	width:100%;
	padding:0 5px 20px;
}
.m_point_my h4 {font-size:1.6rem; color:#666;}
.m_point_my h2 {font-size:2.4rem; font-weight:700; color:#dc0074;}
.m_point_my h2 span {font-size:2rem; font-weight:700; color:#222; margin-left:5px;}

.m_list {margin:60px 0;}
.m_list h3 {font-size:1.6rem;font-weight:700;margin-bottom:10px;text-align:justify}
.m_list h4 {font-size:1.4rem;text-align:justify}
.m_list p {font-size:1.4rem;margin-bottom:10px;text-align:justify}
.m_list ol {margin-bottom:10px;padding-left:1.4rem;}
.m_list ol li {font-size:1.4rem;text-align:justify}


/* point shop cart */
.m_point_c_img {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	border-bottom:1px solid #dbdbdb;
}
.m_point_c_img img {
	width:78%;
	height:auto;
}
.m_point_c_img .soldout {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
}
.m_point_c_img .soldout p {position:absolute; top:calc(50% - 3.2rem);font-size:3.2rem; font-weight:700; color:#fff; text-align:center; width:100%;}

.m_point_c_wrap {
	position:relative;
	width:100%;
	padding:30px 20px;
	border-top:8px solid #f2f2f2
}
.m_point_c_txt {position:relative; padding-bottom:25px; border-bottom:1px solid #efefef;}
.m_point_c_txt h2 { word-break:keep-all; font-size:1.8rem;}
.m_point_c_txt h4 { font-weight:700; font-size:2.4rem; margin-top:5px;}
.m_point_c_txt h4 span { font-weight:700; font-size:2.4rem; margin-left:5px; }
.m_point_c_table {
	position:relative;
	width:100%;
	margin:10px 0;
}

.m_point_c_table tbody tr td:nth-child(1) {
	position:relative;
	width:auto;
	padding:10px 0;
	font-size:1.6rem;
	color:#666;
}
.m_point_c_table tbody tr td:nth-child(2) {
	text-align:right;
	font-size:1.6rem;
	color:#666;
}
.m_point_c_table tbody tr td:nth-child(1) span {font-size:1.6rem; padding-left:5px; color:#F03E3E;}
.m_point_c_table tbody tr td:nth-child(2) span {font-size:1.6rem; margin-right:5px;}
.m_point_c_num {

}
.button-minus, .button-plus {
	width:25px;
	height:25px;
	background:#fff;
	border:1px solid #d8d8d8;
	color:#999;
	text-align:center;
	line-height:25px;
	font-size:1.5rem;
}
input.quantity-field {
	width:35px;
	height:25px;
	text-align:center;
	font-size:1.5rem;
	color:#666;
	
}
.m_point_c_box {
	position:relative;
	padding:20px 0 30px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.m_point_c_box h2 {font-size:1.6rem; color:#666;}
.m_point_c_box p {
	width:100%;
	margin-top:10px;
	padding:12px 10px;
	font-size:1.6rem;
	font-weight:700;
	color:#4C6EF5;
	background:#DBE4FF;
	word-break: keep-all;
	line-height:180%;
}

.m_point_total {
	position:relative;
	height:90px;
	padding:20px 0;
}
.m_point_total h4 {
	line-height:36px;
	font-size:1.6rem;
}
.m_point_total h2 {
	position:absolute;
	right:0;
	top:20px;
	height:36px;
	font-size:2.4rem;
	font-weight:700;
}
.m_point_total h2 span {
	font-size:2.4rem;
	font-weight:700;
	color:#dc0074;
	margin-right:5px;
}
.m_point_total p {
	font-size:1.4rem;
	text-align:right;
	color:#F03E3E;
	margin-top:2px;
}
button.m_btn_buy {
	width:100%;
	height:45px;
	background:#dc0074;
	font-size:1.5rem;
	color:#fff;
	margin-bottom:30px;
}
button.m_btn_buy.done {
	background:#666;
}
.m_point_done_wrap {
	position:relative;
	width:100%;
	padding:30px 20px;
	text-align:center;
}

.m_point_done_wrap h1 {
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:10px;
}
.m_point_done_wrap h2 {
	font-size:1.4rem;
	margin-bottom:30px;
}
.m_point_done_wrap h2 span {font-size:1.4rem;font-weight:700;color:#F03E3E}
.m_point_done_wrap p {
	font-size:1.5rem;
	color:#999;
	background:#f2f2f2;
	padding:12px 0;
}
.m_point_done_wrap p span.f_pink {font-size:1.5rem; color:#dc0074; margin-left:10px;}
.m_point_done_wrap p span.f_bck {font-size:1.5rem; color:#121212; margin-left:5px;}

.m_point_title {
	position:relative;
	width:100%;
	font-size:1.8rem;
	font-weight:700;
	margin-top:40px;
	text-align:left;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
.m_point_table {
	position:relative;
	width:100%;
	padding:8px 0;
}
.m_point_table tbody tr {width:100%; position:relative;}
.m_point_table tbody tr td:nth-of-type(1) {
	position:relative;
	width:110px;
	font-size:1.5rem;
	text-align:left;
	padding:8px 0;
	color:#666;
	vertical-align: top;
}
.m_point_table tbody tr td:nth-of-type(2) {
	position:relative;
	width:calc(100% - 110px);
	font-size:1.5rem;
	text-align:left;
	padding:8px 0;
	vertical-align: top;
}
.m_point_table tbody tr td:nth-of-type(1).total_point {font-weight:700; color:#121212}
.m_point_table tbody tr td:nth-of-type(2).total_point {font-weight:700;}
.m_point_table tbody tr td:nth-of-type(2).total_point span {
	margin-right:5px;
	font-size:1.5rem;
	color:#dc0074;
	font-weight:700;
}

.m_point_tel {
	position:relative;
	width:100%;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:20px 0;
}
.m_btn_row {
	position:relative;
	width:100%;
	padding:30px 20px 50px;
	display:flex;
	justify-content: space-between;
}

.m_point_notice {
	position:relative;
	width:100%;
	text-align:left;
}
.m_point_notice ul {
	position:relative;
	margin-top:8px;
	padding-left:10px;
	
}
.m_point_notice ul li:before {
	position:absolute;
	content: '-';
	left:0;
}
.m_point_notice ul li {
	color:#999;
	font-size:1.5rem;
	word-break: keep-all;
	padding:8px 0;
}
.m_btn_row button {
	width:calc((100% - 10px)/2);
	height:45px;
	font-size:1.5rem;
}
button.m_btn_conti {
	border:1px solid #dc0074;
	background:#fff;
	color:#dc0074;
}
button.m_btn_main {
	background:#dc0074;
	color:#fff;
}


.m_mygrade_wrap {
	position:relative;
	width:100%;
	padding:20px;
	background:#f2f2f2;
	text-align:center;
	margin:0 auto;
}
.m_mygrade_box {
	position:relative;
	width:auto;
	margin:0 auto;
	text-align:left;
	margin-bottom:20px;
	display:inline-block;
}
.m_mygrade_icon {
	display:inline-block;
	width:80px;
	height:80px;
	background:#fff;
	border-radius:50%;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	padding:15px;
}
.m_mygrade_icon img {width:40px;}
.m_mygrade_box h1 {margin-left:20px; font-size:2rem;display:inline-block;vertical-align:middle; width:150px}
.m_mygrade_box h1 span {font-size:2rem;font-weight:700; color:#dc0074}
.mygrade_num {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto;
	margin-bottom:10px;
}

.mygrade_num > .cont {
	position:relative;
	width:calc((100% - 10px)/2);
	background:#fff;
	padding:12px;
	text-align:center;
}
.mygrade_num > .cont h3 {font-size:1.4rem; line-height:2}
.mygrade_num > .cont p {font-size:1.4rem;font-weight:700;}
.mygrade_num > .cont p span {font-size:1.4rem; color:#999;display:block}

.mygrade_bar {
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:15px 15px 30px;
	background:#fff;
}
.mygrade_bar p {font-size:1.5rem; color:#666;}
.mygrade_bar p span {font-size:1.5rem; font-weight:700; color:#dc0074;}


.grade_bar {
	position:relative;
    color: #fff;
    font-size: 1.1rem;
    line-height: 8px;
	width:100%;
    height: 8px;
    margin:0 auto;
	margin-top:40px;
    background:#D4D4D4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.grade_bar p {font-size:1.2rem; position:absolute; top:-15px;}
.grade_bar p.t_left {left:0; text-align:left;}
.grade_bar p.t_right {right:0; text-align:right}
.grade_bar div {
    background: #dc0074;
    position: relative;
    width: 0;
	height:8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.grade_bar span {
    display: block;
    position: absolute;
    right: 0;
    bottom:-32px;
	padding:8px;
	color:#333;
	font-size:1.2rem;
    background: #FFC2E2;
	z-index:5;
	transform:translate(47%,0);
}
.grade_bar span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -5px;
    left: calc(50% - 6px);
    background: transparent;
	border-top:6px solid none;
	border-bottom:6px solid #FFC2E2;
	border-right: 6px solid transparent;
	border-left: 6px solid  transparent;
}
.grade_bar * {
        webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
           -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
}
.m_mygrade_info {
	position:relative;
	width:100%;
	padding:30px 20px;
}
.m_mygrade_info h1 {font-size:1.8rem; font-weight:700; margin-bottom:12px;}

.m_mygrade_tog {
	position:relative;
	border:1px solid #F2F2F2;
	margin-bottom:10px;
}
img.ic_ms {width:32px; float:left; margin:0 20px;}
.m_mygrade_tog h2 {margin-top:20px; font-size:1.5rem; font-weight:700; line-height:1.3}
.m_mygrade_tog h3 {font-size:1.3rem; margin-bottom:20px; line-height:1.6}
img.toggle {
	position:absolute;
	top:26px;
	right:20px;
}
img.toggle.rotate {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

table.benefit {
	position:reltaive;
	width:100%;
	background:#F2F2F2;
	padding:15px;
	display:none;
}
table.benefit tr th {width:86px; font-size:1.3rem; font-weight:700; padding-right:15px; vertical-align:top; text-align:left; padding:5px; line-height:1.8}
table.benefit tr td {font-size:1.3rem;vertical-align:top; word-break:keep-all; padding:5px; line-height:1.8}

.m_mygrade_notice {
	position:relative;
	width:100%;
}
.m_mygrade_notice h1 {
	position:relative;
	display:block;
	width:100%;
	padding:20px;
	font-size:1.5rem;
	font-weight:700;
	border-bottom:1px solid #f2f2f2;
}
.m_mygrade_notice ul {padding:20px;display:none}
.m_mygrade_notice ul li {line-height:1.8;font-size:1.2rem; padding-bottom:10px;}

.modal {
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100vw; /* Full width */
	height: 100vh; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	outline:none;
	display:none;
}
.m_mygrade_pop {
	width:280px;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:28px 18px;
}
.m_mygrade_pop h1 {font-size:1.6rem; font-weight:700; margin-bottom:8px;}
.m_mygrade_pop p {font-size:1.4rem; line-height:1.8; word-break:keep-all;}
.btn_open_p {
	border-radius:50%;
	width:15px;
	height:15px;
	background:#ccc;
	color:#fff;
	font-size:1.3rem;
	text-align:center;
	line-height:15px;
	margin-left:5px;
}
.btn_close_p {position:absolute; top:15px; right:20px; width:10px;}

/* 샘플 사례 */

.m_case_title {
	margin-top:35px;
	margin-bottom:50px;
	text-align:center;
}
.m_case_title h1 {font-size:2.4rem; font-weight:700}
.m_case_title h1 span {font-size:2.4rem; font-weight:700; color:#dc0074}
.m_case_title h2 {font-size:1.6rem; color:#666;margin-top:10px;}
.m_case_title h3 {font-size:1.8rem; font-weight:700; color:#D1D1D1}
.m_case_wrap {
	width:100%;
	padding:20px;
	position:relative;
}
.m_case_row {
	text-align:center;
	margin-bottom:40px;
}
.m_case_box {
	width:100%;
	display:block;
	margin-bottom:50px;	
	text-align:center;
}
.m_case_img {
	position:relative;
	width:100%;
	display:block;
}
.m_case_img img {position:relative; width:100%; vertical-align:top;}
.m_case_box h2 {font-size:1.6rem; font-weight:700; margin-top:10px;}
.m_case_box h3 {font-size:1.4rem; color:#666; margin-top:4px;}

/* 결제 */

.m_payment_wrap {
	position: relative;
    width: 100%;
    padding: 20px 20px 10px 20px;
	background:#fff;
}
.m_payment_wrap.done {padding: 20px 12px;}
.m_payment_title {
	position: relative;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 12px;
}
.m_payment_title img.ic_more {
	position:absolute;
	top:5px;
	right:0;
}
.m_payment_title2 {
	position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px;
}
.m_payment_info {
	width:100%;
	border:1px solid #ccc;
	border-radius:2px;
	margin-bottom:10px;
}
.m_payment_info.done {border:0;background:#fff;border-radius:0;margin-top:10px;}
.m_payment_info h2,
.m_payment_info.done h2 {
	border-top:1px solid #F0F0F0;
	font-size:1.6rem;
	font-weight:700;
	padding:8px 12px 12px;
	text-align:left;
	margin-bottom:0;
}
.m_payment_txt {width:100%;padding:12px;}
.m_payment_txt h3 {font-size:1.6rem;font-weight:700;color:#dc0074;margin-bottom:6px;}
.m_payment_txt h4 {font-size:1.5rem;}
.m_payment_txt p {font-size:1.5rem;color:#666}
.m_apoint_hav {
	position:relative;
	width:100%;
}
.m_apoint_hav h2 {font-size:1.7rem;font-weight:700;margin-bottom:10px;}
.m_apoint_hav h3 {position:absolute;top:0;right:0;font-size:1.5rem;color:#666}
.m_apoint_hav h3 span {font-size:1.5rem;color:#222;font-weight:700}
.m_apoint_hav p {font-size:1.4rem;color:#999;margin-top:6px;margin-bottom:20px}
.m_apoint_hav > .row {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.m_apoint_hav > .row input {
	width:calc(100% - 87px);
	border:1px solid #ccc;
	font-size:1.5rem;
	padding:0 10px;
	height:52px;
}
.m_apoint_hav > .row button {
	width:82px;
	height:52px;
	background:#222;
	color:#fff;
	font-size:1.5rem;
	margin-left:5px;
}
.m_payment_addlist {display:flex; flex-wrap:wrap;margin-bottom:24px;}
.m_payment_addlist input[type="radio"] {display:none;}
.m_payment_addlist input[type="radio"]+label {
	display:block;
	width:50%;
	height:40px;
	line-height:40px;
	font-size:1.4rem;
	background:#F2F2F2;
	color:#222;
	text-align:center;
}
.m_payment_addlist input[type="radio"]:checked+label {
	background:#222;
	color:#fff;
}
.m_payment_address {
	position:relative; display:none
}
.m_payment_address.on {display:block;}
.m_address {width:100%;}
.m_address h2 {font-size:1.7rem;font-weight:700;margin-bottom:6px;width:100%;}
.m_address h3 {font-size:1.6rem;font-weight:700;margin-bottom:8px;}
.m_address h3 span {font-size:1.3rem;color:#FF76BE;margin-left:10px;}
.m_address h4 {font-size:1.6rem;color:#666;margin-bottom:8px;}
.m_address h5 {font-size:1.3rem;color:#FF76BE;margin-bottom:2px;}
.m_address p {font-size:1.6rem;word-break:keep-all;margin-bottom:8px;}
button.m_btn_addlist {
	position:absolute;
	top:-10px;
	right:0;
	width:72px;
	height:32px;
	border:1px solid #e5e5e5;
	background:#F8F8F8;
	color:#999;
	font-size:1.3rem;
}
.m_payment_btn {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.m_payment_btn input[type="radio"] {display:none;}
.m_payment_btn input[type="radio"]+label {
	width:calc((100% - 10px)/2);
	height:48px;
	line-height:48px;
	font-size:1.5rem;
	background:#fff;
	border:1px solid #ccc;
	color:#222;
	text-align:center;
	margin-bottom:10px;
	padding:0;
	margin-right:0
}
.m_payment_btn input[type="radio"] + label:before,
.m_payment_btn input[type="radio"] + label:after {display:none}
.m_payment_btn input[type="radio"]:checked+label {
	background:#222;
	color:#fff;
}
.m_payment_btn input[type="radio"]+label > img {display:inline;vertical-align:middle;margin-top:-3px;}
.m_payment_btn input[type="radio"]:checked+label > img.act, 
.m_payment_btn input[type="radio"]:hover+label > img.act {display:inline;}
.m_payment_btn input[type="radio"]:checked+label > img.def, 
.m_payment_btn input[type="radio"]:hover+label > img.def {display:none;}
.m_payment_btn input[type="radio"]+label > img.act {display:none;}
.m_payment_btn input[type="radio"]+label:hover,
.m_payment_btn input[type="radio"]:checked+label{
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	background:#333;
	color:#fff;
	cursor:pointer;
	border:1px solid #222
} 
.depositor {
	background:#F6F6F6;
	width:100%;
	height:52px;
	text-align:center;
	margin-bottom:12px;
	justify-content:center;
}
.depositor h4 {font-size:1.6rem;font-weight:700;color:#dc0074}
.depositor h3 {font-size:1.5rem;font-weight:700;margin-right:15px;}
.depositor button {
	color:#999;
	background:#fff;
	margin-left:10px;
	width:72px;
	height:32px;
	font-size:1.3rem;
	border-radius:2px;
	border:1px solid #e3e3e3;
}
.m_payment_notice {
	position:relative;
	width:100%;
}
.m_payment_notice h1 {
	position:relative;
	display:block;
	width:100%;
	padding:12px 20px;
	font-size:1.6rem;
}
.m_payment_notice ul {padding:8px 20px;display:none}
.m_payment_notice ul li h6 {line-height:1.6;font-size:1.4rem; padding-bottom:12px;}
.m_payment_notice ul li p {line-height:1.6;font-size:1.5rem; padding-bottom:12px;}
.m_payment_notice ul li p span {font-size:inherit;color:#666;}
.m_payment_notice ul li p input[type="text"] {
	width:calc(100% - 72px);
	height:52px;
	border:1px solid #ccc;
	font-size:1.5rem;
	margin-left:12px;
	margin-bottom:12px;
	padding:8px 10px;
}
.select {display: none;}
.select.on {display: inherit;}
.m_payment_row {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:12px 0;
}
.m_payment_row > .left {font-size:1.6rem; width:70px;}
.m_payment_row > .left.gray {color:#666;}
.m_payment_row > .right {width:calc(100% - 70px);font-size:1.6rem;font-weight:700;text-align:right;word-break:keep-all;}
.m_payment_row > .right.f400 {font-weight:400;}
.m_payment_row.total {margin:12px 0 8px;}
.m_payment_row.total > .left {font-weight:700;line-height:2;}
.m_payment_row.total > .right {font-size:1.8rem;color:#dc0074;}
.m_payment_row > .option {width:100%; font-size:1.5rem;word-break:keep-all;}
.m_payment_row > .price {width:100%; font-size:1.5rem;font-weight:700;margin-top:12px;}
.m_payment_agree {
	position:relative;
	width:100%;
	padding:12px 20px 50px; 
}
.m_payment_agree h4 {font-size:1.5rem; padding-bottom:12px; border-bottom:1px solid #ccc;}
.m_agree_row {position:relative;}
.m_agree_row h5 {position:relative; font-size:1.4rem; color:#666; padding:8px 0;}
.m_agree_box {
	width:100%;
	display:none;
	background:#F2F2F2;
	padding:10px 12px;
}
.m_agree_box p {font-size:1.3rem;color:#666;margin-bottom:8px;}
.m_agree_box p:last-child {margin:0;}
.m_payment_agree button {
	width:100%;
	height:55px;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	background: #dc0074;
	border-radius: 2px;
	margin-top:30px;
}
.m_done_wrap {
	width:100%;
	padding:30px 20px;
	background:#F2F2F2;
}
.m_done_wrap h2 {
	text-align:center;
	font-size:2rem;
	font-weight:700;
	margin-bottom:24px;
}
.m_done_wrap button {
	width:100%;
	height:44px;
	color:#fff;
	font-size:1.4rem;
	background: #222;
	border-radius: 2px;
	margin:30px 0;
}
.m_payment_toggle p {font-size:1.6rem;}
.m_payment_toggle input[type="checkbox"] {display:none;}
.m_payment_toggle input[type="checkbox"] + label {
	display: inline-block;
	width:calc(100% - 30px);
    height: 24px;
    background: url('../images/checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:30px; 
	line-height:24px;
	font-weight:400;
	cursor: pointer;
	font-size:1.7rem;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:10px;
}
.m_payment_toggle input[type="checkbox"] + label span {font-size:inherit; font-weight:400;}
.m_payment_toggle input[type="checkbox"] + label:before { display:none;}
.m_payment_toggle input[type="checkbox"]:checked + label {
	background: url('../images/checkbox_active.svg') no-repeat 0 1px / contain;
}
.m_deliv_radio {margin-bottom:20px;}

.m_deliv_radio_row {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	border-bottom:1px solid #ddd;
}
.m_deliv_radio_row .shipfree {
	display:inline-block;
	width:184px;
}
.m_deliv_radio_row .shipfree img {width:100%;}

.m_deliv_radio input[type="radio"] + label {margin:12px 0}
.m_deliv_radio input[type="radio"] + label ~ .dlv_notice {display:none;font-size:1.5rem;color:#dc0074;width:100%;margin-bottom:16px}
.m_deliv_radio input[type="radio"]:checked + label ~ .dlv_notice {display:block}

.m_deliv_radio input[type="radio"] + label + .pick_map {
	position:relative;
	width:100%;
	padding:16px;
	background:#F8F9FA;
	margin-bottom:20px;
	display:none;
}
.m_deliv_radio input[type="radio"]:checked + label + .pick_map {display:block;}
.m_deliv_radio_row .pick_map img {width:100%;margin-top:6px;}
.m_deliv_radio_row .pick_map input[type="radio"] + label {display:block;margin:10px 0}
.m_deliv_select {margin-bottom:15px;}
.m_deliv_select h2 {
	font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 6px;
}
.m_deliv_select select {
	width:100%;
	height:52px;
	border:1px solid #ccc;
	font-size:1.5rem;
	padding:0 10px;
}
.m_deliv_select select option {font-size:1.5rem;margin:10px}
.m_row {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px
}
.m_row input[type="text"] {
	width:100%;
	height:52px;
	border:1px solid #ccc;
	font-size:1.5rem;
	padding:0 8px;
	margin-bottom:10px;
}
.m_row input[type="text"]::placeholder {color:#999;}
.m_row input[type="text"].postnum {width:calc(100% - 90px)}
/* 0706 추가 */
.m_row span {
	line-height:36px;
	text-align:center;
	font-size:1.4rem;
}
.taxtable {display:none; margin-top:20px;}
button.m_btn_postnum {width:84px;height:52px;color:#666;background:#d5d5d5;font-size:1.5rem;margin-left:6px;}


/* 배송지관련 */
.m_addlist_box {
	position:relative;
	width:100%;
	background:#fff;
	padding:15px 12px;
	margin-bottom:15px;
}
button.m_btn_select {
	width:66px;
	height:32px;
	font-size:1.3rem;
	border:1px solid #222;
	margin-top:20px;
}
.m_btn_wrap {position:absolute;top:15px;right:12px;}
.m_btn_wrap button {font-size:1.2rem;color:#999;vertical-align:middle}
.line_middle {
	display:inline-block;
	width:1px;
	height:12px;
	background:#ccc;
	margin:0 6px;
	vertical-align:middle;
}
button.m_btn_addadd {
	width:100%;
	height:55px;
	font-size:1.4rem;
	font-weight:700;
	color:#fff;
	background:#222;
	margin-top:14px;
	margin-bottom:40px;
}
.m_address input[type="checkbox"] {display:none;}
.m_address input[type="checkbox"] + label {
	display: inline-block;
	width:calc(100% - 30px);
    height: 24px;
    background: url('../images/checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:30px; 
	line-height:24px;
	font-weight:400;
	cursor: pointer;
	font-size:1.7rem;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:10px;
}
.m_address input[type="checkbox"] + label span {font-size:inherit; font-weight:400;}
.m_address input[type="checkbox"] + label:before { display:none;}
.m_address input[type="checkbox"]:checked + label {
	background: url('../images/checkbox_active.svg') no-repeat 0 1px / contain;
}
/* 퀵 팝업 */
.m_quick_search {position:relative;width:100%;}
.m_quick_search h1 {font-size:2rem;font-weight:700}
.m_quick_search p {font-size:1.5rem;}
.m_quick_row {position:relative;width:100%;margin-top:20px}
.m_quick_row input {
	width:100%;
	height:52px;
	border:1px solid #ccc;
	font-size:1.5rem;
	padding:0 10px;
}
.m_quick_row input + label {
	position:absolute;
	top:14px;
	right:12px;
}
.m_quick_table {
	position:relative;
	width:100%;
	margin-top:50px;
	margin-bottom:50px
}
.m_quick_box {position:relative;width:100%;	margin-bottom:30px;}
.m_quick_box h2 {font-size:1.8rem;font-weight:700}
.m_quick_flex {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	margin-top:5px;
	margin-bottom:16px
}
.m_quick_cont {
	position:relative;
	width:calc((100% - 4px)/2);
	background:#F5F5F5;
	padding:12px 10px;
	margin-bottom:4px;
}
.m_quick_cont:nth-child(odd) {margin-right:4px}
.m_quick_cont:hover {background:#dc0074;}
.m_quick_cont:hover > p, 
.m_quick_cont:hover > h3 {color:#fff}
.m_quick_cont p {font-size:1.5rem;}
.m_quick_cont h3 {position:absolute;font-size:1.6rem;font-weight:700;top:10px;right:10px}
.m_btn_moreview {
	width:100%;
	height:52px;
	font-size:1.5rem;
	border:1px solid #222;
}
/* 장바구니 */
.m_cart_wrap {background: #f2f2f2;}
.m_cart_all {
	position: relative;
    width: 100%;
    padding: 12px 20px;
    background: #fff;
    font-size: 1.3rem;
	border-bottom:1px solid #F2F2F2;
}
.m_cart_box {
	position: relative;
    width: 100%;
    padding: 20px;
    background: #fff;
    margin-bottom: 10px;
    font-size: 1.3rem;
}
.m_cart_box:last-child {margin-bottom:0;}

.m_cart_wrap input[type="checkbox"] {
	display:none;
}
.m_cart_wrap input[type="checkbox"] + label {
	display: inline-block;
	width:calc(100% - 30px);
    height: 24px;
    background: url('../images/checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:30px; 
	line-height:24px;
	font-weight:400;
	cursor: pointer;
	font-size:1.7rem;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m_cart_wrap input[type="checkbox"] + label span {font-size:inherit; font-weight:400;}
.m_cart_wrap input[type="checkbox"] + label:before { 
	display:none;
}

.m_cart_wrap input[type="checkbox"]:checked + label {
	background: url('../images/checkbox_active.svg') no-repeat 0 1px / contain;
}
.m_cart_text {margin-top:12px;}
.m_cart_text h2 {font-size:2rem; font-weight:700;margin-top:12px;}
.m_cart_text h4 {font-size:1.5rem; font-weight:700;}
.m_cart_text p {font-size:1.5rem; color:#666;}
button.m_btn_cleara {
	position:absolute;
	top:12px;
	right:20px;
	font-size:1.3rem;
	color:#666;
	height:24px;
}
button.m_btn_clearc {
	position:absolute;
	top:20px;
	right:20px;
}
button.m_btn_order {
	width:100%;
	height:44px;
	color:#fff;
	font-size:1.4rem;
	font-weight:700;
	background:#dc0074;
	margin-bottom:30px;
}

/* 레이어 팝업 */
.m_layer_pop {
	width:calc(100% - 40px);
	max-width:680px;
	padding:20px;
	background:#fff;
	border-radius:10px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.m_layer_pop p {
	font-size:1.6rem;
	font-weight:500;
}
.m_layer_btnwrap {
	margin-top:24px;
	text-align:right;
}
.m_layer_btnwrap button {
	font-size:1.4rem;
	text-align:right;
	margin-left:20px;
	background:#fff;
}
.m_layer_btnwrap button.confirm {color:#dc0074; font-weight:700}





/* 모바일용 주문창 */
.m_order_price {
	position:sticky !important;
	top:0;
	left:0;
	width:100%;
	background:#FFDEEB;
	padding:8px 16px !important;
}
.m_order_price p {
	position:relative;
	width:calc(100% + 40px);
	margin-left:-20px;
	text-align:left;
	font-size:1.6rem;
	font-weight:700;
	border-bottom:1px solid #F783AC;
	padding-bottom:5px;
	margin-bottom:5px;
	padding-left:20px
}
.m_order_price p span {
	position:absolute;
	top:0;
	right:20px;
	font-size:1.4rem;
}
.m_order_cell h4 {font-size:1.4rem; font-weight:700;line-height:2rem;}
.m_order_cell h5 {font-size:1.3rem; font-weight:400;}
.m_order_cell h6 {font-size:1.3rem; font-weight:700;color:#666;margin-bottom:2px}
.m_order_cell {
	width:92px;
	text-align:center;
}
.m_order_cell > div {
	width:100%;
	background:#fff;
	padding:2px 4px;
	border-radius:2px;
	text-align:center;
}
.m_order_cell.active > div {background:#F06595;}
.m_order_cell.active h4 {color:#fff}
.m_order_cell.active h5 {color:#fff;}
.m_order_cell.active h6 {color:#F06595}
.m_order_wrap {
	width:100%;
	padding:20px;
	border-bottom:10px solid #F2F2F2;
}
.m_order_wrap:nth-last-of-type(1) {
	border:0;
	padding-bottom:50px;
}
.m_order_box {
	display:flex;
	flex-wrap:wrap;
	width:100%;	
}
.m_order_row {
	width:100%;
	display:flex;
	flex-wrap:wrap;	
	align-items:center;
	margin-bottom:10px;
}
.m_order_row.between {justify-content:space-between;}
.m_order_row.flexstart {justify-content:flex-start;}
.m_order_wrap h2 {position:relative;font-size:2rem; font-weight:700;width:100%}
.m_order_wrap h2 button {position:absolute;top:0;right:0;border:1px solid #DC0074; border-radius:5px; background:#fff; font-size:1.5rem; font-weight:500; color:#DC0074;padding:4px 5px}
.m_order_wrap h3 {font-size:1.7rem; font-weight:700;width:100%;margin-top:10px;margin-bottom:6px}
.m_order_wrap h4 {font-size:1.5rem; font-weight:400;padding-right:20px;margin-top:6px;}
.m_order_wrap h4 span.pink {font-size:1.5rem;color:#E64980;margin:0;}
.m_order_wrap h4 span.bold {font-size:1.5rem;font-weight:700;margin:0}
.m_order_wrap h5 {font-size:1.5rem; font-weight:400; color:#999}
.m_order_wrap span {font-size:1.5rem; font-weight:400; color:inherit;margin-left:10px}
.m_order_wrap p {font-size:1.5rem; font-weight:400; color:#666;display:block;}
.m_order_wrap p.f_pink {font-size:1.5rem; font-weight:400; color:#ED1566}
.m_order_wrap select {height:52px;padding:0 10px; overflow:visible; vertical-align:top;}
.m_order_wrap select option {height:52px;padding:20px;overflow:visible}
.m_order_wrap input[type="text"] {height:52px;padding:10px;}
.m_order_wrap select,
.m_order_wrap input[type="text"] {
	width:100%;
	font-size:1.5rem;
	border:1px solid #D6D6D6;
	background:#fff;
	margin-bottom:10px;
}
.m_order_wrap textarea {
	width:100%;
	min-height:80px;
	font-size:1.5rem;
	border:1px solid #D6D6D6;
	padding:10px;
	margin-bottom:10px;
	resize:vertical;
}
.m_order_wrap select.realonly {
	background:#F3F3F3;
	border:0;
}
.m_order_wrap select option {font-size:1.4rem;}
.m_order_row input[type="text"], 
.m_order_row input[type="number"] {
	width:calc((100% - 155px)/2) !important; 
	height:52px !important;
	font-size:1.5rem;
	border:1px solid #D6D6D6;
	padding:10px;
	margin:0 !important;
}
.m_order_row input[type="text"].readonly {
	background:#F3F3F3;
	border:0;
}
.m_order_row input[type="text"].seneka {
	width:calc(100% - 40px) !important; 
	background:#F3F3F3;
	border:0;
	color:#E64980;
}
.m_order_row.wide input[type="text"],
.m_order_row.wide input[type="text"].readonly {width:calc((100% - 64px)/2) !important;}
.m_order_row.wide h4 {width:100%;margin-bottom:6px;}
.m_order_row button.m_btn_add {
	width:calc((100% - 20px)/3);
	height:40px;
	background:#fff;
	border:1px solid #D6D6D6;
	border-radius:5px;
	font-size:1.5rem;
	color:#666;
}
.m_order_row button.m_btn_option {
	width:calc((100% - 20px)/3);
	height:44px;
	background:#F8F8F8;
	border:1px solid #D6D6D6;
	font-size:1.5rem;
	font-weight:500;
	color:#767676;
	border-radius:5px;
}
.m_order_row button.m_btn_option.active {
	background:#222;
	border:0;
	color:#fff;
}
.m_order_add {
	position:relative;
	width:100%;
	padding:10px;
	background:#F8F8F8;
	margin-bottom:10px;
}
.m_order_wrap hr {
	width:100%;
	border-top:1px solid #EBEBEB;
	border-bottom:0;
	margin:8px 0 16px;
}
.m_order_add button.m_btn_close {
	position:absolute;
	top:10px;
	right:10px;
}
.add_option {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
.add_option span {text-align:left;padding-right:4px; color:#666; font-size:1.5rem;margin-bottom:10px}
.add_option span.gray {color:#999;}
.add_option input {width:calc((100% - 150px)/2) !important}
.m_order_weight {
	width:100%;
	padding:14px 10px;
	background:#E7F5FF;
	text-align:center;
}
.m_order_weight p {font-size:1.5rem;color:#228BE6}
.m_order_weight p span {font-size:1.5rem;font-weight:700;color:#228BE6}
.m_order_print {
	margin:20px 0;
	display:flex;
	align-items:center;
}
.m_order_print input[type="checkbox"] {
	display:none;
}
.m_order_print input[type="checkbox"] + label {
	display: inline-block;
    height: 24px;
    background: url('../images/checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:30px; 
	line-height:24px;
	font-weight:400;
	cursor: pointer;
	font-size:1.6rem;
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m_order_print input[type="checkbox"] + label span {font-size:inherit; font-weight:400;}
.m_order_print input[type="checkbox"] + label:before { 
	display:none;
}
.envelope {font-size:1.4rem; color:#666;margin-bottom:6px;}
.envelope span {font-size:1.4rem; color:#222; margin-left:10px}
.ht_box {
	display:inline-block;
	background:#E7F5FF;
	color:#228BE6;
	font-size:1.5rem;
	font-weight:700;
	text-align:center;
	border-radius:5px;
	padding:4px;
	margin-left:20px;
}
.m_order_print input[type="checkbox"]:checked + label {
	background: url('../images/checkbox_active.svg') no-repeat 0 1px / contain;
}
.m_order_confirm {
	width:100%;
	padding:12px;
	background:#FFDEEB;
	text-align:left;
}
.m_order_confirm p {font-size:1.5rem;color:#ED1566}
.m_order_table {
	
}
.m_order_row input[type="checkbox"] {display:none;}
.m_order_row input[type="checkbox"] + label{
	width:calc((100% - 20px)/3);
	height:44px;
	background:#F8F8F8;
	border:1px solid #D6D6D6;
	font-size:1.5rem;
	font-weight:500;
	color:#767676;
	border-radius:5px;
	text-align:center;
	line-height:42px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.m_order_row input[type="checkbox"] + label:nth-of-type(3n) {margin-right:0}
.m_order_row input[type="checkbox"] + label:before {display:none}
.m_order_row input[type="checkbox"]:checked + label {
    background-color: #222;
	color:#fff;
	content: "";
}
.m_order_row input[type="checkbox"]:focus + label {
    outline: none;
	color:#fff;
    border-color: #222;
}
.m_order_row input[type="checkbox"]:disabled + label{
    border-color: #d8d8d8;
    background: #d8d8d8;
}
.m_order_row input[type="checkbox"] + label:empty {
}
.m_order_row #input_file{display:none; width:0px; height:0px; opacity:0; overflow:hidden; }
.m_order_row #dropZone {
	width:100%;
	height:48px;
}
.m_order_row #dropZone #fileDragDesc{
	width:100%;
	height:48px;
	line-height:46px;
	text-align:center;
	border:1px solid #999999;
	cursor:pointer;
	font-size:1.5rem;
	font-weight:500;
	color:#666;
}
.m_order_row #dropZone #fileDragDesc img {vertical-align:middle;}
.m_order_row #dropZone #fileDragDesc img.act {display:none}
.m_order_row #dropZone #fileDragDesc:hover {
	border:1px solid #c31c6f;
	background:#fff;
	color:#dc0074;
}
.m_order_row #dropZone #fileDragDesc:hover > img.act {display:inline-block;}
.m_order_row #dropZone #fileDragDesc:hover > img.def {display:none;}
.m_order_row #dropZone input[type="button"] {
	width:72px;
	height:48px;
	background:#EFEFEF;
	border:1px solid #d6d6d6;
	border-radius:2px;
	color:#666;
	font-size:1.4rem;;
}
.m_order_row #dropZone input[type="button"]:hover {
	border:0;
	background:#333;
	color:#fff;
}
.m_order_row #dropZone1{
	width:calc(100% - 78px);
	height:48px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
	color:#ED1566;
	padding:14px 10px;
	margin-right:6px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_order_radio {width:100%;margin-top:12px;}
.m_order_radio input[type="radio"] + label {
	width:100%;
	padding-top:16px;
	padding-bottom:16px;
	font-size:1.8rem;
	border-bottom:1px solid #ddd;
	line-height:1.1
}
.m_order_radio input[type="radio"] + label:before {top:16px}
.m_order_radio input[type="radio"] + label:after {top:22px}

#viewprice {width:100%;border-bottom:1px solid #E64980;padding-bottom:12px}
.m_price_tab {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background:#E9ECEF;
	border-radius:5px;
	padding:4px;
	margin:20px 0 15px;
	box-sizing:border-box;
}
.m_price_tab li {
	width:100%;
	font-size:1.6rem;
	color:#666;
	padding:7px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
}
.m_price_tab li.active {background:#fff;font-weight:700;color:#333;border-radius:5px;}
.m_price_tab.tab2 li {width:calc(100%/2)}
.m_price_tab.tab3 li {width:calc(100%/3)}
.m_price_tab.tab4 li {width:calc(100%/4)}
.m_price_tab.tab5 li {width:calc(100%/5)}

.m_price_table {width:100%;border-top:1px solid #E64980}
.m_price_table thead tr th {
	background:#FFF0F6;
	color:#E64980;
	font-size:1.5rem;
	font-weight:700;
	height:44px;
}
.m_price_table tbody tr {display:none}
.m_price_table tbody tr.on {display:table-row}
.m_price_table tbody tr td {text-align:center;height:44px;border-bottom:1px solid #DFDFDF;font-size:1.4rem}
.m_price_table tbody tr td div {padding:12px 5px; font-size:1.4rem;border-bottom:1px solid #DFDFDF;line-height:1.1}
.m_price_table tbody tr td div:nth-last-of-type(1) {border-bottom:0}
.m_price_table input[type="radio"] + label {font-size:1.4rem;font-weight:700;padding-left:20px;line-height:1.1;margin-right:0}
.m_price_table input[type="radio"] + label span {font-size:1.4rem;font-weight:700;line-height:1.1;margin-left:0;}
.m_price_table input[type="radio"] + label:before{width:14px;height:14px;border:2px solid #c8c8c8}
.m_price_table input[type="radio"]:checked + label {color:#dc0074;font-weight:700;}
.m_price_table input[type="radio"]:checked + label:before {background:#fff;border:7px solid #dc0074;}
.m_price_table input[type="radio"]:checked + label:after {width:6px;height:6px;top:4px;left:4px;}

.m_order_cart {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:64px;
	background:#222;
	color:#fff;
	z-index:993;
	padding:0 14px;
}
.m_order_cart_wrap {
	position:relative;
	max-width:720px;
	height:64px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;	
	align-items:center;
}
.m_order_cart_pop {
	position:absolute;
	left:-14px;
	bottom:100%;
	width:calc(100% + 28px);
	background:#fff;
	border-radius:10px 10px 0 0;
	overflow:hidden;
	display:none;
}
button.m_btn_toggle {
	width:100%;
	height:24px;
}
.cart_detail {
	width:100%;
	padding:10px 20px;
	color:#222;
}
.cart_detail h3 {font-size:1.8rem; font-weight:700; color:#dc0074; padding-bottom:6px;display:inline-block;}
.cart_detail span {font-size:1.3rem; color:#dc0074;margin-left:4px;}
.cart_detail h4 {font-size:1.6rem; font-weight:700; margin-bottom:6px;}
.cart_detail p {font-size:1.5rem; color:#666; padding-bottom:10px;margin-bottom:10px; border-bottom:1px solid #ededed; }
.cart_price div {font-size:1.4rem;}
.cart_price div p {font-size:1.4rem;}
.cart_price div.cart_on {display:none}
.cart_price button {font-size:1.4rem;}
.cart_price span {font-size:1.1rem;font-weight:400;color:#999;margin-left:4px;}
.cart_price h6 {font-size:1.7rem;font-weight:700;display:inline-block;}
button.m_btn_direct.direct {display:none}
button.m_btn_direct.order {display:inherit;}
button.m_btn_direct {
	font-size:2rem;
	font-weight:700;
}
.m_cart_bg {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.6);
	z-index:800;
	display:none;
	overflow:hidden;
}


/* 결제창 팝업 */

.m_payment_pop {
	position:relative;
	width:100%;
	min-height:100vh;
	overflow:hidden;
}
.m_payment_pop iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

.payment_pop_wrap {
	width:100%;
	height:100%;
}

/* 가격표 */
.bg_price {
	width:100%;
	height:200px;
	background:url('../images/bg_price.jpg');
	background-size:cover;
	background-position:center center;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-weight:700;
	line-height:200px
}
.price_wrap {
	position:relative;
	width:100%;
	padding:20px
}
.price_wrap h1 {font-size:2rem;font-weight:700;margin-bottom:6px;}
.price_wrap h2 {font-size:1.6rem;margin-bottom:12px;line-height:1.6}
.price_wrap h3 {font-size:1.6rem;font-weight:700;margin-top:20px;margin-bottom:8px;line-height:1.6}
table.table_prc {
	position:relative;
	width:100%;
	border-top:1px solid #F06595;
	border-bottom:1px solid #F06595;
	border-collapse: collapse;
}
table.table_prc thead tr td {
	position:relative;
	background:#FFF0F6;
	font-size:1.4rem;
	font-weight:700;
	color:#E64980;
	text-align:center;
	padding:5px;
}
table.table_prc thead tr td:first-child {width:auto;}
table.table_prc tbody tr th {
	position:relative;
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	padding:5px;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	width:70px
}
table.table_prc tbody tr th:first-child {border-left:0;}
table.table_prc tbody tr th span {
	width:15px;
	height:15px;
	text-align:center;
	color:#fff;
	background:#FAA2C1;
	border-radius:50%;
	margin-left:5px;
	display:inline-block;
	font-size:1rem;
}
table.table_prc tbody tr td {
	position:relative;
	font-size:1.4rem;
	text-align:center;
	padding:5px;
	height:60px;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	letter-spacing:-0.05rem;
}
table.table_prc tbody tr td:last-child {border-right:0;}
table.table_prc tbody tr td span {font-size:1.4rem;color:#666}
.price_notice {
	position:relative;
	width:100%;
	padding:12px;
	background:#F8F9FA;
	margin-top:10px;
}
.price_notice p {
	font-size:1.4rem;
	color:#666;
	margin-bottom:10px
}
.price_blank {
	width:100%;
	height:80px;
	line-height:1.8;
	margin-top:-80px;
	visibility:hidden;
}
/* 택배 도착 보장 */
.align_center {
	text-align:center;
	margin:0 auto;
}
.align_center img {max-width:360px;}
.deli_faq {
	position:relative;
	width:100%;
	background:#E9EDF0;
	padding:20px;
	margin:0 auto;
}
.deli_title {
	max-width:200px;
	margin:20px auto;
}
.deli_title img {width:100%; max-width:360px;}
.deli_qna {
	width:100%;
	background:#fff;
	border-radius:5px;
	padding:0 15px;
	margin-bottom:10px;
}
.deli_q {
	position:relative;
	width:100%;
	padding:15px 0;
}
.deli_q p {position:relative;font-size:1.8rem; font-weight:700; color:#343A40; width:calc(100% - 40px);padding-left:24px;}
.deli_q p:before {position:absolute;left:0;content:'Q.';}
.deli_q .arrow {
	position:absolute;
	right:0;
	top:17px;
	width:26px;
	height:26px;
	cursor:pointer;
}
.deli_q .arrow img {width:26px;height:26px;}
.deli_q .arrow img.ic_arrow_up {display:none}
.deli_a {
	display:none;
	padding:15px 0;
	border-top:1px solid #DEE2E6;
}
.deli_a p {font-size:1.6rem;color:#343A40;line-height:1.8}
.deli_a ul {list-style:disc;list-style-position:outside;margin-left:22px;}
.deli_a ul li {font-size:1.6rem;color:#343A40;line-height:1.8;}

/* 출고상세 */
.m_shipping_wrap {margin-top:60px;}
.m_shipping_wrap h2 {font-size:2.2rem;font-weight:700;margin:20px 0}
.m_shipping_wrap h3 {font-size:1.8rem;font-weight:700;margin-bottom:6px;}
.m_shipping_wrap p {font-size:1.6rem;margin-bottom:20px;word-break:keep-all}
.m_shipping_wrap p span {font-size:1.6rem;font-weight:700;}
.m_shipping_wrap p span.pink {color:#dc0074;}
.m_shipping_wrap .address {
	width:100%;
	padding:12px;
	background:#F3F3F3;
	color:#666;
	font-size:1.4rem;
	font-weight:700;
	border-radius:5px;
	margin-bottom:10px;
}

/* 파일에러 */

.proposal_wrap.reupload {
	width:100%;
	height:auto;
	position:relative;
}
.proposal_right.reupload {
	position:relative;
	width:100%;
	min-height:100%;
	padding:30px 20px;
	border-left:1px solid #ddd;
	background:#fff;
}
.proposal_box {
	position:relative;
	width:100%;
	height:100%;
}
.text_prev {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	text-align:center;
}
.text_prev p {
	line-height:160%;
	margin-bottom:20px;
	font-size:1.4rem
}
.btn_con_down {
	width:90px;
	height:40px;
	background:var(--aprint-color);
	color:#fff;
	font-size:1.4rem;
}
.img_prev {
	position:absolute;
	bottom:0;
	left:0;	
	width:100%;
	height:100%;
	border:1px dashed #ccc;
	overflow:scroll;
}
.pdf_prev {
	position:absolute;
	bottom:0;
	left:0;	
	width:100%;
	height:92%;
	border:1px dashed #ccc;
}
.pdf_txt {
	position:relative;
	text-align:center;
	font-size:2rem;
	padding:10px;
}
.proposal_txt {
	position:relative;
}
.proposal_right p.notice {
	display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #333;
    font-size: 14px;
	font-weight:700;
	margin-bottom:12px;
}
.proposal_right p.notice:before,
.proposal_right p.notice:after {
	content: "";
    flex-grow: 1;
    background:#999;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}
.proposal_right p.notice:before {margin-right:20px;}
.proposal_right p.notice:after {margin-left:20px;}
.proposal_txt.admin {
	background:#E7F5FF;
	padding:24px 20px;
	margin-bottom:40px;
}
.proposal_txt.pink {
	background:#FFF0F6;
	padding:12px 20px;
	border-radius:5px;
	margin-bottom:15px
}
.proposal_txt.pink p,
.proposal_txt.pink h4 {color:#E64980}
.proposal_txt.pink p span {font-size:inherit;font-weight:700;color:#333;}
.proposal_txt p {
	font-size:1.5rem;
	line-height:1.8;
}
.proposal_txt h4 {color:#666;line-height:1.8;font-size:1.4rem;}
.proposal_txt h4 a {
	color:var(--aprint-color);
	text-decoration: underline;
}
.proposal_txt.admin {
	background:#F1F3F5;
	padding:24px 20px;
	margin-bottom:40px;
}
.sent_txt {
	position:relative;
	width:100%;
}
.sent_txt_row {
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	align-items:center;
	margin-bottom:10px;
}
.sent_txt_row img {
	display:inline-block;
	width:36px;
	height:36px;
	margin-right:12px;
	vertical-align:middle;
}
.sent_txt_row p {
	width:calc(100% - 50px);
	display:inline-block;
	font-size:1.4rem;
	vertical-align:top;
	line-height:1.2;
}
.sent_txt_row p span {margin-left:5px; font-size:1.4rem; color:var(--aprint-color)}
.sent_txt_area {
	position:relative;
	background:#0D85FF;
	color:#fff;
	padding:12px;
	border-radius:0px 5px 5px 5px;
	font-size:1.4rem;
	line-height:160%;
	margin-left:50px;
	display:inline-block;
}
.sent_txt_area:after {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #0D85FF;
	border-top: 0;
	border-left: 0;
	margin-left: -4px;
	margin-top: -8px;
}
.step_1 {
	position:relative;
	width:100%;
	padding-bottom:12px;
	margin-top:-10px
}
.step_1 textarea {
	position:relative;
	width:458px;
	min-height:72px;
	vertical-align: top;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	border:1px solid #ccc;
	padding:10px;
	resize:vertical;
}
.proposal_txt button {
	position:absolute;
	right:0;
	background: var(--aprint-color);
	color:#fff;
	width:72px;
	height:72px;
	font-size:1.3rem;
}
.proposal_step {
	font-size:1.5rem;
	font-weight:700;
	line-height:1.8;
}
.proposal_step.edit_title {font-size:1.8rem;font-weight:700;color:#333}
button.btn_compl {
	position:relative;
	background: var(--aprint-color);
	color:#fff;
	width:100%;
	height:52px;
	font-size:1.5rem;
	font-weight:700;
}
.popup_proposal {
	width:720px;
	height:auto;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%);
    overflow: hidden;
	border-radius: 5px;
	padding:42px 30px;
}
.popup_proposal h1 {font-size:2.4rem;font-weight:700;}
.proposal_gray {
	position:relative;
	width:100%;
	background:#F1F3F5;
	padding:24px 20px;
	margin:12px 0;
}
button.btn_close_pp {
	width:150px;
	height:40px;
	font-size:1.4rem;
	font-weight:700;
	background:#333;
	color:#fff;
}
.step_1 #input_file{display:inline-block; width:0px; height:0px; opacity:0; overflow:hidden; }

.step_1 #dropZone {
	width:100%;
	margin-bottom:10px;
}
.step_1 #dropZone #fileDragDesc{
	width:100%;
	height:52px;
	line-height:50px;
	text-align:left;
	padding:0 10px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	cursor:pointer;
	font-size:1.5rem;
	color:#959595;
}
.step_1 #dropZone #fileDragDesc img {vertical-align:middle;margin-right:5px}
.step_1 #dropZone #fileDragDesc img.act {display:none}
.step_1 #dropZone #fileDragDesc:hover {
	border:1px solid var(--aprint-color);
}
.step_1 #dropZone input[type="button"] {
	width:64px;
	height:52px;
	background:#EFEFEF;
	border:1px solid #d6d6d6;
	border-radius:5px;
	color:#666;
	font-size:1.3rem;
	z-index:2;
}
.step_1 #dropZone input[type="button"]:hover {
	border:0;
	background:#333;
	color:#fff;
}
.step_1 #dropZone #fileDragDesc{}
.step_1 #dropZone1{
	width:465px;
	height:52px;
	line-height:50px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	font-size:1.5rem;
	color:#333;
	margin-right:10px;
	padding:0 10px;
}

.m_event_banner {
	position:relaitve;
	width:100%;
	margin-bottom:10px;
	border-radius:10px;
	overflow:hidden;
}
.m_event_banner img {width:100%}

@media (min-width: 640px) {
.m_case_box {
	width:calc((100% - 40px)/2);
}
.m_case_box:nth-of-type(2) {margin-top:60px;}
.m_case_box {margin-bottom:60px;}
}
@media (min-width: 480px) {
	.m_btn_icon p {
	margin-top:10px;
	font-size:1.8rem;
}
	.m_mygrade_box h1 {width:auto;}
	.mygrade_num > .cont p span {display:inline-block; margin-left:5px;}
	.mygrade_bar p {display:inline-block; margin-left:5px;}

}
@media (min-width: 768px) {
	
}

@media (min-width: 1024px) {
	
}