@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&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');}
@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');


#hd {
	width:100%;
	position:fixed;
	z-index:997;
	margin: 0 auto;
  	left: 0;
  	right: 0;
	min-height:168px;
	top:0;
	-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;
	border-bottom:1px solid #dfdfdf;
}
#hd.nav_hide {top:-88px;border-bottom:1px solid #dfdfdf!important}
#hd.nav_hide > .top_banner {
	display:none;
	-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;
}
#wrapper,
#ft,
#hd_pop,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {position:relative;width:100%;max-width:1440px;margin:0 auto}

#hd_wrapper .inner,
#tnb .inner {position:relative;width:100%;max-width:1600px;margin:0 auto;}

.ft {position:relative;width:1480px;margin:0 auto}

/*safari*/
input, textarea {
 -webkit-appearance:none;
 -webkit-border-radius:5px;
}



/* 상단 레이아웃 */
header {position:relative;padding:0 20px; width:100%; min-height:168px;}
#hd {background:#fff;}
#hd.main {border-bottom:1px solid #fff}
#hd_h1 {position:absolute;font-size:0;line-height:0;}

#hd_wrapper {position:relative;margin:0 auto; padding:0;height:80px;padding:18px 0}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""; background:#fff; }

#logo {position:relative; float:left;}
#logo a {overflow:hidden;}
#logo img {position:relative; height:64px;vertical-align:top;}
#tnb {position:relative; margin:0 auto; height:88px; padding:12px 0}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}



#hd_define {position:relative;display:flex;flex-wrap:wrap;float:right;height:44px;align-items:center;}
#hd_define li {position:relative;font-size:1.8rem; text-align:center; margin-left:16px; font-weight:500;}
#hd_define li:first-child {}
#hd_define li a {display:inline-block;color:#777; font-size:inherit}
#hd_define li a.pointshop {color:#ff76be;}
#hd_define li a:hover {color:var(--aprint-color);}
#hd_define li.active a {color:#777}
#hd_define li.new div {display:none;position:absolute;top:-5px;right:0;width:5px;height:5px;background:#F03E3E;border-radius:50%;} /* 미적용 250428 */
#hd_define li img.hot {position:absolute;top:-20px;left:calc(50% - 15px);width:30px;animation:hot 1s linear infinite}

@keyframes hot { 
 0% { transform:translateY(0) } 50% { transform:translateY(-4px) } 100% { transform:translateY(0) } 
} 


#qnb {float:right;display:flex; flex-wrap:wrap; align-items:center; height:64px;}

#hd_qnb {display:flex; flex-wrap:wrap;}
#hd_qnb li {position:relative;font-size:1.5rem;text-align:center;padding:10px; color:#777;}
#hd_qnb li:after {position:absolute; display:block;width:1px; height:14px; background:#DEE2E6; content:""; top:14px; right:0;}
#hd_qnb li a {display:inline-block;color:#777; font-size:1.5rem;}
#hd_qnb li a:hover {color:var(--aprint-color)}
#hd_qnb li a img {vertical-align:middle; margin-right:5px;}

#hd_login {display:flex;flex-wrap:wrap;}
#hd_login button {position:relative;color:#333;font-size:1.5rem}
#hd_login button:hover {color:var(--aprint-color)}
#hd_login button img {vertical-align:top;height:14px;margin-right:5px;margin-top:4px}
#hd_login li {position:relative;padding:10px;color:#333;font-size:1.5rem}
#hd_login li:after {position:absolute; display:block;width:1px; height:14px; background:#DEE2E6; content:""; top:14px; right:0;}
#hd_login li:last-child {padding-right:0}
#hd_login li:last-child:after {display:none;}

