@charset "utf-8";
.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,input,button,textarea,label{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;word-break:keep-all;}body{line-height:1;font-weight:400; font-size:16px; font-family:'Malgun Gothic',sans-serif;color:#575757;letter-spacing:-1px}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}input,button,textarea,select{outline:none;cursor:pointer;}.skip{visibility:hidden;top:0;left:0}

#wrap {width:100%; max-width:1000px; overflow:hidden; margin:0 auto; display:block; position: relative;}
#wrap p {font-size:0;}
#wrap img {max-width:100%;display: block;}
#wrap .btn_sec { position:fixed; bottom:-1px; font-size:0; z-index:3; }
#wrap .btn_sec li { float:left; }

#wrap .btn_sec li.tt001 { width:333px; }
#wrap .btn_sec li.tt002 { width:333px;}
#wrap .btn_sec li.tt003 { width:334px; }

.advice-frm {width:100%; height:auto; padding:3% 5% 5%; background-color:#001858; box-sizing:border-box;}
.advice-frm .agree {width:100%; height:auto; margin:3% 0;}
.advice-frm .agree > p {color:#fff; font-weight:bold; font-size:1em !important;}
.advice-frm .agree .box {width:100%; height:160px; padding:1em; margin:1em 0; border:1px solid #000; background-color:#fff; overflow-y:scroll; font-size:13px !important; line-height:1.4; box-sizing:border-box;}
.advice-frm .agree .box p {font-size:inherit !important;}
.advice-frm .agree > p:last-child {text-align:right; font-weight:normal;}
.advice-frm .agree > p:last-child input {vertical-align:middle;}
.advice-frm .inp-frm {width:100%; height:auto; text-align:center;}
.advice-frm .inp-frm label {padding:.5em; background-color:#575757; color:#fff; font-weight:bold;}
.advice-frm .inp-frm input {border:1px solid #000; padding:.5em; text-align:center; box-sizing:border-box;}
.advice-frm .inp-frm ul {}
.advice-frm .inp-frm ul li {display:inline-block; margin:0 1%;}
.advice-frm .inp-frm button {margin-top:3%;}
@media screen and (max-width: 1000px) {
	#wrap .btn_sec { display:flex; width:100%; }
	#wrap .btn_sec li.tt001 { flex:1 auto;}
	#wrap .btn_sec li.tt002 { flex:1 auto;}
	#wrap .btn_sec li.tt003 { flex:1 auto; }
}
@media screen and (max-width: 900px) {
	body {font-size:14px;}
	.advice-frm .agree .box {height:160px; font-size:11px !important;}
	.advice-frm .inp-frm ul li {display:block; margin:1% 0;}
}

/* quick */
.quick_wp {position: absolute; right:77px;}
#quick {display:block; width:65px; height:auto; position:fixed; bottom: 14.067em; /* right: 1.067em; */ z-index:99;}
#quick button {width:65px; height:65px; padding:20px; border-radius:100%; background-color:#2a423b; font-size:0; color:#fff; outline:none;}
#quick .q-open {}
#quick .q-open .i-plus {width:24px; height:24px; animation:spin 4s infinite linear;}
#quick .q-open .i-plus:before {width:100%; top:11px;}
#quick .q-open .i-plus:after {height:100%; left:11px;}
/*#quick .q-layer {display:none;}*/

#quick .q-layer {width:65px; height:auto; position:fixed; bottom: 14.067em; /* right: 1.067em; */ opacity:0; z-index:999; text-align:right; transition:bottom .3s linear;}
#quick .q-layer ul {width:100%; height:auto; overflow:hidden;}
#quick .q-layer ul li {width:100%; height:auto; margin-bottom:5px;}
#quick .q-layer ul li a {display:block; width:100%; height:65px; position:relative; color:#fff;}
#quick .q-layer ul li a .icon {display:block; float:right; width:65px; height:65px; border-radius:100%; background-color:#2a423b; background-repeat:no-repeat; background-position:center;}
#quick .q-layer ul li a span {display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); font-weight:400; text-align:center;    background-color:#c9a273; border-radius:100%; width:65px; height:65px; padding:18px 0; box-sizing:border-box; font-size:15px;}
#quick .q-layer ul li:nth-child(2) a span {padding:24px 0;}
#quick .q-layer ul li:nth-child(3) a span {padding:24px 0;}
#quick .q-layer ul li a span.fz13 {font-size:13px; padding:22px 0;}

#quick .q-close {background-color:#2a423b; color:#000; padding:14px;}
#quick .q-close .i-close:before,
#quick .q-close .i-close:after {width:24px; height:3px;}
#quick.open:after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; bottom:0; right:0; z-index:99;}
#quick.open .q-layer {bottom: 14.067em; opacity:1; display:block;}

@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/* icon */
	.max-ico {display:block; position:relative; /* overflow:hidden; */}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}
	.i-new {font-size: 15px; right: 8px;}

	.i-sch {width:32px; height:32px;}
	.i-sch:before {width:20px; height:20px; border:3px solid currentColor; border-radius:100%; top:4px; left:4px;}
	.i-sch:after {width:3px; height:10px; background-color:currentColor; transform:rotate(-45deg); top:19px; left:22px;}

	.i-arrow {width:16px; height:16px;}
	.i-arrow:before {width:8px; height:8px; border:1px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:7px; left:4px;}

	.i-more {width:32px; height:32px;}
	.i-more:before {width:8px; height:8px; border:2px solid currentColor; border-left-width:0; border-top-width:0; transform:rotate(-45deg); top:12px; right:5px;}
	.i-more:after {width:24px; height:2px; background-color:currentColor; top:15px; left:3px;}

	.i-menu {width:32px; height:32px;}
	.i-menu:before {width:26px; height:1px; background-color:currentColor; top:9px; left:3px; box-shadow:0 6px currentColor, 0 12px currentColor;}

	.i-stop {width:24px; height:24px;}
	.i-stop:before, .i-stop:after {height:16px; width:4px; background-color:currentColor; top:4px; left:6px;}
	.i-stop:after {left:14px;}

	.i-play {width:24px; height:24px;}
	.i-play:before  {height:22px; width:2px; background-color:currentColor; top:3px; left:12px;}
	.i-play:after {width:16px; height:16px; border:2px solid currentColor; border-top-width:0; border-left-width:0; transform:rotate(-45deg); top:6px; left:8px;}
	.i-play:after {left:5px;}

	.i-plus {width:16px; height:16px;}
	.i-plus:before, .i-plus:after {width:14px; height:3px; background-color:currentColor; top:7px; left:0px;}
	.i-plus:after {width:3px; height:14px; top:0px; left:7px;}

	.i-close {width:32px; height:32px;}
	.i-close:before, .i-close:after {width:26px; height:1px; background-color:#fff; top:14px; left:6px; transform:rotate(-45deg);}
	.i-close:after {transform:rotate(45deg);}

	.i-blank {width:24px; height:24px;}
	.i-blank:before, .i-blank:after {width:12px; height:12px; border:1px solid currentColor; background-color:#fff; top:4px; left:4px;}
	.i-blank:after {top:8px; left:8px;}

	.i-mouse {width:48px; height:48px;}
	.i-mouse:before {width:26px; height:40px; border:2px solid currentColor; border-radius:50px; top:4px; left:11px;}
	.i-mouse:after {width:4px; height:8px; background-color:currentColor; border-radius:50px; top:16px; left:22px;}

@media screen and (max-width: 768px) {
	#quick {bottom: 12.067em;}
	#quick .q-layer {bottom: 12.067em;}
	#quick.open .q-layer {bottom: 12.067em;}
}

@media screen and (max-width: 425px) {
	#quick {bottom: 7.067em;}
	#quick .q-layer {bottom: 7.067em;}
	#quick.open .q-layer {bottom: 7.067em;}
}

@media screen and (max-width: 320px) {
	#quick {bottom: 5.567em;}
	#quick .q-layer {bottom: 5.567em;}
	#quick.open .q-layer {bottom: 5.567em;}
}