html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:18px/1.5 'AppleSDGothicNeo', 'Noto Sans KR', 'nanumgothic',Dotum,Gulim,Sans-serif;color:#434649;-webkit-text-size-adjust:none;word-break:keep-all;letter-spacing:-0.5px}
button, span, strong, input, b, em{font-size:inherit;font-family:inherit;color:inherit;font-style:normal}
section, article, aside, header, footer, nav, hgroup, dialog, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
button{padding:0;margin:0;border:0;background:none;cursor:pointer;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}

/* intro */
#intro{position:relative;height:100vh;width:100%;overflow:Hidden;}
#intro h1{
	position:absolute;top:50%;left:0;
	width:100%;height:80px;
	margin-top:-40px;
	text-align:center;
	background:url(../img/logo_white.svg) no-repeat center;background-size:auto 100%;
	font-size:0;z-index:1
}
#intro:before { 
	content: ""; 
	position: absolute;top: 50%;left: 50%; 
	width: 500px; height: 500px;
	border-radius: 100px; 
	background-color: #4782f6; 
	transform: translate(-50%, -50%) rotate(-40deg);animation: btn_wave 8s forwards linear; transition: all 1s;  
}
@keyframes btn_wave {
  form { transform: rotate(-40deg); }
  to { transform: rotate(60deg) scale(10);}
}
#intro address{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:20px;text-align:center;font-size:16px;color:#fff;font-style:normal}