#hd_login li.tg a {display:inline-block;}
#hd_login li.tg a span {display:inline-block; line-height:22px; vertical-align:middle;margin-left:8px;}
#hd_login li.tg a span img {display:block;}
#hd_login li.tg:hover > .tg_mypage {display:block;}
#hd_login li.tg:hover > a span {transform:rotate(180deg)}
#hd_login li.favorite a {color:#7950F2;cursor:pointer}
#hd_login li.favorite a:hover {color:#5f3dc4}
#hd_login li.favorite a img {margin-top:-3px}
#hd_login li.level {padding-left:34px;}
img.ic_ms_head {position:absolute;left:12px;top:12px;height:20px;}
#hd_login li div.tg_mypage {
	display:none;
	position:absolute;
	top:40px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999;
	width:130px;
	border:1px solid #444;
	background:#fff;
	text-align:left;
	padding:10px 0;
	border-radius:5px;
}
#hd_login li div.tg_mypage p {
	width:100%;
	height:36px;
	font-size:1.4rem;
	color:#666;
	padding:8px 16px;
}
#hd_login li div.tg_mypage p a {color:#666;}
#hd_login li div.tg_mypage p:hover {background:#F2F2F2;}
#hd_login li div.tg_mypage button.mdBtnlogin {color:#666; line-height:auto;}
#hd_login li div.tg_mypage button.mdBtnlogin:hover {}
#hd_login li.ct span {
	background:#339af0;
	border-radius:9px;
	font-size:1.2rem;
	color:#fff;
	padding:0 5px;
	margin-left:4px;
}

