@charset "utf-8";
/* CSS Document */

/* sample design */

.checkbox {
	position:relative;
	width:200px;
	border: 1px solid #ddd;
	margin:20px 0;
	float:left;
}

.checkbox p { margin:20px 8px; font-size:1.4rem; font-weight:700;}
.checkbox_hr {display:block; width:100%; height:1px; background:#ddd; margin-top:20px;}

.cate_wrap {
	border-bottom:1px solid #ccc;
}
.cate_wrap:last-child {
	border:0;
}
.cate_upper {
	font-size:1.4rem;
	font-weight:700;
	padding:10px;
	position:relative;
}
.cate_upper:hover {
	background: #eee;
	color:var(--aprint-color);
	cursor: pointer;
}
.cate_arrow {
	display:inline;
	position:absolute;
	right:10px;
}
.cate_lower {
	padding:10px;
	font-size:1.3rem;
}
.cate_lower:hover {
	cursor: pointer;
	background: #eee;
	color:var(--aprint-color);
}
.cate_lower.checked {
	background: #eee;
	color:var(--aprint-color);
}

.sample_wrap {
	width:980px;
	position:relative;
	float:right;
}
.sample_wrap_pop {
	width:980px;
	position:relative;
}
.sample {
	width:100%;
	display: flex;
	position:relative;
	margin:20px 0;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.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: 700px;
    height: 750px;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:50px 50px 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	z-index: 9999;
	border-radius:10px
}
.imgzoom_box_sample {
    width: 1200px;
    height: 880px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	z-index: 9999;
	padding:30px 40px;
}
button.zoom_close { 
	position:absolute;
	top:10px;
	right:50px;
	width:40px; 
	height:30px;
	border-bottom:2px solid #333; 
	border-radius:0!important;
	background: #fff; 
	font-size:1.4rem;
}
.imgzoom_box button:hover {color:var(--aprint-color); border-bottom:2px solid #fff;}


.imgzoom_img {
	display:inline-block;
	width:600px;
	height:600px;
	position:relative;
	border-radius: 5px;
	border:1px solid #ddd;
	overflow:hidden;
}
/* 220322 추가 220816 수정 */
.imgzoom_flex {
	display:flex;
	flex-wrap:wrap;
}
.imgzoom_img_sp {
	position:relative;
	width:440px;
	height:440px;	
	border-radius: 5px;
	border:1px solid #ddd;
	overflow:hidden;
	margin-right:60px;
}

.imagzoom_txt_sp {
	position:relative;
	width:620px;
}
.imagzoom_txtrow {
	position:relative;
	width:100%;
	display:table;
	margin-bottom:15px;
}
.imagzoom_txtrow label {
	width:150px;
	height:42px;
	padding-right:20px;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:1.6rem;
	font-weight:700;
	color:#333;
	word-break:keep-all;
	line-height:1.4
}
.imagzoom_txtrow label.vtc_top {vertical-align:top;}
.imagzoom_txtrow input[type="text"] {
	width:470px;
	height:46px;
	display:table-cell;
	background:#fff;
	border:1px solid #D6D6D6;
	font-size:1.4rem;
	color:#333;
	padding:10px;
}
.imagzoom_txtrow textarea {
	width:470px;
	height:80px;
	display:table-cell;
	background:#fff;
	border:1px solid #D6D6D6;
	font-size:1.4rem;
	color:#333;
	padding:10px;
	resize:none;
}
.imgzoom_caution {
	position:relative;
	width:100%;
	padding:15px;
	background:#f5f5f5;
	margin-top:25px;
	margin-bottom:30px;
}
.imgzoom_caution p {
	position:relative;
	font-size:1.5rem;
	color:#333;
	line-height:1.8;
	padding-left:10px;
	word-break:keep-all;
}
.imgzoom_caution p:before {
	position:absolute;
	left:0;
	top:0;
	content:'·';
	font-size:1.5rem;
	color:#333;
}
.imgzoom_caution p span {font-size:inherit;font-weight:700}

.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: auto;
  padding: 16px;
  margin-top: -22px;
  color: #333;
  font-weight:700;
  font-size: 1.8rem;
  transition: 0.6s ease;
  border-radius: 0 10px 10px 0;
}

/* Position the "next button" to the right */
.slide_next {
  right: 0;
  border-radius: 10px 0 0 10px;
}

/* On hover, add a black background color with a little bit see-through */
.slide_prev:hover, .slide_next:hover {
  background-color: rgba(0,0,0,0.2);
}



/* The dots/bullets/indicators */
.slidedots {
	width:100%;
	height:10px;
	text-align:center;
	position:absolute;
	bottom:10px;
	transform:translate(50%,0);
	left:-50%;
}
.dots {
  cursor: pointer;
  height: 6px;
  width: 6px;
  margin: 0 2px;
  background-color: #aaa;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dots.active, .dots:hover {
  background-color: var(--aprint-color);
}

/* 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}
}

.imgzoom_btn {
	display:block;
	position:relative;
	width:100%;
	height:40px;
	margin-top:30px;
	text-align:center;
	margin:0 auto;
}

button.btn_design_order { 
	position:relative; 
	width:180px;
	height:40px;
	font-size:1.4rem;
	font-weight:700;
	margin:0 10px;
}
button.btn_design_order:nth-child(1){background:#fff;border:1px solid var(--aprint-color); color:var(--aprint-color)}
button.btn_design_order:nth-child(1):hover{background:#FFE6F0;}
button.btn_design_order:nth-child(2){background:var(--aprint-color); color:#fff;}
button.btn_design_order:nth-child(2):hover {background:#B0045C;}

/*
.imgzoom_btn {
	display:block;
	position:relative;
	width:100%;
	height:52px;
	margin-top:30px;
	text-align:center;
	margin:0 auto;
}

button.btn_design_order { 
	position:absolute; 
	width:160px;
	height:52px;
	color:#fff;	
	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;
}
button.btn_design_order.close {width:120px;background:#bcbcbc;right:170px}
button.btn_design_order.pink{background:var(--aprint-color);right:0;}
button.btn_design_order.black{background:#fff;width:244px;border:1px solid #333; color:#333;left:0;}
button.btn_design_order.pink:hover {background:#333;} */
.paging {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	display: inline-block;
	font-size:0;
}
.paging img {vertical-align:top}
.pagePrev, .pageNext, .pageFirst, .pageLast {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	vertical-align:middle
}
.pageFirst {margin-right:5px;}
.pagePrev {margin-right:12px;}
.pageNext {margin-left:12px;}
.pageLast {margin-left:5px;}
.pagePrev a, .pageNext a {
	width:100%;
	height:100%;
	line-height:30px;
	position:relative;
	display:block;
}
.pageNum {display: inline-block; font-size:0;}
.pageNum ul {display: inline-block; font-size:0;}
.pageNum ul li {
	display: inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:0;
	vertical-align:middle
}
.pageNum ul li a {
	display: inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:1.4rem;
	vertical-align:middle
}
.pageNum ul li a:hover {color:#999;}
.pageNum ul li .present {
	display: inline-block;
	width:30px;
	height:30px;
	color:var(--aprint-color);
	line-height:30px;
	font-size:1.4rem;
	text-decoration:underline;
}

/* 웹게시 팝업 */

.web_sample {
	width:920px;
	height:750px;
	background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	z-index: 9999;
}
.web_sample .zoom_close {top:50px;z-index:2;}
.web_sample_wrap {
	position:relative;
	width:100%;
}
.web_sample_wrap div {display:none}
.web_sample_wrap div.active {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.web_sample_wrap div h2 {
	width:100%;
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:15px;
}
.web_sample_wrap div > div {
	display:block;
	width:calc((100% - 16px)/3);
	margin-right:8px;
	margin-bottom:10px;
}
.web_sample_wrap div > div:nth-of-type(3n) {margin-right:0;}


/* 210706 add */

.sample_wrap1 {
	position:relative;
    width:100%;
    margin-bottom:190px;
	margin-top:40px;
}
.sample_wrap_pop {
	width:1200px;
	position:relative;
}
.sample1 {
	width:100%;
	display: flex;
	position:relative;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.sample_box {
	width:272px;
	display:block;
	position: relative;
	overflow: hidden;
    margin-right:20px;
    margin-bottom:60px;
}
.sample_box:nth-of-type(5n) {margin-right:0;}
.sample_box.flag {width:calc((100% - 40px)/3);}
.sample_box.flag:nth-of-type(3n) {margin-right:0;}
.sample_box.flag:nth-of-type(5n) {margin-right:20px;}
.sample_box.flag:nth-of-type(15n) {margin-right:0;}

.sample_img {
	position:relative;
	width:100%;
	height:272px;
	overflow: hidden;
	border:1px solid #f2f2f2;
    background:#fafafa;
}
.sample_img_inner {
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.sample_img img,
.sample_img_inner img {
	width:100%;
	height:100%;
	overflow: hidden;
	-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;
	perspective: 1;
}

.sample_box:hover > .sample_img > .sample_img_inner img { 
	transform: scale(1.1,1.1);
	-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;
}
.sample_box:hover > .sample_text h2 { color:var(--aprint-color);}

.sample_text {
	margin-top:24px;
	position:relative;
}
.sample_text h2 { font-size:1.8rem; font-weight:700;}


.sample_top_banner {
    position:relative;
    width:100%;
    height:200px;
    background:#ddd;
    margin-top:50px;
}
.sample_cate_wrap {
    margin-top:40px;
}
.sample_cate_upper {
    position:relative;
    width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sample_cate_upper div {
    width:calc((100%/6) + 1px);
    border:1px solid #ddd;
    height:64px;
    font-size:1.7rem;
    color:#767676;
    text-align:center;
    vertical-align: middle;
    cursor: pointer;
	border-radius:0;
	margin-left:-1px;
	padding:18px 0
}
.sample_cate_upper div:first-child {width:calc(100%/6);margin-left:0;border-radius:5px 0 0 5px}
.sample_cate_upper div:last-child {border-radius:0 5px 5px 0}
.sample_cate_upper div.active {
    font-weight:700;
    color:#fff;
    background:#333;
	text-align:center;
	z-index:2;
	border:1px solid #333;
	border-radius:5px;
}
.sample_cate_upper div a {color:inherit;}
.sample_cate_upper div a img {vertical-align:middle;margin-left:4px;width:20px;margin-top:-2px}
.sample_cate_upper div.active a {color:inherit; font-weight:700;width:100%;}
.sample_cate_upper div.case a {color:var(--aprint-color);}
.sample_cate_lower {
    position:relative;
    width:100%;
	height:72px;
    padding:24px 50px;
    background:#f8f9fa;
    margin-top:40px;
	border-radius:5px;
}
.lower_wrap {
    position:relative;
    display:none;
    width:100%;    
}
.lower_wrap.active {display:flex;}
.lower_wrap h2 {
    width:300px;
    line-height:88px;
    font-size:2.8rem;
    font-weight:700;
    padding-left:50px;
}
.lower_wrap ul {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}
.lower_wrap ul li {
    position:relative;
    font-size:1.6rem;
    cursor: pointer;
	margin-right:50px;
	color:#767676
}
.lower_wrap ul li.active {color:var(--aprint-color); font-weight:700}
.lower_wrap ul li:hover {font-weight:700; color:var(--aprint-color)}
.lower_wrap ul li a {color:inherit;}
.lower_wrap ul li span {
	position:absolute;
	display:block;
	top:6px;
	right:-6px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#F03E3E;
}



/* portfolio, review */

.portfolio_nav {
	width:100%;
	position:relative;
	text-align: right;
}

.portfolio_nav button {
	display:inline-block;
	background: #fff;
	padding:5px 10px;
	border-radius: 10px;
	font-size:1.4rem;
	margin-left:5px;
}
.portfolio_nav button.is-checked {
	background:#eee;
	font-weight:700;
}
.portfolio_wrap {
	width:1200px;
	position:relative;
}
.portfolio {
	width:100%;
	display: flex;
	position:relative;
	margin:20px 0;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.portfolio:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio_box {
	width:280px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-bottom:100px;
	margin:0 9px;
}

.portfolio_img {
	width:280px;
	height:280px;
	overflow: hidden;
	border:1px solid #ddd;
	border-radius:3px;
	position:relative;
}

.portfolio_img img {
	width:100%;
	height:100%;
	overflow: hidden;
	-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;
	perspective: 1;
}

.portfolio_img img:hover { 
	transform: scale(1.1,1.1);
	-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;
}

.portfolio_text {
	padding:10px;
	position:relative;
}
.portfolio_text h2 { font-size:1.6rem; font-weight:500; line-height:25px;}
.portfolio_text h3 { font-weight:500; line-height:25px; margin-bottom:20px;}
.portfolio_text p { word-break: keep-all; padding:5px 0 20px; color:#666;}
.portfolio_text h4 { position:absolute; text-align:right; color:#aaa; top:69px; right:10px; line-height:25px;}

.imgzoom_box_2 {
	width: 800px;
    height: 820px;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:50px;
	z-index:100;
	z-index: 9999;
	
}

.imgzoom_box_2 img{
    width: 700px;
    height: 700px;
	margin-top:20px;
	overflow:hidden;
	border-radius: 5px;
	border:1px solid #ddd;
}

.detail_wrap {
    position:relative;
    width:1200px;
    display:inline-block;
    vertical-align: bottom;
    margin-top:70px;
    margin-bottom:200px;
    font-size:0;
	
}

.detail_img_wrap {
    position:relative;
    display:inline-block;
    width:775px;
    vertical-align: bottom;
	margin-right:70px;
}
.detail_img_wrap.corp {
    position:relative;
    display:block;
    width:960px;
	margin:0 auto;
}
.detail_img_wrap img {
	width:100%;
	margin-bottom:10px;
}
.detail_img_wrap img:nth-last-of-type(1) {margin-bottom:0}

.detail_txt_wrap {
    position:relative;
    display:inline-block;
    vertical-align: top;
    width:355px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    top:0;
	
}
.detail_txt_wrap.fixed {
    position:fixed;
    top:210px;
    right:calc((100% - 1200px)/2);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.detail_txt_wrap.fixed.on {
    top:0;
    position:relative;
    display:inline-block;
    vertical-align: bottom;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.detail_txt {border-bottom:1px solid #ededed; padding-bottom:60px;margin-bottom:70px; text-align:center;}
.detail_txt h2 {font-size:30px; font-weight:700; padding-bottom:12px;}
.detail_txt h3 {font-size:1.6rem; color:#666;}
.detail_txt_row {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    padding:6px 0;
    font-size:1.6rem;
}
.detail_txt_row > .title {font-size:1.6rem;font-weight:700; width:120px;}
.detail_txt_row > .content {font-size:1.6rem;color:#666; width:235px;word-break: keep-all;}

button.btn_portlist {
    width:136px;
    height:52px;
    background:#fff;
    color:#444;
    border:1px solid #333;
    font-size:1.4rem;
    font-weight:700;
	margin-top:50px;
}
button.btn_portlist:hover {background:#eee;}

.mouse_scroll {
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translate(-50%,0);
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
}


.m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);  
  border-right: 2px solid var(--aprint-color);
  border-bottom: 2px solid var(--aprint-color);
  margin: 0 0 3px 4px; 
  width: 16px;
  height: 16px;
}
.unu{margin-top: 1px;}
.unu, .doi, .trei{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;  
}
.unu{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate; 
  animation-delay: .2s;
  animation-direction: alternate;  
  margin-top: -6px;
}

.trei{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate; 
  animation-delay: .3s;
  animation-direction: alternate; 
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid var(--aprint-color);
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: var(--aprint-color);
  position: relative; 
  height: 4px;
  width: 4px;
  border: 2px solid var(--aprint-color);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


/* review */

.review_top {
	width:100%;
	height:200px;
	background: #ccc;
	margin-bottom:40px;
}

.review_blog {
	position:relative;
	width:100%;
	height:720px;
	overflow-y:auto;
	overflow-x:hidden;
}
.review_blog img {
	position:relative;
	width:100%;
	padding:10px;
	height:auto;
	border:0;
	border-radius:0;
}
.review_blog p {
	line-height:180%;
	padding:10px 10px 20px;
	font-size:1.4rem;
}
.review_txt {
	position:relative;
	width:100%;
	height:70px;
}
.review_title {
	width:100%;
	background:var(--aprint-color);
	height:30px;
	color:#fff;
	font-size:1.6rem;
	line-height:30px;
	text-align:center;
}
.review_name {
	position:absolute;
	padding:10px;
	left:0;
}
.review_date {
	position:absolute;
	padding:10px;
	right:0;
	text-align:right;
}
.line_bk {
	width:100%;
	height:1px;
	background:#333;
	display:block;
}

.review_img {
	width:280px;
	height:280px;
	overflow: hidden;
	border:1px solid #ddd;
	border-radius:3px;
	position:relative;
	
}

.review_img_inner {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
	height:100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	
}

.review_img_inner img:hover { 
	opacity:0.6;
	-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;
}
.review_img_inner img.landscape {
	position:absolute;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	 top: 50%;
    left: 50%;
	max-height: 100%;
  height: 100%;
  max-width: none;
}
.review_img_inner img.portrait {
	position:absolute;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	 top: 50%;
    left: 50%;
	max-width: 100%;
  width: 100%;
  max-height: none;
}

.btn_point { 
	position:absolute;
	top:10px;
	left:50px;
	width:70px; 
	height:30px;
	border-bottom:2px solid #333; 
	background: #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;
}
.btn_point button:hover {color:var(--aprint-color); 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;}

.review_btn_wrap { 
	position:absolute;
	bottom:20px;
	right:50px;	
	height:30px;
	-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;
}
.review_btn_wrap button {
	width:80px;
	height:30px;
	background:var(--aprint-color);
	color:#fff;
}
.review_btn_wrap button:hover {background:#333;}

.bg_review {
	position:relative;
	width:100%;
	height:200px;
	background-image:url(../images/banner_review.jpg);
	background-position:center center;
	margin:0 auto;
}

/* add */

.portfolio_nav1 {
    position:relative;
    width:100%;
}
table.port_cate_upper {
    position:relative;
    width:100%;
	margin-bottom:32px;
}

.port_cate_upper tr {
}
.port_cate_upper tr td {
    width:50%;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
    height:52px;
    font-size:1.6rem;
    color:#777;
    text-align:center;
    vertical-align: middle;
    cursor: pointer;
}
.port_cate_upper tr td:nth-last-child(1) {
    border-right:1px solid #eee;
}
.port_cate_upper tr td.active {
    font-weight:700;
    color:var(--aprint-color);
    border:1px solid var(--aprint-color);
    display:table-cell;
}
.port_cate_upper tr td a {color:inherit;}
.port_cate_upper tr td.active a {color:inherit; font-weight:700}

.portfolio_cate {
	position:relative;
	display:flex;
    width:100%;
	margin-top:32px
}
.portfolio_cate h1 {
    width:300px;
    line-height:88px;
    font-size:2.4rem;
    font-weight:700;
    padding-left:56px;
}
.portfolio_button {
	width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}
.portfolio_button button {
    position:relative;
    width:calc((100%/8) + 1px);
	height:64px;
    font-size:1.7rem;
    cursor: pointer;
	text-align:center;
	border:1px solid #ddd;
	color:#767676;
	margin-left:-1px;
	border-radius:0!important;
}
.portfolio_button button.is-checked {color:#333; font-weight:700;background:#333;color:#fff;z-index:2;border-radius:5px!important;}
.portfolio_button button:first-child {width:calc(100%/8);margin-left:0;border-radius:5px 0 0 5px!important}
.portfolio_button button:last-child {width:calc(100%/8);border-radius:0 5px 5px 0!important}
.portfolio_button button:first-child.is-checked,
.portfolio_button button:last-child.is-checked {border-radius:5px;}

.portfolio_wrap1 {
	width:100%;
	position:relative;
    margin-top:40px;
}
.portfolio1 {
	width:100%;
	display: flex;
	position:relative;
	flex-wrap: wrap;
}
.portfolio1:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio_box1 {
	width:345px;
	position: relative;
	overflow: hidden;
    -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;
	margin-right:20px;
}
.portfolio_box1:nth-of-type(4n) {margin-right:0;}
.portfolio_img1 {
	width:345px;
	height:345px;
	overflow: hidden;
	position:relative;
}
.portfolio_img1.corp {
	width:345px;
	height:250px;
	overflow: hidden;
	position:relative;
}
.portfolio_img1 img {
	width:100%;
	height:100%;
	overflow: hidden;
	-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;
	perspective: 1;
}
.portfolio_img1.corp img {width:100%; height:auto;}

.portfolio_img1 img:hover { 
	transform: scale(1.1,1.1);
	-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;
}
.portfolio_box1:hover > .portfolio_text1 > h2{color:var(--aprint-color);cursor:pointer}
.portfolio_text2 {
	position:absolute;
    width:100%;
    height:100%;
    background:rgba(227,110,171,0.95);
    color:#fff;
    top:0;
    left:0;
    opacity: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;
    transition:all 0.30s ease-in-out;
    padding:50px 40px;
	cursor:pointer;
}

.portfolio_text1 {
	position:relative;
	margin-top:20px;
	margin-bottom:70px;
}
.portfolio_text1.corp {
	margin-bottom:60px;
}


/*add*/
.portfolio_label {  
    height:28px;
    border-radius:14px;
    font-size:1.3rem;
    border:1px solid #fff;
    padding:4px 16px;
    text-align:center;
    display:inline-block;
    margin-bottom:20px
}
.portfolio_text1 h2 { font-size:1.8rem; font-weight:700;}
.portfolio_text1 h3 { font-weight:500; line-height:25px; margin-bottom:20px;}
.portfolio_text1 p { word-break: keep-all; font-size:1.6rem; line-height:180%; margin-top:4px; color:#666;}
.portfolio_text1 h4 { position:absolute; text-align:right; top:69px; right:10px; line-height:25px;}
.portfolio_more {
	position:absolute;
	bottom:70px;
	left:40px;
}





/* cart */

.cart_wrap {
	position:relative;
	width:100%;
	margin-top:40px;
}
.cart_wrap h1 {
	font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.cart {
	position: relative;
	width:100%;
	text-align:center;
	margin:20px 0;
	border-top:2px solid #333;	
}
.cart tbody tr th {
	height:52px;
	vertical-align: middle;
	border-bottom: 1px solid #d6d6d6;
	font-size:1.4rem;
	font-weight:700;	
}
.cart tbody tr td {padding:15px; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-size:1.4rem; line-height:1.8; width:12.5%; height:84px;}
.cart tbody tr td:nth-of-type(1) {border-left:0; width:5%;}
.cart tbody tr td:nth-of-type(2) {width:45%; text-align:left;}
.cart tbody tr td:nth-of-type(2) > .title {font-size:1.5rem; font-weight:700; color:var(--aprint-color);}
.cart tbody tr td:nth-of-type(2) > .content {font-size:1.4rem; color:#666;}
.cart tbody tr td:nth-of-type(2) > .content > .bold {font-size:1.4rem; color:#333; font-weight:700; margin-right:5px;}
.cart tbody tr td:nth-of-type(2) > .file {font-size:1.4rem;margin-top:10px}
.cart tbody tr td:nth-of-type(4) {color:#999;}
.cart tbody tr td:nth-of-type(5) {font-size:1.4rem; font-weight:700;}
.cart_delete {background:#fff; border:1px solid #ccc; color:#444; font-size:1.2rem; width:62px; height:32px;}
.cart_delete:hover {background:#eee}
.cart_notice {width:100%;padding:16px;background:#FFF0F5;margin-bottom:30px;}
.cart_notice p {font-size:1.5rem;line-height:1.8}
.cart_notice p span {color:var(--aprint-color);font-weight:700;}
.btn_cart_wrap {width:100%; text-align:right; margin-bottom:80px}
.btn_cart_all {
	width:120px;
	height:52px;
	background:#fff;
	border:1px solid var(--aprint-color);
	color:var(--aprint-color);
	font-size:1.4rem;
	font-weight:700;
	margin-right:5px;
}
.btn_cart_all:hover {background:#FFE6F0}
.btn_cart_sel {
	width:120px;
	height:52px;
	background: var(--aprint-color);
	color:#fff;
	font-size:1.4rem;
	font-weight:700;
}
.btn_cart_sel:hover {background:#B0045C}



/* payment */
.payment_wrap {position:relative; display:flex; width:1440px;color:#333;align-items:flex-start;}
.payment_wrap_l {
	position:relative;
	display: block;
	width:1066px;
	margin-right:52px;
}
.payment_box {
	position: relative;
	width:100%;
	padding:20px 0;
}
.payment_wrap_l h1 {font-size:2.6rem; font-weight:700; margin-bottom:10px;}
.payment_wrap_l h2 {font-size:2rem; font-weight:700; margin-bottom:20px; margin-top:10px;}
.payment_box hr {width:100%; display: block; border-top:2px solid #333; border-bottom:0; margin:0; padding:0;}
.payment_box select {
	border:1px solid #d6d6d6;
	font-size:1.5rem;
	width:120px;
	height:52px;
	padding:14px;
}

.payment_wrap hr.hr_pink {border-top:2px solid var(--aprint-color); width:100%; display: block; border-bottom:0;margin:0; margin-bottom:20px;}
.payment_wrap hr.hr_gray {border-top:1px solid #d6d6d6; width:100%; display: block; border-bottom:0;margin:0; margin-bottom:20px;}
.payment_table {
	position:relative;
	width:100%;
}
.payment_table th {border-top:2px solid #333; height:50px; border-bottom:1px solid #333; font-weight:700; font-size:1.4rem;}
.payment_table tr {border-bottom:1px solid #d6d6d6;}
.payment_table td{border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:20px 15px; font-size:1.4rem;}
.payment_table td:nth-of-type(1){border-left:0;}
.payment_table td p {line-height:180%; font-size:1.4rem;}
td.pay_td_01 {width:70%;}
td.pay_td_01 > .title {font-size:1.5rem; font-weight:700; color:var(--aprint-color);}
td.pay_td_01 > .content {font-size:1.4rem; color:#666;}
td.pay_td_01 > .content > .bold {font-size:1.4rem; color:#333; font-weight:700; margin-right:5px;}
td.pay_td_02 {text-align:center;}
td.pay_td_03 {width:15%; text-align:center;}
td.pay_td_04 {width:15%; text-align:center;}

span.payNum {font-size:1.4rem; font-weight:700}


button.btn_appopup {
	position:relative;
	display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%!important;
    color: #fff;
    background: #FAA2C1;
    text-align: center;
    font-size: 1.1rem;
    padding: 0;
    font-family: 'helvetica';
    font-weight: 600;
	margin-left:5px;
	vertical-align:middle;
}

.btn_delivery {margin-left:24px; display: inline-block; color:#999; font-size:1.4rem;}

.payment_row {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	padding:10px 0;
}
.payment_label {
	width:130px;
	font-size:1.6rem;
	font-weight:700;
	line-height:52px;
}
.payment_radio {
	width:740px;
	padding:16px 0;
}


.payment_radio label {position:relative;display:inline-block; margin-right:24px; cursor: pointer;}

.payment_radio input[type="radio"] + label {font-size:1.4rem}

/* 배송 방법 서브 */

.payment_radio label > img {
	vertical-align:top;
	height:40px;
	margin-top:-10px;
	padding-left:5px;
}
.payment_notice > div {
    position: relative;
    width: 740px;
    cursor: auto;
    z-index: 2;
	background:#F8F9FA;
	border-radius:5px;
	padding:16px;
	margin-left:130px;
	margin-top:10px;
}
.payment_notice > div p {
    font-size: 1.5rem;
}
.payment_notice > div p span {font-size:inherit;color: var(--aprint-color);font-weight:700;}


/* 수령지 팝업 */

.direct_map {
	position:fixed;
	display:none;
	width:980px;
	height:620px;
	top:200px;
	left:calc((100% - 1380px)/2);
	border:1px solid #d6d6d6;
	background:#fff;
	padding:30px;
}
.direct_map.mypage {
	width:710px;
	top:calc(50% - 210px);
	left:calc(50% - 355px);
}
.direct_map h2 {font-size:2.4rem; font-weight:700;}
.direct_map h2 span {position:relative;margin-left:12px;padding-left:12px;font-size:2rem; font-weight:400;}
.direct_map h2 span:before {content:'';position:absolute;display:block;width:2px;height:2rem;background:#eee;left:0;top:0.5rem;}
.direct_map button {position:absolute; top:30px; right:30px;}
.direct_map div img {width:100%;border:1px solid #d6d6d6;margin-top:10px}
.direct_map #map3,
.direct_map #map4
{width:100%; height:505px;margin-top:20px;}



/* 결제방법 테스트와 다름 일단 보류 */

.payment_meth_btn {
	padding:10px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position:relative;
	width:100%;
}
.payment_meth_btn input[type="radio"] {display:none;}
.payment_meth_btn input[type="radio"]+label {
	width:125px;
	height:40px;
	background:#eee;
	color:#333;
	font-size:1.4rem;
	margin:5px 0;
	text-align: center;
	line-height:40px;
	-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;
}
.payment_meth_row_a button:hover, .payment_meth_btn input[type="radio"]+label:hover,.payment_meth_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:var(--aprint-color);
	color:#fff;
	cursor:pointer;
}
.payment_meth_btn ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.payment_meth_btn ul li {
	display:inline-block;
	width:125px;
	height:40px;
	border:2px solid #aaa;
	color:#333;
	font-size:1.4rem;
	margin:5px 0;
	text-align: center;
	line-height:40px;
	-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;
}
.payment_meth_btn ul li:hover {
	background: #aaa;
	color:#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;
}
.payment_meth_txt {
	border-top:1px solid #ccc;
	padding-top:10px;
}
.payment_meth_txt li p {font-size:1.2rem; font-weight:500; color:#333; padding:0; line-height:160%;}
.payment_meth_txt li p input[type="text"] {border:1px solid #ddd;}
.address_box {
	width:100%;
	border-top:1px solid #d6d6d6;
}
.del02, .del03 {display: none;}
.del01_box div, .del02_box div {margin:10px 0;}
.del01_box span, .del02_box span {font-size:1.6rem;}
.del02_button {margin-bottom:20px;}
.del02_button button {
	width:90px;
	height:30px;
	background:#fff;
	color:#333;
	border:1px solid #ccc;
	border-radius: 15px;
	margin-right:5px;
}
.del03_box {
	width:740px;
}
.del03_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.del03_row.zip {margin-bottom:10px;}
.del03_l2 {width:310px; display: flex; justify-content: space-between;}
.address_box input[type="text"], .address_box input[type="number"], .address_box select, input[type="text"].del_txt {
	border:1px solid #d6d6d6;
	padding:14px;
	font-size:1.5rem;
	margin:0;
	width:100%;
	height:52px;
}
.del03_row input[type="text"] {width:calc((100% - 10px)/2);font-size:1.4rem}
.del03_row input[type="text"]:nth-of-type(1) {margin-right:10px}
.del03_row.zip input[type="text"] {width:250px}
input[type="text"].del_txt, select.del_txt {color:#999}
.address_box input[type="text"]::placeholder, .address_box input[type="number"]::placeholder, input[type="text"].del_txt::placeholder {color:#999}
button.btn_address {width:100px; height:52px; background:#fff; color:#444; border:1px solid #333; font-size:1.5rem;font-weight:700;}
button.btn_address:hover {background:#eee}
.del03_l4 {display: flex; justify-content: space-between;}
.del03_l4 input[type="number"] {width:150px;}

.delivery_method {
	position:relative;
	width:100%;
}
.delivery_method div {
	position:relative;
	width:100%;
	display: inline-block;
}
.del_pay {width:100px; margin-right:20px;}
.payment_method {
	
}

.method_01 {display:none;}
.method_01.on {display:inherit;}
.method_01_sel {
	position:relative;
	width:560px;
	display: inline-block;
}
.method_01_sel label {display: inline-block; font-size:1.6rem;}
.method_01_sel select {display:inline-block; margin-left:10px; width:200px;}
.method_01_txt {
	position:relative;
	width:100%;
	word-break: keep-all;
	color:#666;
	padding:20px 0;
}
.method_01_txt .title {margin-top:20px; font-weight:700;}

.evid_notice {
	width:100%;
	padding:16px;
	background:#F8F9FA;
	margin-bottom:20px;
}
.evid_notice p {color:#666;font-size:1.4rem;}
.evid {
	position:relative;
	width:100%;
}
.evid_p {
	margin:20px 0 10px;
	line-height:180%;
	font-size:1.4rem;
	color:#666;
}
.evid_p span {color:#333; font-weight:700;}
.evid_row {
	position:relative;
	width:100%;
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:16px 0;	
}
.evid_row > div:nth-of-type(2) {margin-left:40px;}
.evid_row span {line-height:52px; color:#999;}
.evid_row span.hypn {line-height:52px; width:25px;text-align:center; display:inline-block;font-size:1.4rem}
.evid_row p {margin-left:90px;margin-top:10px;color:var(--aprint-color);}
.evid_row .comp input[type="number"]:nth-of-type(1) {width:58px;}
.evid_row .comp input[type="number"]:nth-of-type(2) {width:58px;}
.evid_row .comp input[type="number"]:nth-of-type(3) {width:119px;}
.evid_add {
	position:relative;
	padding-left:120px;
	width:100%;
	display: flex;
	justify-content: space-between;
	margin:10px 0;
}
.evid label {
	width:130px;
	display: inline-block;
	font-size:1.6rem;
	font-weight:700;
	line-height:52px;
}
.evid input {
	padding:14px;
	border:1px solid #d6d6d6;
	width:285px;
	height:52px;
	background:#fff;
}

.taxbill input[type="checkbox"] + label {background-position:left center;font-size:1.5rem}

input.add2 { margin-right:0;}
input.add3 { width:320px;}
.evid input.mail1 { width:740px; margin-right:0;}
input.mail2 { width:320px;}

.payment_wrap_r {
	position:relative;
	display: block;
	width:322px;
	padding:30px 25px;
	background: #fff;
	border: 1px solid #DFDFDF;
    border-radius: 10px;
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;   
}
.payment_wrap_r.fixed {
    position:fixed;
    top:120px;
	bottom:inherit;
    right:calc((100% - 1440px)/2);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}
.payment_wrap_r.fixed.on {
	top:inherit;
    bottom:40px;
    position:absolute;
    vertical-align: bottom;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}
.payment_pay {
	position: relative;
	width:100%;
}
.payment_meth {
	position: relative;
	width:100%;
	background:#F8F9FA;
	margin-top:10px;
	padding:22px 16px;
}
.payment_meth input[type="checkbox"] + label {background-position:left center;font-size:1.4rem;display:inline-block;}
.payment_meth label.agree_all {padding-left:34px; font-weight:700; color:#333;}
.payment_meth label.agree_slt {padding-left:34px;}
.payment_info_all {
	position:relative;
	width:100%;
}
.payment_info_all h6 {
	font-size:1.4rem;
	color:#666;
	margin-bottom:12px;
}
.payment_info_all span.btn_toggle {
	position:absolute;
	top:-2px;
	right:0;
	cursor:pointer;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.payment_info_all span.btn_toggle.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.payment_info_wrap {
	display:none;
	width:100%;
	border-top:1px solid #eee;
	padding-top:20px;
	margin-top:20px;
}
.payment_info_wrap h6 {
	font-size:1.4rem;
	display:inline-block;
	vertical-align:top;
	cursor:pointer
}


.payment_pay h2, .payment_meth h2 {font-size:2rem; font-weight:700; margin-bottom:15px;color:#333}
.payment_ap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:32px;
}
.payment_ap span {font-size:1.6rem;}
span.ap_a {color:#666;}
span.ap_b {margin-left:10px; font-weight:700;}
.payment_pay p {font-size:1.4rem; padding:20px 0}
.check {color:#666;}
.payment_sum {
	position:relative;
	width:100%;
	padding-top:32px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;	
}
.payment_num_box {margin:20px 0;}
.payment_num {
	position:relative;
	padding:5px 0;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.payment_num.sale {color:#ff0000;}
.payment_num span {font-size:1.6rem;}
.num_left {font-size:1.6rem;}
.num_left span {font-size:1.3rem;}
.ic_delivery {cursor:pointer;}
.ic_delivery > span > img  {
	width:20px;
	vertical-align:top;
	margin-top:4px;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ic_delivery > span.rotate > img {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.num_right {text-align:right; font-size:1.6rem;}
.num_right div {font-size:1.6rem;}
.payment_num.expand {color:#999;}

.payment_apoint {
	margin:30px 0;
}
.payment_num_del {
	padding:5px 0;
	width:100%;
	display: block;
	clear:both;
	color:#666;
	font-size:1.2rem;
}
.num_left_del {float:left; font-size:1.4rem; height:20px;}
.num_right_del {float:right; font-size:1.4rem;}
.num_right_del span {font-size:1.4rem; margin-right:5px;}
.payment_num_del input[type="number"] {
	padding:5px;
	font-size:1.2rem;
	border-radius: 0;
	width:80px;
	heihgt:30px;
	display: inline-block;
	margin:0 0 0 10px;
}
.payment_num_del button {
	width:60px;
	height:30px;
	background: #ccc;
	color:#666;
	border:1px solid #ccc;
	margin-left:2px;
}


.total {color:var(--aprint-color); line-height:24px; padding:15px 0;}
.total > .num_left {font-size:1.8rem; font-weight:700;}
.total > .num_right {font-size:2.4rem; font-weight:700;}
span.totalNum {font-size:2.4rem; font-weight:700; vertical-align: baseline;color:var(--aprint-color)}
.btn_payment {width:100%; height:62px; color:#fff; background:var(--aprint-color); font-size:1.8rem; font-weight:700; margin-top:20px;}
.btn_payment_after {width:100%; height:52px; color:#fff; background:#333; font-size:1.5rem; font-weight:700; margin-top:20px;}
.btn_payment:hover {background:#B0045C;}
.btn_payment_after:hover {color:#333; border:1px solid #333; background:#fff;}
.btn_payment p {padding:0; font-size:1.2rem}
.payment_notice2 {margin-top:20px;}
.payment_notice2 img {width:100%}
.txt_box {
	position:relative;
	width:100%;
	height:90px;
	overflow-y: scroll;
	border:1px solid #ccc;
	padding:5px;
	color:#999;
}
.txt_box table {border-collapse: collapse}
.txt_box table tr td{font-size:1.2rem; width:33.3%; padding:3px; border:1px solid #eee; border-spacing: 0; vertical-align:top; word-break:keep-all;}

button.btn_paykcp {
	background:var(--aprint-color);
	color:#fff;
	width:100px;
	height:50px;
}

.ic_separate {
	position:absolute;
	top:40px;
	right:0;
	width:24px;
	height:24px;
	cursor:pointer;
}
.ic_separate.rotate {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ic_separate img {position:relaitve; width:100%;}

.sepa_wrap {display:none;}

/* payinfo popup */
.payment_info_popup {
	position:relative; 
	width:600px;
	color:#333;
	padding:20px;
}
.payment_info_popup h1 {
	font-size:2rem;
	margin-bottom:20px;
}
.payment_info_popup h2 {
	font-size:1.4rem;
	margin-bottom:8px;
}
.payment_info_popup p {
	font-size:1.4rem;
	color:#666;
	line-height:180%;
	margin-bottom:20px;
}
.payment_info_popup table {
	width:100%;	
	border-top:1px solid #333;
	border-bottom:1px solid #d6d6d6;
}
.payment_info_popup table tbody tr th {
	width:33.3%;
	border-left:1px solid #d6d6d6;
	font-size:1.3rem;
	padding:10px;
} 
.payment_info_popup table tbody tr th:nth-of-type(1),
.payment_info_popup table tbody tr td:nth-of-type(1) {border-left:0;}
.payment_info_popup table tbody tr td {
	width:33.3%;
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	font-size:1.2rem;
	color:#666;
	text-align:justify;
	padding:10px;
	line-height:1.8;
	vertical-align:top;
}


/* address popup */
#mdAdd {display: none;}
.address {
	width:870px;
	background: #fff;
	margin:0 auto;
	padding:30px 20px;
	position:relative;
}

.address table  {
	position: relative;
	width:100%;
	text-align:center;
	margin:20px 0;
	border-top:2px solid #333;
}


.address table tr {}
.address table th {border-bottom: 1px solid #333; height:52px; font-size:1.4rem; font-weight:700;}
.address table tr td {border-left:1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-size:1.4rem; width:110px; height:84px; padding:16px; line-height:1.8;}
.address table tr td:nth-of-type(1) {border-left:0; width:50px;}
.address table tr td p {font-size:1.2rem; color:#FF76BE}
.address table tr td:nth-last-of-type(1) {width:450px; text-align:left;}


.address input[type="radio"] + label {
    display:block;
	padding:0; margin:-8px 0 0 0;
}



.btn_wrap_l {float:left;}
.btn_wrap_l button {
	width:120px;
	height:52px;
	background:#fff;
	color:var(--aprint-color);
	border:1px solid var(--aprint-color);
	font-size:1.5rem;
	font-weight:700;
}
.btn_wrap_l button:hover {background:#FFE6F0}
.btn_wrap_r {float:right;}
.btn_wrap_r button,
.btn_add_sel {
	width:120px;
	height:52px;
	background:var(--aprint-color);
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
}
.btn_add_sel:hover {background:#B0045C}
.btn_wrap_fixed {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	padding:20px;
	z-index:2;
	text-align:right;
}
.btn_wrap_r button.btn_add_edit, .btn_wrap_r button.btn_add_del {background:#A2A2A2}
.btn_wrap_r button.btn_add_edit:hover, .btn_wrap_r button.btn_add_del:hover {background:#676767;}

.addressAdd {
	width:670px;
	height:auto;
	background: #fff;
	padding:30px 35px;
	overflow-x:hidden;
}
.addressAdd h1 {
	font-size:2.8rem;
	font-weight:700;
	border-bottom:1px solid #656668;
	padding-bottom:15px;
	margin-bottom:14px;
	text-align:center;
	color:#333;
}
.add_form{
	width:100%;
	position:relative;
}
.add_form_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:top;
}
.add_form_row_a {
	position:relative;
	width:calc(100% - 100px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.add_form_row_a div {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.add_form_row {padding:10px 0;}
.add_form_row label {
	width:100px;
	font-size:1.6rem;
	font-weight:500;
	padding-top:13px;
}
.add_form_row input[type="text"] {
	width:500px;
	height:52px;
	border:1px solid #d6d6d6;
	padding:14px;
	color:#333;
	font-size:1.5rem;
	border-radius:5px;
}
.add_form_row input[type="text"]::placeholder {color:#999}
.addressAdd hr {
	border:1px solid #d6d6d6;
	border-bottom:0;
	width:100%;
	display:block;
	margin-top:14px;
	margin-bottom:10px;
}
.btn_wrap {margin-top:30px; text-align: center;}
.btn_wrap button {
	width:120px;
	height:48px;
	font-size:1.6rem;
	font-weight:700;
}
.btn_add_cancel {background:#A2A2A2; color:#fff}
.btn_add_cancel:hover {background:#676767;}
.btn_add_submit {background:var(--aprint-color); color:#fff;}
.btn_add_submit:hover {background:#B0045C;}
/* */

.paid_thanks {position:relative; width:100%; text-align:center; margin:40px 0; }
.paid_thanks h2 {font-size:2.4rem;}
.paid_thanks h1 {font-size:3.2rem; font-weight:700;}
.paid_thanks p {margin-top:20px;font-size:1.6rem;}
.paid_thanks p span {font-size:1.8rem; font-weight:700; color:var(--aprint-color)}
.paid_thanks p span a {font-weight:700;}
.paid_info_wrap {
	position:relative;
	width:100%;
}
.paid_info_wrap h2 {font-size:2rem; font-weight:700;margin-bottom:10px;}

.paid_info_l {
	position:relative;
	display: block;
	width:100%;
}
.info_01 {border-bottom:1px solid #d6d6d6; margin-bottom:50px;}
.info_01 h2 {font-size:2rem; font-weight:700; padding-bottom:10px; border-bottom:2px solid #333; margin-bottom:10px;}
.info_add {}
.info_add div { margin: 10px 0;}
.info_add span {font-size:1.6rem;}
.info_02 {}
.info_point {}
.ap_row {margin:20px 0;}
.ap_left {display: inline-block; width:120px; font-size:1.7rem; color:#666; vertical-align:top;}
.ap_right {display: inline-block; font-size:1.7rem; vertical-align:top;}
.ap_right span { font-size:1.7rem; padding-right:4px;}
.pink {color:var(--aprint-color);}

.paid_info_r {
	position:relative;
	display:block;
	width:100%;
	height:120px;
	border:10px solid #F8F9FA;
	margin-bottom:50px;
	text-align:center;
	vertical-align:middle;
}
.paid_info_box {
	line-height:100px;
}
.paid_info_cont {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding-right:42px;
	margin-right:20px;
}
.paid_info_cont:after {
	position:absolute;
	top:6px;
	right:0;
	content: url('/Assets/images/ic_add.svg');
}
.paid_info_cont > .left {font-size:1.6rem; color:#666; margin-right:8px;}
.paid_info_cont > .right {font-size:1.6rem; color:#333; font-weight:700;}
.paid_info_cont.sum:after {content: url('/Assets/images/ic_sum.svg');}
.paid_info_cont.min:after {content: url('/Assets/images/ic_subtraction.svg');}
.paid_info_cont.total {padding:0;margin:0;}
.paid_info_cont.total:after {content: "";}
.paid_info_cont.total > .left {color:#333; font-weight:700;}
.paid_info_cont.total > .right {color:var(--aprint-color);}
.del_info {
	border-top:2px solid var(--aprint-color);
	width:100%;
	position:relative;
	padding:15px 5px;
}
.del_icon {display:inline-block;width:30px; height:30px;vertical-align: middle;}
.del_icon img {width:100%; height:auto;}
.del_date {display:inline-block; vertical-align: middle; font-size:1.6rem;}
.del_date span {color:var(--aprint-color); font-size:1.6rem;}
.del_q {display: inline-block;vertical-align: middle; margin-left:10px; width:15px; height:15px; border-radius:50%; color:#fff; background:#ffc205; text-align:center; font-size:1.1rem; padding:2px 0px; font-family:'helvetica'; font-weight:600;}
.blank {
	height:70px;
}





/* guide */

.guide_wrap {position:relative;margin:0 auto;width:1200px; min-height:100%; padding:0; overflow: hidden; background: #fff;}

.guide_nav_wrap {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 99;	
}
.guide_nav {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:100%;
	height:72px;
	background: #fff;
	border-bottom:1px solid #E9E9E9;

}
.guide_nav li {
	text-align:center;
	font-size:1.8rem;
	padding:0 30px;
}

.guide_nav li.active_g {
	color:var(--aprint-color);
	font-weight:700
}
.guide_nav li:hover {
	color:var(--aprint-color);
	cursor:pointer;
}
.guide_fixed {
	position:fixed;
	top:0;
	left: 50%;
    transform: translate(-50%,0);
	
}
.guide_cont {
	position:relative;
	width:100%;
	margin-top:72px;
	display: none;
}
.guide_cont.active_g {display: inherit;}

.guide_sub_nav {
	width:239px;
	padding-top:60px;
	padding-right:60px;
	float:left;
	position:fixed;
	top:72px;
}

.guide_sub_nav h1 {font-size:2rem; padding:10px 0 0;}
.guide_sub_nav h3 {font-size:2.4rem; font-weight:700; width:100%;border-bottom:2px solid #333;padding-bottom:16px;margin-bottom:16px;}
.guide_sub_nav p {font-size:1.8rem; padding:20px 0 5px;}
.guide_sub_nav li {font-size:1.6rem; font-weight:700; padding-bottom:20px;}
.guide_sub_nav a:hover {color:var(--aprint-color);}

.guide_img_wrap {
	width:961px;
	padding-top:60px;
	float:right;
}
.guide_img img {
	width:100%;
	padding:0;
	margin:0;
	vertical-align: top;
}

.guide_blank {
	width:900px;
	height:72px;
	background: #fff;
	margin-top:-72px;
	visibility: hidden;
}

.guide_menu {display: none;}
.active_g {display: inherit;}

.guide_table {
	position:relative;
	width:100%;
}
.guide_table tr td {
	width:14.2%;
	text-align: center;
	vertical-align: middle;
	height:60px;
}
.goto_top {
	position:fixed;
	bottom:0;
	padding:20px 0;
	display: none;
	
	
}




/* privacy */

.privacy h2 {font-size:1.6rem; margin:20px 0;}
.privacy h3 {font-size:1.4rem; margin:20px 0;}
.privacy h4 {font-size:1.4rem; margin:20px 0;}
.privacy h5 {font-size:1.4rem; margin:20px 0;}
.privacy ol {padding-left:20px;}
.privacy ol li {font-size:1.4rem;line-height:180%; margin-bottom:5px;}
.privacy p {font-size:1.4rem;line-height:180%; margin-bottom:5px;}


/* pop up */
.popup_sample {
	width:1220px;
	height:900px;
	background: #fff;
	padding:10px;
	margin:0 auto;
}


/* ap payment */
.ap_text {
	margin:30px 0;
	font-size:1.4rem;
	line-height:180%;
	border:3px double var(--aprint-color);
	padding: 10px;
	text-align: center;
	color:var(--aprint-color);
}
.ap_count {margin-bottom:30px;}
.ap_l, .ap_r {display: inline-block; }
.ap_l {
	width:200px;
	font-size:1.6rem;
}
.ap_r {
	text-align: right;
	font-size:1.6rem;
	font-weight:700;
}
.ap_r span {
	font-size:1.6rem;
	font-weight:700;
	padding-right:5px;
}
.ap_sms {
	margin:30px 0;
	font-size:1.6rem;
	line-height:180%;
}
.ap_tel {
	position:relative;
	width:100%;
}

.ap_tel input, .ap_tel select {display: inline-block; width:20%;}
.ap_tel label {display: inline-block; width:12%; font-size:1.6rem;}

button.btn_info {display: inline-block; margin-left:5px;width:15px; height:15px; border-radius:50%; color:#fff; background:#aaa; text-align:center; font-size:1.1rem; padding:2px 0px; font-family:'helvetica'; font-weight:600;}


.apoint_dc_wrap {
	position:relative;
	margin-top:20px;
}

.apoint_dc_check {
	display: inline-block;
	vertical-align:middle;
	width:130px;
	margin-top:15px;
}
.apoint_dc_check input[type="checkbox"] + label {background-position:left center}
.apoint_dc_check label.check_label {
	display:inline-block;
	vertical-align:middle;
	font-size:1.6rem;
	font-weight:700;
	padding-left:34px;
}
.apoint_dc_num {
	display: inline-block;
	vertical-align:top;
}
.apoint_dc_num input[type="number"] {
	display: inline-block;
	border:1px solid #d6d6d6;
	width:260px;
	height:52px;
	padding:10px;
	text-align:left;
	margin-right:5px;
	font-size:1.4rem;
}
.apoint_dc_num input[type="number"]::placeholder {color:#999}
.apoint_dc_num input[type="number"].disabled {
	background:#F8F9FA;
	color:#999;
}
.apoint_dc_num input[type="button"] {
	width:100px;
	height:52px;
	background:#efefef;
	color:#666;
	font-size:1.5rem;
}
.apoint_dc_num p {
	color:#666;
	font-size:1.5rem;
	margin-top:10px;
}

.apoint_dc_use {
	display:none;
}
.apoint_usable {
	margin:0 5px;
	font-size:1.4rem;
	color:var(--aprint-color);
}
.apoint_popup {
	position:absolute;
	display:none;
	width:300px;
	background:#fff;
	border:1px solid #ccc;
	z-index:10;
	padding:20px;
	line-height:180%;
	font-size:1.2rem;
	word-break:keep-all;
	color:#333;
	top:0;
	left:20px;
	text-align:left;
	}
	
.acash_box {
	display:inline-block;
	width:300px;
	height:200px;
	border:2px solid var(--aprint-color);
	border-radius:10px;
	background:#fff;
	overflow:hidden;
	vertical-align:middle;
}
.acash_box h1 {
	background:var(--aprint-color);
	color:#fff;
	padding:10px;
}

.acash_text {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}

.acash_cash {
	position:relative;
	width:100%;
	padding:20px;
	margin:0 auto;
	clear:both;
}
.acash_left {
	font-size:1.6rem;
	float:left;
}
.acash_right {
	font-size:1.6rem;
	float:right;
}
.acash_right span {margin-left:5px; font-size:1.6rem;}
.acash_btn {
	clear:both;
	text-align:center;
}

.btn_acash {
	width:100px;
	height:40px;
	background:var(--aprint-color);
	color:#fff;
	border-radius:10px;
	font-size:1.6rem;
	margin-top:20px;
}
.btn_acash:hover {background:#333;}


/* quick */

.quick_wrap {
	width:640px;
	height:530px;
	background: #fff;
	position:relative;
}
.quick_title {
	position:relative;
	width:100%;
	border-bottom:1px solid #ddd;
	font-size:2rem;
	font-weight:700;
	padding:30px;
}
.quick_search {
	position:relative;
	width:100%;
	padding:50px 30px;
}
.quick_search input[type="text"] {
	width:330px;
	font-size:2.4rem;
	color:#999;
	padding:10px;
	border-bottom:1px solid #ddd;
}
.quick_search input[type="text"]::placeholder {color:#999;}
.quick_search label {
	position:absolute;
	top:60px;
	left:320px;
}
.quick_search p {padding:5px 10px; color:#999;}
.quick_result {
	position:relative;
	width:100%;
	padding:30px;
}
.quick_city {
	position:relative;
	border-bottom :2px solid #333;
	padding:10px;
	font-size:1.8rem;
	font-weight:700;
}

.quick_table {
	margin-top:10px;
	position:relative;
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
}

.quick_row td {
	position:relative;
	width:20%;
	text-align:center;
	padding:15px 10px;
}
.quick_row td h3 {font-size:1.6rem; color:#999;}
.quick_price {
	padding:10px 20px;
	background:#eee;
	font-size:1.4rem;
	font-weight:700;
	border-radius:10px;
	width:90%;
	height:90%;
}
.quick_price:hover {
	color:#fff;
	background:var(--aprint-color);
}

button.btn_eco {
	color:#fff;
	background:#006600;
	border-radius:35px;
	height:60px;
	padding:0 20px;
	font-size:1.6rem;
	margin-top:30px;
}
button.btn_quality {
	color:#fff;
	background:#9b8049;
	border-radius:35px;
	height:60px;
	padding:0 20px;
	font-size:1.6rem;
	margin-top:30px;
}

.acash_pop_wrap {
	width:760px;
	height:500px;
	background: #fff;
	position:relative;
}


.editorial_img img {
	padding:0;
	margin:0;
	vertical-align: top;
}

.editorial_blank {
	width:1200px;
	height:80px;
	background: #fff;
	margin-top:-80px;
	visibility: hidden;
}



/* 에이프린트 라이브 */
h1.live_title {font-size:2rem; font-weight:700;}
h1.live_title span {font-size:2rem; font-weight:700;}
h1 span.live_title_notice {margin-left:10px;font-size:1.4rem; font-weight:400; color:#666}
.live_nav {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	border:1px solid #eee;
}
.live_nav button {
	width:33.3333333%;
	height:64px;
	font-size:1.8rem;
	background:#fff;
	color:#767676;
}
.live_nav button.is-checked {
	font-weight:700;
	color:#fff;
	background:#333;
}
.live_wrap {
	padding-top:20px;
	padding-bottom:20px;
}

.live_row {
	position:relative;
	padding-bottom:40px;
	display:flex;
	flex-wrap:wrap;
}
.live_box {
	background:#fff;
}

.live_box.pc3 {
	width:460px;
	margin-right:30px;
}
.live_box.pc3:nth-of-type(3n) {margin-right:0;}
.live_box.pc4 {
	width:345px;
	margin-right:20px;
}
.live_box.pc4:nth-of-type(4n) {margin-right:0;}
.live_img {
	position:relative;
	width:100%;	
	overflow:hidden;
}
.live_img img {width:100%; height:auto; vertical-align:top;}
.live_img_inner {position:relative;width:100%;height:345px;overflow:hidden;}
.live_img_inner img {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	overflow:hidden;
}
.icon_best {
	position:absolute;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
}
.icon_best img {width:100%; height:auto;}
.icon_design {
	position:absolute;
	right:10px;
	top:10px;
	color:#fff;
	background:var(--aprint-color);
	border-radius:2px;
	font-size:1.2rem;
	padding:0 6px;
	height:24px;
	text-align:center;
	line-height:24px;
	z-index:2;
}

/* pc3 case */

.live_box.pc3 > .live_txt {
	position:relative;
	width:100%;
	height:180px;
	padding-top:12px;
	overflow:hidden;
}
.live_box.pc3 > .live_txt > .live_label {position:relative;}
.live_box.pc3 > .live_txt > .live_label div {
	display:inline-block;
	font-size:1.4rem;
	margin-right:12px;
	color:#999;
}
.live_box.pc3 > .live_txt > .live_label div:before {content:"#"}
.live_box.pc3 > .live_txt > .live_label > .live_cate {
	font-size:1.4rem;
	color:#1a1a1a;
	background:#fff;
	height:26px;
	padding:0 10px;
	line-height:24px;
	border-radius:26px;
	border:1px solid #ccc;
	display:inline-block;
}
.live_box.pc3 > .live_txt > .live_label > .live_date {
	position:absolute;
	font-size:1.4rem;
	color:#ccc;
	top:0;
	right:0;	
	line-height:26px;
}
.live_box.pc3 > .live_txt h2 {
	margin-top:4px;
	font-size:2rem;
	font-weight:700;
	color:#333;
}
.live_box.pc3 > .live_txt p {
	margin-top:10px;
	font-size:1.6rem;
	color:#333;
	line-height:180%;
	word-break: keep-all;
}


/* pc4 case */

.live_box.pc4 > .live_txt {
	position:relative;
	width:100%;
	height:110px;
	padding-top:12px;
	overflow:hidden;
}
.live_box.pc4 > .live_txt > .live_label {position:relative;}
.live_box.pc4 > .live_txt > .live_label div {
	position:relative;
	display:inline-block;
	margin-right:12px;
	font-size:1.4rem;
	color:#999;
}
.live_box.pc4 > .live_txt > .live_label div:before {content:"#"}
.live_box.pc4 > .live_txt > .live_label > .live_cate {
	font-size:1.2rem;
	color:#1a1a1a;
	background:#fff;
	height:24px;
	padding:0 10px;
	line-height:22px;
	border-radius:24px;
	border:1px solid #ccc;
	display:inline-block;
}
.live_box.pc4 > .live_txt > .live_label > .live_date {
	position:absolute;
	font-size:1.2rem;
	color:#ccc;
	top:0;
	right:0;
	line-height:22px;
}
.live_box.pc4 > .live_txt h2 {
	margin-top:4px;
	font-size:1.7rem;
	font-weight:700;
	color:#333;
}
.live_box.pc4 > .live_txt p {
	margin-top:10px;
	font-size:1.4rem;
	line-height:160%;
	word-break: keep-all;
}



/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
/* Component containers
----------------------------------*/
.live_select {
	position:relative;
	width:100%;
	margin-top:10px;
}

.live_calendar {
	margin:0 auto;
	display:inline-block;
	vertical-align: middle;
	height:30px;
}
input#schMonth {
	font-size:2rem;
	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:1.8rem;
	font-weight:700;
	padding:10px;
	border:0;
	background:#fff;

}
.ui-widget option {font-size:1.6rem; 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:700;
}
.ui-widget-header a {
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #fff;
	color: #333;
	
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #333;
	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 var(--aprint-color);
	background: #fff;
	font-weight:700;
	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:700;
	color: var(--aprint-color);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--aprint-color);
	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:700;
	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;
}
@media all and (min-width:1241px) {
.icon_youtube_s {
	position:fixed;
	top:160px;
	right:30px;
}
.icon_youtube_s div {width:110px}
.icon_youtube_s div img {width:100%; vertical-align:top;}
}
@media all and (max-width:1240px) {
	.icon_youtube_s {display:none;}
}


.book_inside {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:20px;
	margin-bottom:30px;
}
.book_inside button {
	position:relative;
	width:calc((100% - 20px)/2);
	height:140px;
	padding:20px 40px;
	color:#fff;
	text-align:left;
}
.book_inside button.indd {background:#F783AC}
.book_inside button.hangul {background:#4DABF7}
.book_inside button h6 {position:absolute; left:40px; top:20px; font-size:1.4rem; opacity:0.8;color:#fff;}
.book_inside button h2 {position:absolute; left:40px; top:45px; font-size:2.2rem;font-weight:700;color:#fff;}
.book_inside button p {position:absolute; left:40px; bottom:20px;font-size:1.6rem;color:#fff;}
.book_inside button img {
	position:absolute;
	top:20px;
	right:40px;
	width:100px;
}


/* 회사소개 */
.company_title {
	position:relative;
	margin-top:30px;
}
.company_title img {width:100%;}
.company_img {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;	
	margin-top:60px;
}
.company_img div {
	position:relative;
	width:calc((100% - 30px)/2);
}
.company_img div img {width:100%;}
.company_img div p {position:absolute; width:100%; text-align:center; font-size:1.8rem; color:#666; bottom:15px;}
.company_text {margin:30px 0}
.company_text p {font-size:1.8rem; color:#333; margin-bottom:30px; line-height:1.8; text-align:justify; word-break:keep-all}
.company_table {
	position:static;
	background:#F8F9FA;
	padding:50px;
}
.cs_map {position:relative; display:flex; flex-wrap:nowrap;}
.cs_map > #map,
.cs_map > #map2,
.cs_map > #map3,
.cs_map > #map4 {height:420px}

.cs_map > #map3 {width:calc(100% - 266px);margin-right:30px}
.cs_map > iframe {width:236px; height:420px; border-radius:5px;}

.cs_map_flex {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.cs_map_flex_l {width:240px;}
.cs_map_flex_l h2{font-size:2rem; font-weight:700;}
.cs_map_flex_l h2 span {display:block; font-size:1.6rem; font-weight:400; color:#666;margin-top:8px;}
.cs_map_flex_r {
	position:relative;
	width:960px;
}
.cs_map_flex_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.cs_map_flex_row div {	
	margin-right:50px;
	color:#333;
}

.cs_map_flex_row div img {width:28px; vertical-align:middle;}
.cs_map_flex_row div p {margin-left:8px; font-size:1.6rem; font-weight:700; line-height:28px; display:inline-block; vertical-align:middle;}
.cs_map_flex_row div h4 {font-size:1.6rem; display:inline-block; line-height:28px; vertical-align:middle; margin-left:12px; }

.cs_map_flex_row .route_l {width:140px;margin:0;line-height:2}
.cs_map_flex_row .route_r {width:652px;margin:0; line-height:2}

.cs_map_flex_row .route_l p {font-size:1.6rem; font-weight:700; line-height:2; margin:0; vertical-align:middle; }
.cs_map_flex_row .route_r p {font-size:1.6rem; font-weight:400; line-height:2; margin:0; vertical-align:middle; }
.cs_map_flex_row .route_r h5 {font-size:1.6rem; line-height:2}
.cs_map_flex_row .route_r h5 span {font-size:1.6rem; font-weight:700;}
.cs_map_flex_row .route_r p span {font-size:1.6rem; font-weight:700; color:#fff; border-radius:50%; width:20px; height:20px; margin-right:5px; display:inline-block;text-align:center;line-height:1.3}
.cs_map_flex_row .route_r p span.line1 {background:#0032a0;}
.cs_map_flex_row .route_r p span.line2 {background:#00b140;}
.cs_map_flex_row .route_r p span.line3 {background:#fc4c02}
.cs_map_flex_row .route_r p span.line4 {background:#00a9e0}
.cs_map_flex_row .route_r p span.busb {background:#0c43b7; width:40px; border-radius:10px; font-weight:400; font-size:1.4rem;}
.cs_map_flex_row .route_r p span.busg {background:#219C0A; width:40px; border-radius:10px; font-weight:400; font-size:1.4rem;}
.cs_map_flex_row .route_r p span.busy {background:#f99d1c; width:40px; border-radius:10px; font-weight:400; font-size:1.4rem;}


.book_wrap {
	position:relative;
	width:100%;
	height:100%;
	margin-top:100px
}
.flipbook {
	border:1px solid #ddd;
	width:1200px;
	height:848px;
	position:relative;
	overflow:hidden;	
}
.book_wrap .cover {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	background:#fff;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.book_wrap .cover p {
	font-size:1.8rem;
	text-align:center;
}
.book_wrap .notice {
	position:absolute;
	right:20px;
	top:calc(50% - 80px);	
	z-index:9;
	width:226px;
}
.book_wrap .download_btn {
	width:100%;
	height:100%;
	text-align:right;
	margin-bottom:30px
}
.book_wrap .download_btn a {padding:12px;background:#fff;border:1px solid #228BE6;border-radius:5px;font-size:1.5rem;font-weight:500;color:#228BE6;}
.book_wrap .download_btn a:hover {background:#CCEBFF}
.book_wrap .download_btn img {width:20px;vertical-align:middle}
.book_wrap .arrow {
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	z-index:999;
	width:100%;
}
.book_wrap .arrow button {font-size:3rem;color:#228BE6;cursor:pointer}
.book_wrap .arrow .fa-circle-arrow-left {float:left;margin-left:20px;}
.book_wrap .arrow .fa-circle-arrow-right {float:right;margin-right:20px;}

/* sample real case */

.wide_container {
	position:relative;
	width:100%;
	padding:20px;
	text-align:center;
	color:#333;
	overflow:hidden;
}
@media all and (min-width:1241px) {
.wide_container  {padding:30px 140px;}
}

.wide_container h1 {font-size:38px; font-weight:700; margin-bottom:20px;}
.wide_container h1 span {font-size:38px; font-weight:700; color:var(--aprint-color)}
.wide_container h2 {font-size:1.8rem; color:#666;}
.wide_container h3 {font-size:2.3rem; font-weight:700; color:#999;}

.bg_moving {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1000vh;
	z-index:-1;
}

.scase_wrap {
	position:relative;
	width:100%;
}
.scase_wrap ul {
	text-align:center;
	margin-top:25px;
}
/*
.scase_wrap ul {
	position:relative;
	width:30%;
	margin-top:25px;
}
.scase_wrap ul:nth-of-type(2) {margin-top:125px;}
/*
.scase_wrap ul:after {
	position:absolute;
	display:block;
	content:'';
	width:1px;
	height:100%;
	left:50%;
	top:0;
	background:#ccc;
	z-index:-1;
}
.scase_wrap ul:nth-of-type(1):after {left:70%;}
.scase_wrap ul:nth-of-type(2):after {}
.scase_wrap ul:nth-of-type(3):after {left:30%;}*/
.scase_margin {width:5%;}
.scase_wrap ul li {
	position:relative;
	width:30%;
	margin-bottom:100px;
	text-align:center;
}
@media all and (min-width:1241px) {
.scase_margin {width:120px;}
.scase_wrap ul li {
	position:relative;
	width:auto;
	max-width:460px;
	margin-bottom:100px;
	text-align:center;
}
.scase_wrap ul li:nth-of-type(2) {margin-top:125px;}
.scase_wrap ul li div.scase_img {
	position:relative;
	width:100%;
	cursor:pointer;	
	overflow:hidden;
}
.scase_wrap ul li div.scase_img div.re img {position:relative; width:100%;vertical-align:top;}
.scase_wrap ul li div.scase_img div.ex img {position:relative; width:80%;vertical-align:top; padding-top:5%}
.scase_wrap ul li div.scase_img div.re {
	position:relative;
	display:block;
}
.scase_wrap ul li div.scase_img div.ex {
	position:absolute;
	width:26%;
	height:26%;
	bottom:20px;
	right:20px;
	background:#fff;
	z-index:2;
	border-radius:50%;
	overflow:hidden;
	text-align:center;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-ms-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
}
.scase_wrap ul li div.scase_img div.ex p {
	position:absolute;
	z-index:3;
	font-size:1.4rem;
	color:#999;
	bottom:0;
	width:100%;
	text-align:center;
	bottom:10px;
	text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff}
.scase_wrap ul li div.scase_img div.ex:hover {
	width:100%;
	height:100%;
	bottom:0;
	right:0;
	border-radius:0;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-ms-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
}
.scase_wrap ul li div.scase_img div.ex:hover > p {display:none;}
.scase_wrap ul li div.scase_img div.ex:hover > img {width:100%; padding:0;}
/*.scase_wrap ul li div.scase_img:hover > img.re {display:none;}
.scase_wrap ul li div.scase_img:hover > img.ex {display:block;}*/
.scase_wrap ul li h2 {font-size:2.4rem; color:#191919; font-weight:700;margin-top:30px;}
.scase_wrap ul li h3 {font-size:1.8rem; color:#666; margin-top:4px;}
.icon_scase_top {
	margin-top:20px;
	margin-bottom:50px;
}
}

/* magazine */
.maga_wrap {
	position:relative;
	width:100%;
	text-align:left;
}
.maga_flex {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.maga_box {
	position:relative;
	width:30%;
	margin-right:5%;
}
.maga_box:nth-of-type(3n) {margin:0;}

.maga_img {
	position:relative;
	width:100%;
	height:200px;
	background:#ddd;
}
.maga_box > .maga_img img {width:100%;}

.maga_cont_wrap,
.maga_txt_wrap {
	position:relative;
	width:100%;
	text-align:left;
	padding:30px 0;
}
.maga_cont_wrap h2 {font-size:1.8rem; font-weight:700;}
.maga_cont_wrap h3 {font-size:1.6rem; color:#333; display:inline-block; border-right:1px solid #333;}
.maga_cont_wrap h4 {display:inline-block; }
.maga_txt_wrap {
	height:400px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:50px 0;
}
.maga_txt_wrap p {
	font-size:1.4rem;
	line-height:1.8;
}

/* election */
.elect_wrap {
	position:relative;
	width:100%;
	padding-bottom:130px;
}
.elect_banner {
	position:relative;
	width:100%;
	height:200px;
	text-align:center;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.elect_banner.bg_el01 {background-size:cover; background:url('../images/bg_elect.jpg')}
.elect_banner.bg_event {background-size:cover; background:url('../images/bg_order_event.jpg')}
.elect_banner h1 {
	color:#fff;
	font-size:4.2rem;
	font-weight:700;
}
.elect_banner h4 {
	padding-top:40px;
	color:#fff;
	font-size:2rem;
	font-weight:700;
}
.elect_banner p {
	font-size:1.6rem;
	color:#fff;
	margin-top:12px;
}
.dday_wrap {
	position:absolute;
	left:calc((100% - 1200px)/2);
	top:50%;
	transform:translate(0,-50%);
	color:#fff;
	padding-left:30px;
}
.dday_wrap p {font-size:1.6rem;}
.dday_wrap .dday {font-size:3.2rem;font-weight:700;color:#fff;}
.elect_nav {
	position:sticky;
	width:100%;
	border-bottom:1px solid #E3E3E3;
	margin:0 auto;
	text-align:center;
	background:#fff;
	top:80px;
	z-index:100;
}
.elect_nav ul{
	position:relative;
	display:table;
	margin:0 auto;
}
.elect_nav ul li {
	display:inline-block;
	height:52px;
	text-align:center;
	background:#fff;
	line-height:52px;
	cursor:pointer;
	font-size:1.6rem;
	color:#333;
	margin:0 40px;
}
.elect_nav ul li.active {
	color:#2E00D1;
	font-weight:700;
	border-bottom:3px solid #2E00D1;
}
.elect_container {
	position: relative;
    margin: 0 auto;
    width: 1240px;
    padding: 60px 20px;
}

.elect_container.dflex {
	display:flex;
	flex-wrap:wrap;
}
.elect_title {
	position:relative;
	text-align:center;
	padding-bottom:70px;
}
.elect_title h1 {font-size:32px; font-weight:700; color:#333;}
.elect_title h2 {font-size:2rem; color:#333; margin-top:24px;}
.elect_title h3 {font-size:1.6rem; color:#666; margin-top:8px; line-height:1.6}
.elect_cont_w {
	position:relative;
	width:100%;
	padding:50px;
	background:#fff;
	margin-bottom:50px;
	border:1px solid #EAEAEA;
}
.elect_cont h1, .elect_cont_w h1, .elect_left h1 {position:relative;font-size:2.6rem; font-weight:700; color:#333; margin-bottom:16px;}
.elect_cont_w h1 span {position:absolute;right:0;bottom:0;font-size:1.3rem;}
.elect_cont_w h1 b {color:#2E00D1;}
.elect_cont_w h2 {font-size:1.8rem; font-weight:700;margin-bottom:8px;margin-top:20px}
.elect_cont_w p span {color:#666}


.elect_right h3 {font-size:1.6rem; font-weight:700; margin-bottom:8px;}
.elect_right h3 span {font-size:1.4rem; font-weight:400;}
.elect_right h4 {font-size:2.2rem; font-weight:700; margin-bottom:12px; color:#2E00D1; margin-top:80px;}
.elect_right h4:nth-of-type(1) {margin-top:0;}
.elect_right h5 {position:relative;font-size:1.8rem; font-weight:700; margin-bottom:8px; padding-left:10px;}
.elect_right h5:before {position:absolute; left:0; top:11px; content:''; width:4px; height:4px; background:#333;}
.elect_right h6 {font-size:1.6rem; color:#666; line-height:1.8;margin-bottom:32px;}
.elect_right p {font-size:1.6rem; line-height:1.8;margin-bottom:32px;}
.elect_right h6:last-child,
.elect_right p:last-child{margin:0px;}
.elect_right ul {display:flex;flex-wrap:wrap;justify-content:space-between; margin-bottom:30px;}
.elect_right ul li {position:relative;width:160px; height:160px; background:#eee; border-radius:50%;}
.elect_right ul li p {position:absolute;top:50%;transform:translate(0,-50%);font-size:1.6rem; font-weight:700;text-align:center;width:100%;}
h6.h6li {position:relative;margin-bottom:0;padding-left:10px;}
h6.h6li:before {position:absolute;top:0;left:0;content:'·'}

.elect_main {
	position:relative;
	width:100%;
}
.elect_main a.btn_elmorer {position:absolute;bottom:0;right:125px;}
.elect_main a.btn_elmorel {position:absolute;bottom:0;left:125px;}
.elect_main_btn {
	position:relative;
	width:100%;
}
.elect_main_btn.full {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#efefef;
}
.elect_btn_wrap {
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	padding:30px 120px;
	top:0;
	left:0;
}
.elect_btn_wrap.rela {
	position:relative;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto;
	
}
.elect_btn_wrap a {margin-bottom:30px;}
.elect_btn_wrap a:hover img {transform:translate(0,3px)}
.elect_btn_wrap a img {vertical-align:top;}
.elect_btn_wrap a:nth-of-type(2) {border-radius:10px; box-shadow: 0px 5px 5px 0px rgba(203,208,223,0.5); -webkit-box-shadow: 0px 5px 5px 0px rgba(203,208,223,0.5); }
.elect_btn_wrap a:nth-of-type(3) {border-radius:10px; box-shadow: 0px 5px 5px 0px rgba(203,208,223,0.5); -webkit-box-shadow: 0px 5px 5px 0px rgba(203,208,223,0.5); }

.elect_cont_w table {
	position:relative;
	width:100%;
	border-top:1px solid #2E00D1;
}
.elect_cont_w table thead tr td {background:#F7F5FE; font-size:1.6rem; font-weight:700; height:44px; text-align:center; border-bottom:1px solid #EDEDED;}
.elect_cont_w table tbody tr th {font-size:1.6rem; font-weight:700; height:44px; text-align:center;border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED;}
.elect_cont_w table tbody tr th span {font-size:1.6rem;}
.elect_cont_w table tbody tr td {font-size:1.6rem; height:44px; text-align:center; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED;padding:12px 0;}
.elect_cont_w table tbody tr td span {font-size:1.4rem; color:#666;}
.elect_cont_w table tbody tr:nth-of-type(even) {background:#F8F9FA;}
.elect_cont_w table tbody tr td:nth-last-of-type(1) {border-right:0;}
.elect_cont_w table tfoot tr td {font-size:1.4rem; color:#666; text-align:right;padding-top:12px;}
.elect_cont_w h4 {
	position:relative;
	font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #2E00D1;
	display:block;
	margin-top:14px;
}
.elect_cont_w h4 span {font-size:1.3rem; color:#333; position:absolute;right:0;bottom:3px;}
.elect_cont_w h6 {font-size:1.4rem; color:#666; text-align:right;margin-top:12px;}
.elect_cont_w h6 span {color:#333;}
.elect_cont_w p {font-size:1.6rem; color:#333; line-height:1.8}
.el_contact {
	position:relative;
	width:100%;
	background: #f7f5fe;
	margin-top:10px;
	font-size:1.5rem;
	font-weight:700;
	color:#2E00D1;
	padding:16px 12px;
	text-align:center;
	line-height:1.8;
}

.elect_subbox30 table {
	position:relative;
	width:728px;
	border-top:1px solid #2E00D1;
	background:#fff;
}
.elect_subbox30 table thead tr td {background:#F7F5FE; font-size:1.4rem; font-weight:700; height:38px; text-align:center; border-bottom:1px solid #EDEDED;}
.elect_subbox30 table tbody tr th {font-size:1.4rem; font-weight:700; text-align:center;border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED;}
.elect_subbox30 table tbody tr td {font-size:1.4rem;text-align:center; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED;padding:6px 20px;line-height:1.8}
.elect_subbox30 table tbody tr td:nth-last-of-type(1) {border-right:0; text-align:left;}
.elect_subbox30 table tbody tr td span {color:#666;}


.elect_left {width:20%;}
.elect_right {width:80%;}
.elect_right img {vertical-align:top;margin-bottom:20px;}
.elect_half {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.elect_half div {width:calc((100% - 50px)/2)}
.elect_subbox20 {background:#F8F9FA; padding:20px;font-size:1.6rem; font-weight:700;color:#666;line-height:1.8;margin-bottom:8px;}
.elect_subbox23 {background:#F8F9FA; padding:20px 30px; line-height:1.8; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;}
.elect_subbox23 h3 {
	width:100%;
	font-size:1.6rem;
	font-weight:700;
	color:#333;
	margin-bottom:12px;
}
.elect_subbox23 > .halflist {
	border-top:1px solid #333;
	width:505px;
	padding:12px 0;
}
.elect_subbox23 > .halflist p {font-size:1.6rem; color:#666;line-height:2.2}
.elect_subbox30 {background:#F8F9FA; padding:30px; display:flex; flex-wrap:wrap; margin-bottom:12px;}
.elect_subbox40 {background:#F8F9FA; padding:40px;}
.elect_subbox45 {background:#F8F9FA; padding:40px 50px; display:flex; flex-wrap:wrap;margin-top:20px; align-items:center}
.elect_subbox45 p {line-height:2.3;}
.elect_subbox45 h4 {font-size:1.8rem;color:#333;font-weight:700;margin:0;line-height:2.3;}
.elect_subbox45 .package {width:300px;}
.elect_subbox45 .package .label {
	width:56px;
	height:28px;
	font-size:1.4rem;
	color:#2E00D1;
	border-radius:21px;
	background:#F3F0FF;
	text-align:center;
	line-height:28px;
	margin-bottom:10px;
}
.elect_subbox45 .package h1 {font-size:32px;font-weight:700;color:#2E00D1;margin-bottom:0;}
.elect_subbox45 .package h3 {font-size:1.4rem;color:#666;line-height:1.8;}
.eb_click {position:relative;width:100%;overflow:hidden;}
.eb_click img {margin:0; padding:0;}
.eb_click div {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;text-align:center;z-index:1;display:none;}
.eb_click div p {color:#fff;font-size:2.4rem;font-weight:700;transform:translate(0,47%);height:100%;}
.eb_click:hover > div {display:block;cursor:pointer}

hr.elect_hr {
	width:100%;
	border-top:1px solid #E0E0E0;
	border-bottom:0;
	margin:20px 0 70px;
	display:block;
}
hr.elect_hr2 {
	width:100%;
	border-top:1px solid #333;
	border-bottom:0;
	margin:60px 0;
	display:block;
}
hr.elect_hr3 {
	width:100%;
	border-top:1px solid #EAEAEA;
	border-bottom:0;
	margin:40px 0;
	display:block;
}
.elect_blank {
	width:100%;
    height: 140px;
    margin-top: -140px;
    visibility: hidden;
}
.elect_thumb_wrap.spline > .elect_box > .elect_img {border:1px solid #e0e0e0}

.elect_thumb_wrap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.elect_box {
	position:relative;
	width:calc((100% - 60px)/4);
	margin-bottom:50px;
	margin-right:20px;
}
.elect_box:nth-of-type(4n) {margin-right:0;}
.elect_img {position:relative;width:100%;overflow:hidden;}
.elect_img.pointer {cursor:pointer;}
.elect_img > .eb_label {position:absolute; background:#2E00D1; color:#fff; font-size:1.3rem;border-radius: 0px 0px 0px 5px;padding:3px 7px; top:0;right:0;z-index:1;}
.elect_img img {position:relative;width:100%;height:100%;vertical-align:top;}
.elect_txt {position:relative; margin-top:12px;}
.elect_txt p {font-size:1.3rem;color:#999;text-align:left;}
.elect_txt h1 {font-size:1.8rem;font-weight:700;color:#333;margin-top:12px;}
.elect_txt h2 {font-size:1.6rem;font-weight:700;color:#333;margin-top:2px;text-align:left;}
.elect_txt h3 {
	position:absolute;
	top:0;
	right:0;
	height:24px;
	padding:0 6px;
	line-height:24px;
	text-align:center;
	background: #F1F3F5;
	border-radius: 12px;
	font-size:1.3rem;
	color:#333;
}
table.elect_etc_wrap tbody tr td {
	vertical-align:top;
}
.elect_etc_wrap img {width:100%}
.elect_etc_wrap .car img {border:1px solid #ECECEC; width:calc(100% - 10px);}
.elect_etc_wrap th {text-align:left;vertical-align:top;}
.elect_etc_wrap td:nth-last-of-type(2) {padding-right:5px;}
.elect_boxs {
	position:relative;
	margin-bottom:50px;
	max-width:285px;
	float:right;
	clear:both;
}
.elect_side_nav {
	position:fixed;
	top:440px;
	left:calc(((100vw - 1240px)/2) - 180px);
	width:180px;
	overflow: hidden;
	text-align: left;
	z-index:200;
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.elect_side_nav.fixed {
	top:142px;
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.elect_side_nav_title {
	width:80%;
	padding:6px 16px;
	background:url('../images/index_top.jpg');
	background-size:cover;
	font-weight:700;
	color:#fff;
	font-size:1.4rem
}
.elect_side_nav ul{
	width:80%;
	border:1px solid #efefef;
	background:#fff;
}
.elect_side_nav ul li {
	border-bottom:1px solid #efefef;
	color:#333;
	padding:10px 16px;
	word-break:keep-all;
	font-size:1.4rem
}
.elect_side_nav ul li:last-of-type {border-bottom:0;}
.elect_side_nav ul li a.active{color:#2e00d1; font-weight:700;}
.elect_port_nav {
	position:relative;
	width:100%;
	display:table;
	margin-bottom:36px;
}
.elect_port_nav div {
	position:ralative;
	width:25%;
	height:52px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	border:1px solid #E3E3E3;
	border-left:0
}
.elect_port_nav div:nth-of-type(1) {border:1px solid #E3E3E3;}
.elect_port_nav div.active {border:1px solid #2E00D1;}
.elect_port_nav div p {font-size:1.6rem;color:#666;}
.elect_port_nav div.active p {color:#2E00D1; font-weight:700;}
.elect_port_nav.fixed {
	position:fixed;
	max-width:1200px;
	top:132px;
	overflow: hidden;
	z-index:101;
	background:#fff;
}
/* kakao btn */
.elect_kakao {width:180px; margin-top:30px;}
.elect_top {margin-top:30px;display:none}
/* 가격표 */
.bg_price {
	width:100%;
	height:200px;
	background:url('../images/bg_price.jpg');
	background-size:cover;
	background-position:center center;	
	text-align:center;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.bg_price div {
	text-align:center;
	color:#fff;
	font-size:42px;
	font-weight:700;
	margin:0 auto;
}
.bg_price button {
	display:block;
	width:128px;
	height:44px;
	background:#fff;
	color:#444;
	font-size:15px;
	margin:12px auto 0;
}
.bg_price button img {margin-left:4px;width:16px;vertical-align:middle}
.bg_price button:hover {background:#eee}
.price_nav {
	position:relative;
	width:100%;
	border-bottom:1px solid #E3E3E3;
	margin:0 auto;
	text-align:center;
	background:#fff;
	z-index:10
}
.price_nav.fixed {position:fixed;top:80px;}
.price_nav ul{
	position:relative;
	margin:0 auto;
}
.price_nav ul li {
	display:inline-block;
	height:52px;
	text-align:center;
	background:#fff;
	line-height:52px;
	cursor:pointer;
	font-size:1.8rem;
	color:#333;
	margin:0 25px;
}
.price_nav ul li a.active{
	color:#DC0074;
	font-weight:700;
	border-bottom:3px solid #DC0074;
}
.price_wrap {
	position:relative;
	width:100%;
	margin-top:80px;
}
.price_wrap.certify {
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
	margin-top:120px;
}
.price_wrap h1 {font-size:3rem;font-weight:700;margin-bottom:12px;}
.price_wrap.certify h1 {width:340px;}
.price_wrap h2 {font-size:2rem;margin-bottom:20px;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;
	width:225px;
	background:#FFF0F6;
	font-size:1.6rem;
	font-weight:700;
	color:#DC0074;
	text-align:center;
	padding:10px;
}
table.table_prc thead tr td:first-child {width:300px;}
table.table_prc tbody tr th {
	position:relative;
	width:300px;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	padding:10px;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
}
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:10px;
}
table.table_prc tbody tr th button {
	border-radius:5px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
	color:#444;
	padding:4px 8px;
	background:#fff;
	margin-left:5px;
}
table.table_prc tbody tr th button:hover {background:#eee;}
table.table_prc tbody tr td {
	position:relative;
	width:225px;
	font-size:1.6rem;
	text-align:center;
	padding:10px;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
}
table.table_prc tbody tr td:last-child {border-right:0;}
table.table_prc tbody tr td span {font-size:1.6rem;color:#666}
.price_notice {
	position:relative;
	width:100%;
	padding:20px;
	background:#F8F9FA;
	margin-top:20px;
}
.price_notice p {
	font-size:1.6rem;
	line-height:2
}
.price_blank {
	width:100%;
	height:80px;
	margin-top:-80px;
	visibility:hidden;
}

.certificate {
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	width:calc(100% - 340px);
	justify-content:space-between;
}
.certificate div {width:calc((100% - 20px)/2)}
.certificate div img {width:100%;}
/* 주소찾기 */
/*.jusopopup {
	position:absolute;
	width:640px;
	height:auto;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	padding:30px;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	text-align:center;
}*/
.jusopopup {
	width:640px;
	height:auto;
	background:#fff;
	overflow:hidden;
	padding:30px;
	text-align:center;
}
.jusopopup h2 {
	font-size:2.8rem;
	font-weight:700;
	margin-bottom:30px;
	color:#333;
}
.juso_notice {
	width:100%;
	padding:24px;
	background:#F8F9FA;
	border-radius:5px;
	margin-bottom:30px;
	text-align:left;
	margin-top:10px
}
.juso_notice p {font-size:1.5rem;margin-bottom:20px;}
.juso_notice ul li {font-size:1.4rem;line-height:1.8;}
.juso_notice ul li span {padding-left:5px;color:#999}
button.btn_close_pop {
	width:120px;
	height:48px;
	background:#333;
	color:#fff;
	border-radius:5px;
	font-size:1.6rem;
	font-weight:700;
}
button.btn_close_pop2 {
	width:120px;
	height:48px;
	background:#fff;
	color:#999;
	border:1px solid #CACACA;
	border-radius:5px;
	font-size:1.6rem;
	font-weight:700;
}

/* 바탕 배경 이미지 */
.pop-address-search .pop-address-search-inner { background-image: url();}
/* 회사 로고 이미지 */
.pop-address-search .pop-address-search-inner .logo { min-height: 40px;}

.pop-address-search > * {color:#333;}
.pop-address-search .pop-address-search-inner {position:relative; text-align:center;}
.pop-address-search .pop-address-search-inner fieldset {width:100%;}				
.pop-address-search .pop-address-search-inner fieldset .close {position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../img/btn-close-search.png) 50% 50% no-repeat; text-indent:-9999px}
.pop-address-search .pop-address-search-inner .wrap {display:block; width:100%; position:relative;}					
.pop-address-search .pop-address-search-inner .wrap:after {content:""; display:block; clear:both}		
.pop-address-search .pop-address-search-inner .wrap *{height:39px; border:0 none}						
.pop-address-search .pop-address-search-inner .wrap input[type="text"] {width:100%; height:52px; font-size: 15px;padding:15px 12px; border-radius:5px;border:1px solid #D6D6D6;}
.pop-address-search .pop-address-search-inner .wrap input[type="text"]:focus {border:1px solid #F274C0}						
.pop-address-search .pop-address-search-inner .wrap input[type="button"] {position:absolute; right:0; top:0; width:50px; height:50px;background:url('/Assets/images/ic_search.svg') 50% 50% no-repeat}						
.pop-address-search .pop-address-search-inner .guide {display:inline-block; margin-top:14px; color:#186bb9; padding-right:39px}
.pop-address-search .pop-address-search-inner .logo {text-align:center; margin-top:15px;}
.pop-address-search .pop-address-search-inner .exam {text-align:left; margin-top:5px}
.pop-address-search .pop-address-search-inner .exam table.data-col {border-bottom:1px solid #ddd; margin-top:16px}
.pop-address-search .pop-address-search-inner .exam table.data-col thead tr th {text-align:center; height:49px; padding:16px 0}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr td {text-align:left; height:auto; padding:19px 0 7px 20px; border-bottom:0}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr ~ tr td {padding-top:7px}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr:last-child td {padding-bottom:19px}
.pop-address-search .pop-address-search-inner .exam table.data-col ~ p {margin-top:19px;}
.pop-address-search .pop-address-search-inner .result {margin-top:40px}
.pop-address-search .pop-address-search-inner .result .text-guide {text-align:left;font-size:1.5rem;}
.pop-address-search .pop-address-search-inner .result .text-guide span {font-weight:700;}
.pop-address-search .pop-address-search-inner .result .text-guide ~ table.data-col {margin-top:12px;}

.pop-address-search .pop-address-search-inner .detail {margin-top:25px}
.pop-address-search .pop-address-search-inner .detail p {margin-bottom:16px; text-align:left}
.pop-address-search .pop-address-search-inner .detail table.data-row tbody tr td {text-align:left; line-height:1.57em}

.pop-address-search-form {background:#fff}
.pop-address-search-form .pop-address-header {padding:20px 30px; background:#333}
.pop-address-search-form .pop-address-header h2 {font-size:2rem; font-weight:normal; color:#fff}
.pop-address-search-form .pop-address-body {padding:30px}
.pop-address-search-form .pop-address-field {display:block; width:388px; margin:0 auto; margin-bottom:29px; position:relative; border:2px solid #186bb9; padding:0 39px 0 0}					
.pop-address-search-form .pop-address-field:after {content:""; display:block; clear:both}		
.pop-address-search-form .pop-address-field *{height:39px; border:0 none}						
.pop-address-search-form .pop-address-field input[type="text"] {width:100%; line-height:39px;}						
.pop-address-search-form .pop-address-field input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url('/Assets/images/ic_search.svg') 50% 50% no-repeat}	
.pop-address-search-form .pop-address-body .text-guide {margin-bottom:15px}


/* date col */
table.data-col {table-layout:fixed;}
table.data-col tbody tr td.subj {text-align:left; }
table.data-col tbody tr td.subj p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.pop-address-search .pop-address-search-inner .result table.data-col thead tr th {border-top:2px solid #333; border-bottom:1px solid #333; font-size:1.4rem;height:52px;font-weight:700;}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr td {height:78px; padding:10px 0; border-bottom:1px solid #d6d6d6}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr.nodata td {background:#fff}

.pop-address-search-form .pop-address-body table.data-col thead tr th,
.pop-address-search-form .pop-address-body table.data-col tbody tr td {height:49px; padding:16px 0;}
.pop-address-search-form .pop-address-body table.data-col tbody tr:nth-child(odd) td {background:#f7f7f7}
.pop-address-search-form .pop-address-body table.data-col tbody tr.nodata td {background:#fff}

.roadaddr, .jibunaddr {font-size:1.4rem;padding:4px 0;display:inline-block;}
.roadaddr_span,
.jibunaddr_span {
	display:inline-block;
	width:44px;
	height:24px;
	border-radius:5px;
	border:1px solid #ddd;
	background:#fff;
	color:#999;
	font-size:1.2rem;
	text-align:center;
	margin-right:6px;
	line-height:22px;
}
.roadaddr p,
.jibunaddr p {
	display:inline-block;
	font-size:1.4rem;
	color:#333;
}
span.bdnm {
	margin-left:50px;
	color:#777;
	font-size:1.4rem;
}
.zipcode div {font-size:1.4rem;padding-top:4px;color:#228BE6;}

.pop-address-search-form .pop-address-body .paginate {margin-top:20px}
.pop-address-search-form .pop-address-detail {margin-top:40px; padding-top:30px; border-top:1px dotted #666}
.pop-address-search-form .pop-address-detail .btns-submit {margin-top:20px}
.pop-address-search-form .pop-address-detail .pop-address-jibun {margin-top:19px}
.pop-address-search-wrapper {position:fixed; z-index:9; left:0; top:0; right:0; bottom:0}
.pop-address-search-layer {position:absolute; z-index:10; left:50%; top:50%; margin:-290px 0 0 -340px; width:680px; border:1px solid #333; -webkit-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36); -moz-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36); box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36);}
.pop-address-search-layer .pop-address-header {position:relative}
.pop-address-search-layer .pop-address-header .close {position:absolute; right:25px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../img/btn-close-pop.png) 50% 50% no-repeat; text-indent:-9999px}


/* form element */
/* radio, checkbox */
[class*="pop-address-search"] input[type="checkbox"],
[class*="pop-address-search"] input[type="radio"] {display:inline-block; width:13px; height:13px; vertical-align:middle; margin-right:3px}
/* select, input text */
[class*="pop-address-search"] select,
[class*="pop-address-search"] input[type="text"],
[class*="pop-address-search"] input[type="password"] {display:inline-block; height:35px; line-height:33px; padding:0 9px; border:1px solid #ccc; vertical-align:middle}
[class*="pop-address-search"] input[type="text"].input-datepicker {width:130px; background:#fff url(../img/ico-datepicker.gif) right 50% no-repeat}
[class*="pop-address-search"] .read-only {background-color:#f7f7f7}
[class*="pop-address-search"] ::-webkit-input-placeholder {color:#999;}
[class*="pop-address-search"] :-moz-placeholder {color:#999;}
[class*="pop-address-search"] ::-moz-placeholder {color:#999;}
[class*="pop-address-search"] :-ms-input-placeholder {color:#999;}
[class*="pop-address-search"] input.placeholder,
[class*="pop-address-search"] textarea.placeholder {color:#999;}
[class*="pop-address-search"] select {padding:0 25px 0 14px}
[class*="pop-address-search"] textarea {display:block; width:100%; line-height:1.333em; padding:15px 14px; border:1px solid #ccc;}
[class*="pop-address-search"] .wrap-file {position:relative}
[class*="pop-address-search"] .wrap-file input[type="file"] {position:absolute; left:0; top:0; height:100%; width:100%; opacity:0}
[class*="pop-address-search"] .wrap-file input[type="text"] {width:100%}

/* button and */
[class*="btn-"] {display:inline-block; height:35px; line-height:34px; min-width:90px; text-align:center; padding:0 10px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="btn-"].l {height:43px; line-height:42px; padding:0 20px}
[class*="btn-"].download span {padding-left:25px; font-weight:700; background:url(../img/btn-download-red.png) 0 50% no-repeat}
[class*="btn-"].go span {padding-right:21px; font-weight:700; background:url(../img/btn-go-w.png) 100% 50% no-repeat}
.btn-b {color:#fff; background:#333; border:1px solid #333}
.btn-w {background:#fff; border:1px solid #333}
.btn-bl {color:#fff; background:#186bb9; border:1px solid #186bb9}
.btn-dg {color:#fff; background:#333; border:1px solid #333}
.btn-g {color:#fff; background:#666; border:1px solid #666}
.btns-submit {text-align:center; margin-top:25px}
.btns-submit [class*="btn"] {margin:0 7px}
.btns-submit:after {content:""; display:block; clear:both}
.btns-submit .flex {float:left}
.btns-submit .flex ~ .flex {padding-left:10px}
.btns-submit .flex [class*="btn-"] {margin:0 0 0 0; width:100%}
.btns-submit .more {display:inline-block; margin-top:-5px; padding-top:35px; background:url(../img/btn-more.png) 50% 0 no-repeat}
.btns-submit .left {float:left; text-align:left}
.btns-submit .left > *{margin:0 6px 0 0}
.btns-submit .right {float:right; text-align:right}
.btns-submit .right > *{margin:0 0 0 6px}
.btns-submit .right .text-guide {display:inline-block; margin-right:5px}

/* data table, data list, board */
/* common */
table {width:100%}
table tr th .hidden {position:absolute; left:-9999em}
/* data, row */
table.data-row {border-top:1px solid #bbb; border-bottom:1px solid #bbb}
table.data-row tr ~ tr th,
table.data-row tr ~ tr td {border-top:1px solid #ddd}
table.data-row th {padding:15px 0; background:#f7f7f7; text-align:center}
table.data-row td {/* height:40px; */ height:65px; padding:15px}
table.data-row td input[type="text"] + input[type="checkbox"],
table.data-row td input[type="text"] + input[type="radio"],
table.data-row td input[type="password"] + input[type="checkbox"],
table.data-row td input[type="password"] + input[type="radio"] {margin-left:11px}
table.data-row td input[type="text"] + [class*="btn-"] {margin-left:6px}
table.data-row td .row:after {content:""; display:block; clear:both}
table.data-row td .flex {float:left}
table.data-row td .flex ~ .flex {padding-left:10px}
table.data-row td .flex input[type="text"],
table.data-row td .flex input[type="password"] {width:100%}
table.data-row td .flex [class*="btn-"] {width:100%; padding:0 0 0 0}
table.data-row td p.guide {line-height:1.57em; margin-top:6px}
table.data-row th .req {display:inline-block; width:12px; height:15px; background:url(../img/ico-required.png) 0 50% no-repeat; vertical-align:text-top; margin-right:6px; text-indent:-9999px}


/* search */
/* board search */
.search-data {margin-top:30px; padding:29px; border:1px solid #999; text-align:center}
.search-data label {margin-right:6px; font-weight:bold}
.search-data input[type='text'] {width:400px; margin-right:6px}

/* nav, tab */
.paginate {margin-top:20px; margin-bottom:30px;text-align:center}
.paginate > *{display:inline-block; padding:0px; min-width:30px; height:30px; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; }
.paginate strong {font-weight:700;text-decoration:underline;color:#333;}
.paginate a {color:#666;}
.paginate .skip {padding:0; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *color:#fff;}
.paginate .skip.prev {margin-right:20px; background:url('/Assets/images/img_before.png') 50% 50% no-repeat}
.paginate .skip.prev10 {margin-right:5px; background:url('/Assets/images/img_first.png') 50% 50% no-repeat}
.paginate .skip.next {margin-left:20px; background:url('/Assets/images/img_next.png') 50% 50% no-repeat}
.paginate .skip.next10 {margin-left:5px; background:url('/Assets/images/img_last.png') 50% 50% no-repeat}

/* text */
.tit-bul {margin-bottom:19px; font-size:1.8rem; font-weight:700; padding-left:13px; background:url(../img/bul-6x6-circle.png) 0 50% no-repeat}
.appr {color:#1661a7}
.list-text li {padding-left:8px; line-height:1.57em; background:url(../img/bul-3x3-circle.png) 0 0.6em no-repeat}
.list-text li.emp {background:url(../img/bul-3x3-circle-red.png) 0 0.6em no-repeat}
.list-text li ~ li {margin-top:3px}
.list-text li strong {color:#df1919}
.addr_detail > * {color:#333}
.addr_detail {width:100%;border-top:2px solid #333; border-bottom:1px solid #d6d6d6;padding:12px 20px;}
.addr_row {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.addr_label {
	width:82px;
	text-align:left;
	font-weight:700;
	margin:8px 0;
}
.addr_content {
	width:calc(100% - 82px);
	text-align:left;
	font-size:1.4rem;
	margin:8px 0;
}
.addr_content input[type="text"] {
	width: 100%;
    height: 52px;
    font-size: 15px;
    padding: 15px 12px;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
}
.addr_content input[type="text"]:focus {border:1px solid #F274C0}
.addr_content div {display:inline-block;}
.addr_input {width:100%;border-bottom:1px solid #d6d6d6;padding:12px 20px;}


.bg_top {
	width:100%;
	height:140px;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	padding:32px 0;
}
.bg_top.bg_port {background-image:url('/Assets/images/bg_top_port.jpg');}
.bg_top.bg_samp {background-image:url('/Assets/images/bg_top_samp.jpg');}
.bg_top.bg_apoint {background-image:url('/Assets/images/bg_top_apoint.jpg');}
.bg_top_txt {
	width:1200px;
	margin:0 auto;
}
.bg_top_txt h2 {font-size:2.8rem;font-weight:700;color:#333;margin-bottom:10px;}
.bg_top_txt h4 {font-size:1.6rem;font-weight:500;color:#333;}

/* 검색바 */
.search_bar {
	position:absolute;
	top:50px;
	right:20px;
	width:345px;
	height:52px;
}
.search_bar input[type="text"], .search_bar input[type="number"]{width:100%; height:52px; font-size: 15px;padding:15px 12px; border-radius:5px;border:1px solid #D6D6D6;}
.search_bar input[type="text"]:focus,.search_bar input[type="number"]:focus {border:1px solid #F274C0}						
.search_bar input[type="button"] {position:absolute; right:0; top:0; width:50px; height:50px;background:url('/Assets/images/ic_search.svg') 50% 50% no-repeat}
.search_none {position:relative;width:100%;text-align:center;}
.search_text,
.search_none p {font-size:1.8rem; font-weight:700;text-align:center;}
.search_none hr {border-top:1px solid #d6d6d6;border-bottom:0;margin-top:80px;margin-bottom:40px;}
.search_none button.btn_reset {background:#333;width:160px;height:52px;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:40px}


/* 배송보장 */
.deli_img {text-align:center}
.deli_img img {vertical-align:top;}
.deli_faq {
	position:relative;
	width:1000px;
	background:#E9EDF0;
	border-radius:15px;
	padding:60px;
	margin:120px auto;	
}
.deli_title {
	position:absolute;
	width:100%;
	top:-32px;
	left:0;
}
.deli_title img {width:100%;}
.deli_qna {
	width:100%;
	background:#fff;
	border-radius:5px;
	padding:0 30px;
	margin-top:10px;
}
.deli_q {
	position:relative;
	width:100%;
	padding:24px 0;
}
.deli_q p {font-size:2.2rem; font-weight:700; color:#343A40;}
.deli_q .arrow {
	position:absolute;
	right:0;
	top:27px;
	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:24px 0;
	border-top:1px solid #DEE2E6;
}
.deli_a p {font-size:1.8rem;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.8rem;color:#343A40;line-height:1.8;}


/* 웹진 */

.webzine_wrap {
	position:relative;
}
.bg_webzine {
	position:relative;
	width:100%;
	height:200px;
	background-image:url(../images/img_web_banner.jpg);
	background-position:center center;
	margin:0 auto;
}
.btn_webzine2 {
	width:1240px;
	height:200px;
	display:block;
	position:absolute;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn_webzine2 button {
	position:absolute;
	right:250px;
	bottom:15px;
	width:90px;
	height:30px;
	background:#468bc2;
	color:#fff;
	border-radius:10px;
	font-size:16px;
}
.btn_webzine2 button:hover {
	bottom:13px;
}

.tab_web {
	position:relative;
	width:100%;
	margin-top:20px;
}

ul.tab_web_nav {
    margin:0;
    padding: 0;
    display: flex;
    list-style: none;
    height: 80px;
    width:1200px;
	overflow: hidden;	
	margin:0 auto;
}
ul.tab_web_nav li {
    display: inline-block;
	width:300px;
	margin-top:30px;
	height:50px;
	text-align: center;
	font-size:18px;
	color:#191919;
	line-height:50px;
    overflow: hidden;
    position: relative;
}
ul.tab_web_nav li a, ul.tab_web_sub_nav li a {font-size:18px; color:#191919;}

ul.tab_web_nav li.active { border-bottom:3px solid #333;}
ul.tab_web_nav li.active a {font-weight:bold;}
ul.tab_web_nav li.active a:hover, ul.tab_web_sub_nav li.active a:hover {cursor: pointer;}

.tab_web_sub_wrap {
	position:relative;
	margin:0 auto;
}
.tab_web_sub {margin:0 auto; text-align:center;}
.tab_web_sub.active {display:block;}
hr.hr_web {
	border-top:1px solid #ccc;
	width:100%;
	display: block;
}
.web_wrap {
	width:1200px;
	display: flex;
	position:relative;
	margin:20px auto;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.web_box {
	width:360px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin:0 20px 40px;
}

.web_img {
	width:360px;
	height:480px;
	overflow: hidden;
	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;
}

.card_img {
	width:360px;
	height:360px;
	overflow: hidden;
	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;
}

.web_img_inner {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.web_img_inner img {
	width:100%;
	overflow: hidden;
	perspective: 1;
}

.hover_img { 
	transform: scale(1.1,1.1);
	-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;
}
.web_zoom {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	top:0;
	left:0;
	display:none;
	background-image:url(../images/icon_zoomin.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.web_text {
	position:absolute;
	width:100%;
	padding:20px;
	bottom:-60px;
	left:0;
	color:#fff;
	background:linear-gradient( to top, #333, transparent );
	-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;
word-break:keep-all;
}
.hover {
	bottom: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;
}
.web_text h2 { font-size:20px; font-weight:700; color:#fff; line-height:20px; word-break:keep-all;}
.web_text button { position:absolute; top:10px; right:10px; width:70px; height:25px;border-radius: 5px; border:1px solid #ccc; background: #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;}
.web_text button:hover {background: #333; color:#fff; border:1px solid #ccc;  border-radius: 5px; -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;}
.web_text p { word-break: keep-all; padding-top:5px; }

.web_design_table {margin-top:20px;}
.web_design_table table {
	position:relative;
	width:100%;
	
}
.web_design_table table tr th {
	border-top:1px solid #333;
	border-right:1px solid #ccc;
	background: #eee;
	border-bottom:1px solid #ccc;
	padding:15px 0;
	font-size:14px;
}
.web_design_table table tr th {
	
}
.web_design_table table tr td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px 10px;
	font-size:12px;
}
.web_design_table table tr th:last-child {border-right:0;}
.web_design_table table tr td:last-child {border-right:0;}
.web_design_table table tr td:nth-of-type(3n+1) {font-weight: bold; text-align:center;}
.web_design_table table tr td:nth-of-type(3n+2) {text-align:center;}
.web_design_table table tr td:nth-of-type(3n+3) {word-break: keep-all;}


/* event */

.event_wrap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}
.event_box {
	position:relative;
	width:calc((100% - 60px)/3);
	margin-right:30px;
	margin-bottom:80px;
}
.event_box:nth-of-type(3n) {margin-right:0}
.event_img {
	width:100%;
	overflow:hidden;
	border-radius:15px;
}
.event_img a {
	display:block;
	width:100%;
	
}
.event_img a img {width:100%;vertical-align:top}
.event_txt a {display:inline-block;font-size:2rem;font-weight:700;margin-top:16px;}


/* 상세 팝업 */
.popup_detail_wrap {
	position:relative;
	width:1200px;
	height:800px;
	overflow-y:auto;
	background:#fff;
	margin:0 auto;
}
.popup_detail_wrap > * {word-break:keep-all}
.popup_detail_nav {
	position:sticky;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:1200px;
	height:52px;
	top:0;
	left:calc((100% - 1200px)/2);
	background:#fff;
	overflow:hidden;
	border-bottom:1px solid #DFDFDF;
	z-index:5;
}
.popup_detail_nav ul {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.popup_detail_nav ul li {
	font-size:1.6rem;
	margin:0 15px;
	cursor:pointer;
}
.popup_detail_nav ul li.active {
	font-weight:700;
	color:var(--aprint-color);
}
.popup_detail_body {
	position:relative;
	width:100%;
}
.popup_detail_cont {
	position:relative;
	width:100%;
	height:100%;
	flex-wrap:nowrap;
	align-items: stretch;
	display:none;
}
.popup_detail_cont.active {display:flex}
.popup_detail_subnav {
	position:relative;
	width:140px;
	min-height:100%;
	border-right:1px solid #DFDFDF;
	padding:25px 20px;
}
.popup_detail_subnav_sticky {
	position:sticky;
	top:77px;
}
.popup_detail_subnav h2 {font-size:1.4rem; font-weight:700;}
.popup_detail_subnav ul {
	margin:12px 0;
}
.popup_detail_subnav ul li {
	font-size:1.4rem;
	color:#666;
	margin:8px 0;
	cursor:pointer;
}
.popup_detail_subnav ul li.active {color:var(--aprint-color);font-weight:700;}
.popup_detail_subnav ul li img {
	width:14px;
	height:14px;
	margin-right:6px;
	vertical-align:top;
	margin-top:3px;
}
.popup_detail_tab {
	position:relative;
	width:calc(100% - 140px);
	padding:25px 30px;
	min-height:748px;
	overflow-y:auto;
	overflow-x:hidden;
}
.popup_detail_tab h2 {
	font-size:2rem;
	font-weight:700;
	margin-bottom:8px;
}
.popup_detail_tab h2 img {margin-right:10px;vertical-align:top;padding-top:5px;}
.popup_detail_tab p {font-size:1.4rem; color:#666; line-height:1.7}
.popup_detail_tab hr {display:block; border-top:1px solid #ececec; border-bottom:0; margin:30px 0; width:100%;}
.popup_detail_blank {
	width:100%;
	height:80px;
	margin-top:-80px;
	visibility:hidden;
}
.popup_detail_section {
	position:relative;
	width:100%;
}
.popup_detail_section img {
	max-width:100%;
	vertical-align:top;
}
.popup_detail_section .gray1 {
	position:relative;
	width:100%;
	background:#F7F7F7;
	padding:40px 30px 30px;
}
.popup_detail_section .gray2 {
	position:relative;
	width:100%;
	background:#F7F7F7;
	border-left:45px solid #fff;
	padding:40px 0 30px 30px;
}
.popup_detail_section .gray2 > img {margin-left:-85px;max-width:calc(100% + 85px)}
.popup_detail_section .gray2 > p {position:relative;padding-left:10px;word-break:keep-all;padding-right:30px;margin-bottom:20px}
.popup_detail_section .gray2 > p:before {
    position: absolute;
    content: '·';
    left: 0;
    top: 0;
}
.popup_detail_section h2 {font-size:2.4rem;font-weight:700;text-align:center;}
.popup_detail_section h4 {font-size:1.8rem;font-weight:700;text-align:left;margin-bottom:6px;}
.popup_detail_section h4.mint1 {color:#00ABBD;}
.popup_detail_section h4.pink1 {color:var(--aprint-color)}
.popup_detail_section h5 {font-size:1.4rem;color:#666;line-height:1.6;}
.popup_detail_section p {font-size:1.6rem;line-height:1.7;color:#333;}
.popup_detail_section p.center {text-align:center;}
.popup_detail_section p.bold1 {font-weight:700;}
.popup_detail_section p.pink1,
.popup_detail_section p span.pink1 {color:var(--aprint-color)}
.popup_detail_section p.mint1,
.popup_detail_section p span.mint1 {color:#00ABBD}
.popup_detail_section p.cyan,
.popup_detail_section p span.cyan {color:#216B84}
.popup_detail_section ol {
	margin-left:1.6rem;
}
.popup_detail_section ol li {
	font-size:1.6rem;
}
.popup_detail_img_title {
    width: 100%;
    height: 48px;
    padding-left: 30px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
    text-align: left;
}
.popup_detail_img_title.absolutet {
    position: absolute;
    top: -16px;
    left: 0;
    z-index: 2;
}
.popup_detail_img_title.absoluteb {
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: 2;
}
.popup_detail_img_title.absolute {
	position: absolute;
    z-index: 2;
	width:calc(100% + 45px)!important;
}
.popup_detail_img_title.pink1 {
    background: url(../images/img_title_pink.png);
    color: #fff !important;
    background-size: cover;
}
.popup_detail_img_title.mint1 {
    background: url(../images/img_title_mint.png);
    color: #fff !important;
    background-size: cover;
}
.popup_detail_img_title.mint2 {
    background: url(../images/img_title_mint2.png);
    color: #fff !important;
    background-size: cover;
}
.popup_detail_img {
    position: relative;
    width: 100%;
    text-align: left;
	scroll-margin-top: 77px;
}
#tab2 .popup_detail_img,
#tab3 .popup_detail_img,
#tab4 .popup_detail_img {scroll-margin-top: 0px;}


.popup_detail_img.paper_cont {}
.popup_detail_img .paper_box {
	width:calc((100% - 60px)/4);
	height:auto;
	margin-right:20px;
	margin-bottom:40px;
}
.popup_detail_img .paper_box:nth-of-type(4n) {margin-right:0;}
.popup_detail_img .paper_thumb {
	width:100%;
	height:auto;
}
.popup_detail_img .paper_thumb img {width:100%;}
.popup_detail_img .paper_box h3 {font-size:1.6rem;font-weight:700;margin-top:10px;margin-left:0;color:inherit}
.popup_detail_img .paper_box h3 span {background:#FFBED5;font-size:1.2rem;font-weight:700;padding:0 5px;height:20px;margin-left:8px;color:#E64980;border-radius:2px}
.popup_detail_img .paper_box p {font-size:1.4rem;margin-top:5px;line-height:1.6}

.detail_row {
	position:relative;
	width:100%;
	display:flex;
	margin:10px 0;
}
.detail_row label {width:80px;font-size:1.4rem;font-weight:700;}
.detail_row p {width:calc(100% - 80px);color:#333;}
.popup_detail_flex {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:10px 0;
	justify-content:space-between;
	align-items:flex-start;
}
.popup_detail_kind {width:calc((100% - 40px)/3);}

.popup_detail_work {
	position:relative;
	width:100%;
	padding:30px;
}
.popup_detail_work2 {
	position:relative;
	width:800px;
	padding:30px;
	margin:0 auto;
	text-align:center;
}
.popup_detail_work2 .card_box {
	width:calc((100% - 60px)/3);
	height:auto;
	margin-right:20px;
	margin-bottom:40px;
	text-align:left;
}
.popup_detail_work2 .card_box:nth-of-type(3n) {margin-right:0}
.popup_detail_work2 .card_after {
	width:280px;
	margin:0 30px;
	text-align:left;
}
.popup_detail_img ol {width:100%;padding:0;list-style-type:decimal;}
.popup_detail_img ol li {
	font-size:1.6rem; margin-bottom:10px;word-break:keep-all;line-height:1.8; text-align:left;
}
.popup_detail_img ol li span {font-weight:400!important;}

.popup_detail_img ul {width:calc(100% - 50px);margin-left:50px;list-style-type:decimal;}
.popup_detail_img ul li {
	font-size:1.6rem; margin-bottom:10px;word-break:keep-all;line-height:1.8;font-weight:400;text-align:left;
}
.popup_detail_img ul li span {font-weight:400!important;}
.popup_detail_img .pink1 {color:#EC008C;}
.popup_detail_img .mint1 {color:#00ABBD;}
.popup_detail_img .bold1 {font-weight:700!important;}

.popup_detail_circle {
    position: relative;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
    width: 230px;
    height: 230px;
    text-align: center;
    background: var(--aprint-color);
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
	flex-direction: column;
}
.popup_detail_circle > h2 {width:100%;font-size:2.4rem;color:#fff;}
.popup_detail_circle > h3 {width:100%;font-size:1.5rem;color:#fff;}
.popup_label_title {
	position: relative;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    border: 1px solid #333;
    text-align: center;
    margin:80px auto 30px;
    padding: 10px 30px;
}
.popup_detail_work2 > ol,
.popup_detail_work2 > ul {list-style-position:inside; text-align:left;margin-bottom:30px;list-style:none;display:flex;flex-wrap:wrap;}
.popup_detail_work2 > ul li {
	text-align:left;
	position:relative;
	width:calc(100% - 34px);
	font-size:1.6rem;
	font-weight:700;
}
.popup_detail_work2 > ol li {
	text-align:left;
	position:relative;
	width:calc(100% - 34px);
	font-size:1.6rem;
	font-weight:700;
}
.popup_detail_work2 > ol li.cyan {
	font-weight:700;
	color:#00ABBD;
}
.popup_detail_work2 > ol li.cyan > span{font-size:1.6rem;font-weight:400;color:#00ABBD;}
.popup_detail_work2 > ul > p {
	display:inline-block;
	border-radius:50%;
	width:26px;
	height:26px;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	background:#ff0000;
	margin-right:8px;
	text-align:center;
}
.popup_detail_work2 > ol > p {
	display:inline-block;
	border-radius:50%;
	width:26px;
	height:26px;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	background:#00ABBD;
	margin-right:8px;
	text-align:center;
}
.popup_detail_work2 > ol li span {font-size:1.6rem; font-weight:700;}
.popup_detail_work2 > ol li h4 {
	font-size:1.6rem;
	font-weight:400;
}
.popup_detail_notice {
	width:100%;
	padding:10px 40px;
	font-size:1.4rem;
	text-align:center;
	background:#fff;
	margin-top:24px;
}
.popup_detail_halfimg {
	width:310px;
	padding:0 15px;
	margin-bottom:40px;
	text-align:left;
}
.popup_detail_caution {
	position:relative;
	width:calc(100% + 60px);
	margin-left:-30px;
}
.popup_detail_caution > .order_detail_flex {width:100%;}
.popup_detail_caution > .order_detail_flex > .detail_left {
	width:120px;
	min-height:100%;
	font-size:2rem;
	font-weight:700;
	border:0;
	padding-right:20px;
}
.popup_detail_caution > .order_detail_flex > .detail_left span {
	font-size:2.5rem;
	color:#fff;
	background:var(--aprint-color); 
	width:40px;
	height:40px;
	border-radius:50%;
	text-align:center;
	display:inline-block;
	margin-bottom:4px;
}
.popup_detail_caution > .order_detail_flex > .detail_right {
	width:calc(100% - 120px);
	text-align:left;
	padding:0 0 0 20px;
	font-size:1.6rem;
	border-left:1px solid #333;
}
.popup_save {
	position:relative;
	width:100%;
	text-align:center;
}
.popup_save ol li {margin-bottom:0}
.popup_save > ol img {margin-left:calc(-110px + 1.6rem);max-width:calc(100% + 50px)}
.popup_save p {text-align:left}
.pdl60 {padding-left:60px!important;}


table.popup_apoint {
	width:100%;
	margin-bottom:80px;
}
table.popup_apoint thead tr th {background:#FFF0F5;font-size:2rem;font-weight:700;color:#E64980;width:240px;height:52px;text-align:center;border-top:1px solid #E64980;border-bottom:1px solid #DFDFDF;}
table.popup_apoint thead tr td {font-weight:700;font-size:1.6rem;padding:0 30px;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}
table.popup_apoint tbody tr th {background:#ECECEC;font-size:1.6rem;font-weight:700;color:#666;width:240px;height:52px;text-align:center;}
table.popup_apoint tbody tr td {font-size:1.6rem;padding:0 30px;border-bottom:1px solid #DFDFDF;}

.youtube_wrap {
	position:relative;
	width:calc(100% + 60px);
	margin-top:-25px;
	margin-left:-30px;
	padding:30px;
	background:#F7F7F7
}

.swiper_bind {
	position:relative;
	width:calc(100% - 32px);		
}
.swiper_bind .swiper-wrapper {width:100%;}
.swiper_bind .swiper-button-prev {width:36px;left:0;}
.swiper_bind .swiper-button-next {width:36px;right:0;}
.swiper_bind .swiper-button-prev:after {
	content: url('../images/pp_swiper-button-prev.svg');
}
.swiper_bind .swiper-button-next:after {
	content: url('../images/pp_swiper-button-next.svg');
}
.swiper_bind .swiper-slide {
	position: relative;
	width:calc((100% - 80px)/5);
    height:0;
	margin:0 8px!important;
	padding-top: calc(16 / 9 * (100% - 80px) / 5);
    border: 0;
    box-sizing: border-box;
}
.swiper_bind .swiper-slide div {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
}
.swiper_bind .swiper-slide div iframe {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
}
.paper_notice {width:100%;padding:16px 20px;background:#F8F9FA;font-size:1.4rem;margin-bottom:40px;color:#666;text-align:center;}
.paper_box_e.popup {
	width:100%!important;
	margin-top:0!important;
	background:#F6F6F6;
	padding:16px 20px;
	align-items:start;
}
.paper_box_e > .paper_box_e_l > .icon_notice {
	width:20px;
	height:20px;
	background:#AFAFAF;
	color:#fff;
	font-size:1.4rem;
	text-align:center;
	font-weight:700;
	border-radius:10px;
	display:inline-block;
	margin-right:4px;
}
.paper_box_e_l {width:90px;font-weight:700;font-size:1.5rem;}
.paper_box_e_r {width:calc(100% - 90px);font-size:1.4rem;line-height:1.6}

@media (max-width:1366px) {
.elect_side_nav ul,.elect_side_nav_title{margin-left:38px;}
.elect_kakao {
	right:30px;
}	
.elect_side_nav {
	right:30px;
}
.elect_top {margin-top:30px; text-align:right}
}