html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
body{font-size:1em; font-family:'나눔고딕','Nanum Gothic','NanumBarunGothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; color:#2a2a2a;line-height:160%;}
a, a:link,a:visited{color:#2a2a2a;text-decoration:none;}
a:hover{text-decoration:none; transition:all 0.2s ease-in 0s; color:#98cb4f;}
ul,ol,li{list-style:none}
address,em{font-style:normal}
table{border-spacing:0px;border-collapse:collapse;}
table,fieldset,th,td,img{border:none}
td{word-break:break-all;}
img,input,select{vertical-align:middle;}
caption{width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
legend{position:absolute;width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
hr{display:none;}
button{border:0; cursor:pointer; font-family:'Nanum Gothic', sans-serif;}
input, textarea, select{font-family:'Nanum Gothic', sans-serif; border:1px solid #9e9e9e;}
input[type="text"]{padding-left:10px;}
input[type="password"]{padding-left:10px;}
input[type="button"], input[type="summit"]{border:0;}
select:focus, textarea:focus, input:focus{outline:none;}
img {width:100%;}

/*placeholde*/
::-webkit-input-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; }
:-moz-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; /* Firefox 18- */}
::-moz-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; /* Firefox 19+ */}
:-ms-input-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; }

.f_left{float:left;}
.f_right{float:right;}
.txt_ct{text-align:center;}
.clear_bt{clear:both;}
.hidden{overflow:hidden;}

/* 나눔 바른 고딕 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}
#wrap {margin:0 auto; max-width:800px;}
/* 메인 상단 */
.header {background:#98cb4f; height:54px; margin:0 auto; overflow:hidden;}
.header .logo {float:left; padding:10px 0 0 20px; width:37%;}
.header .logo a img {width:100%;}
.header .more {float:right; padding:20px 20px 0 0;}
.header .more a img {width:25px;}
/* 메인 상단 이미지 */
.imgbx img {width:100%;}
/* 메인 중간 */
.ctnbx {background:#f2f2f2; overflow:hidden; padding:2% 0 0 2%;}
.ctnbx li {padding:0 2% 2% 0; float:left; width:48%;}
.ctnbx li a img {width:100%;}
/* 메인 상담 */
.ctnbx02 {padding-bottom:10px;}
.contactbx {overflow:hidden; margin-top:60px;}
.contactbx li {float:left; width:50%;}
.contactbx li img {width:100%;}
.contactbx02 {overflow:hidden;}
.contactbx02 li {float:left; width:50%;}
.contactbx02 li img {width:100%;}
/* 서브 */
.submenu {padding:4% 2% 5% 4%; overflow:hidden;}
.submenu .submenubx li {width:46.5%; float:left; border:1px solid #cccccc; line-height:30px; margin:0 1% 2% 1%; text-align:center;}
.submenu .submenubx li a {font-size:14px; text-align:center;  display:block;}
.submenu li.link a {color:#ffffff; background:#98cb4f; text-align:center; display:block;}
.order {padding:0 0 5% 5%;font-size:13px;}
.subctnbx {padding-bottom:10px;}
.subctnbx .imgbx01 {margin-bottom:10%;}
/* 로그인 */
.loginbx {width:325px; padding:65px 0 140px 0; margin:0 auto;}
.loginbx p {text-align:center; font-size:30px; padding-bottom:15px;}
.loginbx .login01 input[type="text"]{border:1px solid #cccccc; height:50px; line-height:38px; padding-left:2%; width:98%; margin-bottom:13px; border-radius:5px;}
.loginbx .login01 input[type="button"]{background:#98cb4f; border-radius:5px; line-height:40px; color:#ffffff; font-size:18px; width:100%;}
.loginbx .login01 input:hover[type="button"]{background:#a8a8a8; cursor:pointer;}
.loginbx .login02 {color:#888b8e; padding-top:18px; font-size:13px;}
.loginbx .login02 input[type="checkbox"]{vertical-align:-2px;}
.loginbx .login02 .loginrt {float:right; padding-top:1px;}
.loginbx .login02 a {font-size:12px;}

/* 회원가입 */
.joinusbx {width:1000px; margin:0 auto;}
.joinusbx .redtext {color:#ed1c24; font-size:13px;}
.joinusbx p {font-size:18px; font-weight:700; padding:25px 0 10px 0;}
.joinusbx textarea {border:1px solid #cccccc; width:96%; padding:2%; color:#888888;}
.joinusbx .joinbut a {background:#98cb4f; border-radius:5px; line-height:40px; color:#ffffff; font-size:18px; width:150px; text-align:center; display:block; margin:20px auto;}
.joinusbx .joinbut a:hover {background:#a8a8a8;}
.joinusbx .formbx {width:100%;}
.joinusbx .formbx th{width:190px; border:1px solid #ccc; background:#f5f5f5; padding:1% 1% 1% 2%; text-align:left; font-size:14px;}
.joinusbx .formbx td{border:1px solid #ccc; padding:1% 0 1% 2%; font-size:13px; line-height:150%;}
.joinusbx .formbx .formpd {margin-bottom:3px;}
.butbox{text-align:center; margin:30px 0 30px 0;}
.butbox span{background:#98cb4f; border-radius:5px; padding:10px 3% 10px 3%; margin:0 10px;}
.butbox span:hover{background:#a8a8a8;}
.butbox a{margin:0 3px; color:#fff;}
.butbox a:hover{color:#fff;}
.joinusbx input[type="text"]{ width:30%;}
.joinusbx input[type="password"]{ width:30%;}

/* 기본 팝업 */
.basicpup {text-align:center; margin:0 auto; width:320px;}
.basicpup .puptitle {background:#a5ce6b; padding:4% 0 4% 0; color:#ffffff; font-weight:bold;}
.basicpup .pupbutton {background:#ffffff; padding:6% 0 6% 0; overflow:hidden; font-size:13px;}
.basicpup .pupbutton a {width:150px; margin:0 auto; line-height:34px; background:#a5ce6b; margin-top:20px; color:#fff; padding:10px 3% 10px 3%;}
.basicpup .pupbutton a:hover {background:#a8a8a8;}
.basicpup .pupbutton input[type="text"]{width:270px; padding:1% 2%;}
.basicpup .pupbutton p{line-height:140%; padding:0 4% 10px 4%; 
letter-spacing:-1px;}
.basicpup .pupbutton .pupbuttonBox{text-align:center; margin-top:20px;}
.basicpup .pupbutton .pupbuttonBox span {padding:10px 3% 10px 3%;}

#mask{position:fixed; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;background-color:#000000;left:0;top:0; width:100%; height:100%;}
.modalpup{position:absolute; top:20%; z-index:9999; width:320px;}
.passwordpup{position:absolute; top:20%; z-index:9999; width:500px;}

@media only screen and (max-width:400px){
.loginbx {width:90%;}
.subbx {width:100%;}
.basicpup{width:90%;}
.modalpup {width:90%;}
.passwordpup {width:90%;}
}
@media only screen and (max-width:480px){
.joinusbx {width:90%;}
.joinusbx .formbx th{width:32%;}
.joinusbx input[type="text"]{ width:80%;}
.joinusbx input[type="password"]{ width:80%;}
}
/* footer */
.footer {background:#555555; text-align:center; color:#ffffff; padding:5% 3%; font-size:10px; line-height:145%;}
.footer span {color:#929292;}

@media only screen and (max-width:380px){

}