.hd_login {position:absolute;right:0;top:45px}
.hd_login>li {float:left;position:relative;margin:0 5px}
.hd_login>li.login a {color:#3a8afd;padding:10px;border-radius:3px;border:1px solid #3a8afd}
.hd_login>li a {color:#333}
.hd_login>li.shop_login {margin-top:-15px}
.hd_login .fa-shopping-cart {font-size:1.6em}
.hd_login .count {display:inline-block;position:absolute;top:-5px;right:-10px;line-height:12px;padding:0 5px;border-radius:10px;background:#ff1a21;color:#fff;min-width:16px;height:14px;font-size:0.85em}


.hd_logo {display:none;float:left;}
.hd_logo img {width:34px;vertical-align:middle}
#hd.nav_hide > #hd_wrapper > .inner > .hd_logo {display:block;margin-left:80px;line-height:44px;}



.hd_menu {position:relative;float:left;margin-left:65px;height:44px;}
#hd.nav_hide > #hd_wrapper > .inner > .hd_menu {margin-left:20px;}
.hd_list {width:100%;height:100%;display:flex;flex-wrap:nowrap;align-items:center;}
.hd_list_name {display:block; box-sizing:border-box; margin:0; width:auto; overflow:hidden;}

.hd_list_name a {position:relative;display:block;font-size:2rem; font-weight:500; box-sizing:border-box;padding:0 13px;}
.hd_list_name a:hover { color:#dc0074; cursor:pointer;}
.hd_list_name a:hover:after {content:'';position:absolute;width:calc(100% - 24px);height:1px;background:#dc0074;left:12px;bottom:0;}
.hd_list_name a.active {color:#dc0074;}
.hd_list_name a img {position:absolute; top:30px; right:0}
.hd_list_name a span {position:absolute;top:2px;right:2px;width:8px;height:8px;background:#F03E3E;border-radius:50%;}

.ani_color {-webkit-animation:colorchange 2s infinite alternate;}
.ani_color_k {-webkit-animation:oncolor 2.5s infinite alternate;}
@-webkit-keyframes colorchange {
      0% {color:#333;}
      25% {color:#2E00D1;}
      50% {color:#967ee8;}
      75% {color:#2E00D1;}
      100% {color:#333;}
    }
@-webkit-keyframes oncolor {
      0% {color:#00a2ff;}
      50% {color:#c7e4ff;}
      100% {color:#00a2ff;}
    }


#hd_all_menu { width:74px;display:inline-block; vertical-align:middle;}
.moreOn, .moreOff {
	display: inline-block;
	line-height:26px;
	height:26px;
}
.moreOn span, .moreOff span {
	vertical-align: top;
	font-size:14px;
	margin-right:5px;
}
.moreOn {color:#666;}
.moreOff {display: none; color:var(--aprint-color);}

#hd_all_menu_wrap { display:none; position:absolute; width:100%;background:#fff; z-index:99; left:0; box-shadow: 0px 8px 10px 0px #66666629;overflow:hidden;border-top:1px solid #DFDFDF}
.menu_container {max-width:1440px;}

ul.hd_all_menu_dep1 {position:relative; display:flex; display:-ms-flexbox; width:100%;flex-wrap:wrap; -ms-flex-wrap:wrap;align-items:stretch;padding:30px 0}
ul.hd_all_menu_dep1 > li {position:relative;display:block;width:calc((100%/8));overflow:hidden;border-right:1px solid #dfdfdf;padding:0 20px}
ul.hd_all_menu_dep1 > li:nth-of-type(1) {padding-left:0px}
ul.hd_all_menu_dep1 > li:nth-last-of-type(1) {border-right:0;}
ul.hd_all_menu_dep1 > li > a {position:relative; display:block; padding-bottom:10px; font-size:1.6rem; font-weight:700;}
ul.hd_all_menu_dep1 > li > a img {width:16px;vertical-align:top;margin-top:5px;margin-left:4px;}
ul.hd_all_menu_dep1 > li > a.online {margin-top:30px;}
ul.hd_all_menu_dep2:after {display:block;visibility:hidden;clear:both;content:""}
ul.hd_all_menu_dep2 li { display:block; width:100%; padding-bottom:10px;}
ul.hd_all_menu_dep2 li:nth-last-of-type(1) {padding-bottom:0}
ul.hd_all_menu_dep2 li a { display:block; color:#666; font-size:1.5rem;}
ul.hd_all_menu_dep2 li a span {color:var(--aprint-color); padding-left:5px;font-size:1.2rem;font-weight:700;}
ul.hd_all_menu_dep2 li a:hover { color:#dc0074; }

/* hamberger */
.hd_all_menu_btn {
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid #dfdfdf;
	top:0;
	left:0;
	padding:13px 0;
}


.btn_navsub {
	margin:0 auto;
	 position: relative;
	 display: block;
	 width: 18px;
	 height: 16px;
	 background: transparent;
	 border-top: 2px solid;
	 border-bottom: 2px solid;
	 border-left:0;
	 border-right:0;
	 color: #121212;
	 font-size: 0;
	 transition: all 0.25s ease-in-out;
	border-radius:0!important; 
}
.btn_navsub:before, .btn_navsub:after {
	 content: '';
	 display: block;
	 width: 100%;
	 height: 2px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 color: #121212;
	 background: #121212;
	 transform: translate(-50%, -50%);
	 transition: transform 0.25s ease-in-out;
}
.btn_navsub:hover {
	color: #121212;
}
.btn_navsub.is-active {
	border-color: transparent;
	border-left:0;
	border-right:0;
}
.btn_navsub.is-active:before {
	transform: translate(-50%, -50%) rotate(45deg);
	color: #fff;
	background:#fff;
}
.btn_navsub.is-active:after {
	transform: translate(-50%, -50%) rotate(-45deg);
	color: #fff;
	background:#fff;
}
.hd_all_menu_btn:has(.btn_navsub.is-active) {background:#222;color:#fff;border:1px solid #222}

.nav-sub {
	position:relative;
	width:100%;
	background:#fff;
	margin:0 auto;
	display:none;
	box-shadow: 5px 5px 10px #cccccc66;
}

.dropdown{}
.dropdown_wrap {
	display:none;
	position:fixed;
	width:100%;
	background:#fff;
	top:168px;
	left:0;
	z-index:98;
	overflow:hidden;
	box-shadow:0px 8px 10px 0px #66666629;
	border-top:1px solid #dfdfdf
}
#hd.nav_hide > #hd_wrapper > .inner > .hd_menu > .hd_list > .hd_list_name > .dropdown_wrap {top:80px}
.dropdown_wrap > .inner {
	display:flex;
	flex-wrap:wrap;
	width:1440px!important;
}
.dropdown_text {
	display: block;
	width:50%;
	padding:30px 0;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	align-content:flex-start;	
}
.dropdown_text p {
	width:100px;
	font-size:2rem;
	font-weight:700;
	margin-bottom:10px;
}
.dropdown_text hr {
	position:relative;
	display:block;
	width:100%;
	border-top:1px solid #dfdfdf;
	border-bottom:0;
	margin:20px 0 30px;
}
.dropdown_list {
	position: relative;
	width:calc(100% - 100px);
	display: flex;
	flex-wrap:wrap;
	align-content:flex-start;	
}
.dropdown_list:nth-of-type(1) {}
.dropdown_list:nth-of-type(2) {}

.dropdown_list_li {
	list-style:none;
	width:25%;
	color:#666;
	font-size:1.6rem;
	padding-bottom:10px;
	border:0;
	letter-spacing:0;
	-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;
	cursor:pointer
}
.dropdown_list_li:hover {
	color:var(--aprint-color);
	font-weight:700;
	-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;
	border:0;
}
.dropdown_list_li.half {width:50%;}
.dropdown_list_li.stop {
	cursor:default;
	color:#999;
}
.dropdown_list_li.stop:hover {font-weight:400;}
.dropdown_list_li span.contact {
	width:56px;
	height:24px;
	background:#F1F3F5;
	border-radius:5px;
	font-size:1.2rem;
	color:#A0A8AF;
	text-align:center;
	margin-left:5px;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
}
.dropdown_btn {
	position:absolute;
	bottom:0;
	right:5px;

	height:55px;
	margin:0 auto;
}
.dropdown_btn button { height:35px; color:#666; margin:0; font-size:1.2rem; text-align:left; padding:10px 5px; margin:10px 5px; border-bottom:2px solid #aaa;}
button.btn_sd:hover {color:#dc0074; border-bottom:2px solid var(--aprint-color);}
button.btn_pf:hover {color:#032e51; border-bottom:2px solid #032e51;}

.dropdown_right {
	width:50%;
	display: flex;
	padding:30px 0 30px 30px;
}
.dropdown_box{width:220px;margin-right:15px;}
.dropdown_box:last-child {margin-right:0}
.dropdown_img {
	width:220px;
	height:220px;
	border-radius: 5px;
	background:#fff;
	border:1px solid #efefef;
	overflow: hidden;
}
.dropdown_img img {width:100%;}
.dropdown_text2 {margin-top:12px;}
.dropdown_title {font-size:1.5rem; word-break: keep-all;}
.dropdown_cont {font-size:1.4rem; color:#999; margin-bottom:4px; word-break: keep-all;}
.dropdown_list_li button {position:relative; width:100%; height:100%; font-size:1.4rem; text-align:left;}
.dropdown_list_li button:hover {}

/* top banner */
.top_banner {
	position:relative;
	width:100%;
	height:45px;
	background:#12436B;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:45px;
}
.top_banner a {color:#fff;font-size:1.6rem;}
.top_banner a span {font-size:1.6rem;font-weight:700;color:#FFEA01;}
button.btn_top_close {
	position:absolute;
	top:13px;
	right:calc((100vw - 1440px)/2);
}


/* modal */

.modal {
	display:none;
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	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.3); /* 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;
}
.popup_terms,
.popup_privacy {
	width:900px;
	height:600px;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);   
	border-radius: 5px;
	
}
.popup_terms .privacy,
.popup_privacy .privacy {
	position:relative;
	height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:20px;
}
.modal > div > button {
	position:absolute;
	right:30px;
	top:30px;
	background:#fff;
	width:30px;
	height:30px;
	z-index:2;
	border:2px solid #333;
	border-radius:50%!important;
}
.modal > div > button img {width:13px;}

.bg_black {
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	z-index: 9990;
	position:fixed;
	top:0;
	left:0;
	display: none;
}



/* 중간 레이아웃 */
/* #wrapper {z-index:5;margin:0 auto;width:1200px;position:relative} */
#wrapper {z-index:5;position:relative;width:100%;background:#fff}
#wrapper.is_community{background:#fff}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {padding:20px 0;font-size:2rem;font-weight:700}

#container {position:relative; width:1240px; margin:0 auto; padding:20px;}

#container:after {display:block;visibility:hidden;clear:both;content:""}
section.main_section {position:relative; width:100%; margin:0 auto; padding:60px 0}
.container {position:relative; margin:0 auto;  width:1240px; padding:20px; margin-top:0;}
.container.wide {position:relative; margin:0 auto;  width:1480px; padding:20px; margin-top:0;}
.container.wide h1 {
	text-align:center;
	font-size:3.6rem;
	font-weight:700;
	margin:30px 0 50px 0;
}
.container.wide h4 {
	text-align:center;
	font-size:1.6rem;
	color:#666;
}
.container.paymentdone {position:relative; margin:0 auto; width:1480px; padding:250px 20px;}
.main_container {position:relative; margin:0 auto;  width:1480px; padding:20px;}
.main_container.slide {padding:10px 20px 20px;}
.container:after {display:flex;visibility:hidden;clear:both;content:""}

.sub_container {margin-bottom:50px;}
.sub_container img {width:1200px;}
.sub_container h1 {text-align:left;}
.sub_container.wide h2 {text-align:left;font-size:2rem; font-weight:700;margin-top:30px;}
.container hr {width:100%; display: block; border-top:2px solid #333; border-bottom:0; border-left:0; border-right:0; margin:20px 0;}


/* 하단 레이아웃 */
footer {width:100%; position:absolute; z-index:-1; border-top:1px solid #dfdfdf;padding:50px 0;}
footer hr {width:100%; display: block;  border-top:1px solid #dfdfdf; border-bottom:0px;}
.ft {background:#fff; padding:0 20px;}
.ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#ft_info { padding:40px 50px; width:100%; background:#F8F9FA;margin:0 auto;border-radius:5px;margin-bottom:30px;}
#ft_info > ul {width:100%;display:flex;flex-wrap:wrap;}
#ft_info > ul > li {width:360px;padding:0 50px; border-left:1px solid #dfdfdf; text-align:left;  line-height:30px; font-size:1.4rem; color:#808080; overflow:hidden; }
#ft_info > ul > li:first-child { border-left:0;  padding-left:0; width:620px;}
#ft_info > ul > li:last-child { padding-right:0;}
#ft_info > ul > li h2 { color:#999; font-weight:700; font-size:1.8rem; margin-bottom:8px;}
#ft_info > ul > li h3 { font-weight:700; font-size:1.7rem;display:inline-block}
#ft_info > ul > li h4 { font-weight:700; font-size:1.6rem;line-height:1}
#ft_info > ul > li p {font-size:1.5rem;line-height:2;}
#ft_info > ul > li p a img {vertical-align:middle;}
#ft_info > ul > li .ft_tel { color:#dc0074; font-weight:700; font-size:4rem; margin-bottom:30px;}
#ft_info > ul > li span {font-weight:700;font-size:1.5rem;}
#ft_info > ul > li span.line {display:inline-block;width:1px;height:14px;background:#DFDFDF;margin:0 12px;vertical-align:middle}
#ft_info > ul > li a  { color:#808080; }
#ft_info > ul > li button {width:64px;height:32px;background:#fff;border:1px solid #CCC;font-size:1.3rem;margin-left:10px}
#ft_info > ul > li button:hover {background:#333;color:#fff;border:1px solid #333;}
#ft_info > ul > li img {margin-bottom:10px;}

#ft_wr {width:1480px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left; margin-bottom:16px; border-bottom:1px solid #DFDFDF; padding:16px 0;}
#ft_link:after {display:block;visibility:hidden;clear:both;content:""}
#ft_link li { float:left; margin-right:45px; }
#ft_link a {display:inline-block;color:#666;line-height:2em;font-weight:500;font-size:1.5rem;}

#ft_company {font-weight:normal;line-height:2;text-align:left;  }
#ft_company p {font-size:1.3rem; color:#666;}
#ft_company span {font-size:1.3rem;}
#ft_company span.line {display:inline-block;width:1px;height:14px;background:#DFDFDF;margin:0 12px;vertical-align:middle}
#ft_company a {text-decoration:underline;}

.ft .ft_escrow { position:absolute; right:0; bottom:0; z-index:0;}





#mdLogin, #mdJoin {display: none;}



/* layer popup */

#mdPopup {display:block;}
.popup_notice {
	background: #eeede9;
	margin:0 auto;
	position: absolute;
    top: 140px;
    left:50%;
    transform: translate(-50%,0);
    overflow: hidden;
}
.popup_notice img {width:100%;vertical-align:top;}

/*.btn_pop_close {
	position:absolute;
	right:20px;
	top:20px;
	background: transparent;
	border:0;
	width:16px;
	height:16px;
	outline:none;
}*/
.btn_pop_close img {width:100%;vertical-align:top;}
.popup_img {
	margin:0 auto;
	width:100%;
}
.pop_btn_wrap {
	display:table;
	width:100%;
}
.pop_btn_wrap button {
	display:table-cell;
	font-size:1.6rem;
	text-align:center;
	vertical-align:middle;
	width:50%;
	height:55px;
	background:#fff;
	color:#666;
}
.btn_pop_close {
	
}
.pop_btn_wrap button:hover, 
button.btn_pop_close_today:hover {background:#f1f3f5;}
button.btn_pop_close_today {border-right:1px solid #dedede}
/*button.btn_pop_close_today {position:absolute; left:10px; bottom:10px; font-size:14px;}
button.btn_pop_close_today:hover {text-decoration:underline;}
button.btn_pop_close:hover {text-decoration:underline;}*/
.pop_btn_wrap.order {background:#233899;}
.pop_btn_wrap.order button {
	font-size:1.4rem;
	text-align:center;
	vertical-align:middle;
	width:auto;
	height:45px;
	background:#233899;
	color:#fff;
	border-radius:0;
	padding:0 15px;
} 
.pop_btn_wrap.order button.btn_pop_close_today {border:0;}
.pop_btn_wrap.order button:hover, 
.pop_btn_wrap.order button.btn_pop_close_today:hover {text-decoration:underline;}

/* slide popup */

.slide_popup {
	width:500px;
	height:545px;
	position: relative;
    top: 140px;
    overflow: hidden;
}
.closebtn_wrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
button.btn_pop_close2 {
	position:absolute;
	right:15px;
	top:15px;
	width:20px;
	height:20px;
	background: transparent;
	border:0;
	outline:none;
	display:block;
	visibility:visible;
	z-index:10
}
button.btn_pop_close_today2 {position:absolute; right:18px; bottom:10px; font-size:1.4rem;z-index:10;}
button.btn_pop_close_today2:hover {text-decoration:underline;}
.popup300 {
	position:absolute;
	top:0;
	right:calc(((100vw - 1200px)/2));
	z-index:999
}
@media all and (max-width:1200px) {
	.popup300 {right:0;}
}

/* layer popup end */



/* kakao btn */
.btn_kakao_f {
	position:fixed;
	display:block;
	bottom:30px;
	right:10px;
	z-index:9999;
	width:185px;
	padding-bottom:70px;
}
.kakao_wrap {
	position:relative;
	-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;
}
.kakao_wrap.close {
	transform:translate(195px,0);
}
.ic_quick {
	position:absolute;
	/*display:block;*/
	display:none;
	width:16px;
	height:36px;
	border-radius:5px 0 0 5px;
	background:#4B6DF3;
	top:24%;
	left:-16px;	
	text-align:center;
	line-height:36px;
	cursor:pointer;
}
.ic_quick:hover {background:#2741ac}
.kakao_wrap.close > .ic_quick img {transform:rotate(180deg)}

.icon_top {
	position:fixed;
	display:none;
	bottom:30px;
	right:10px;
	z-index:9999;
}
.icon_top img {vertical-align:top}
.icon_kakao {margin-bottom:15px}
.icon_kakao img {vertical-align:top;}
.icon_kakao img.hover {display:none}
.icon_kakao a:hover > img.hover {display:block;}
.icon_kakao a:hover > img.default {display:none;}
.icon_kakao_wrap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.icon_process {margin-bottom:20px;}
.icon_process img,
.icon_kakao_wrap img {width:100%}
.icon_kakaot {
	position:relative;
	border-radius:15px;
	background:#F1F3F5
}
.btn_kakaoch {
	position:absolute!important;
	/*display:block!important;*/
	display:none!important;
	top:80px;
	left:16px;
}
.btn_kakaoch > a {
	display:block;
	width:154px;
	height:36px;
	border-radius:5px;
	background:#020303;
	color:#fff;
	font-size:1.3rem;
	font-weight:700;
	text-align:center;
	line-height:36px;
	-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;
}
.btn_kakaoch > a:hover {background:#4A2222}
.icon_kakaot > div {
	position:relative;
	width:100%;
}
.icon_kakaot > .k_off,
.icon_kakaot > .k_mid,
.icon_kakaot > .k_on {display:none}
.icon_kakaot > .k_on > .onday {position:absolute;top:10px;right:10px;z-index:1;background:#F03E3E;border-radius:20px;width:34px;height:18px;}
.icon_kakaot > .k_on > .onday img {height:24px}
.icon_kakaot > .k_on > .img_qna {position:absolute;bottom:38px;left:calc(50% - 46px);width:92px;z-index:1}
.ani_float {font-size:1.2rem;font-weight:700;color:#fff;animation: float 2s ease-in-out infinite;text-align:center;line-height:18px;}
@keyframes float {
	0% {
		opacity:1;
	}
	50% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}
.qrcode_c, .qrcode_j {
	position:fixed;
	bottom:10%;
	right:350px;
	width:360px;
	height:360px;
	border-radius:10px;
	background:#fff;
	border:1px solid #eee;
	text-align:center;
	padding:30px;
	z-index:9998
}
button.qr_close {
	position:absolute;
	top:10px;
	right:10px;
	z-index:9999;
}
.icon_contact {
	width:185px;
	background:#fff;
	border:1px solid #DFDFDF;
	border-radius:10px;
	padding:7px 12px;
	margin-top:10px
}
.icon_contact p {font-size:1.4rem; font-weight:500;line-height:2.4rem; padding:5px 0;}
.icon_contact p img {width:24px;height:24px;margin-right:8px;vertical-align:middle;}
.icon_contact a p:hover {color:var(--aprint-color)}

.btn_kakao_f.fix {
	bottom:90px;
}
.icon_kakao2 {display:none}

.btn_kakao_f .favorite {
	width:100%;
	border:1px solid #7950F2;
	border-radius:5px;
	color:#7950F2;
	font-size:2rem;
	font-weight:500;
	margin-bottom:10px;
	padding:6px 10px;
	cursor:pointer;
	background:#fff;
	height:46px;
}
.btn_kakao_f .favorite img {width:28px; margin-right:8px;vertical-align:top;margin-top:0.2rem}
.btn_kakao_f .favorite:hover {background:#e5dbff}
.side_menu {display:none}

@media screen and (min-width: 1680px) and (max-width: 1919px) {
	.btn_kakao_f {display:none;}
	.side_menu {
		position:fixed;
		display:block;
		top:188px;
		right:20px;
		width:80px;
		padding:12px 10px;
		border-radius:5px;
		border:1px solid #DFDFDF;
		background:#fff;
		z-index:9999;
	}
	.side_menu img.active { display: none; }
	.side_menu li.active img.active { display: inline-block; }
	.side_menu li.active img.default { display: none; }
	.side_menu ul li {
		position:relative;
		cursor:pointer;
		text-align:center;
		margin:8px 0;
	}
	.side_menu ul li > p {font-size:1.2rem;font-weight:500;}
	.side_menu ul li.active > p {color:var(--aprint-color)}
	.side_submenu {
		position:absolute;
		left:-205px;
		top:0;
		display: none;
		width:185px;
		overflow:hidden;
	}
	.side_submenu.contact {
		border:1px solid #dfdfdf;
		padding:7px 12px;
		border-radius:10px;
		background:#fff;
		text-align:left;
	}
	.side_submenu.contact p {
		font-size: 1.4rem!important;
		font-weight: 500;
		line-height: 2.4rem;
		padding:5px 0;
		color:#333!important;
	}
	.side_submenu.contact p:hover {color:var(--aprint-color)!important}
	.side_submenu img {width:100%;vertical-align:top;}
	.side_submenu.contact img {
		width:24px;
		height:24px;
		vertical-align:middle;
		margin-right:8px;
	}
	.side_menu #s_all {
		position:absolute;
		display: none;
		top:0;
		left:-205px;
		width:185px;
	}
}

@media all and (max-width:1679px) {
	.icon_top {left:inherit;right:0;}

	.qrcode_c, .qrcode_j {right:230px;}
	.ic_quick {display:none}
	.side_menu {display:none}
	.btn_kakao_f {
		position:fixed;
		right:30px;
		z-index:9999;
		width:185px;
		bottom:80px;
	}
	.icon_process,
	.icon_kakao,
	.icon_contact,
	.icon_maindown {display:none}
	.icon_kakao2 {
		display:block;
		bottom:72px;
		right:0;
		position:absolute;
	}
}


/* mobile btn */

.btn_mobile {
	position:fixed;
	font-size:3.5em;
	font-weight:700;
	color:#fff;
	background: #FF76BE;
	box-shadow: 3px 5px 20px #33300029;
	border-radius: 2em;
	bottom:150px;
	left:30px;
	z-index:9999;
	width:40%;
	height:4em;
}







.video {
	position:relative;
	width:100%;
	height:650px;
	margin-top:140px;
}

.video_wrap {

}

.video_wrap video {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:650px;
	object-fit:cover;
	overflow:hidden;
}