/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* common */
html, body {margin:0; padding:0; }

ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:middle; }
li { list-style:none; float:left; display:inline;}


/* style */

*{margin:0;
  padding:0;
  border:0;
  box-sizing:border-box;}
  


html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 width:100%;
	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
	 color:#1d0c01;
	 font-style:normal;
	 font-family: 'Nanum Gothic', sans-serif;
	 width:100%;
	 overflow:hidden;
	 background:#f1f1f1;
	 }
	 
a { color:#1d0c01;
    text-decoration:none;}
	
	
a:hover{color:#bebebe;
        text-decoration:none;}
		
/*table{border:0;
      border-collapse:0;
	  border-spacing:0;
	  float:left;}

td{vertical-align:middle;}*/
	  
ul, ol, li,{margin:0;
   padding:0;
   vertical-align:top;
   float:left;}
   
   
/* adm / wiz_reset.css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family: Nanum Square, "나눔고딕", sans-serif !important; font-size:13px; color:#333; /*line-height:1.6;*/}
select{font-size:13px; color:#666;} 

h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* 애니위즈 솔루션은 middle */
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
   

   
   
/* common */

#wrap{width:100%; max-width:1000px; min-width:320px; margin:0 auto; font-family: 'Nanum Gothic', sans-serif;}


#topWrap{width:100%; max-width:1000px; min-width:320px; height:60px; position:fixed; top:0; border-bottom:1px solid #0075d0; background:#fff; z-index:999;}
#topWrap .logo{width:100%; float:left; padding:0; text-align:center;}
#topWrap .topMenu{width:100%; float:left; background:#fff; padding:15px 0; position:relative; z-index:999;}
#topWrap .topMenu .logo{ width:100%; text-align:center; position:relative; z-index:10;}
#topWrap .topMenu .menu{position:absolute; left:3%; top:15px; cursor:pointer; width:28px; height:29px; text-align:center; font-size:11px; text-indent:-9999px; background:url(../images/btnMenu.png) no-repeat; background-size:100%; z-index:20;}
#topWrap .topMenu .slideClose{position:absolute; left:3%; top:15px; cursor:pointer; width:28px; height:29px; text-align:center; font-size:11px; text-indent:-9999px; background:url(../images/btnClose.png) no-repeat; background-size:100%; z-index:20; display:none;}
#topWrap .topMenu .topTel{position:absolute; right:3%; z-index:20;}

#topWrap .topMenu .topLog{float:right; padding-right:3%; display:none;}
#topWrap .topMenu .topLog a{display:inline-block; width:60px; max-width:60px; height:30px; box-sizing:border-box; border:1px solid #fff; text-align:center; font-size:11px; line-height:30px; color:#fff;}

#topWrap .topMenu .engBtn{position:absolute; right:3%; top:15px; cursor:pointer; text-align:center; font-size:14px; color:#fff; line-height:29px; z-index:20; display:none;}
#topWrap .topMenu .engBtn a{display:inline-block; width:50px; height:29px; color:#fff; background:#01579b; border-radius:15px;}


/* S : slide Menu*/
.slideMenuWrap{width:100%; max-width:1000px; height:100%; float:left; position:fixed; top:60px; z-index:80; background:#000; opacity:0.7; display:none;}

.slideMenu{width:100%; max-width:1000px; position:absolute; z-index:90; background:#01579b; top:73px; left:0; display:none;}

.slideMenu .top{width:100%; float:left; padding:15px 0; background:#fff; position:relative; display:none;}
.slideMenu .top .slideLogo{width:80%; float:left; text-align:center; position:relative; }
.slideMenu .top .slideLogo img{width:60%; max-width:181px;}
.slideMenu .top .slideClose{position:absolute; top:20px; left:3%;}
.slideMenu .top .slideClose img{width:60%; max-width:48px;}



.slideMenu ul.menu{width:100%; margin-left:0; float:left; margin-top:0px;}
.slideMenu ul.menu li{width:100%; float:left; border-bottom:1px solid #366a92; background:#01579b; padding:0; position:relative;}
.slideMenu ul.menu li:last-child{border-bottom:none;}

.slideMenu ul.menu li a{width:85%; margin-left:15%; float:left; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; display:inline-block; position:relative;}
.slideMenu ul.menu li.on a{color:#fff;}
.slideMenu ul.menu li.on{color:#fff;}

.slideMenu ul.menu li span.viewSub{display:inline-block; width:14%; height:50px; line-height:50px; font-size:30px; color:#fff; font-weight:bold; text-align:center; position:absolute; top:0px; right:0; border-left:1px solid #366a92;}


.slideMenu ul.sub{display:none; margin-top:0; border-top:1px solid #366a92; float:left; width:100%;}
.slideMenu ul.sub li{width:100%; float:left; border-bottom:none; padding:0;}


.slideMenu ul.sub li a{width:80%; display:inline-block; margin-left:18%; margin-right:3%; padding-left:14%; height:30px; line-height:20px; padding:5px 0; font-size:14px; color:#fff; font-family: 'Nanum Gothic', sans-serif; font-weight:normal;}


.slideMenu ul.bottomMenu{float:left; width:100%;}
.slideMenu ul.bottomMenu li{width:50%; float:left; background:#2f2f2f; border-bottom:none; color:#7f7f7f; font-size:16px; text-align:center; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; height:50px;}
.slideMenu ul.bottomMenu a{width:100%; padding-left:0; line-height:30px; color:#7f7f7f; font-size:14px;}
/* E : slide Menu*/



/* footer*/


#footWrap{width:100%; float:left; background:#363636; padding:30px 0;}
#footWrap .foot{width:96%; margin-left:2%; float:left; line-height:24px; font-size:14px; color:#fff; text-align:center; letter-spacing:-1px;}

#footWrap .foot span{color:#fff; font-weight:600;}


/* sub menu*/
#shopMenuWrap{width:100%; float:left; background:#0075d0; margin-top:60px;}
#shopMenuWrap .shopMenu{width:96%; float:left; margin-left:2%; text-align:center; padding:10px 0;}
#shopMenuWrap .shopMenu a{line-height:24px; font-size:14px; color:#fff; display:inline-block; text-align:center; margin:0 10px; text-transform:uppercase;}
#shopMenuWrap .shopMenu a.on{font-weight:bold;}


/* main Page */
#mainWrap{width:100%; float:left; margin-top:60px; background:#fff;}
.mainCont{width:94%; float:left; margin-left:3%; position:relative;}


.img100{width:100%;}

.mCont01{width:100%; float:left; margin:15px 0; position:relative; z-index:1;}
.mCont01 .mCont01Bg{width:100%; float:left; position:relative; z-index:1;}
.mCont01 .mCont01Txt{width:90%; position:absolute; top:10%; left:5%; z-index:2; color:#fff; font-size:24px; line-height:180%;}
.mCont01 .mCont01Txt span{font-size:30px; font-weight:bold;}

.mCont01 .btn01Wrap{width:45%; position:absolute; bottom:8%; left:3%; z-index:2;}
.mCont01 .btn02Wrap{width:45%; position:absolute; bottom:8%; right:6%; z-index:2;}
.mCont01 a.btn{display:inline-block; width:100%; line-height:20px; height:40px; border:1px solid #fff; background:url(../images/blet_03.png) no-repeat 90% 14px; color:#fff; padding:10px; font-size:16px;}



.mCont02{width:100%; float:left; margin-bottom:15px; position:relative; z-index:1; background:url(../images/main02.jpg) no-repeat center top; background-size:100%; padding:15px;}
.mCont02 .mBoardTit{width:100%; margin-bottom:5px; color:#0075d0; font-size:20px; font-weight:600; line-height:33px; float:left;}
.mCont02 .mBoardTit a.more{display:inline-block; float:right; width:33px; height:33px; background:url(../images/blet_04.png) no-repeat center center; background-size:100%; text-indent:-999999 !important;}


.brdListWrap01{width:100%; float:left;}
.brdList01{width:100%; padding:10px 0; float:left; border-top:1px solid #888888;}
.brdList01 .brdSubj{width:100%; padding-left:10px; background:url(../images/blet_01.png) no-repeat 0 7px; font-size:16px; padding-bottom:10px; color:#292929; font-weight:600; float:left;}
.brdList01 .brdCont{width:100%; padding-left:10px; font-size:14px; float:left; line-height:20px; color:#292929;}
.brdList01 a{color:#292929;}
.brdList01 a:hover .brdSubj{color:#0c3657;}
.brdList01 a:hover .brdCont{color:#0c3657;}

.brdList01:first-child{border-top:none;}


.mCont03{width:100%; float:left; margin-bottom:15px; position:relative; z-index:1;}
.mCont03 .mCont03Left{width:48%; height:170px; float:left; background:#00a3b6; color:#fff;}
.mCont03 .mCont03Right{width:48%; height:170px; float:right; background:#01579b; color:#fff;}

.mCont03 .mCont03Txt{width:100%; padding-top:30px; color:#fff; text-align:center; font-size:18px; line-height:160%;}
.mCont03 .mCont03Txt span{font-size:20px; font-weight:600;}

.mCont03 .btnWrap{width:100%; padding-top:15px; text-align:center;}
.mCont03 .btnWrap a{display:inline-block; width:60%; height:40px; line-height:38px; border:1px solid #fff; color:#fff; text-align:left; padding:0 15px; font-size:16px; background:url(../images/blet_03.png) no-repeat 90% 14px;}


.mCont04{width:100%; float:left; margin-bottom:15px; position:relative; z-index:1; background:#0c3657;}
.mCont04 .bankTit{width:100%; float:left; padding:15px 15px 10px 15px; font-size:16px; font-weight:600; color:#fff;}
.mCont04 .bankAcc{width:100%; float:left; padding:0px 15px 15px; font-size:16px; color:#fff;}
.mCont04 .bankAcc span{font-size:20px;}

.mCont05{width:100%; border:1px solid #dddddd; margin-bottom:15px; float:left; position:relative;}
.mCont05 .mBnnWrap{width:100%; float:left;}
.mCont05 .mBnnWrap .apaLogo{width:100%; text-align:center; padding:20px 0; text-align:center; line-height:20px; font-size:15px; color:#2d2d2d; float:left;}
.mCont05 .mBnnWrap .apaLink{width:100%; text-align:center; padding:15px 0; text-align:center; line-height:24px; font-size:17px; color:#2d2d2d; font-weight:600; background:url(../images/apaBg.png); float:left;}


@media screen and (max-width : 480px){
	
	.mCont01 .mCont01Txt{top:8%; font-size:20px; line-height:160%;}
	.mCont01 .mCont01Txt span{font-size:24px;}
	.mCont01 a.btn{padding:5px; line-height:20px; height:30px; background:url(../images/blet_03.png) no-repeat 90% 8px;}
	
	.mCont02 {background-size:440px;}
	
	.mCont01 .mCont01Txt{font-size:18px;}
	.mCont01 .mCont01Txt span{font-size:20px;}
	
	.mCont01 a.btn{font-size:14px;}
	
	.mCont02 .mBoardTit{font-size:18px; line-height:22px;}
	.mCont02 .mBoardTit a.more{width:22px; height:22px; }
	
	
	.mCont03 .btnWrap a{font-size:14px; padding:0 10px;}
	
	.mCont04 .bankTit{font-size:15px; padding:15px 10px;}
	
	.mCont04 .bankAcc{font-size:15px; padding:0px 10px 15px;}
	.mCont04 .bankAcc span{font-size:18px;}
	
	.mCont05 .mBnnWrap .apaLogo{font-size:14px;}
	.mCont05 .mBnnWrap .apaLink{font-size:15px;}
	
	
}



#M_shoplist { padding:0 10px 0; z-index:9999;}
#M_shoplist ul { overflow:hidden;}
#M_shoplist li { float:left; width:50%; margin-bottom:5px; }
#M_shoplist li a { display:block; }
#M_shoplist div { padding:5px 5px 0;  text-align:center; }
#M_shoplist p { border:1px solid #ddd; padding:5px; margin-bottom:5px; background:#fff; }
#M_shoplist p img { width:100%; min-width:40px; min-height:40px; }
#M_shoplist span { font-size:12px; letter-spacing:-1px; }
#M_shoplist strong { font-size:12px; letter-spacing:-1px; font-weight:normal; display:block; }




/* subTop*/
#subTopWrap{width:100%; float:left;  padding:10px 0; background:#fff;}
.subMenu{width:96%; margin-left:2%; float:left; font-family: 'Nanum Gothic', sans-serif; font-size:14px; text-align:left; line-height:24px;}
.subMenu a{display:inline-block; width:30%; margin:0 1%; height:40px; line-height:40px; font-size:10pt; text-align:center; box-sizing:border-box; border:1px solid #1f99bc; color:#1f99bc; background:#fff; margin-bottom:10px;}
.subMenu a.on{color:#fff; background:#1f99bc;}
.subMenu hr{clear:both; width:100%; height:1px; background:#CCC; margin:4px 0;}

#subTopTit{width:100%; float:left; display:none;}
#subTopTit .topTit{width:100%; float:left; padding:20px 0; font-size:22px; text-align:center; line-height:30px; color:#000;}
#subTopTit .topTit span{padding-bottom:5px; border-bottom:1px solid #000;}


#subWrap{width:100%; float:left; background:#fff;}
#subWrap .subTit{width:100%; float:left; padding:20px 0; font-size:22px; text-align:center; line-height:30px; color:#000;}
#subWrap .subTit img{width:100%;}
#subWrap .subTit span{padding-bottom:5px; border-bottom:1px solid #000;}

#subWrap .subCont{width:100%; float:left; margin:30px 0; text-align:center; background:#fff;}
#subWrap .subBoard{width:100%; float:left; padding:10px 2%; min-height:500px; background:#fff; overflow:auto;}
#M_bbs_View_cont p{display:block; clear:both;}
#M_bbs_View_cont table{clear:both;}
#M_bbs_View_cont table:after{clear:both;}

.subImg{width:100%; max-width:480px;}


.subMemberWrap{width:100%; display:inline-block; max-width:480px; margin:0 auto;}
.subMember{width:100%; float:left; position:relative;}
.subMember .sMember{width:100%; float:left; position:relative; z-index:1;}

.subMember a{position:absolute; display:inline-block; width:65%; height:3.2%; left:30%; z-index:1;}

.subMember .link00{top:4.9%;} 
.subMember .link01{top:8.95%;}
.subMember .link02{top:13%;} 
.subMember .link03{top:17.14%;}
.subMember .link04{top:21.19%;}
.subMember .link05{top:25.3%;}
.subMember .link06{top:29.4%;}
.subMember .link07{top:33.36%;}
.subMember .link08{top:37.5%;}
.subMember .link09{top:41.46%;}
.subMember .link10{top:45.6%;}
.subMember .link11{top:49.57%;}
.subMember .link12{top:53.7%;}
.subMember .link13{top:57.77%;}
.subMember .link14{top:61.8%;}

.subMember .link15{top:82.2%;}
.subMember .link16{top:86.3%;}
.subMember .link17{top:90.1%;}

.subMember .link18{top:65.87%;}
.subMember .link19{top:69.93%;}
.subMember .link20{top:73.8%;}
.subMember .link21{top:78.2%;}




/* 결제페이지*/
.applicationBox01{width:100%; float:left; padding:30px 10px; box-sizing:border-box; background:#f7f7f7;}
.applicationBox01 .applicationTit{width:100%; float:left; font-size:17px; color:#292929; padding-bottom:15px; text-align:center; line-height:24px;}
.applicationBox01 .applicationTit span{color:#0075d0; font-weight:600;}
.applicationBox01 .applicationLine{width:100%; float:left; padding-bottom:20px; text-align:center;}
.applicationBox01 .applicationLine span{display:inline-block; width:60px; height:1px; background:#0075d0;}
.applicationBox01 .applicaitonTxt01{width:100%; float:left; line-height:24px; font-size:15px; color:#191919; padding-bottom:25px; text-align:center;}
.applicationBox01 .applicaitonTxt02{width:100%; float:left; line-height:24px; font-size:13px; color:#0075d0; text-align:center;}
.applicationBox01 .applicaitonTxt02 img{vertical-align:middle;}

.paymentBox01{width:94%; float:left; padding:40px 3%; box-sizing:border-box; border-bottom:1px solid #ebebeb;}
.paymentBox02{width:94%; float:left; padding:40px 3%; box-sizing:border-box; }
.paymentTitWrap{width:100%; float:left; padding:10px 0;}
.paymentTitWrap .paymentTit{width:120px; float:left; font-size:16px; font-weight:600; color:#0075d0; line-height:24px;}
.paymentTitWrap .paymentType{float:left; font-size:14px; line-height:24px; color:#292929;}
.paymentTitWrap .paymentType span{display:inline-block; padding:0 10px;}
.paymentTitWrap .paymentType input[type=radio]{width:14px; height:14px; vertical-align:middle;}


.paymentFormWrap{width:100%; float:left; display:table;}
.paymentFormWrap .paymentForm{width:100%; display:table-row;}
.paymentFormWrap .paymentForm .paymentCate{width:20%; max-width:120px; min-width:60px; color:#292929; font-size:14px; line-height:30px; display:table-cell; padding:8px 0;}
.paymentFormWrap .paymentForm .paymentInput{color:#292929; font-size:14px; display:table-cell; padding:8px 0; text-align:left;}
.paymentInput .input01{width:100%; box-sizing:border-box; padding:5px; height:30px; line-height:18px; border:1px solid #d3d3d3; background:#f7f7f7; color:#292929;}
.paymentInput .input02{width:28%; box-sizing:border-box; padding:5px; height:30px; line-height:18px; border:1px solid #d3d3d3; background:#f7f7f7; color:#292929;}
.paymentInput .inputTxt{display:inline-block; width:6%; line-height:30px; text-align:center; color:#292929; font-size:16px; font-weight:600;}
.paymentInput .input03{width:30%; box-sizing:border-box; padding:5px; height:30px; line-height:18px; border:1px solid #d3d3d3; background:#f7f7f7; color:#292929;}
.paymentInput .inputTxt02{display:inline-block; width:6%; line-height:30px; text-align:center; color:#292929; font-size:16px; font-weight:600;}

.paymentFormWrap .paymentForm .paymentInput span.price{font-weight:600; text-align:left;}


/*.paymentFormWrap .paymentForm02{width:100%; float:left; padding:8px 0;}
.paymentFormWrap .paymentForm02 .paymentCate{width:120px; float:left; color:#292929; font-size:16px; line-height:30px;}
.paymentFormWrap .paymentForm02 .paymentInput{width:760px; float:left; color:#292929; font-size:16px; line-height:30px;}
.paymentFormWrap .paymentForm .paymentInput span.price{font-weight:600;}
.paymentInput .input04{width:760px; box-sizing:border-box; padding:5px; height:30px; line-height:18px; border:1px solid #d3d3d3; background:#f7f7f7; color:#292929;}*/

.paymentType02{float:left; font-size:14px; line-height:30px; color:#292929;}
.paymentType02 span{display:inline-block; padding:0 10px}
.paymentType02 input[type=radio]{width:18px; height:18px; vertical-align:middle;}


.paymentBtnWrap{width:100%; float:left; padding:30px 0; text-align:center;}
.paymentBtnWrap a{display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; border-radius:5px; background:#0375cf; color:#fff; font-size:16px; font-weight:600;}



.goApplication{float:left; margin:30px 2% 10px; width:96%;}
.goApplication .goAppBtn{display:inline-block; width:100%; height:40px; line-height:40px; border-radius:5px; color:#fff; text-align:center; font-size:16px; font-weight:600; background:#d60815;}



/* 임원진 팝업*/
.popZone{width:100%; position:fixed; left:0; top:200px; z-index:200; display:none;}


.popWrap{width:100%; max-width:480px; margin:0 auto; position:relative; border:1px solid #0075d0; background:#fff; padding:25px 0 10px 0;}
.popWrap .popClose{position:absolute; top:20px; right:20px; z-index:20; cursor:pointer; width:20px; height:20px; background:#fff;}
.popWrap .popClose img{width:20px;}

.popWrap .popMember{positon:relative; z-index:10;}
.popWrap .popMember .member{width:94%; margin-left:3%;}
.popWrap .popMember .member img{width:100%;}
.popWrap .popMember .member02{width:94%; margin-left:3%; padding-bottom:15px;}
.popWrap .popMember .member02 img{width:100%;}
.popWrap .popMember .popMap{width:100%; height:140px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px;}
.popWrap .popMember .memberTel{width:100%; padding-left:3%; height:50px; position:relative;}
.popWrap .popMember .memberTel .bulding{display:inline-block; padding-left:25px; background:url(../images/popMember/icon_bd.png) no-repeat 0 0; font-size:16px; color:#0075d0; line-height:20px; margin-top:15px;}
.popWrap .popMember .memberTel .homepage{display:inline-block; padding-left:20px; background:url(../images/popMember/icon_home.png) no-repeat; font-size:14px; color:#292929; line-height:18px; position:absolute; top:5px; left:65%;}
.popWrap .popMember .memberTel .telephone{display:inline-block; padding-left:20px; background:url(../images/popMember/icon_tel.png) no-repeat; font-size:14px; color:#292929; line-height:18px; position:absolute; top:25px; left:65%;}
.popWrap .popMember .memberTel .telephone02{display:inline-block; padding-left:20px; background:url(../images/popMember/icon_tel.png) no-repeat 0 0; font-size:14px; color:#292929; line-height:18px; position:absolute; top:15px; left:65%;}

@media screen and (max-width : 380px){
	.popWrap .popMember .memberTel .bulding{font-size:13px;}
	.popWrap .popMember .memberTel .homepage{left:55%;}
	.popWrap .popMember .memberTel .telephone{font-size:12px; letter-spacing:-1px; left:55%;}
	.popWrap .popMember .memberTel .telephone02{font-size:12px; letter-spacing:-1px; left:55%;}
	
	
	
}