/* layout */
.bg{background:#f6f6f6}

header{
	position:fixed;top:0;left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 40px;
	/*border-bottom:1px solid #e3e3e3;*/
	background:#fff;
	z-index:100
}
header>div{
	position:relative;
	max-width:1320px;height:74px;
	margin:0 auto;
}
header h1 a{
	position:absolute;top:22px;left:0;
	display:block;width:127px;height:24px;
	background:url(../img/logo.svg) no-repeat;background-size:100% auto;
	font-size:0
}
header .m_my{display:none}
header .gnb{font-size:0;text-align:center}
header .gnb>li{display:inline-block;}
header .gnb>li a{
	display:block;height:74px;line-height:74px;padding:0 60px;
	font-size:18px;font-weight:400;color:#4782f7
}
header p{position:absolute;top:0;right:0;font-size:0}
header p a{
	position:relative;
	display:inline-block;
	height:74px;line-height:74px;padding:0 10px;
	font-size:16px;font-weight:400;color:#4782f7
}
header p a.my{
	width:30px;
	padding:0;
	background:url(../img/my.svg) no-repeat center;background-size:100% auto;
	font-size:0
}
header p a.my em{
	position:absolute;top:50%;right:100%;
	box-sizing:border-box;
	padding:6px 8px 4px;line-height:10px;
	margin:-10px 8px 0 0;
	background:#4782f7;
	border-radius:15px;
	font-size:12px;color:#fff;text-align:center;white-space:nowrap;
	animation: noti .7s linear infinite alternate;
}
@keyframes noti {
    0%{transform:scale(1);opacity:1}
	80%{transform:scale(1);opacity:1}
    100%{transform:scale(0.95);opacity:0.7}
}
/*
header p a.my em:after{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #4782f7;
	border-width: 3px;
	margin-top: -3px;
}
*/
header p a.cs{display:none}
header .menu{display:none}

.footer{background:#4782F7}
footer{
	position:relative;
	width:1320px;max-width:calc(100% - 40px);
	margin:0 auto;padding:10px 0 40px;
}
footer *{font-size:14px;color:#D6D6D6;font-style:normal;}
footer h2,
footer .company h3{padding:30px 0 10px;margin-bottom:10px;border-bottom:1px solid #D6D6D6;}
footer>ul{position:absolute;right:0;font-size:0}
footer>ul li{display:inline-block;}
footer>ul li+li:before{content:'l';padding:0 10px;}
footer .company li{position:relative;text-align:right}
footer .company li b{position:absolute;left:0;top:0;font-weight:400}

#lnb{
	position:fixed;top:74px;left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 40px;
	/*border-bottom:1px solid #e3e3e3;*/
	background:#fff;
	z-index:99
}
#lnb h2{display:None}
#lnb .home,
#lnb .back{display:None}
#lnb ul{text-align:center;font-size:0}
#lnb ul li{display:inline-block;}
#lnb ul li a{
	position:relative;
	display:block;height:74px;line-height:74px;
	padding:0 33.5px;
	font-size:18px;font-weight:200;color:#c7c8c9
}
#lnb ul li a.on{font-weight:400}
/*
#lnb ul li a.on:after{
	content:'';
	position:absolute;bottom:0;left:0;
	display:block;width:100%;height:4px;
	background:#5382ee;border-radius:4px;
}
*/

#container{width:100%;overflow:hidden;}
.contents{min-height:calc(100vh - 74px);padding-top:74px}
.contents.estimate{min-height:calc(100vh - 150px);padding-top:150px}


hgroup{
	position:relative;
	max-width:1320px;
	margin:0 auto;
	padding:60px 40px 40px
}
hgroup.center{max-width:555px}
hgroup.center ul.list{display:flex;gap:20px}
hgroup.center ul.list li{flex:1;margin:10px 0}
hgroup.center ul.list li a{min-width:50px;width:100%}
hgroup.bg{background:#f6f6f6}
hgroup.bg:before,
hgroup.bg:after{
	content:'';
	position:absolute;top:0;
	display:block;
	width:200%;height:100%;
	background:#f6f6f6
}
hgroup.bg:before{right:100%}
hgroup.bg:after{left:100%}
hgroup.bg.white,
hgroup.bg.white:before,
hgroup.bg.white:after{background:#fff}
hgroup h3{
	margin-bottom:25px;
	font-size:36px;
}
hgroup dl{position:relative;}
hgroup dl dt{font-size:18px;font-weight:200;color:#434649}
hgroup dl dd button{
	position:absolute;bottom:-6px;right:0;
	height:36px;line-height:34px;
	padding:0 32px;
	border:1px solid #dbdbdb;border-radius:30px;
	font-size:14px;font-weight:200;color:#c7c7c7
}
hgroup dl dd button:hover{border-color:#000;color:#000}
hgroup .tip{position:absolute;right:40px;margin-top: -62px;}
hgroup .tip_area{right:23px;margin-top:-25px;z-index:1}
hgroup ul.list{font-size:0}
hgroup ul.list li{display:inline-block;margin:10px 39px 10px 0}
hgroup ul.list li a{
	display:inline-block;min-width:130px;height:41px;line-height:41px;
	padding:0 30px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:40px;
	text-align:center;color:#45464a;font-weight:200
}
hgroup ul.list li a.on{border-color:#4782f7;background:#4782f7;color:#fff;font-weight:300}
hgroup .list_wrap{width:100%;overflow:auto;overflow-y:hidden}
hgroup .list_wrap ul{white-space:nowrap}
hgroup .list_wrap+.sort{margin-top:10px}
hgroup .sort{position:absolute;right:30px;margin-top:-40px;font-size:0}
hgroup .sort a{
	position:relative;
	display:inline-block;
	font-size:14px;color:#c6c6c6
}
hgroup .sort a.on{color:#434649}
hgroup .sort a+a:before{content:'l';padding:0 15px 0 15px;color:#ddd}
hgroup p{font-size:20px;font-weight:200;}
hgroup p span{font-size:18px;font-weight:200;color:#c6c6c6}
hgroup p span+span:before{content:'l';padding:0 15px 0 10px;color:#ddd}


/* etc */
.tip{
	display:inline-block;width:17px;height:17px;
	background:url(../img/tip.svg) no-repeat;background-size:100% auto;
	font-size:0;cursor:pointer
}
.tip+.tip_area{
	position:absolute;
	display:none;max-width:90%;
	box-sizing:border-box;
	padding:20px;
	background:#4782f7;
	border-radius:10px;
	font-size:16px;color:#fff
}
.tip+.tip_area:after{
	content: '';
	position: absolute;
	top: 0;
	right: 15px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #4782f7;
	border-top: 0;
	margin-left: -10px;
	margin-top: -10px;
}
.tip+.tip_area li{
	position:relative;
	padding-left:10px;
	font-size:16px;color:#fff
}
.tip+.tip_area li:before{
	content:'';
	position:absolute;left:0;top:8px;
	display:block;width:3px;height:3px;
	background:#fff;border-radius:50%;
}
.tip.on{background-image:url(../img/tip_on.svg) }
/*.tip:hover+.tip_area,*/
.tip.on+.tip_area{display:inline-block;}

/* btns */
.btns-noraml{
	max-width:555px;
	margin:0 auto;
	padding:30px 20px;
	font-size:0;text-align:center;
	display:flex;gap:10px;
	cursor:pointer;
}
.btns-noraml.fixed{
	position:absolute;bottom:0;left:50%;
	margin:0 auto;
	padding:30px 0;margin-left:-277.5px;
	width:100%;box-sizing:border-box;
	z-index:10
}
.btns-noraml.fixed a,
.btns-noraml.fixed button{max-width:270px}
.btns-noraml.fixed .wide{max-width:555px}
.btns-noraml>a,
.btns-noraml>button{
	flex:1;
	display:inline-block;
	width:calc(50% - 20px);height:52px;line-height:48px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:18px;font-weight:200;color:#454648
}
.btns-noraml .btn_sumit{background:#4782f8;border-color:#4782f8;color:#fff}
.btns-noraml .btn_delete{background:#f84848;border-color:#f84848;color:#fff}
.btns-noraml .btn_cancel{background:#c7c8c9;border-color:#c7c8c9;color:#fff}
.btns-noraml .half{max-width:275px;width:50%;margin:10}
.btns-noraml .wide{max-width:555px;width:100%;margin:0}
.btns-noraml .wide+.wide{margin-top:10px}
.btns-noraml .disabled{border-color:#c7c8c9;background:transparent;color:#454648;cursor:default;opacity:.5}
.btn_board{
	display:inline-block;
	width:150px;height:50px;line-height:48px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:16px;font-weight:200;color:#454648
}
.btn_board.file{position:relative;overflow:hidden;cursor:pointer}
.btn_board.file input{position:absolute;top:0;right:0;width:200%;height:100%;opacity:0;cursor:pointer}
p.more{padding:30px;text-align:center;font-size:0}
p.more a{
	display:inline-block;
	width:100%;max-width:555px;height:52px;line-height:50px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:18px;font-weight:200;color:#454648
}
p.more+.btns-noraml{padding-top:0}

/* form */
input.txt{
	display:inline-block;width:100%;height:50px;
	border:0;border-bottom:1px solid #c7c8c9;border-radius:0;
	box-sizing:border-box;
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:18px;font-weight:200
}
input.txt:focus{border-color:#434649}
input.txt::placeholder{color:#c8c8c8}
input.txt:disabled{background:#fff;color:#c8c8c8}
input.txt+.del{
	position:absolute;margin:16px 0 0 -23px;
	display:none;width:15px;height:15px;
	background:url(../img/del.svg) no-repeat;background-size:100% auto;
	font-size:0;
}
input.txt+.del.on{
	display:inline-block;
}
input[type="radio"],
input[type="checkbox"]{
	display:block;width:30px;height:30px;
	background:url(../img/radio.svg) no-repeat;background-size:100% auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline:None;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked{background-image:url(../img/radio_on.svg)}
select{
	display:block;width:100%;height:50px;
	border:0;border-bottom:1px solid #c7c8c9;border-radius:0;
	box-sizing:border-box;
	outline:none;
	font-size:18px;font-weight:200
}
.form_box{
	max-width:555px;
	margin:0 auto;
	padding:40px
}
.form_box dl dt{
	position:relative;
	display:block;padding:40px 0 20px;
	font-size: 24px;font-weight: 200;color: #000;line-height:1em;
}
.form_box dl dd.has_btns{
	position:relative;
	padding-right:170px;
	font-size:0;
}
.form_box dl dd.has_btns .btn_board{position:absolute;top:0;right:0}
.form_box dl dd.vc_code input.txt{padding-right:50px}
.form_box dl dd.vc_code em{position:absolute;right:180px;top:0;height:50px;line-height:50px;margin:0;font-size:16px;color:#4782f7}
.form_box dl dd.vc_code .del{margin-left:-80px}
.form_box .info{
	padding-left:25px;margin-top:30px;
	background:url(../img/info.svg) no-repeat 0 3px;background-size:15px auto;
	font-size:16px;
}
.form_box dl dd em{
	display:block;
	margin-top:20px;
	font-size:14px;font-weight:200;color:#c8c8c8
}
.form_box .btns-noraml{padding:30px 0}
.agree{border-bottom:1px solid #c7c8c9;padding-bottom:20px;}
.agree dl dd{position:relative;padding:10px 0 10px 35px;font-weight:200}
.agree dl dd.total{border-bottom:1px solid #c7c8c9;padding-bottom:20px;margin-bottom:20px;}
.agree dl dd.total label{font-weight:200}
.agree dl dd label+span{display:block;margin-top:5px;font-size:14px;font-weight:200;color:#c8c8c8}
.agree dl dd input[type="radio"],
.agree dl dd input[type="checkbox"]{position:absolute;left:0;top:12px;width:22px;height:22px}
.agree dl dd a{position:relative;display:block;padding-right:50px;color:#434649}
.agree dl dd a:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:16px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transition:.3s;transform:rotate(90deg)
}
.agree dl dd span{color:#c8c8c8;font-size:14px;font-weight:200}

/* 완료페이지 */
.finish_page{
	position:relative;
	max-width:600px;min-height:calc(100vh - 90px);
	margin:0 auto;box-sizing:border-box;
	padding:80px 0
}
.finish_page h3{
	max-width:550px;margin:0 auto;
	font-size:36px;
}

/* 견적문의 */
.del_icon {position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; background: url(../img/close.svg) no-repeat center center; background-size: 37px auto; background-size: contain; border: none; cursor: pointer; background-color: #959595; border-radius: 50%;}
.del_icon:hover { opacity: 0.7; }

.del_icon2{
	position: absolute;
	top: 50%;
	right: 0;
	width: 37px;
	height: 37px;
	background: url(../img/close.svg) no-repeat center;
	background-size: 18px 18px;
	/*border: 2px solid #959595;*/
	border:1px solid #c7c8c9;
	cursor: pointer;
	border-radius: 50%;
	padding: 6px;
	transform: translateY(-50%);
	background-color: #0000;
}

.estimate-pagination{position:fixed;top:149px;left:50%;width:466px;margin-left:-233px;height:4px;background:#f6f6f6;border-radius:4px;overflow:hidden;text-align:left;z-index:10}
.estimate-pagination span.swiper-pagination-progressbar-fill{display:block;height:100%;margin:0;background:#4782f8;transform-origin:left top}
.estimate-wrap{position:relative;height:calc(100vh - 150px);min-height:908px}
.estimate-list{position:absolute;bottom:0;left:0;width:100%;overflow:Hidden;}
.estimate-list .swiper-slide{
	width:555px;
	margin: 0 12px;
}
.estimate-list .swiper-slide hgroup{padding:80px 0;opacity:0;transition: all .4s ease;}
.estimate-list .swiper-slide.swiper-slide-active hgroup{transform:translate(0) scale(1);opacity:1;}
.estimate-list .swiper-slide.swiper-slide-active ul{transform:translate(0) scale(1);opacity:1;transition-delay:.2s}
.estimate-list .btns{
	position:absolute;bottom:58px;left:0;
	width:100%;
	text-align:center;font-size:0;
	z-index:10
}
.estimate-list .btns button,
.estimate-list .btns .swiper-last-button{
	display:inline-block;width:242px;height:52px;line-height:48px;
	box-sizing:border-box;
	margin:0 10px;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:18px;font-weight:200;color:#454648;
	cursor:pointer;
}
.estimate-list .btns button.swiper-button-next,
.estimate-list .btns .swiper-last-button{background:#4782f8;border-color:#4782f8;color:#fff}
.estimate-list .btns button.swiper-button-disabled,
.estimate-list .btns .swiper-last-button{display:none}
.estimate-list .btns button.swiper-button-next.swiper-button-disabled+.swiper-last-button{display:inline-block;}


.estimate-list .swiper-slide>ul{
	position:relative;
	padding:30px 30px 120px;height:640px;
	box-sizing:border-box;
	overflow:auto;
	background:#fff;border-radius:20px 20px 0 0;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	transition: all .4s ease;opacity:.2;transform:translateY(10px) scale(.9);transform-origin:bottom center
}
.estimate-list .swiper-slide>ul>li{
	position:relative;
}
.estimate-list .swiper-slide>ul>li label{
	position:relative;
	display:block;padding:38px 40px 35px 0;
	border-bottom:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;line-height:1em;
}
.estimate-list .swiper-slide>ul>li label input[type="radio"],
.estimate-list .swiper-slide>ul>li label input[type="checkbox"]{
	position:absolute;top:50%;right:0;
	width:30px;height:30px;
	margin-top:-15px;
}
.estimate-list .swiper-slide>ul>li p{
	position:relative;background:#fff;margin-top:-15px;
}
.estimate-list .swiper-slide>ul>li p+p{margin-top:25px;}
.estimate-list .swiper-slide>ul>li p.files{font-size:0}
.estimate-list .swiper-slide>ul>li p.files.image{width:calc(100% + 14px)}
.estimate-list .swiper-slide>ul>li p.files.image span{
	position:relative;
	display:inline-block;width:calc(33.33% - 14px);height:140px;
	box-sizing:border-box;
	margin:0 14px 14px 0;
	border:1px solid #c7c8c9;border-radius:10px;
	background:url(../img/add.svg) no-repeat center;background-size:37px auto;
	overflow:hidden;vertical-align:top
}


.estimate-list .swiper-slide>ul>li p.files.image span.file:hover{
	z-index: 1;
	background:url(../img/delete.svg) no-repeat center;background-size:37px auto;
}
.estimate-list .swiper-slide>ul>li p.files.image span.file:hover img{opacity: 0.1}


.estimate-list .swiper-slide>ul>li p.files.image span img{object-fit:cover;width:100%;height:100%}

.estimate-list .swiper-slide>ul>li p.files.doc span{
	position:relative;
	display:block;
	padding:24px 0 20px 100px;
	border-bottom:1px solid #c7c8c9;
	font-size: 20px;font-weight:200;color: #c8c8c8;line-height:1em;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.estimate-list .swiper-slide>ul>li p.files span:before{position:absolute;left:0}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(2):before{content:' 01';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(3):before{content:' 02';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(4):before{content:' 03';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(5):before{content:' 04';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(6):before{content:' 05';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(7):before{content:' 06';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(8):before{content:' 07';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(9):before{content:' 08';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(10):before{content:' 09';}
.estimate-list .swiper-slide>ul>li p.files span:nth-child(11):before{content:' 10';}
.estimate-list .swiper-slide>ul>li p.files.doc .add{
	position:absolute;top:0;right:0;
	display:block;width:37px;height:37px;
	padding:0;overflow:Hidden;
	margin-top:-50px;
	background:url(../img/add.svg) no-repeat;background-size:100% auto;
	border:0;
	font-size:0
}
.estimate-list .swiper-slide>ul>li p.files .add input{position:absolute;top:0;right:0;width:200%;height:100%;opacity:0;cursor:pointer}
.estimate-list .swiper-slide>ul>li b{
	display:block;padding:40px 0 35px;
	font-size: 24px;font-weight:200;color: #000;line-height:1em;
}
.estimate-list .swiper-slide>ul>li b small{padding-left:10px;font-size:18px;font-weight:300;color:#4782f8}
.estimate-list .swiper-slide>ul.toggle button{
	position:relative;
	display:block;width:100%;
	box-sizing:border-box;padding:38px 40px 35px 0;
	border-bottom:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;line-height:1em;text-align:left
}
.estimate-list .swiper-slide>ul.toggle button:after{
	content:'';
	position:absolute;top:50%;right:0;
	display:block;width:32px;height:32px;
	box-sizing:border-box;
	margin-top:-16px;
	border:1px solid #c7c8c9;border-radius:50%;
	background:url(../img/drop.svg) no-repeat center 47%;background-size:50% auto;
	transition:.3s;transform:rotate(180deg)
}
.estimate-list .swiper-slide>ul.toggle button.open:after{transform:rotate(0deg);border-color:#4782f8;background-image:url(../img/drop_on.svg)}
.estimate-list .swiper-slide>ul.toggle ul{display:none;border-bottom:1px solid #c7c8c9;padding:20px 0}
.estimate-list .swiper-slide>ul.toggle ul label{padding:20px 40px 15px 0;border:0}
.estimate-list .swiper-slide>ul.toggle ul li{height: 60px}

.estimate-detail{
	position:relative;
	max-width:555px;
	margin:0 auto;
	padding:0 40px
}
.estimate-detail h3{
	padding:80px 0 ;
    font-size: 36px;
}
.estimate-detail dl{
	position:relative;
	margin-bottom:10px;
	padding:0 40px 40px;
	background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.1);
	border-radius:20px
}
.estimate-detail dl dt{
	position:relative;
	display:block;
	padding:40px 100px 35px 0;margin-bottom:10px;
	border-bottom:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;line-height:1em;
}
.estimate-detail dl dt a{
	position:absolute;top:34px;right:0;
	height:36px;line-height:35px;
	padding:0 32px;
	border:1px solid #dbdbdb;border-radius:30px;
	font-size:14px;font-weight:200;color:#c7c7c7
}
.estimate-detail dl dt a:hover{border-color:#000;color:#000}
.estimate-detail dl dd, .estimate-detail dl dd p{
	position:relative;
	min-height:40px;
	padding: 15px 0 0 120px;
	text-align:right;font-size:18px;font-weight:200;line-height:40px;word-break:break-all
}
.estimate-detail dl dd b{position:absolute;left:0;font-weight:200}
.estimate-detail .btns-noraml{padding:10px 0 30px}

.estimate-detail-slider .swiper-slide{margin:0 12px;transition: all .4s ease;opacity:.2;transform:translateY(10px) scale(.9);transform-origin:bottom center}
.estimate-detail-slider .swiper-slide.swiper-slide-active{
    transform: translate(0) scale(1);
    opacity: 1;
}

/* 고객센터 */
.faq{
	position:relative;
	max-width:1320px;
	margin:0 auto;
	padding:0 40px;
	background:#fff
}
.faq h4{
	position:relative;
	padding:40px 100px 40px 0;
	border-bottom:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;cursor:pointer
}
.faq h4:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transition:.3s;transform:rotate(180deg)
}
.faq h4+div{
	padding:40px 0;
	border-bottom:1px solid #c7c8c9;
	font-size:18px;font-weight:200;line-height:1.8em;
	display:none
}
.faq h4.open:after{transform:rotate(0deg)}

.notice{
	position:relative;
	max-width:1320px;
	margin:0 auto;
	padding:0 40px;
	background:#fff
}
.notice li a{
	position:relative;
	display:block;
	padding:40px 200px 40px 0;
	border-bottom:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;cursor:pointer;line-height:1em;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.notice li a:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transition:.3s;transform:rotate(90deg)
}
.notice li a time{position:absolute;top:50%;right:50px;margin-top:-9px;color:#c8c8c8;font-size:18px;font-weight:200;line-height:1em}
.board_view .ct{
	position:relative;
	max-width:1320px;
	margin:0 auto;
	padding:40px;
	background:#fff;
	font-size:18px;font-weight:200
}
.files{margin-top:50px}
.file_item{
	display:inline-block;
	padding-left:20px;
	background:url(../img/file.png) no-repeat 0 2px;background-size:14px auto;
	margin-top:10px;
	font-size:16px;color:#999
}
span.file_item{display:block;margin-top:20px}
span.file_item+span.file_item{margin-top:10px}
span.file_item button{
	display:inline-block;width:20px;height:20px;
	margin:2px 0 0 10px;
	background:url(../img/close_on.svg) no-repeat center;background-size:50% auto;
	font-size:0;vertical-align:top
}
a.file_item{border-bottom:1px solid #ddd;margin-right:20px}

/* 마이페이지 */
.mypage.main{
	position:relative;
	max-width:1340px;
	margin:0 auto;padding:0 10px 40px;box-sizing:border-box;
}
.mypage.main>div{
	padding:40px;margin-top:10px;
	background:#fff;
	border:1px solid #e3e3e3;
}
.mypage.main .user{
	position:relative;
	padding:50px 40px 40px;
}
.mypage.main .user a{position:absolute;bottom:40px;right:40px;font-size:16px;font-weight:200;color:#c7c7c7}
.mypage.main>div{border-radius:20px}

.mypage.main .user{border-top:0;margin-top:0;font-size:24px}
.mypage.main .user b{padding-right:10px;font-size:36px;font-weight: 400;}
.mypage.main>div h3{
	margin-bottom:25px;padding-bottom:20px;
	border-bottom:1px solid #c7c8c9;
	font-size:36px;font-weight: 400;
}
.mypage.main>div>ul a{
	position:relative;
	display:block;
	padding:10px 40px 10px 0;
	font-size: 24px;font-weight: 200;color: #000;cursor:pointer
}
.mypage.main>div>ul a b{position:absolute;right:0;background:#fff;z-index:1;font-size:24px;font-weight:200}
.mypage.main>div>ul a:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transition:.3s;transform:rotate(90deg)
}
.mypage.main .project_ing h3{border:0;padding-bottom:0}
.mypage.main .project_ing .list_wrap{padding:0 0 30px;border-bottom:1px solid #c7c8c9;}
.mypage.main .project_ing .list_wrap ul{font-size:0}
.mypage.main .project_ing .list_wrap ul li{display:inline-block;margin:0 20px 10px 0}
.mypage.main .project_ing .list_wrap ul li a{
	display:inline-block;min-width:160px;height:41px;line-height:41px;
	padding:0 30px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:40px;
	text-align:center;color:#45464a;font-size:18px;font-weight:200
}
.mypage.main .project_ing .list_wrap ul li a.on{border-color:#4782f7;background:#4782f7;color:#fff;font-weight:300}
.mypage.main .project_ing .state{padding-top:30px;}
.mypage.main .project_ing .state p{margin-bottom:10px}
.mypage.main .project_ing .state p a{
	position:relative;
	display:block;
	height:80px;line-height:80px;
	padding:0 30px;
	border:1px solid #c7c8c9;border-radius:10px;
	background:#f7f7f7;
	font-size:24px;font-weight:200;color:#c8c8c8
}
.mypage.main .project_ing .state p a:after{
	content:'';
	position:absolute;top:50%;right:30px;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/check.svg) no-repeat center;background-size:100% auto
}
.mypage.main .project_ing .state p span{
	display:none;
	margin:15px 0 20px 20px;padding-left:36px;
	background:url(../img/info.svg) no-repeat 0 2px;background-size:20px auto;
	font-size:18px;font-weight:200;
}
.mypage.main .project_ing .state p.finish a{color:#434649;background-color:rgba(71,130,247,0.3)}
.mypage.main .project_ing .state p.finish a:after{background-image:url(../img/check_on.svg)}
.mypage.main .project_ing .state p.confirm a:after{background-image:url(../img/arrow_white.svg)}
.mypage.main .project_ing .state p.confirm a{border-color:#4782f7;background:#4782f7;box-shadow:5px 5px 10px rgba(0,0,0,0.2);color:#fff}
.mypage.main .project_ing .state p.confirm span{display:block;}


div.estimate-detail{padding:40px 0 0}
div.estimate-detail dl{box-shadow:none;margin:10px 0 0;}
div.estimate-detail .price{
	position:relative;
	padding:40px 40px 40px 240px;
	background:#fff;
	border-top:1px solid #c7c8c9;
	font-size: 24px;font-weight: 200;color: #000;line-height: 1em;text-align:right
}
div.estimate-detail .price b{position:absolute;left:40px;font-weight:200}
div.estimate-detail .btns-noraml{padding:30px 0;}

/* 작업 */
.detail_bottom { padding: 0 0 40px 0; }
.confirm_detail { display: flex; gap: 10px; align-items: flex-end;}
.confirm_detail_a {
	flex: 1;
	height: 43px;
	line-height: 44px;
	box-sizing: border-box;
	border: 1px solid #c7c8c9;
	border-radius: 50px;
	background: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	color: #454648;
	cursor: pointer;
}
.production {
	border-color:#4782f7;
	background: #4782f7;
	color: #fff;
	font-weight: 300;
}
.project_summary{
	position:relative;
	max-width:1342px;
	margin:0 auto;
	padding:80px 22px;
	font-size:0
}
.project_summary .list{
	position:relative;
	display:inline-block;
	width:calc(33.33% - 45px);height:300px;
	margin:0 22px 44px 22px;padding:30px;
	box-sizing:border-box;
	background:#fff;border-radius:15px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.2);
	font-size:0;vertical-align:top
}
.parcel_focus {
	/*outline: 2px solid #c7c8c9;*/
	/*box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);*/
	/*background-color: #f0f8ff;*/
	transition: all 0.3s;
}

.project_summary .list dl{position:relative;overflow:Hidden;}
.project_summary .list dt{margin-bottom:10px;padding-right:30px;font-size:24px;font-weight:200;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.project_summary .list .admin_title{margin-bottom:10px;padding-right:30px;font-size:24px;font-weight:200;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.project_summary .list dd{color:#888;font-size:14px;font-weight:200;padding-right:50px;margin-left:-23px;opacity:.8}
.project_summary .list dd span{display:inline-block;line-height:1em;}
.project_summary .list dd span:before{content:'l';padding:0 10px;color:#ccc}
.project_summary .list .info{margin-top:35px;font-size:14px;font-weight:200;color:#fff}
.project_summary .list .info_blue{color:#4782f7;font-weight:400}
.project_summary .list .project_summary_a{
	position:absolute;left:30px;bottom:30px;
	display:block;width:calc(100% - 60px);height:42px;line-height:40px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:18px;font-weight:200;color:#454648
}
.project_summary .list .del{
	position:absolute;top:39px;right:28px;
	width:18px;height:18px;
	background:url(../img/close.svg) no-repeat center;
	font-size:0
}
.project_summary .list.confirm{background:#4782f7}
.project_summary .list.confirm dl dt,
.project_summary .list.confirm dl dd{color:#fff}
.project_summary .list.confirm a{border-color:#fff;color:#4782f7}
.project_summary+.more{margin-top:-80px}

.user_info{
	position:relative;
	max-width:1342px;
	margin:0 auto;
	padding:80px 22px;
	font-size:0
}
.user_info .list{
	position:relative;
	display:inline-block;
	width:calc(33.33% - 45px);height:200px;
	margin:0 22px 44px 22px;padding:20px;
	box-sizing:border-box;
	background:#fff;border-radius:15px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.2);
	font-size:0;vertical-align:top
}
.user_info .list dl{position:relative;overflow:Hidden;}
.user_info .list dt{margin-bottom:10px;padding-right:30px;font-size:24px;font-weight:200;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.user_info .list dd{color:#888;font-size:14px;font-weight:200;padding-right:30px;margin-left:-23px;opacity:.8}
.user_info .list dd span{display:inline-block;line-height:1em;}
.user_info .list dd span:before{content:'l';padding:0 10px;color:#ccc}
.user_info .list .info{margin-top:35px;font-size:14px;font-weight:200;color:#fff}
.user_info .list a{
	position:absolute;left:30px;bottom:30px;
	display:block;width:calc(100% - 60px);height:42px;line-height:40px;
	box-sizing:border-box;
	border:1px solid #c7c8c9;border-radius:50px;
	background:#fff;
	text-align:center;font-size:18px;font-weight:200;color:#454648
}
.user_info .list .del{
	position:absolute;top:39px;right:28px;
	width:18px;height:18px;
	background:url(../img/close.svg) no-repeat center;
	font-size:0
}
.user_info .list.confirm{background:#4782f7}
.user_info .list.confirm dl dt,
.user_info .list.confirm dl dd{color:#fff}
.user_info .list.confirm a{border-color:#fff;color:#4782f7}
.user_info+.more{margin-top:-80px}

.payment_list{
	position:relative;
	max-width:1320px;
	margin:0 auto;
	padding:40px 40px;
}
.payment_list li{
	border-bottom:1px solid #c7c8c9;
}
.payment_list li a{
	position:relative;
	display:block;
	padding:30px 150px 30px 0;
	font-size:24px;font-weight:200;color:#000;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.payment_list li a em{
	position:absolute;right:40px;
	opacity:.3
}
.payment_list li a:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transition:.3s;transform:rotate(90deg)
}

.payment-detail dl{padding-bottom:0}
.payment-detail dl dt{position:relative;cursor:pointer;border-color:#fff}
.payment-detail dt:after{
	content:'';
	position:absolute;right:0;top:50%;
	display:block;width:20px;height:20px;
	margin-top:-10px;
	background:url(../img/drop.svg) no-repeat center;background-size:100% auto;
	transform:rotate(180deg)
}
.payment-detail dl dd{display:None}
.payment-detail dl.open dt:after{transform:rotate(0deg)}
.payment-detail dl.open{padding-bottom:40px}
.payment-detail dl.open dt{border-color:#c7c8c9}
.payment-detail dl.open dd{display:block;}

/* 회원 */
.login{max-width:600px;margin:0 auto;padding-bottom:80px}
.login .form_box ul{display:block;position:relative;font-size:0;max-width:520px;margin:30px auto;text-align:left}
.login .form_box ul li+li{position:absolute;right:0;top:0}
.login .form_box ul li a{font-size:14px;font-weight:200;color:#888}
.login .btns-noraml .wide,
.join .btns-noraml .wide{display:block;margin:0 auto 10px;max-width:520px}
.finish_page.find .btns-noraml .wide{max-width:520px}
.find_wrap .tab{display:flex;border-bottom: 1px solid #e3e3e3;max-width:520px;margin:0 auto}
.find_wrap .tab li{flex:1}
.find_wrap .tab li a{
	position:relative;
	display:block;height:55px;line-height:53px;
	text-align:center;font-size:18px;font-weight:200;color:#434649
}
.find_wrap .tab li .on:after{
	content:'';
	position:absolute;bottom:0;left:0;
	display:block;width:100%;height:2px;
	background:#5382ee;border-radius:4px;
}
.find_wrap>div{display:None}
.find_wrap .tab+div{display:block;}
.finish_page.find .btns-noraml .wide{display:block;margin:10px auto 0}
.login.find_wrap .btns-noraml{padding:50px 30px 30px}
.find_id_confirm{
	position:relative;
	max-width:400px;
	margin:50px auto 0;
	padding:100px 0 100px 80px;
	border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;
	background:url(../img/profile.svg) no-repeat 0 center;background-size:60px auto;
}
.find_id_confirm dt{font-weight:600}
.find_id_confirm dd{margin-top:5px;font-size:14px;font-weight:200;color:#c8c8c8}
.find_pw_confirm{
	position:relative;
	max-width:600px;
	margin:50px auto 0;
}
.join{max-width:600px;margin:0 auto}
.join .btns-noraml{padding:50px 0 30px}

/* 약관 */
.policy{
	position: relative;
    max-width: 1320px;
    margin: 0 auto;
    padding: 60px 40px 40px;
	background:#fff;
}
.policy h3{margin:50px 0 30px;font-size: 36px;}
.policy h4{margin:40px 0 20px;font-size: 26px;}
.policy p,
.policy li{line-height:1.8em}
.policy p+ul{margin-top:15px}
.policy .list1>li{text-indent:-17px;padding-left:17px;}
.policy .list2>li{text-indent:-17px;padding-left:17px;}
.policy .list3>li{text-indent:-19px;padding-left:19px;}

/* pop */
.pop_wrap{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.4);
	z-index:1000
}
.pop_alert{
	position:fixed;top:50%;left:50%;
	max-width:94%;width:400px;
	box-sizing:border-box;padding:20px;
	transform:translate(-50%, -50%);
	background:#fff;border-radius:10px;
}
.pop_alert h3{padding:60px 0;text-align:center;font-size:20px;font-weight:200;}
.pop_alert .btns-noraml{padding:0}
.pop_alert .btns-noraml a,
.pop_alert .btns-noraml button{border-radius:10px;font-size:18px}




@media (max-width: 1024px) {
	/* layout */
	body.menu_on{overflow:hidden}
	header h1 a{top:30px;left:50%;transform:translateX(-50%);}
	header .m_my{
		display:block;position:absolute;top:17px;left:0;
		width:30px;height:50px;
		background:url(../img/my.svg) no-repeat center;background-size:28px auto;
		font-size:0
	}
	header .m_my em{
		position:absolute;left:38px;top:15px;
		display:inline-block;
		padding:6px 8px 4px;line-height:10px;
		background:#4782F7;border-radius:15px;
		text-align:center;font-size:12px;color:#F7F7F7;white-space:nowrap;
		animation: noti .7s linear infinite alternate;
	}
	header .menu{
		display:block;
		position:absolute;top:17px;right:0;
		width:40px;height:50px;
		text-align:center;font-size:0;
		z-index:11
	}
	header .menu span{
		position:relative;
		display:inline-block;width:26px;height:3px;
		background:#4782f7;border-radius:3px;
		font-size:0;transition:0.3s;
	}
	header .menu span:before,
	header .menu span:after{
		content:'';
		position:absolute;left:0;
		display:inline-block;width:100%;height:3px;
		background:#4782f7;transition:0.3s;
		-webkit-transform-origin:0.28571rem center;
		transform-origin:0.28571rem center;
	}
	header .menu span:before{top:-10px;}
	header .menu span:after{top:10px;}
	.menu_on header .menu span{background:transparent !important}
	.menu_on header .menu span:before,
	.menu_on header .menu span:after{-webkit-transform-origin:50% 50%;  transform-origin:50% 50%;top:0;height:2px;background:#4782f7 !important}
	.menu_on header .menu span:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
	.menu_on header .menu span:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}

	header nav{
		position:Fixed;top:0;right:0;
		width:100%;height:100%;
		/*background:rgba(255,255,255,0.5);*/
		transition: all .4s ease;opacity:0;visibility:hidden;
	}
	header nav>div{
		position:Fixed;top:0;right:0;
		width:100%;height:100%;
		box-sizing:border-box;padding:15px 30px;
		background:#fff;
		transition: all .4s ease;transform:translateX(100%)
	}
	header nav .gnb{position:relative;margin-top:110px;padding-top:30px;text-align:left}
	header nav .gnb:before{
		content:'';
		position:absolute;top:0;left:-30px;
		display:block;width:200%;height:1px;
		background:#e3e3e3
	}
	header nav .gnb>li{display:block;}
	header nav .gnb>li a{height:50px;line-height:50px;padding:0;color:#434649 !important;font-weight:200}
	header nav p{top:auto;bottom:10px;width:100%;box-sizing:border-box;padding:20px 30px;border-top:1px solid #e3e3e3;}
	header nav p a{position:relative;display:block;height:50px;line-height:50px;padding:0;color:#434649;font-size:16px}
	header p a.my{width:100%;background:None !important;font-size:16px}
	header p a.my em{position:relative;right:auto;top:0;margin:0 0 0 10px;display:inline-block;}
	/*
	header p a.my em:after{
		right:100%;left:auto;
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #4782f7;
	}
	*/
	header nav p a.cs{display:block;}
	header nav p a.cs b{position:absolute;right:0}

	.menu_on .top_bn{z-index:101}
	.menu_on header .m_my,
	.menu_on header h1 a{z-index:1}
	.menu_on header .m_my{background-image:url(../img/my.svg) !important}
	.menu_on header h1 a{background-image:url(../img/logo.svg) !important}
	.menu_on header nav{opacity:1;visibility:visible;}
	.menu_on header nav>div{transform:translateX(0)}

	.project_summary .list{width:calc(50% - 45px);}


}

@media (max-width: 760px) {
	header{padding:0 20px}
	header>div{height:60px}
	header h1 a{top:18px;width:120px;height:22px;}
	header .m_my{top:4px;width:26px;background-size:22px auto}
	header .m_my em{
		left:30px;top:17px;
		padding:4px 6px 3px;
		font-size:10px;
	}
	header .menu{top:4px}
	header .menu span{width:18px;height:2px;}
	header .menu span:before, header .menu span:after{height:2px}
	header .menu span:before{top:-7px}
	header .menu span:after{top:7px}
	header nav>div{max-width:100%}
	header nav .gnb{margin-top:90px;padding-top:30px}
	header nav p a{height:40px;line-height:40px;font-size:15px;font-weight:200}
	header p a.my em{top:-3px;padding:4px 6px 3px;font-size:10px;}

	footer *{font-size:10px}
	footer h2, footer .company h3{padding-top:20px}

	#lnb{top:0;padding:0;z-index:100}
	#lnb h2{
		display:block;height:60px;line-height:60px;
		box-sizing:border-box;
		background: #fff;
		text-align:center;font-size:18px;color:#434649;font-weight:200
	}
	#lnb .home{
		position:fixed;top:1px;right:15px;
		display:block;width:30px;height:60px;
		background:url(../img/home.svg) no-repeat center;background-size:16px auto;
		font-size:0
	}
	#lnb .back{
		position:fixed;top:0;left:15px;
		display:block;width:30px;height:60px;
		background:url(../img/back.svg) no-repeat center;background-size:8px auto;
		font-size:0
	}
	#lnb ul li a{height:50px;line-height:50px;padding:0 18px;font-size:14px}
	#lnb ul li a.on:after{height:2px;}
	hgroup{padding:30px}
	hgroup h3{margin-bottom:20px;font-size:22px}
	hgroup dl dt{font-size:15px;}
	hgroup dl dd button{bottom:-1px;height:30px;line-height:28px;padding:0 15px;border-radius:30px;font-size:12px}
	hgroup ul.list{display:flex;width:calc(100% + 10px);margin-left:-5px}
	hgroup ul.list li{flex:1;margin:0 5px}
	hgroup ul.list li a{width:100%;min-width:50px;height:30px;line-height:28px;padding:0;border-radius:30px;font-size:12px;}
	hgroup .list_wrap{padding-bottom:20px;border-bottom: 1px solid #e3e3e3;}
	hgroup .list_wrap ul.list li a{padding:0 10px}
	hgroup .sort{position:relative;top:0;right:0;margin:30px 0 0 0px}
	hgroup .sort a{font-size:12px;}
	hgroup .sort a+a:before{padding:0 10px}
	hgroup .tip{margin-top:-44px;right:30px}
	hgroup .tip_area{right:13px;margin-top:-11px}
	hgroup p,
	hgroup p span{font-size:12px}
	hgroup p span+span:before{padding:0 10px 0 8px}
	hgroup p.txt{font-size:15px}





	.contents,
	.contents.estimate{padding-top:60px;min-height:calc(100vh - 60px);}


	hgroup.bg.white, hgroup.bg.white:before, hgroup.bg.white:after{background:#f7f7f7}

	/* etc */
	.tip+.tip_area li{font-size:14px;}

	/* btns */
	.btns-noraml.fixed{left:0;margin:0;max-width:100%;padding:30px}
	.btns-noraml.fixed .wide{max-width:100%}
	.btns-noraml a, .btns-noraml button{width:calc(50% - 10px);height:auto;line-height:16px;padding:11px 0 13px;border-radius:30px;font-size:15px;font-weight:200}
	.btn_board{width:80px;height:28px;line-height:26px;border-radius:30px;font-size:12px;font-weight:200}
	p.more a{border-radius:30px;height:auto;padding:11px 0 13px;line-height:16px;font-size:15px;font-weight:200}
	p.more+.btns-noraml{padding:0 30px 30px}

	/* form */
	input.txt{font-size:15px}
	input[type="radio"], input[type="checkbox"]{width:20px;height:20px;}
	.form_box{padding:30px}
	.form_box dl dt{padding:30px 0 10px;font-size:18px}
	.form_box dl dd.has_btns{padding-right:90px}
	.form_box dl dd.has_btns .btn_board{top:11px}
	.form_box dl dd.vc_code em{right:90px;font-size:15px}
	.form_box dl dd em{margin-top:8px;font-size:12px}
	.form_box dl dd.vc_code .del{margin-left: -64px;}
	.form_box  .btns-noraml{padding:30px 0;}
	.form_box .info{background-position:0 6px}
	.agree dl dd{padding:5px 0 5px 30px;font-size:15px}
	.agree dl dd a{display:block;}
	.agree dl dd a:after{width:12px}
	.agree dl dd input[type="radio"], .agree dl dd input[type="checkbox"]{top:8px;width:18px;height:18px}
	.agree dl dd.total input[type="radio"], 
	.agree dl dd.total input[type="checkbox"]{top:11px}
	.agree dl dd label+span,
	.agree dl dd span{font-size:12px}

	/* INTRO */
	#intro h1{height:50px}
	#intro:before{width:300px;height:300px}

	/* 완료페이지 */
	.finish_page{
		min-height:calc(100vh - 60px);
		padding:30px
	}
	.finish_page h3{margin-bottom:20px;font-size:22px;text-align:left}

	/* 견적문의 */
	.estimate-pagination{top:111px;left:0;margin:0;width:100%;border-radius:0;height:3px;background:#f6f6f6}
	.estimate-wrap{height: calc(100vh - 60px);min-height:580px;padding-top:50px;box-sizing:border-box;}
	.estimate-list{position:relative;}
	.estimate-list .btns{bottom:30px;padding:0 10px;box-sizing:border-box;}
	.estimate-list .btns button, .estimate-list .btns .swiper-last-button{
		width:calc(50% - 10px);height:auto;line-height:16px;
		margin:0 5px;padding:11px 0 13px;
		border-radius:30px;font-size:15px;font-weight:200;
	}
	.estimate-list .swiper-slide{width:430px;margin:0 5px}
	.estimate-list .swiper-slide hgroup{padding:30px 0}
	.estimate-list .swiper-slide>ul{height: calc(100vh - 254px);min-height:400px;padding:10px 20px 80px;transform: translateY(0) scale(.95);}
	.estimate-list .swiper-slide>ul>li label,
	.estimate-list .swiper-slide>ul.toggle button{padding:20px 30px 18px 0;font-size:18px}
	.estimate-list .swiper-slide>ul>li b{padding:20px 0 18px;font-size:18px}
	.estimate-list .swiper-slide>ul.toggle button:after,
	.estimate-list .swiper-slide>ul>li label input[type="radio"]{width:20px;height:20px;margin-top:-10px}
	.estimate-list .swiper-slide>ul>li p{margin-top:-10px}
	.estimate-list .swiper-slide>ul>li p.files{margin-top:0}
	.estimate-list .swiper-slide>ul>li p.files.image span{height:80px;background-size:25px auto}
	.estimate-list .swiper-slide>ul>li p.files.doc .add{width:25px;height:25px;margin-top:-40px}
	.estimate-list .swiper-slide>ul>li p.files.doc span{padding:18px 0 15px 60px;font-size:14px}
	.estimate-list .swiper-slide>ul>li b small{font-size:14px}
	.estimate-list .swiper-slide>ul.toggle ul{padding:10px 0}
	.estimate-list .swiper-slide>ul.toggle ul label{padding:15px 30px 12px 0}

	.estimate-detail{width:100%;box-sizing:border-box;padding:0 10px}
	.estimate-detail h3{padding:30px 20px ;font-size:22px}
	.estimate-detail dl{padding:0 30px 30px;margin-bottom:10px;border-radius:15px}
	.estimate-detail dl dt{padding:30px 55px 18px 0;margin-bottom:10px;font-size:18px}
	.estimate-detail dl dt a{top:23px;height:28px;line-height:26px;padding:0 15px;border-radius:30px;font-size:12px}
	.estimate-detail dl dd, .estimate-detail dl dd p{min-height:30px;padding:10px 0 0 80px;font-size:15px;line-height:30px;}
	.estimate-detail .btns-noraml{padding:20px 0 30px}

	/* 고객센터 */
	.faq{padding:0 30px;}
	.faq h4{padding:20px 20px 20px 0;font-size:18px}
	.faq h4:after{width:12px}
	.faq h4+div{padding:20px 0;font-size:15px;line-height:1.5em;}

	.notice{padding:0 30px;}
	.notice li a{padding:20px 100px 20px 0;font-size:18px}
	.notice li a time{right:20px;margin-top:-6px;font-size:12px;}
	.notice li a:after{width:12px;margin-top:-9px}
	.board_view .ct{padding:30px;font-size:15px}
	.file_item{font-size:14px}

	/* 마이페이지 */
	.mypage.main .user, .mypage.main>div{padding:30px}
	.mypage.main>div h3{margin-bottom:20px;font-size:22px;}
	.mypage.main .user{font-size:15px;font-weight:200}
	.mypage.main .user b{display:block;padding:0 0 5px;font-size:22px}
	.mypage.main .user a{bottom:30px;right:30px;font-size:12px}
	.mypage.main .project_ing .list_wrap{width:100%;overflow:auto;padding-bottom:20px}
	.mypage.main .project_ing .list_wrap ul{white-space:nowrap}
	.mypage.main .project_ing .list_wrap ul li{margin:0 5px}
	.mypage.main .project_ing .list_wrap ul li a{min-width:50px;height:30px;line-height:26px;padding:0 10px;border-radius:30px;font-size:12px}
	.mypage.main .project_ing .state{padding-top:20px}
	.mypage.main .project_ing .state p a{height:60px;line-height:60px;padding:0 20px;font-size:18px}
	.mypage.main .project_ing .state p a:after{right:20px;width:15px}
	.mypage.main .project_ing .state p span{margin:20px 0 18px;padding-left:20px;background-size:12px auto;font-size:12px;}
	.mypage.main>div>ul{margin-top:-5px}
	.mypage.main>div>ul a{font-size:16px;}
	.mypage.main>div>ul a b{font-size:16px}
	.mypage.main>div>ul a:after{width:12px}
	
	div.estimate-detail{padding:0}
	div.estimate-detail .price{padding:30px 30px 30px 200px;font-size:18px}
	div.estimate-detail .price b{left:30px}
	div.estimate-detail .btns-noraml{padding:30px 0 50px}

	.estimate-detail-slider .swiper-slide{width:430px;margin:0 5px;transform: translateY(0) scale(.95);}

	.project_summary{padding:0 10px}
	.project_summary .list{width:100%;height:auto;margin:0 0 10px;padding:20px 30px;border:1px solid #e3e3e3;border-radius:10px;box-shadow:none}
	.project_summary .list dt{font-size:18px}
	.project_summary .list dd{font-size:12px}
	.project_summary .list .del{top:22px;background-size:80% auto}
	.project_summary .list .project_summary_a{position:relative;left:0;bottom:0;width:100%;margin-top:20px;height:30px;line-height:26px;border-radius:30px;font-size:15px}
	.project_summary .list.confirm{background:#fff}
	.project_summary .list.confirm dl dt, .project_summary .list.confirm dl dd{color:#000}
	.project_summary .list.confirm a{border-color:#4782f7;background:#4782f7;color:#fff}
	.project_summary .list .info{
		margin:30px -30px -30px;
		padding:20px 20px 20px 45px;
		background:#f7f7f7 url(../img/info.svg) no-repeat 20px 24px;background-size:15px auto;
		border-top:1px solid #e3e3e3;
		color:#000;font-size:14px
	}

	.payment_list{padding:0 30px}
	.payment_list li a{padding:20px 80px 20px 0;font-size:18px}
	.payment_list li a em{top:0;right:20px;margin-top:20px;font-size:16px}
	.payment_list li a:after{width:15px}

	.payment-detail dl{padding-bottom:0}
	.payment-detail dl dt{padding:30px 55px 30px 0}
	.payment-detail dl.open{padding-bottom:30px}
	.payment-detail dt:after{width:16px;margin-top:-9px}

	.payment-detail.estimate-detail{padding:0 10px}

	/* 회원 */
	.login .btns-noraml{padding:30px}
	.find_wrap .tab{padding:0 30px}
	.find_wrap .tab li a{height:50px;line-height:50px;font-size:14px}
	.find_wrap .tab li .on:after{height:2px}
	.find_pw_confirm .form_box{padding:0}

	/* 약관 */
	.policy{padding: 0 30px 50px;}
	.policy h3{margin:40px 0 20px;font-size: 24px;}
	.policy h4{margin:30px 0 10px;font-size: 20px;}
	.policy p,
	.policy li{font-size:13px}
	.policy p+ul{margin-top:15px}
	.policy .list1>li{text-indent:-9px;padding-left:9px;}
	.policy .list2>li{text-indent:-10px;padding-left:10px;}
	.policy .list3>li{text-indent:-14px;padding-left:14px;}

	/* pop */
	.pop_alert h3{padding:40px 0;font-size:18px;}

}

@media (max-width: 480px) {
	.estimate-list .swiper-slide{width:320px;margin:0 2px}
	.estimate-detail-slider .swiper-slide{width:100%;box-sizing:border-box;padding:0 10px}
	.estimate-list .swiper-slide>ul,
	.estimate-detail-slider .swiper-slide{opacity:.5}
	.estimate-detail-slider .swiper-slide.swiper-slide-active{opacity:1}
}

/* 관리자 */

.board_write textarea{
	width:100%;height:400px;margin-top:40px;
	padding:20px;
	border:1px solid #c7c8c9;border-radius:0;
	box-sizing:border-box;
	outline:none;resize:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:18px;font-weight:200
}
.board_write .eeit_area{margin-top:40px;border:1px solid #c7c8c9;border-radius:0;}
.board_write .has_btns span.file_item{width:calc(100% + 70px)}

.mypage.main .project_summary{padding:0}
.admin .project_summary .list{height:200px}
.admin .project_summary .list dt,
.admin .project_summary .list dd{padding-right:0}
.admin .estimate-detail dl.write dt{border:0}
.admin .estimate-detail dl.write dd{padding-left:0}
.admin .estimate-detail dl.write dd select{text-align:right;padding-right:20px}
.admin .estimate-detail dl.write dd input.txt{text-align:right}

@media (max-width: 760px) {
	.board_write textarea{height:250px;margin-top:30px;font-size:16px}
	.board_write .eeit_area{margin-top:30px}

	.mypage.main .project_summary .list{padding:20px 0;margin-bottom:0;border:0;border-radius:0}
	.mypage.main .project_summary .list+.list{border-top:1px solid #e3e3e3}
	.admin .project_summary .list{height:auto;}
}

/*
!* main.css *!
!* LAYOUT *!
header{transition:.3s}
.top_bn{transition:.3s}
body.down header,
body.down .top_bn{transform:translateY(-100px);opacity:0;transition-delay:.3s}

body.has_topbn header{top:40px}
body.has_topbn .contents{min-height:calc(100vh - 124px);padding-top:124px;}
.top_bn{
	position:fixed;top:0;left:10px;
	width:calc(100% - 20px);height:30px;
	margin-top:10px;
	background:#ededed;border-radius:30px;
	overflow:hidden;z-index:100
}
!*
.top_bn .swiper-wrapper {transition-timing-function: linear;}
*!
.top_bn .swiper-slide{}
.top_bn .swiper-slide a{display:block;height:30px;line-height:30px;border-radius:30px;text-align:center;font-size:14px;color:#000}


!* MAIN *!
.main_bn{max-width:600px;margin:0 auto;padding-bottom:100px;overflow:Hidden;}
.main_bn .swiper-slide{font-size:0}
.main_bn .swiper-slide img{display:block;max-width:100%}
.main_bn .swiper-pagination{padding:20px;text-align:center;font-size:0}
.main_bn .swiper-pagination span{display:inline-block;width:10px;height:10px;margin:0 3px;background:#ddd;border-radius:50%;}
.main_bn .swiper-pagination span.swiper-pagination-bullet-active{background:#4782f7}


@media (max-width: 760px) {
	body.has_topbn .contents{min-height:calc(100vh - 100px);padding-top:100px;}
}*/