/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);/* 나눔 스퀘어*/

/* common */
html, body {margin:0; padding:0; }

div, 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:top; }
li { list-style:none; float:left; display:inline;}


/* style */

*{margin:0;
  padding:0;
  border:0;}
  


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;
	 width:100%;
	 font-family: Nanum Square, "나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
	 background:#ffffff;
	 }
	 
a { color:#1d0c01;
    text-decoration:none;}
	
	
a:hover{color:#bebebe;
        text-decoration:none;}
		
table{border:0;
      border-collapse:0;
	  border-spacing:0;}

td{vertical-align:middle;}
	  
ul, ol, li,{margin:0;
   padding:0;
   vertical-align:top;
   float:left;}
   
   
/* common */

#wrap{width:100%; float:left; min-width:1200px; overflow:hidden;}/* min-width:최소너비*/
.center{width:1200px; margin:0 auto;}/* min-width:최소너비*/
.sCenter{width:1200px; margin:0 auto;}/* min-width:최소너비*/
.mCenter{width:1200px; margin:0 auto;}

#topWrap{width:100%; float:left; background:#fff; height:100px; padding-bottom:8px; z-index:200; position:fixed; top:0; left:0;} /* 상단 메뉴*/

#topLoginWrap{width:100%; float:left; position:relative; z-index:200; padding-top:20px;}

