@charset "euc-kr";
/* CSS Document */





/* main roll img */

#mSlideWrap{width:100%; float:left; position:relative; z-index:1; overflow:hidden;}
#mSlideWrap .img100{width:100%;}


/* main Roll */
.mRollWrap{width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; z-index:2;}
.mRollWrap .swiper-slide{background-repeat:no-repeat; background-position:center center;}

.mRollWrap .arrowR{width:90px; height:90px; position:absolute; z-index:10; background:url(../images/arrowR.png) no-repeat center center; cursor:pointer; top:50%; right:2%; margin-top:-45px; display:none; }
.mRollWrap .arrowL{width:90px; height:90px; position:absolute; z-index:10; background:url(../images/arrowL.png) no-repeat center center; cursor:pointer; top:50%; left:2%; margin-top:-45px; display:none; }

.mRollWrap .swiper-pagination{bottom:20px; width:100%; text-align:center; display:none;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet{width:20px; height:20px; margin:0 5px; background:none; border:2px solid #ffffff; border-radius:100%; opacity:1;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet-active{background:#ffffff; border:2px solid #ffffff;}

.mRollWrap .swiper-container{width:100%; height:100%;}
.mRollWrap .swiper-container .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.bgBox{width:100%; height:100%; background-repeat:no-repeat; background-position:left center; background-size:cover; position:absolute; top:0; left:0; z-index:1; }
.bgBox{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s;  transition: all 1.2s; }

.mRollWrap .swiperBox{width:100%; height:100%; box-sizing:border-box; padding-top:450px; text-align:center; color:#ffffff; font-size:20px; /*text-shadow:1px 1px #dbdbdb;*/ letter-spacing:-1px; font-weight:600; line-height:30px;}

.mRollWrap .swiperBox .swiperTxt{width:100%; height:100%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 5%; font-size:30px; line-height:40px; color:#ffffff; text-align:center;}
.mRollWrap .swiperBox .swiperTxt span{font-size:40px; line-height:50px; padding-bottom:30px; display:inline-block; font-weight:600;}
.mRollWrap .swiperBox .swiperTxt a.mRollLink{width:200px; display:inline-block; height:50px; box-sizing:border-box; border:1px solid #ffffff; color:#ffffff; font-size:20px; line-height:48px; border-radius:25px; margin-top:30px;}
.mRollWrap .swiperBox .swiperTxt a.mRollLink:hover{background:#ffffff; color:#292929;}


.mRollWrap .swiper-container .swiper-slide-active .swiperBox{margin-top:0; opacity:1;}

.mRollWrap .swiper-container .swiper-slide-active .swiperBox{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.5s, 0.5s;
		-moz-transition-duration: 0.5s, 0.5s;
		transition-duration: 0.5s, 0.5s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:1s;
		-moz-transition:1s;
		-webkit-transition:1s;
		box-sizing:border-box;
		}
@media screen and (max-width:850px){
	.mRollWrap .swiperBox{padding-top:200px;}
}

@media screen and (max-width:640px){
	
	.mRollWrap .arrowR{width:46px; height:46px; margin-top:-23px; background-size:20px 40px; }
    .mRollWrap .arrowL{width:46px; height:46px; margin-top:-23px; background-size:20px 40px; }
	
	.mRollWrap .swiperBox{font-size:20px; letter-spacing:-1px; padding-top:180px; line-height:30px;}
	
	.mRollWrap .swiperBox .swiperTxt{padding:0 2%; font-size:24px; line-height:30px;}
    .mRollWrap .swiperBox .swiperTxt span{font-size:30px; line-height:40px; padding-bottom:20px;}
    .mRollWrap .swiperBox .swiperTxt a.mRollLink{width:140px; height:40px; font-size:16px; line-height:38px; border-radius:20px; margin-top:20px;}
	
	.mRollWrap .swiper-pagination{bottom:10px;}
    .mRollWrap .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; margin:0 2px;}
	
}

@media screen and (max-width:480px){
	
	.mRollWrap .arrowR{right:1%; }
    .mRollWrap .arrowL{left:1%; }
	
	.mRollWrap .swiperBox{font-size:18px; letter-spacing:-1px; padding-top:100px; line-height:24px;}
	
	.mRollWrap .swiperBox .swiperTxt{padding:0 2%; font-size:20px; line-height:30px;}
    .mRollWrap .swiperBox .swiperTxt span{font-size:30px; line-height:36px; padding-bottom:20px;}
	
	.mRollWrap .swiperBox .swiperTxt a.mRollLink{width:120px; height:30px; font-size:14px; line-height:28px; border-radius:15px; margin-top:10px;}

	
}

@media screen and (max-width:400px){	
	
	.mRollWrap .swiperBox{font-size:16px; padding-top:70px;}	
	
}


@media screen and (max-width:320px){	
	
	.mRollWrap .swiperBox{font-size:14px; padding-top:40px;}	
	
}

/* end : main roll img */





/* main page*/
/* main page*/
#mainwrap{width:100%; float:left; margin-top:68px;}

/*.mCateWrap{width:100%; padding:20px 0; float:left; background:#00b7ee; position:relative;  z-index:10;}*/
.mCateWrap{width:100%; padding:10px 0; float:left; background:rgba(255,255,255,.8); position:absolute; bottom:0; left:0;  z-index:10;}
.mCate{width:100%; float:left;}
.mCate ul{width:100%; float:left;}
.mCate ul li{width:25%; float:left; color:#1d0c01; font-size:14px; letter-spacing:-1px; line-height:18px; text-align:center; padding:5px 0;}
.mCate ul li img{width:80%; max-width:92px; padding-bottom:5px;}
.mCate ul li a{display:inline-block;}
.mCate ul li a img.off{display:inline-block;}
.mCate ul li a img.on{display:none;}
.mCate ul li a:hover img.off{display:none;}
.mCate ul li a:hover img.on{display:inline-block;}

.mCate ul li:nth-child(5){clear:both;}


.mainContWrap{width:100%; position:relative; }
.mContWrap{width:100%; float:left; padding:20px 2%; box-sizing:border-box;  position:relative; }
.mContWrap .mCont{width:100%; float:left; margin-left:0; padding-bottom:20px;}
.mContWrap .mCont:first-child{margin-left:0; width:100%; padding-bottom:20px;}
.mContWrap .mCont:nth-child(2){margin-left:0;}

.mContWrap .mContTit{width:100%; float:left; box-sizing:border-box; padding:10px; color:#000000; font-size:20px; line-height:24px; font-weight:600;}
.mContWrap .mContTit .mLink{display:inline-block; float:right; width:18px; height:18px; box-sizing:border-box; border:2px solid #000000; margin-top:3px; line-height:14px; text-align:center; font-size:16px; font-weight:bold; color:#000000;}
.mContWrap .mContTit .mLink:hover{border:2px solid #001970; color:#001970;}
.mContWrap .mBoard{border-top:1px solid #000000; width:100%; float:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #000000;}
.mContWrap .mBoard li{width:100%; float:left; padding:5px 0px 5px 20px; position:relative; line-height:24px; box-sizing:border-box;}
.mContWrap .mBoard li::before{display:inline-block; width:20px; line-height:24px; content:"��"; font-size:10px; text-align:center; position:absolute; top:5px; left:0;}
.mContWrap .mBoard li a{display:inline-block; width:100%; color:#292929; font-size:16px;}
.mContWrap .mBoard li a .date{display:inline-block; float:right;}

.mRequireBox{display:inline-block; width:100%; box-sizing:border-box; padding:40px 100px 40px 25px; background-color:#3e71be; 
             background-image:url(../images/mContBg_01.png); background-repeat:no-repeat; background-position:right center;
             font-size:16px; line-height:24px; color:#ffffff; float:left;  letter-spacing:-1px;
              }
.mRequireBox:hover{color:#f1f1f1;}
.mCustomerBox{width:100%; box-sizing:border-box; padding:45px 40px 45px 130px; background-color:#d3d3d3; margin-top:15px; float:left;
              background-image:url(../images/mContBg_02.png); background-repeat:no-repeat; background-position:left center;}
			  
.mCustomerBox span{display:inline-block; width:100%; float:left;}
.mCustomerBox .txt01{font-size:18px; color:#000; font-weight:600;}
.mCustomerBox .txt02{font-size:40px; color:#001970; font-weight:600; line-height:50px;}
.mCustomerBox .txt03{font-size:18px; color:#000; letter-spacing:-1px;}

.mEvent{width:100%; float:left;}

.serviceWrap{width:100%; float:left; background:url(../images/mContBg00_01.jpg) no-repeat left center; background-size:cover; padding:20px 2%; box-sizing:border-box;}
.serviceBox{display:inline-block; box-sizing:border-box; padding:10px;}
.serviceBox01{width:100%; float:left;}
.serviceBox02{width:100%; float:left;}

.serviceBox .serviceTit{width:100%; padding-bottom:10px; color:#000000; font-size:18px; font-weight:600;}
.serviceBox .svcBox{width:50%; height:160px; overflow:hidden; float:left; background:#ffffff; box-sizing:border-box; padding:25px 20px; border-left:1px solid #c9c9c9;}
.serviceBox .svcBox:first-child{border-left:none;}
.serviceBox .svcBox .svcTit{width:100%; float:left; color:#000; font-size:16px; line-height:18px; padding-bottom:10px;}
.serviceBox .svcBox .svcTit a.link{display:inline-block; width:18px; height:18px; box-sizing:border-box; border:2px solid #001970; color:#001970; font-size:16px; font-weight:600; line-height:14px; text-align:center; float:right;}
.serviceBox .svcBox .svcCont{width:100%; float:left; color:#999999; font-size:14px; line-height:24px; padding:10px 0 0;}


.serviceBox02 .svcBox{width:33.33%; overflow:hidden; float:left; background:#ffffff; box-sizing:border-box; padding:25px 20px; border-left:1px solid #c9c9c9;}
.serviceBox02 .svcBox:first-child{border-left:none;}


.mEvent{width:100%; float:left; position:relative; z-index:1;}
.mEvent img{width:100%; float:left;}
.mEvent .mSlideArea{width:100%; float:left; position:relative; z-index:1;}
.mEvent .mSlide{width:100%; height:100%; float:left; position:absolute; top:0; left:0; z-index:2; overflow:hidden;}
.mEvent .mSlide ul{width:100%; float:left; position:relative; z-index:1;}
.mEvent .mSlide ul li{width:100%; position:absolute; top:0; left:0; z-index:1;}
.mEvent .mSlide ul li img{width:100%;}

.mEvent .msTxt{width:100%; position:absolute; top:25%; left:0%; z-index:200; font-size:16px; color:#222222; line-height:30px; text-align:center; color:#ffffff; display:none;}/* main roll img txt*/
.mEvent .msTxt ul{width:100%; float:left; position:relative;}
.mEvent .msTxt ul li{float:left; width:100%; position:absolute; top:0; left:0;}
.mEvent.msTxt ul li .mTxt01{  font-size:20px; color:#ffffff; line-height:30px; text-align:left; width:100%;}
.mEvent .msTxt ul li .mTxt01 img{width:100%; max-width:480px;}
.mEvent .msTxt ul li .mTxt02{font-size:16px; color:#ffffff; width:94%; padding-left:3%; text-align:center; padding-top:20px; text-align:left;}
.mEvent .msTxt ul li .mTxt02 img{width:134px;}


.mEvent .sBlet{position:absolute; width:100%; top:-32px; left:0; z-index:20; text-align:right; box-sizing:border-box; padding-right:30px;}
.mEvent .sBlet a{display:inline-block; width:20px; height:20px; margin:0 2px; border-radius:100%; box-sizing:border-box; background:none; box-sizing:border-box; border:2px solid #001970;}
.mEvent .sBlet a.on{background:#001970;}

.mEvent .playStop{position:absolute; width:30px; top:-38px; right:0; z-index:30; text-align:right; box-sizing:border-box; padding-right:30px;}
.mEvent .playStop ul{float:left;}
.mEvent .playStop ul li{float:left;}
.mEvent .playStop ul li span{display:inline-block; width:30px;height:30px; background-position:center center; background-repeat:no-repeat;}
.mEvent .playStop ul li span.play{background-image:url(../images/icon_play.png); display:none;}
.mEvent .playStop ul li span.pause{background-image:url(../images/icon_pause.png);}

.mEvent .playStop ul li.on span.play{background-image:url(../images/icon_play.png); display:inline-block;}
.mEvent .playStop ul li.on span.pause{background-image:url(../images/icon_plause.png); display:none;}

.mEvent .pageNum{position:absolute; width:100%; bottom:20px; left:0; z-index:200; text-align:center; font-size:14px; color:#292929; display:none;}



.mEvent .arrowL{position:absolute; top:80%; left:3%; z-index:200; cursor:pointer; width:5.8%; max-width:28px; display:none;}
.mEvent .arrowR{position:absolute; top:80%; left:15%; z-index:200; cursor:pointer; width:5.8%; max-width:28px; display:none; }


.newsLink{width:100%; padding:20px 10px; box-sizing:border-box; float:left;}
.newsLink li{width:100%; float:left; padding:5px 0;}
.newsLink li a{display:inline-block; width:100%; padding:15px; box-sizing:border-box; background:#ffffff; border:1px solid #001970; color:#001970; text-align:center; font-size:18px; font-weight:600; border-radius:5px;}
.newsLink li a:hover{background:#001970; color:#ffffff;}


@media screen and (max-width:850px){
	
	.mContWrap .mCont{width:100%; float:left; margin-left:0; padding-bottom:20px;}
	
	.serviceBox02 .svcBox{width:50%; overflow:hidden; float:left; background:#ffffff; box-sizing:border-box; padding:25px 20px; border-left:1px solid #c9c9c9;}
	.serviceBox02 .svcBox:nth-child(4){border-left:none; border-top:1px solid #c9c9c9;}
	
	.newsLink li a{font-size:16px;}
	
}


@media screen and (max-width:640px){
	
	/*.mCate ul li{width:33.333%; font-size:16px;}*/
	.mCateWrap{padding:10px 0;}
	.mCate ul li{font-size:14px; letter-spacing:-1px; line-height:18px;}
	.mCate ul li img{width:80%; max-width:92px; padding-bottom:5px;}
	
	.serviceWrap{background:url(../images/mContBg00_02.jpg) no-repeat left center; background-size:cover; padding:10px 2%;}
	
	.serviceBox .svcBox{width:100%; height:auto; overflow:hidden; float:left; background:#ffffff; box-sizing:border-box; padding:20px 20px; border-top:1px solid #c9c9c9; border-left:none;}
    .serviceBox .svcBox:first-child{border-top:none;}
	
    .serviceBox .serviceTit{padding-bottom:10px; font-size:18px;}
	.serviceBox .svcBox .svcTit{font-size:16px;}
	
	.newsLink li a{font-size:14px;}
	
}

@media screen and (max-width:480px){
	
	.mContWrap .mBoard li{padding:5px 0px 5px 15px; line-height:20px; box-sizing:border-box;}
    .mContWrap .mBoard li::before{display:inline-block; width:15px; line-height:20px; content:"��"; font-size:8px; text-align:center; position:absolute; top:5px; left:0;}
    .mContWrap .mBoard li a{font-size:14px;}

     .mRequireBox{padding:40px 100px 40px 15px; }
	 
	 .mCustomerBox{padding:45px 10px 45px 90px; background-image:url(../images/mContBg_02_02.png); background-repeat:no-repeat; background-position:left center;}
     .mCustomerBox .txt01{font-size:16px;}
     .mCustomerBox .txt02{font-size:30px;line-height:40px;}
     .mCustomerBox .txt03{font-size:16px;}
	 
	 .newsLink li a{font-size:12px;}
}


@media screen and (max-width:320px){
	
	.mCateWrap{padding:10px 0;}
	.mCate ul li{font-size:12px; letter-spacing:-1px; line-height:16px;}
	.mCate ul li img{width:80%; padding-bottom:5px;}
	
	.mCate ul li:nth-child(5){clear:both;}
	
	.serviceBox .svcBox{padding:12px;}
	
    .serviceBox .serviceTit{padding-bottom:10px; font-size:16px;}
	.serviceBox .svcBox .svcTit{font-size:14px;}
	
	.mContWrap .mBoard li{padding:5px 0px 5px 15px; line-height:20px; box-sizing:border-box;}
    .mContWrap .mBoard li::before{display:inline-block; width:15px; line-height:20px; content:"��"; font-size:8px; text-align:center; position:absolute; top:5px; left:0;}
    .mContWrap .mBoard li a{font-size:13px;}
	.mContWrap .mBoard li a .date{display:none;}

     .mRequireBox{padding:40px 100px 40px 15px; }
	 
	 .mCustomerBox{padding:40px 10px 40px 70px; background-image:url(../images/mContBg_02_02.png); background-size:300px auto; background-repeat:no-repeat; background-position:left center;}
     .mCustomerBox .txt01{font-size:14px;}
     .mCustomerBox .txt02{font-size:24px;line-height:30px;}
     .mCustomerBox .txt03{font-size:14px;}
	
}

/* sub page */

.subImg{width:100%;}

.subMap{width:100%; padding:20px 0; float:left;}

.sMapLeft{width:100%; float:left;}
.sMapRight{width:100%; height:300px; float:left; box-sizing:border-box; border:1px solid #dbdbdb; margin:20px 0;}

.siteMapWrap{width:100%; float:left;}
.siteMapWrap .siteMap{width:25%; float:left; box-sizing:border-box; padding:10px;}
.siteMapWrap .siteMap .mainCate{width:100%; float:left; margin-bottom:10px;}
.siteMapWrap .siteMap .mainCate a{display:inline-block;width:100%; float:left; box-sizing:border-box; padding:10px; text-align:center; background:#001970; color:#fff; font-size:18px; line-height:24px;}
.siteMapWrap .siteMap .subCate{width:100%; float:left; margin-bottom:10px;}
.siteMapWrap .siteMap .subCate a{display:inline-block;width:100%; float:left; box-sizing:border-box; padding:10px; text-align:center; border:1px solid #001970; color:#292929; text-align:left; font-size:16px; line-height:24px;}
.siteMapWrap .siteMap .subCate a:hover{color:#001970;}
.siteMapWrap .siteMap .ssubCate{width:100%; float:left; box-sizing:border-box; padding:2px 10px;}
.siteMapWrap .siteMap .ssubCate li{width:100%; float:left;}
.siteMapWrap .siteMap .ssubCate a{display:inline-block; width:100%; font-size:14px; line-height:20px; text-align:left; border:none; padding:5px 10px;}
.siteMapWrap .siteMap .ssubCate a:hover{color:#001970;}

@media screen and (max-width:640px){
	
.siteMapWrap .siteMap{width:50%;}
.siteMapWrap .siteMap .mainCate{margin-bottom:5px;}
.siteMapWrap .siteMap .mainCate a{font-size:16px; line-height:24px;}
.siteMapWrap .siteMap .subCate{margin-bottom:5px;}
.siteMapWrap .siteMap .subCate a{font-size:14px; line-height:20px;}
.siteMapWrap .siteMap .subCate a:hover{color:#001970;}
.siteMapWrap .siteMap .ssubCate{width:100%; float:left; box-sizing:border-box; padding:2px 10px;}
.siteMapWrap .siteMap .ssubCate li{width:100%; float:left;}
.siteMapWrap .siteMap .ssubCate a{display:inline-block; width:100%; font-size:14px; line-height:20px; text-align:left; border:none; padding:5px 10px;}
.siteMapWrap .siteMap .ssubCate a:hover{color:#001970;}
	
}

@media screen and (max-width:480px){
	
.siteMapWrap .siteMap{width:100%;}
.siteMapWrap .siteMap .mainCate{margin-bottom:5px;}
.siteMapWrap .siteMap .mainCate a{font-size:16px; line-height:24px;}
.siteMapWrap .siteMap .subCate{margin-bottom:5px;}
.siteMapWrap .siteMap .subCate a{font-size:14px; line-height:20px; padding:5px 10px;}
.siteMapWrap .siteMap .subCate a:hover{color:#001970;}
.siteMapWrap .siteMap .ssubCate{width:100%; float:left; box-sizing:border-box; padding:2px 10px;}
.siteMapWrap .siteMap .ssubCate li{width:100%; float:left;}
.siteMapWrap .siteMap .ssubCate a{display:inline-block; width:100%; font-size:12px; line-height:20px; text-align:left; border:none; padding:5px 10px;}
.siteMapWrap .siteMap .ssubCate a:hover{color:#001970;}
	
}




.privacyTop{width:100%; float:left; padding:0 0 20px 0; font-size:16px; line-height:22px; border-bottom:1px dashed #CCC;}
.privacyTxt{width:100%; float:left; padding:20px 0 20px 0; font-size:16px; line-height:20px;}

.privacyBox{width:100%; float:left; padding:0 0 20px 0; line-height:20px;}
.privacyBox p{width:100%; float:left; box-sizing:border-box; color:#292929;}
.privacyBox p.itemTit{font-size:16px; font-weight:600; padding:10px 0;}
.privacyBox p.itemTit02{font-size:14px; font-weight:600; padding:10px 10px 5px 10px;}
.privacyBox p.itemTxt{font-size:14px; padding-left:10px; padding-bottom:10px; position:relative;}
.privacyBox p.itemTxt span{font-weight:600;}
.privacyBox p.itemTxt::before{display:inline-block; content:'-'; position:absolute; top:0; left:0px;}

.privacyBox p.subItemTit{font-size:15px; padding:10px 0 5px 10px;}
.privacyBox p.subItemTxt{font-size:13px; padding:0px 0px 5px 10px; color:#444444;}
.privacyBox p.subItemTxt02{padding-bottom:0;}
.privacyBox p.ssubItemTxt{font-size:13px; padding:0px 0px 5px 20px; color:#666666;}

.subListTit{width:100%; float:left; padding:10px 10px 5px 20px; font-size:15px; position:relative;}
.subListTit::before{display:inline-block; content:'��'; position:absolute; top:10px; left:10px; font-size:5px;}
ul.subList{width:100%; float:left; font-size:15px; color:#666666; padding-left:10px; box-sizing:border-box;}
ul.subList li{width:100%; float:left; box-sizing:border-box; padding-left:10px; position:relative; }
ul.subList li::before{display:inline-block; content:'-'; position:absolute; top:0; left:0px; font-weight:600;}



.infoBox{width:100%; float:left; border-top:2px solid #c2c2c2;  border-bottom:1px solid #c2c2c2; margin:10px 0 0 0;}
.infoBox table{width:100%;}
.infoBox table th{border-bottom:1px solid #ffffff; border-right:1px solid #d2d2d2; background:#6CF; color:#ffffff; font-size:14px; padding:10px;}
.infoBox table td{border-bottom:1px solid #c2c2c2; color:#292929; font-size:14px; padding:10px; text-align:center;}