/* 나눔 바른 고딕 */
@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');
}

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:'NanumBarunGothic','나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; color:#2a2a2a;}
a, a:link,a:visited{color:#2a2a2a;text-decoration:none;}
a:hover{text-decoration:underline; transition:all 0.2s ease-in 0s; color:#005826;}
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;}
select:focus, textarea:focus, input:focus{outline:none;}

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

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

body {background:url(../images/bg_bt.jpg) no-repeat bottom;}
.bx-wrapper{width:800px !important ;}
.bx-wrapper img{width:801px !important ;}
/* .bx-wrapper .bx-viewport {height:500px !important;} */
#bx-pager img {width:96px !important;}
#bx-pager {margin-left:47px;}
/*메인 상단*/
#header {border-bottom:1px solid #000000;}
.headerbx {margin:-10px auto; width:1160px; height:150px; }
.headerbx .logo {float:left; padding:36px 0 0 0;}
.headerbx .menu {float:right; width:770px; padding-top:17px;}
.headerbx .menu a {padding-left:25px;}
/*메인 중간 컨텐츠*/
#m_wrap {background:url(../images/apple_bg.png) no-repeat 0 0 #f4faed; height:647px; position:relative;}
.ctnimg {text-align:center;}
.ctnbx {width:1160px; margin:0 auto;}
.ctnbx ul {position:absolute; top:448px;}
.ctnbx ul.twoline {position:absolute; top:738px;}
.ctnbx li {float:left;}

/*메인 배너*/
.m_banner {background-color:#a5ce6b; text-align:center; margin:419px 0 38px 0;}
.s_banner {background-color:#a5ce6b; text-align:center; margin-bottom:38px;}
/*메인 게시판*/
.m_board {width:1160px; margin:0 auto; overflow:hidden; padding-bottom:38px;}
.m_board .boardtitle {width:532px;padding-bottom:20px;}
.m_board .boardtitle span {float:right;}
.m_board li {font-size:13px; line-height:140%;}
.m_board .boardbxlf {float:left; width:532px; background-color:#c3ccb8; padding:29px 18px 30px 30px; height:150px;}
.m_board .boardbxrt {float:right; width:532px; background-color:#d0f2a1; padding:29px 18px 30px 30px; height:150px;}
/* 서브 메뉴 */
.subbx {margin:0 auto; width:1160px; overflow:hidden;}
.subbx .menubx {float:left; width:208px;}
.subbx .menubx h3 {color:#808080; font-size:38px; letter-spacing:-1px; padding-bottom:23px;}
.subbx .menubx li {border-bottom:1px solid #969696; padding:14px 0;}
.subbx .menubx li:hover {color:#98cb4f; text-decoration:none;}
.subbx .menubx a {font-size:18px;}
.subbx .menubx a:hover {font-size:18px; color:#98cb4f; text-decoration:none;}
.subbx .menubx span {float:right;}
/* 서브 컨텐츠 */
.subbx .sctnbx {float:right; width:900px; padding-top:65px;}
.subbx .sctnbx .sctntitle {text-align:center; padding-bottom:80px;}
.subbx .sctnbx .sctnimg {margin-bottom:150px;}
.subbx .sctnbx .sctnimg .promise img {margin:114px 0 75px 76px;}
.subbx .sctnbx .sctnimg .guide img {margin:76px 0 0 78px;}
.subbx .sctnbx .sctnimg .smiletop img {margin-bottom:76px;}
.subbx .sctnbx .sctnimg p {border:5px solid #b3b3b3;}

/* 로그인 */
.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:40px; line-height:38px; padding-left:2%; width:98%; margin-bottom:13px; border-radius:5px;}
.loginbx .login01 input[type="password"]{border:1px solid #cccccc; height:40px; 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[type="submit"]{background:#98cb4f; border-radius:5px; border:0; 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:14px;}
.loginbx .login02 input[type="checkbox"]{vertical-align:-2px;}
.loginbx .login02 .loginf {float:left; padding-top:1px;}
.loginbx .login02 .loginrt {float:right; padding-top:1px;}
/* 회원가입 */
.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:#7db926; text-decoration:none;}
.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:#a8a8a8; border-radius:5px; padding:11px 3% 11px 3%; margin:1px 10px !important;}
.butbox span:hover{background:#7c7c7c; text-decoration:none;}
.butbox a{margin:0 3px; color:#fff;}
.butbox a:hover{color:#fff; text-decoration:none;}
.joinusbx input[type="text"]{ width:30%;}
.joinusbx input[type="password"]{ width:30%;}

/* 사이드바 */
.sidebx{width:90px; height:450px;}
/*footer*/
#footer {background:#555555; padding:45px 0 10px 0; overflow:hidden; margin-top:70px;}
.footerbx {width:1160px; margin:0 auto;}
.footerbx .footerlogo {float:left; width:211px; padding-left:31px;}
.footerbx address {float:left; width:442px; color:#ffffff; line-height:130%; font-size:14px; padding:0 54px 0 68px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;}
.footerbx .telephone {float:right; width:290px; padding-top:16px;}
.footerbx .telephone .number {color:#98cb4f; font-size:32px; padding-bottom:13px;}
.footerbx .telephone .talk {color:#e4ce17; font-size:23px;}
/* 퀵메뉴 */
.quickRight{position:fixed; left:62%; top:340px; z-index:0; margin-left:450px;}
.quickRight_main{position:fixed; left:62%; top:225px; z-index:0; margin-left:450px;}
.quickRight_main li img {background:#000000;}

/* nav */
.nav > ul {font-size: 1em; list-style: none; margin: 0; padding: 0;}
.nav { width: 960px; margin: 0 auto 0px; font-size: 16px;}
.nav > ul > li {float: left; position: relative;}
.nav > ul > li a { display: block; padding: 5px 0px;}
.nav > ul > li:hover a + ul { /*    display: block;*/}
.nav > ul > li > ul { position: absolute; background-color:#a2d060; width:200px;  left: 0px; top:124px; color:#000; display: none; z-index:9999999;}
.nav01{background:url(../images/nav_bg01.jpg) no-repeat 30px 30px; padding:20px 0 20px 175px; margin-left:-120px;}
.nav02{background:url(../images/nav_bg02.jpg) no-repeat 30px 0; padding:15px 0 12px 175px; margin-left:-140px;}
.nav03{background:url(../images/nav_bg03.jpg) no-repeat 30px 20px; padding:15px 0 12px 175px; margin-left:-140px;}
.nav04{background:url(../images/nav_bg04.jpg) no-repeat 30px 35px; padding:15px 0 12px 175px; margin-left:-120px;}
.nav05{background:url(../images/nav_bg05.jpg) no-repeat 30px 15px; padding:15px 0 12px 175px; margin-left:-130px;}
.nav06{background:url(../images/nav_bg06.jpg) no-repeat 30px 0; padding:15px 0 12px 175px; margin-left:-135px;}
.nav07{background:url(../images/nav_bg07.jpg) no-repeat 30px 0; padding:21px 0 18px 175px; margin-left:-240px; }
.nav > ul > li > ul a{color:#666666; font-weight:500;}
.nav > ul > li > ul a:hover{color:#fff;}

/* 기본 팝업 */
.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:></background-color:>
<div id=""></div>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%;}
.joinusbx {width:90%;}
.joinusbx .formbx th{width:32%;}
.joinusbx input[type="text"]{ width:80%;}
.joinusbx input[type="password"]{ width:80%;}
.basicpup{width:90%;}
.modalpup {width:90%;}
.passwordpup {width:90%;}
}