.topLogin{width:100%; float:left; height:24px; text-align:right;}
.topLogin a{display:inline-block; padding:0 10px; line-height:24px; font-size:14px; color:#292929; font-family: Nanum Square, "나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}
.topLogin a.lang{padding:0 15px; background:#0075d0; color:#fff; display:none;}

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; padding-top:20px;}
.mLogo{float:left; text-align:center;}


.mGnb{float:right; position:relative; z-index:200;}/* 메인메뉴 너비*/
.mGnb ul{}
.mGnb ul li{position:relative; z-index:200; padding-left:100px; line-height:30px; font-size:18px;} /* 메인로고 높이 : line-height */
.mGnb ul li a{color:#000000; display:inline-block; width:100%; font-family: Nanum Square, "나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;} /* 메인로고 높이 : height */
.mGnb ul li a:hover{color:#0075d0;}
.mGnb ul li.on a{color:#0075d0;}



.mGnb ul li .subM{width:146px; position:absolute; z-index:200; top:30px; left:50%; margin-left:-20px; background:#fff; border:1px solid #c4c4c4; display:none;} /* 상단메뉴 높이 : top */
.mGnb ul li .subM ul{width:100%; float:left; margin-top:-12px; background:url(../images/arrow02_up.png) no-repeat 70px 0; padding-top:12px;}
.mGnb ul li .subM ul li{width:90%; padding:0 5%; float:left; line-height:32px; font-size:14px; text-align:left; border-bottom:1px solid #dfdfdf;}
.mGnb ul li .subM ul li:hover{background:#0075d0;}
.mGnb ul li .subM ul li.on{background:#0075d0;}

.mGnb ul li .subM ul li a{display:inline-block; width:100%; color:#747474; text-decoration:none; background:url(../images/arrow02_right_02.png) no-repeat right 10px; font-family: Nanum Square, "나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}
.mGnb ul li .subM ul li a:hover{color:#fff; text-decoration:none; background:url(../images/arrow02_right_01.png) no-repeat right 10px;}
.mGnb ul li .subM ul li.on a{color:#fff; text-decoration:none; background:url(../images/arrow02_right_01.png) no-repeat right 10px;}

#tmWrap{width:100%; position:absolute; background:url(../images/menuBg02.png); height:220px; z-index:10; top:80px; left:0; display:none;}  /* 상단메뉴 높이 : top */

.mPage #topWrap{background:none; border-bottom:none;}


/* foot */

#footWrap{width:100%; float:left; background:url(../images/footBg.jpg) no-repeat center center; padding:20px 0;}


.foot{width:100%; padding:10px 0; position:relative; float:left;}

.foot .footLeft{width:50%; float:left; position:relative;}

.foot .fLogo{width:250px; text-align:left; float:left;}

.foot .copy{width:350px; text-align:left;  line-height:18px; font-size:13px; padding-top:0px; color:#fff; float:left;}
.foot .copy span{padding:0 5px;}
.foot .copy a{color:#828282;}
.foot .copy a:hover{color:#828282;}

.foot .bankTit{padding-left:50px; width:550px; padding-bottom:20px; text-align:left;  line-height:30px; font-size:30px; font-weight:bold; color:#fff; float:left; clear:both;}
.foot .bankAcc{padding-left:50px; text-align:left; font-size:18px; color:#fff; float:left;}
.foot .bankAcc span{font-size:31px;}

.footLang{position:absolute; top:0; right:0; display:none;}
.footLang a{display:inline-block; width:117px; height:30px; line-height:30px; background:#fff; color:#292929; text-align:center; font-size:17px;}
.footLang a span{display:inline-block; float:right; padding-right:15px;}
.footLang a:hover{background:#646464; color:#fff;}

.footLink{position:absolute; top:0; right:0;}

#siteMapWrap{width:100%; float:left; background:#363636; padding:30px 0;}
.siteMap{float:left; color:#4c4c4c; line-height:24px;}
.siteMap a{display:inline-block; padding:0 10px; font-size:17px; color:#fff;}
.siteMap a:hover{color:#0CF;}
.siteMap a:first-child{padding-left:0;} 

.copyright{float:right; color:#fff; font-size:15px; line-height:24px;}





/* main page*/
#mainWrap{width:100%; float:left; margin-top:100px; min-height:500px; padding-bottom:50px;}

.mLeft{width:590px; float:left; margin-right:20px;}
.mCenter{width:285px; float:left; margin-right:20px;}
.mRight{width:285px; float:left;}

.mLeft01{width:490px; padding:165px 50px 0 50px; height:315px; background:url(../images/main_01.jpg); position:relative; overflow:hidden;}
.mLeft02{width:490px; padding:120px 50px 0 50px; height:230px; background:url(../images/main_03.jpg); margin-top:20px; position:relative; overflow:hidden;}

.mImg{position:absolute; top:0; left:0; z-index:1;}
.zoom{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}

.mLeft01:hover .zoom{transition:0.3s; transform:matrix(1.20, 0, 0, 1.20, 0, 0); -webkit-transform:matrix(1.20, 0, 0, 1.20, 0, 0); -moz-transform:matrix(1.20, 0, 0, 1.20, 0, 0);}
.mLeft02:hover .zoom{transition:0.3s; transform:matrix(1.20, 0, 0, 1.20, 0, 0); -webkit-transform:matrix(1.20, 0, 0, 1.20, 0, 0); -moz-transform:matrix(1.20, 0, 0, 1.20, 0, 0);}

.mTxt01{width:100%; color:#fff; font-size:36px; font-weight:600; position:relative; z-index:10;}
.mTxt01 span{font-weight:normal; font-size:20px; line-height:30px;}

.mTxt02{width:100%; color:#fff; font-size:36px; font-weight:600; text-align:center; position:relative; z-index:10;}
.mTxt02 span{font-weight:normal; font-size:20px; line-height:30px;}

.mTxt03{width:100%; color:#292929; font-size:36px; font-weight:600; text-align:center; position:relative; z-index:10;}
.mTxt03 span{font-weight:normal; font-size:20px; line-height:30px;}

.mBtnWrap{width:100%; margin-top:20px; position:relative; z-index:10;}
.mBtnWrap02{width:100%; margin-top:20px; text-align:center; position:relative; z-index:10;}
.mBtn01{display:inline-block; height:24px; line-height:24px; color:#fff; border:1px solid #fff; font-size:17px; padding:10px 20px; margin-right:20px;}
.mBtn01:hover{border:1px solid #0CF; color:#0CF;}

.mBtn02{display:inline-block; width:150px; height:24px; line-height:24px; color:#fff; border:1px solid #fff; font-size:17px; padding:10px 0; text-align:center;}
.mBtn02:hover{border:1px solid #0CF; color:#0CF;}
.mBtn02 span{display:inline-block; float:right; padding-right:15px;}

.mBtn03{display:inline-block; width:150px; height:24px; line-height:24px; color:#292929; border:1px solid #292929; font-size:17px; padding:10px 0; text-align:center;}
.mBtn03:hover{border:1px solid #0CF; color:#0CF;}
.mBtn03 span{display:inline-block; float:right; padding-right:15px;}

.mCenter01{width:185px; float:left; height:130px; padding:50px; background:#01579b;}
.mCenter02{width:245px; float:left; height:320px; padding:30px 20px 0 20px; background:url(../images/main_04.jpg); margin:20px 0;}
.mCenter03{width:185px; float:left; height:130px; padding:50px; background:url(../images/bg01.png);}

.mRight01{width:185px; height:130px; padding:50px; float:left; background:url(../images/main_02.jpg); position:relative; overflow:hidden;}
.mRight02{width:245px; height:320px; padding:30px 20px 0 20px; float:left; background:#0c3657; margin-bottom:20px;}

.mRight03{width:185px; float:left; height:130px; padding:50px; margin-top:20px; float:left; position:relative; overflow:hidden; background:#003399;}
.mRight03 .mBnnWrap{width:100%; height:100%;}
.mRight03 .mBnnWrap .apaLogo{width:100%; text-align:center; height:130px; padding-top:20px; text-align:center; line-height:20px; font-size:15px; color:#2d2d2d;}
.mRight03 .mBnnWrap .apaLink{width:100%; text-align:center; height:78px; padding-top:15px; text-align:center; line-height:24px; font-size:17px; color:#2d2d2d; font-weight:600; background:url(../images/apaBg.png);}
.mRight03 .mBnnWrap .apaLink a:hover{color:#233957;}

.mRight01:hover .zoom{transition:0.3s; transform:matrix(1.20, 0, 0, 1.20, 0, 0); -webkit-transform:matrix(1.20, 0, 0, 1.20, 0, 0); -moz-transform:matrix(1.20, 0, 0, 1.20, 0, 0);}

.boardTit01{width:100%; float:left; padding-bottom:20px; line-height:39px; color:#292929; font-size:24px; font-weight:600;}
.boardTit01 a{display:inline-block; float:right;}

.boardTit02{width:100%; float:left; padding-bottom:20px; line-height:39px; color:#fff; font-size:24px; font-weight:600;}
.boardTit02 a{display:inline-block; float:right;}

.brdListWrap01{width:100%; float:left;}
.brdList01{width:98%; padding:10px 1%; float:left; border-top:1px solid #888888;}
.brdList01 .brdSubj{width:96%; padding-left:4%; background:url(../images/blet_01.png) no-repeat 0 6px; font-size:17px; padding-bottom:10px; color:#292929; font-weight:600; float:left;}
.brdList01 .brdCont{width:96%; padding-left:4%; 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;}


.brdList02{width:98%; padding:15px 1%; float:left;}
.brdList02 .brdSubj{width:100%; font-size:17px; padding-bottom:10px; color:#fff; font-weight:600; float:left;}
.brdList02 .brdCont{width:100%; font-size:17px; float:left; line-height:24px; color:#fff;}
.brdList02 a{color:#fff;}
.brdList02 a:hover .brdSubj{color:#f2f2f2;}
.brdList02 a:hover .brdCont{color:#f2f2f2;}



/* sub Page*/

#subWrap{width:100%; float:left; font-size:16px; background:#fff; position:relative; z-index:10; margin-top:108px; border-top:2px solid #0075d0;}

.subContWrap{width:100%; float:left; text-align:center;}
.subLeft{width:210px; float:left;}
.subRight{width:940px; float:right; padding:50px 0; min-height:500px;}

.subTitle{width:100%; float:left; text-align:left; padding-bottom:20px; font-weight:600; font-size:24px; line-height:30px; color:#191919; position:relative;}
.subTitle .goApplication{position:absolute; top:0; right:0; width:275px; height:55px;}
.subTitle .goApplication .goAppBtn{display:inline-block; width:275px; height:55px; line-height:55px; border-radius:5px; color:#fff; text-align:center; font-size:18px; font-weight:600; background:#d60815;}
.subTitle .goApplication .goAppBtn:hover{background:#b7101c;}
.subCont{width:100%; float:left; text-align:left; padding-top:50px;}
.subBoard{width:100%; float:left; text-align:left; padding:50px 0;}

.leftMenuWrap{width:100%; float:left;}
.leftMenuTit{width:190px; float:left; padding:30px 0 30px 20px; background:#0075d0; color:#fff; font-size:30px; border-bottom:1px solid #fff; text-align:left; font-family: Nanum Square, "나눔고딕", sans-serif !important;}
.leftMenu{width:100%; float:left;}
.leftMenu li{width:100%; float:left;}
.leftMenu li>a{display:inline-block; padding:10px 20px; width:170px; line-height:24px; font-size:16px; color:#292929; position:relative; border-bottom:1px solid #e2e2e2; text-align:left; font-family: Nanum Square, "나눔고딕", sans-serif !important;}
.leftMenu li>a .arrow{display:inline-block; position:absolute; right:20px; top:10px; color:#fff; font-size:24px; font-weight:600; display:none;width:20px; height:24px; text-indent:-999999; background:url(../images/sub/slArrow.png) no-repeat right center;}

.leftMenu li.on>a{background:#535353; border-bottom:1px solid #535353; color:#fff; font-weight:600; font-family: Nanum Square, "나눔고딕", sans-serif !important;}
.leftMenu li>a:hover{background:#535353; border-bottom:1px solid #535353; color:#fff; font-weight:600;}

.leftMenu li.on>a .arrow{display:block;}
.leftMenu li>a:hover .arrow{display:block;}

.leftSM{width:100%; float:left; display:none;}
.leftSM li{width:92%; float:left; margin-left:4%; background:none;}
.leftSM li a{display:inline-block; width:80%; padding:5px 10%; line-height:24px; font-size:15px; color:#7a7a7a; border-bottom:1px solid #e6e6e6; background:none;}
.leftSM li a:hover{color:#0075d0; background:none; border-bottom:1px solid #e6e6e6;}
.leftSM li.on a{background:none; color:#0075d0; border-bottom:1px solid #e6e6e6;}

.leftMenu li.on .leftSM{display:block;}



.applicationBox01{width:100%; float:left; padding:30px; box-sizing:border-box; background:#f7f7f7;}
.applicationBox01 .applicationTit{width:100%; float:left; font-size:20px; color:#292929; padding-bottom:15px; text-align:center;}
.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:120px; height:1px; background:#0075d0;}
.applicationBox01 .applicaitonTxt01{width:100%; float:left; line-height:24px; font-size:18px; color:#191919; padding-bottom:25px; text-align:center;}
.applicationBox01 .applicaitonTxt02{width:100%; float:left; line-height:24px; font-size:16px; color:#0075d0; text-align:center;}
.applicationBox01 .applicaitonTxt02 img{vertical-align:middle;}

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


.paymentFormWrap{width:100%; float:left;}
.paymentFormWrap .paymentForm{width:100%; float:left; padding:8px 0;}
.paymentFormWrap .paymentForm .paymentCate{width:120px; float:left; color:#292929; font-size:16px; line-height:30px;}
.paymentFormWrap .paymentForm .paymentInput{width:320px; float:left; color:#292929; font-size:16px;}
.paymentInput .input01{width:260px; box-sizing:border-box; padding:5px; height:30px; line-height:18px; border:1px solid #d3d3d3; background:#f7f7f7; color:#292929;}
.paymentInput .input02{width:70px; 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:25px; line-height:30px; text-align:center; color:#292929; font-size:16px; font-weight:600;}
.paymentInput .input03{width:74px; 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:30px; line-height:30px; text-align:center; color:#292929; font-size:16px; font-weight:600;}


.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 .paymentForm02 .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:16px; line-height:30px; color:#292929;}
.paymentType02 span{display:inline-block; padding:0 30px 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:18px; font-weight:600;}

/* 임원진 팝업*/
.popZone{width:100%; position:fixed; left:0; top:327px; z-index:200; display:none;}
.popWrap{width:949px; position:relative; border:1px solid #0075d0; background:#fff; left:50%; margin-left:-339px; padding:45px 0 10px 0;}
.popWrap .popClose{position:absolute; top:20px; right:20px; z-index:20; cursor:pointer; width:33px; height:33px; background:#fff;}
.popWrap .popMember{positon:relative; z-index:10; display:none;}
.popWrap .popMember .member{width:100%;}
.popWrap .popMember .member02{width:100%; padding-bottom:35px;}
.popWrap .popMember .popMap{width:100%; height:140px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:30px 0 10px;}
.popWrap .popMember .memberTel{width:100%; height:35px; position:relative;}
.popWrap .popMember .memberTel .bulding{display:inline-block; padding-left:80px; background:url(../images/popMember/icon_bd.png) no-repeat 44px 0; font-size:18px; color:#0075d0; line-height:21px; padding-top:7px;}
.popWrap .popMember .memberTel .homepage{display:inline-block; padding-left:30px; background:url(../images/popMember/icon_home.png) no-repeat; font-size:15px; color:#292929; line-height:21px; position:absolute; top:7px; right:195px;}
.popWrap .popMember .memberTel .telephone{display:inline-block; padding-left:30px; background:url(../images/popMember/icon_tel.png) no-repeat; font-size:15px; color:#292929; line-height:21px; position:absolute; top:7px; right:25px;}

/* 패스워드입력 */
input[type="password"] {
    font-family: "나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
}


/* sitemap */
.sitemapWrap{width:100%; float:left;}
.sitemapWrap .sitemap{width:167px; padding:20px 10px; float:left;}
.sitemapWrap .sitemap ul{width:100%; float:left;}
.sitemapWrap .sitemap ul li{width:100%; float:left; padding-bottom:10px;}
.sitemapWrap .sitemap ul li a{display:inline-block; width:100%; padding:10px 0; line-height:24px; color:#424242; background:#e0e0e0; text-align:center; font-size:16px;}
.sitemapWrap .sitemap ul li.siteMM{width:100%; height:74px; background:url(../images/sitemapBg.jpg) no-repeat; padding-bottom:0;}
.sitemapWrap .sitemap ul li.siteMM a{display:inline-block; width:100%; padding:10px 0; line-height:27px; color:#fff; background:none; text-align:center; font-size:17px; font-weight:bold;}