body { background:#f1ece3; }
body img { display:block; max-width:100%; }


header { position:fixed; top:0px; left:0px; width:100%; height:95px; border-bottom:1px solid rgba(255,255,255,10%); background:url('/images/intro/header.png')no-repeat 50% 0; z-index:2; }




#mainvisual { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
#mainvisual .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/images/main/visual.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
#mainvisual.active .bg { width:100%; height:100%; transition:all 15s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#mainvisual .maintxt { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
#mainvisual .maintxt .t1 { font-size:28px; font-weight:600; color:#c5baa7; line-height:100%; }
#mainvisual .maintxt .t2 { width:742px; margin:0 auto; margin-top:30px; }
#mainvisual .maintxt .t3 { margin-top:40px; font-size:19.5px; font-weight:500; color:#c5baa7; line-height:140%; }
#mainvisual .maintxt2 {  position:absolute; bottom:40px; left:50%; transform:translateX(-50%); }

#mainvisual .visualbt { position:absolute; bottom:100px; left:50%; transform:translateX(-50%); width:106px; height:106px; z-index:1; }
#mainvisual .visualbt span { display:block; position:absolute; top:0; left:0; width:106px; height:106px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

#mainvisual.active .maintxt .t1 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.6s; }
#mainvisual.active .maintxt .t2 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.1s; }
#mainvisual.active .maintxt .t3 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.6s; }

@keyframes subtxtup {
  0% { transform:translateY(90px); opacity:0; filter: blur(4px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}



#main01 { position:relative; background:#f1ece3; padding-top:80px; overflow:hidden; }
#main01 .maincenter { width:92%; margin:0 auto; border-bottom:1px solid #c1bdb9; padding-bottom:122px;  }

#main01 .maintxt { width:100%; font-size:20px; font-weight:500; color:#4c4236; line-height:150%; text-align:center; }
#main01 .maintxt2 { width:339px; margin:0 auto; margin-top:20px; }
#main01 .maintxt3 { width:447px; margin:0 auto; margin-top:40px; }
#main01 .maintxt4 { width:447px; margin:0 auto; margin-top:50px; padding-left:30px; box-sizing:border-box;  }
#main01 .maintxt5 { width:447px; margin:0 auto; margin-top:10px; font-size:20px; font-weight:500; color:#4c4236; line-height:150%; padding-left:30px; box-sizing:border-box; }

#main01.active .maintxt { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.5s; }


#main05 { position:relative; width:100%; height:100vh; background:#f1ece3; overflow:hidden; display:flex; justify-content: space-between; padding:5% 3% 5% 3%; box-sizing:border-box; }
#main05 .bg { transform:translateY(120px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; width:49%; height:100%; background:#b0a795 url(/images/main/main05_1.jpg)no-repeat 50% 50%; background-size:cover; border-radius:30px; overflow:hidden; }
#main05 .bg2 { transform:translateY(-120px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; width:49%; height:100%; background:#a8968c url(/images/main/main05_2.jpg)no-repeat 50% 50%; background-size:cover; border-radius:30px; overflow:hidden; }

#main05.active .bg { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }
#main05.active .bg2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }



.rq { position:fixed; bottom:20px; right:20px; }
.rq li { margin-top:10px; }






#footer { position:relative; width:100%; background:#f1ece3; overflow:hidden; }
#footer .footer { position:relative; width:92%; margin:0 auto; padding-bottom:70px; display:flex; flex-wrap:wrap; border-top:1px solid #c1bdb9; }
#footer .footer .footer01 { position:relative; width:50%; padding-top:64px; border-right:1px solid #c1bdb9; box-sizing:border-box; }
#footer .footer .footer03 { position:relative; width:50%; padding-top:64px; padding-left:50px; box-sizing:border-box; }

#footer .footer .footer01 .foot-phone { position:relative; width:100%; display:flex; }
#footer .footer .footer01 .foot-phone li.title { width:92px; padding-top:6px; font-size:18px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-phone li.phone { width:80%; font-family: 'Montserrat'; font-size:34px; font-weight:600; color:#211e14; line-height:100%; }
#footer .footer .footer01 .foot-phone li.phone a { display:block; color:#211e14; }

#footer .footer .footer01 .foot-time { position:relative; width:100%; margin-top:18px; display:flex; }
#footer .footer .footer01 .foot-time li.title { width:92px; margin-bottom:10px; font-size:18px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-time li.conwrap { width:80%; }
#footer .footer .footer01 .foot-time li.con { width:100%; display:flex; margin-bottom:6px; }
#footer .footer .footer01 .foot-time li.con div.t1 { width:110px; font-size:17px; font-weight:400; color:#211e14; }
#footer .footer .footer01 .foot-time li.con div.t2 { width:80%; font-family: 'Montserrat'; font-size:17px; font-weight:500; color:#211e14; display:flex; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt1 { display:block; width:33px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt2 { display:block; width:39px; text-align:right; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt3 { display:block; width:12px; text-align:center; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt4 { display:block; width:33px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt5 { display:block; width:39px; text-align:right; margin-right:4px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt6 {  }
#footer .footer .footer01 .foot-time li.con div.t3 { width:80%; font-size:17px; font-weight:500; color:#c9c8c8; }
#footer .footer .footer01 .foot-time li.con2 { width:100%; font-size:16.5px; font-weight:400; color:#aeaeae; }

#footer .footer .footer01 .foot-map { position:relative; width:100%; margin-top:56px; }
#footer .footer .footer01 .foot-map .maptxt { width:100%; display:flex; }
#footer .footer .footer01 .foot-map div.title { width:92px; height:24px; line-height:24px; font-size:18px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-map div.mapbt { width:80%; height:24px; line-height:24px; font-size:18px; font-weight:600; color:#211e14; }
#footer .footer .footer01 .foot-map div.mapbt button { background:none; width:74px; border:0px; cursor:pointer; display:inline-block;vertical-align:middle; }
#footer .footer .footer01 .foot-map li.mainmap { width:90%; margin-top:14px; }
#footer .footer .footer01 .foot-map li.mainmap .cont { display:none; font-size:0px; }

#footer .footer .footer01 .maptxt2 { position:relative; width:90%; height:47px; margin-top:10px; display:flex; }
#footer .footer .footer01 .maptxt2 li { width:33.3333%; }
#footer .footer .footer01 .maptxt2 li a { display:block; width:100%; height:47px; font-size:13px; font-weight:500; color:#423d2f; background:#ffffff; line-height:47px; text-align:center; box-sizing:border-box; }
#footer .footer .footer01 .maptxt2 li:nth-child(1) a { border-right:1px solid #969494; background:#ffffff; }
#footer .footer .footer01 .maptxt2 li:nth-child(2) a { border-right:1px solid #969494; background:#ffffff; }
#footer .footer .footer01 .maptxt2 li:nth-child(3) a { background:#ffffff; }
#footer .footer .footer01 .maptxt2 li a img { display:inline-block; margin-right:8px; vertical-align:middle; }

.footer03 p.title { width:100%; margin-bottom:10px; font-size:20px; font-weight:600; color:#ffffff; }
.footer03 ul.cswrap { position:relative; width:100%; display:flex; padding-top:34px; }
.footer03 ul.cswrap2 { position:relative; width:100%; margin-top:20px; }
.footer03 ul li.name { width:49%; margin-right:2%; overflow:hidden; }
.footer03 ul li.phone { width:49%; overflow:hidden; }
.footer03 ul li.subject1 { width:100%;  margin:0 auto; padding-top:8px; overflow:hidden; }
.footer03 ul li.contentinput { width:100%; margin:0 auto; padding-top:8px; overflow:hidden; }
.footer03 ul li.name label,.footer03 ul li.phone label,.footer03 ul li.subject1 label,.footer03 ul li.contentinput label { display:block; width:100%; font-size:18px; font-weight:500; color:#211e14; margin-bottom:8px; }
.footer03 ul li input.required { 
	display:block; width:100%; height:47px; background:#ffffff; 
	border:0px; font-size:17px; font-weight:400; text-indent:10px; 
}
.footer03 ul li input.required::placeholder { color:#423d2f; }
.footer03 ul li.submitbt { position:relative; width:100%; margin-top:24px;  }
.footer03 ul li.submitbt input { display:block; width:100%; height:52px; font-size:19px; font-weight:700; letter-spacing:-1px; color:#ffffff; background:#433a2c; border:0px; cursor:pointer; }
.footer03 ul li.fpv { width:100%; text-align:right; padding-top:12px; font-size:13px; font-weight:400; color:#696969; }

.footer03 .footer03bt2 { display:block; position:relative; width:100%; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; background:#3f2d24; cursor:pointer; }
.footer03 .footer03bt2 span { padding-left:6px; }

#footer .footer .footer03 ul.foot-link { position:relative; width:100%; margin:0 auto; margin-top:20px;  display:flex; }
#footer .footer .footer03 ul.foot-link a { display:block; position:relative; width:50%; height:52px; line-height:52px; font-size:13px; font-weight:600; color:#2d2b2b; text-align:center; box-sizing:border-box; }
#footer .footer .footer03 ul.foot-link a:nth-child(1) { background:#40fd0f; background-size:20px; }
#footer .footer .footer03 ul.foot-link a:nth-child(2) { background:#fff10d; background-size:26px; }
#footer .footer .footer03 ul.foot-link a img { display:inline-block; margin-right:6px; vertical-align:middle; width:20px; }

.footer03 input[type="checkbox"] + label span {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:4px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	background:url('/images/radio1.png')no-repeat 0 0;
}
.footer03 input[type="checkbox"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; }


.copyright { position:relative; width:100%; }
.copyright div { width:92%; margin:0 auto; padding:34px 0;  border-top:1px solid #c1bdb9; font-size:18px; font-weight:400; color:#211e14; }
.copyright div span { padding:0 10px; font-size:14px; }




.quickcs { opacity:0; position:fixed; top:28%; right:-400px; width:383px; background:#433a2c; border-radius:30px; overflow:hidden; transition:all 0.2s ease-in-out ; z-index: 312;  }
.quickcs.active { opacity:1; right:20px; transition:all 0.2s ease-in-out ; }
.quickcs ul { position:relative; width:100%; background:#ffffff; border-radius:30px; padding:35px 10% 20px 10%; box-sizing:border-box; overflow:hidden; box-shadow: 2px 2px 20px rgba(0,0,0,20%); }
.quickcs ul li.quicklogo { width:216px; margin:0 auto; }
.quickcs ul li.name { width:100%; height:39px; margin:0 auto; padding-top:30px; overflow:hidden; display: flex; }
.quickcs ul li.phone { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.subject1 { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.contentinput { width:100%; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.name label,.quickcs ul li.phone label,.quickcs ul li.subject1 label,.quickcs ul li.contentinput label {
	display:block; width:30%; height:43px; line-height:43px; font-size:18px; font-weight:400; color:#373836;
}
.quickcs ul li input.required { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border:0px; border-radius:10px; }
.quickcs ul li select { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border-radius:10px; font-size:15px; border:0px; font-family: 'Pretendard', sans-serif; }
.quickcs ul li textarea { display:block; float:right; width:70%; height:109px; background:#f3f3f3; border:0px; border-radius:10px; }
.quickcs ul li.submitbt { position:relative; width:95%; margin-left:5%; margin-top:24px;  }
.quickcs ul li.submitbt input { display:block; width:100%; height:47px; font-size:19px; font-weight:700; letter-spacing:-1px; color:#ffffff; border-radius:18px; background:#433a2c; border:0px; cursor:pointer; }
.quickcs ul li.fpv { width:100%; text-align:center; margin:0 auto; padding-top:12px; font-size:13px; font-weight:400; color:#696969; }

.quickcs .quickcsbt2 { display:block; position:relative; width:100%; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; background:#433a2c; cursor:pointer; }
.quickcs .quickcsbt2 span { padding-left:6px; }

.quickcs input[type="checkbox"] + label span {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:#fff;
	border:none;
	cursor:pointer;
	background:url('/images/radio2.png')no-repeat 0 0;
}
.quickcs input[type="checkbox"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; }





@media all and (max-width:800px){


header { position:fixed; top:0px; left:0px; width:100%; height:75px; border-bottom:1px solid rgba(255,255,255,10%); background:url('/images/intro/header.png')no-repeat 50% 50%; background-size:1500px; z-index:2; }




#mainvisual { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
#mainvisual .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/images/main/visual.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
#mainvisual.active .bg { width:100%; height:100%; transition:all 15s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#mainvisual .maintxt { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
#mainvisual .maintxt .t1 { font-size:20px; font-weight:600; color:#c5baa7; line-height:100%; }
#mainvisual .maintxt .t2 { width:80%; max-width:742px; margin:0 auto; margin-top:30px; }
#mainvisual .maintxt .t2 img { width:100%; }
#mainvisual .maintxt .t3 { margin-top:40px; font-size:14px; font-weight:500; color:#c5baa7; line-height:140%; }
#mainvisual .maintxt2 {  position:absolute; bottom:60px; left:50%; transform:translateX(-50%); }

#mainvisual .visualbt { position:absolute; bottom:120px; left:50%; transform:translateX(-50%); width:106px; height:106px; z-index:1; }
#mainvisual .visualbt span { display:block; position:absolute; top:0; left:0; width:106px; height:106px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

#mainvisual.active .maintxt .t1 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.6s; }
#mainvisual.active .maintxt .t2 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.1s; }
#mainvisual.active .maintxt .t3 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.6s; }

@keyframes subtxtup {
  0% { transform:translateY(90px); opacity:0; filter: blur(4px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}



#main01 { position:relative; background:#f1ece3; padding-top:60px; overflow:hidden; }
#main01 .maincenter { width:92%; margin:0 auto; border-bottom:1px solid #c1bdb9; padding-bottom:62px;  }

#main01 .maintxt { width:100%; font-size:16px; font-weight:500; color:#4c4236; line-height:150%; text-align:center; }
#main01 .maintxt2 { width:249px; margin:0 auto; margin-top:20px; }
#main01 .maintxt3 { width:80%; max-width:447px; margin:0 auto; margin-top:40px; }
#main01 .maintxt3 img { width:100%; }
#main01 .maintxt4 { width:80%; margin:0 auto; margin-top:30px; padding-left:20px; box-sizing:border-box;  }
#main01 .maintxt4 img { width:220px; }
#main01 .maintxt5 { width:80%; margin:0 auto; margin-top:10px; font-size:14px; font-weight:500; color:#4c4236; line-height:150%; padding-left:20px; box-sizing:border-box; }

#main01.active .maincenter { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.5s; }


#main05 { position:relative; width:100%; height:auto; background:#f1ece3; overflow:hidden; display:block; padding:8% 3% 8% 3%; box-sizing:border-box; }
#main05 .bg { transform:translateX(120px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; width:100%; height:340px; margin-bottom:2%; background:#b0a795 url(/images/main/main05_1.jpg)no-repeat 50% 50%; background-size:cover; border-radius:30px; overflow:hidden; }
#main05 .bg2 { transform:translateX(-120px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; width:100%; height:340px; background:#a8968c url(/images/main/main05_2.jpg)no-repeat 50% 50%; background-size:cover; border-radius:30px; overflow:hidden; }

#main05.active .bg { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }
#main05.active .bg2 { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }



.rq { position:fixed; bottom:20px; right:20px; }
.rq li { margin-top:10px; }






#footer { position:relative; width:100%; background:#f1ece3; overflow:hidden; }
#footer .footer { position:relative; width:92%; margin:0 auto; padding-bottom:70px; display:block; flex-wrap:wrap; border-top:1px solid #c1bdb9; }
#footer .footer .footer01 { position:relative; width:100%; padding-top:44px; border-right:0px solid #c1bdb9; box-sizing:border-box; }
#footer .footer .footer03 { position:relative; width:100%; padding-top:34px; padding-left:0px; box-sizing:border-box; }

#footer .footer .footer01 .foot-phone { position:relative; width:100%; display:flex; }
#footer .footer .footer01 .foot-phone li.title { width:72px; padding-top:6px; font-size:15px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-phone li.phone { width:80%; font-family: 'Montserrat'; font-size:30px; font-weight:600; color:#211e14; line-height:100%; }
#footer .footer .footer01 .foot-phone li.phone a { display:block; color:#211e14; }

#footer .footer .footer01 .foot-time { position:relative; width:100%; margin-top:18px; display:flex; }
#footer .footer .footer01 .foot-time li.title { width:72px; margin-bottom:10px; font-size:15px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-time li.conwrap { width:80%; }
#footer .footer .footer01 .foot-time li.con { width:100%; display:flex; margin-bottom:6px; }
#footer .footer .footer01 .foot-time li.con div.t1 { width:110px; font-size:17px; font-weight:400; color:#211e14; }
#footer .footer .footer01 .foot-time li.con div.t2 { width:80%; font-family: 'Montserrat'; font-size:17px; font-weight:500; color:#211e14; display:flex; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt1 { display:block; width:33px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt2 { display:block; width:39px; text-align:right; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt3 { display:block; width:12px; text-align:center; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt4 { display:block; width:33px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt5 { display:block; width:39px; text-align:right; margin-right:4px; }
#footer .footer .footer01 .foot-time li.con div.t2 span.txt6 {  }
#footer .footer .footer01 .foot-time li.con div.t3 { width:80%; font-size:17px; font-weight:500; color:#c9c8c8; }
#footer .footer .footer01 .foot-time li.con2 { width:100%; font-size:16.5px; font-weight:400; color:#aeaeae; }

#footer .footer .footer01 .foot-map { position:relative; width:100%; margin-top:36px; }
#footer .footer .footer01 .foot-map .maptxt { width:100%; display:flex; }
#footer .footer .footer01 .foot-map div.title { width:72px; height:24px; line-height:24px; font-size:15px; font-weight:500; color:#211e14; }
#footer .footer .footer01 .foot-map div.mapbt { width:100%; height:24px; line-height:24px; font-size:15px; font-weight:600; color:#211e14; }
#footer .footer .footer01 .foot-map div.mapbt button { background:none; width:74px; border:0px; cursor:pointer; display:inline-block;vertical-align:middle; }
#footer .footer .footer01 .foot-map li.mainmap { width:100%; margin-top:14px; }
#footer .footer .footer01 .foot-map li.mainmap .cont { display:none; font-size:0px; }

#footer .footer .footer01 .maptxt2 { position:relative; width:100%; height:47px; margin-top:10px; display:flex; }
#footer .footer .footer01 .maptxt2 li { width:33.3333%; }
#footer .footer .footer01 .maptxt2 li a { display:block; width:100%; height:47px; font-size:13px; font-weight:500; color:#423d2f; background:#ffffff; line-height:47px; text-align:center; box-sizing:border-box; }
#footer .footer .footer01 .maptxt2 li:nth-child(1) a { border-right:1px solid #969494; background:#ffffff; }
#footer .footer .footer01 .maptxt2 li:nth-child(2) a { border-right:1px solid #969494; background:#ffffff; }
#footer .footer .footer01 .maptxt2 li:nth-child(3) a { background:#ffffff; }
#footer .footer .footer01 .maptxt2 li a img { display:inline-block; margin-right:8px; vertical-align:middle; }

.footer03 p.title { width:120px; }
.footer03 ul.cswrap { position:relative; width:100%; display:flex; padding-top:14px; }
.footer03 ul.cswrap2 { position:relative; width:100%; margin-top:20px; }
.footer03 ul li.name { width:49%; margin-right:2%; overflow:hidden; }
.footer03 ul li.phone { width:49%; overflow:hidden; }
.footer03 ul li.subject1 { width:100%;  margin:0 auto; padding-top:8px; overflow:hidden; }
.footer03 ul li.contentinput { width:100%; margin:0 auto; padding-top:8px; overflow:hidden; }
.footer03 ul li.name label,.footer03 ul li.phone label,.footer03 ul li.subject1 label,.footer03 ul li.contentinput label { display:block; width:100%; font-size:18px; font-weight:500; color:#211e14; margin-bottom:8px; }
.footer03 ul li input.required { 
	display:block; width:100%; height:47px; background:#ffffff; 
	border:0px; font-size:17px; font-weight:400; text-indent:10px; 
}
.footer03 ul li input.required::placeholder { color:#423d2f; }
.footer03 ul li.submitbt { position:relative; width:100%; margin-top:24px;  }
.footer03 ul li.submitbt input { display:block; width:100%; height:52px; font-size:19px; font-weight:700; letter-spacing:-1px; color:#ffffff; background:#433a2c; border:0px; cursor:pointer; }
.footer03 ul li.fpv { width:100%; text-align:right; padding-top:12px; font-size:13px; font-weight:400; color:#696969; }

.footer03 .footer03bt2 { display:block; position:relative; width:100%; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; background:#3f2d24; cursor:pointer; }
.footer03 .footer03bt2 span { padding-left:6px; }

#footer .footer .footer03 ul.foot-link { position:relative; width:100%; margin:0 auto; margin-top:20px;  display:flex; }
#footer .footer .footer03 ul.foot-link a { display:block; position:relative; width:50%; height:52px; line-height:52px; font-size:13px; font-weight:600; color:#2d2b2b; text-align:center; box-sizing:border-box; }
#footer .footer .footer03 ul.foot-link a:nth-child(1) { background:#40fd0f; background-size:20px; }
#footer .footer .footer03 ul.foot-link a:nth-child(2) { background:#fff10d; background-size:26px; }
#footer .footer .footer03 ul.foot-link a img { display:inline-block; margin-right:6px; vertical-align:middle; width:20px; }

.footer03 input[type="checkbox"] + label span {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:4px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	background:url('/images/radio1.png')no-repeat 0 0;
}
.footer03 input[type="checkbox"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; }


.copyright { position:relative; width:100%; }
.copyright div { width:92%; margin:0 auto; padding:34px 0;  border-top:1px solid #c1bdb9; font-size:13px; font-weight:400; color:#211e14; }
.copyright div span { padding:0 10px; font-size:14px; }
.copyright div span:nth-child(1) { display:block; font-size:0px; }



.quickcs { opacity:0; position:fixed; top:28%; right:-400px; width:313px; background:#433a2c; border-radius:30px; overflow:hidden; transition:all 0.2s ease-in-out ; z-index: 312;  }
.quickcs.active { opacity:1; right:20px; transition:all 0.2s ease-in-out ; }
.quickcs ul { position:relative; width:100%; background:#ffffff; border-radius:30px; padding:35px 10% 20px 10%; box-sizing:border-box; overflow:hidden; box-shadow: 2px 2px 20px rgba(0,0,0,20%); }
.quickcs ul li.quicklogo { width:216px; margin:0 auto; }
.quickcs ul li.name { width:100%; height:39px; margin:0 auto; padding-top:30px; overflow:hidden; display: flex; }
.quickcs ul li.phone { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.subject1 { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.contentinput { width:100%; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.name label,.quickcs ul li.phone label,.quickcs ul li.subject1 label,.quickcs ul li.contentinput label {
	display:block; width:30%; height:43px; line-height:43px; font-size:18px; font-weight:400; color:#373836;
}
.quickcs ul li input.required { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border:0px; border-radius:10px; }
.quickcs ul li select { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border-radius:10px; font-size:15px; border:0px; font-family: 'Pretendard', sans-serif; }
.quickcs ul li textarea { display:block; float:right; width:70%; height:109px; background:#f3f3f3; border:0px; border-radius:10px; }
.quickcs ul li.submitbt { position:relative; width:95%; margin-left:5%; margin-top:24px;  }
.quickcs ul li.submitbt input { display:block; width:100%; height:47px; font-size:19px; font-weight:700; letter-spacing:-1px; color:#ffffff; border-radius:18px; background:#433a2c; border:0px; cursor:pointer; }
.quickcs ul li.fpv { width:100%; text-align:center; margin:0 auto; padding-top:12px; font-size:13px; font-weight:400; color:#696969; }

.quickcs .quickcsbt2 { display:block; position:relative; width:100%; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; background:#433a2c; cursor:pointer; }
.quickcs .quickcsbt2 span { padding-left:6px; }

.quickcs input[type="checkbox"] + label span {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:#fff;
	border:none;
	cursor:pointer;
	background:url('/images/radio2.png')no-repeat 0 0;
}
.quickcs input[type="checkbox"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; }




}