
#wrap { position:relative; width:100%; max-width:640px; margin:0 auto; }
#wrap img { max-width:100%; }

#header { position:fixed; top:0px; width:100%; z-index: 1; max-width:640px; margin:0 auto;}
#header ul li { float:left; width:50%;  }



#mainspecial { position:relative; width:100%; padding-top:15%; padding-bottom:10%; background:#f6f6f6; }
#mainspecial .sub-title { font-size:30px; color:#235e39; font-weight:700; text-align:center; letter-spacing:-1px; padding-top: 7px; }
#mainspecial .sub-title2 { font-size:16Px; color:#000; font-weight:500; text-align:center; letter-spacing:-1px; }
#mainspecial ul { position:relative; width:90%; margin:0 auto; margin-top:5%; overflow:hidden; }
#mainspecial ul li { padding-bottom:2%; }
#mainspecial ul li img { width:100%; }



/*footer*/
#footer { position:relative; width:100%; }

.footervisualbt { position:relative; width:100%; width:100%; z-index:2; }
.footervisualbt ul { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.footervisualbt ul li.fvbt01 a { display:block; float:left; width:50%; height:58px; padding:14px 0 0 0px; text-align:center; font-weight:300; font-size:18px; color:#fff; background:#665a5c; box-sizing:border-box; }
.footervisualbt ul li.fvbt02 a { display:block; float:left; width:50%; height:58px; padding:14px 0 0 0px; text-align:center; font-weight:300; font-size:18px; color:#fff; background:#025B3D; box-sizing:border-box; }

.footdb {  width:100%; z-index:2; }
.footdb ul { position:relative; width:90%; padding:5%; margin:0 auto; background:#f3f3f3; }
.footdb ul li.footdbtitle { font-weight:600; font-size:26px; color:#025450; } 
.footdb ul li input { font-size:13px; border:0px; width:100%; height:40px; background:#f3f3f3; border-bottom:1px solid #d5d5d5; outline: none;  font-family: 'Noto Sans KR', sans-serif;font-weight:500;  color:#000;}
.footdb ul li label { font-size:0;  display:none; }
.footdb ul li.name { width:100%; margin-top:10px; }
.footdb ul li.phone { width:100%; margin-top:10px; }
.footdb ul li.contents { width:100%; margin-top:10px; }
.footdb ul li.contents input { width:100%; }
.footdb ul li.footdbbt { width:100%;  margin-top:10px; }
.footdb ul li.footdbbt input { width:100%; height:50px; background:#fff; font-weight:600; font-size:18px; color:#000; border:0px; }

#copy { width:100%;  background:#025B3D; }
.copyline1 { width:100%; margin:0 auto; overflow:hidden; text-align:center; }
.copyline1 ul li.copy_phone { width:90%; margin:0 auto; padding-top:10%; }
.copyline1 ul li.copy_phone span {display: block; font-size: 20px; font-weight: normal;}
.copyline1 ul li.copy_phone a { color: #fff;  font-size: 30px; font-weight: 700;}
.copyline1 ul li.copybt { display:inline-block; margin-top:20px; margin-left:10px; }
.copyline1 ul li.copybt a { display:block; width:70px; font-size:12px; height:30px; padding-top:5px; color:#023154; text-align:center; background:#fff; border-radius:26px; box-sizing:border-box; }

.copyline2 { width:100%; margin:0 auto; margin-top:20px; padding-top:30px; border-top:1px solid #02263f; overflow:hidden; }
.copyline2 .copyright { width:100%; font-size:13px; color:#fff; font-weight:300; text-align:center; }
.copyline2 .copyright .foot-menu { margin-bottom:20px; }
.copyline2 .copyright .foot-menu a { font-size:13px; color:#fff; font-weight:300; }
.copyline2 .copyright .foot-menu span { font-size:10px; padding:0 2px; }

.copyline2 .foot-sns {  width:100%; padding-top:20px; padding-bottom:20px; text-align:center;  }
.copyline2 .foot-sns li { display:inline-block; margin:0 4px;  }
.copyline2 .foot-sns li img { width:36px;  }




#rightquick { position:fixed; bottom:5%; right:5%; }
#rightquick ul li { margin-bottom:4px; width: 45px; }
#rightquick ul li img { width: 100%; }
