@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */

/* ¸ÞÀÎÆäÀÌÁö¿¡¼­ º¯°æµÇ´Â ÄÚµå */
#sideBar,
#topSpacer{display:none;}
#ctWrap{width:100%;max-width:100%;margin:0 auto !important;}
#hd{background:#fff; } /*background:RGBA(255,255,255,0.75)*/
@media all and (max-width:980px)
{
	#hd,
	#hd #tnb,
	#hd #gnb{background:#fff;}
	#topSpacer{display:block;}
}




/* ¸ÞÀÎÆäÀÌÁö ºñÁê¾ó ½½¶óÀÌ´õ */
.mainVisualImage{width:100% !important;background:#efefef;height:auto;overflow:hidden;position:relative;z-index:1;padding:0px;margin:0px; margin-top:100px ;}
.mainVisualImage .bx-wrapper{margin-bottom:0px;}
.mainVisualImage .bx-wrapper ul{width:100% ;padding:0px;margin:0px;}
.mainVisualImage .bx-wrapper ul > li{width:100% ;background:#efefef;position:relative; text-align:center;}
.mainVisualImage .bx-wrapper ul > li img{width:100% !important;display:block;height:auto;}

.mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px;z-index:9; text-align:center;}
.mainVisualImage .bx-wrapper .bx-pager a{-moz-border-radius:10px !important;-webkit-border-radius:10px !important;border-radius:10px !important; width:12px !important; height:12px !important;border:2px solid #ddd; background:rgba(0,0,0,.4) !important;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:40px !important;background:RGBA(4,4,4,.8) !important; border:2px solid #efefef;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.mvTit01{font-size:60px; color:#fff;display:block;position:absolute; /*left:10%;right:10%; */bottom:50%; margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.mvTit02{display:block;position:absolute; /*left:10%;right:10%; top:50%; */margin-bottom:-20px; text-decoration:none;-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

.mvTit02 .mvTit02txt{font-size:30px; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mvTit02 .mvLink{width:200px; display:block;font-size:14px; color:#fff; margin:20px auto; text-decoration:none; padding:10px; background:#000;border:1px solid rgba(255,255,255,.3);
color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mvTit02 a:hover.mvLink{border:1px solid #fff; background:rgba(84,137,255,0.5); -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.mvTit01,
.mvTit02 .mvTit02txt{text-shadow: rgba(0,0,0,.8) 0px 0px 10px;text-shadow: rgba(0,0,0,.8) 0px 0px 10px 10px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}


ul.main-pc {display:block; width:100%; overflow:hidden; } 
ul.main-mobile {display:none; width:100%; overflow:hidden; } 


/**************ºñÁÖ¾óÅØ½ºÆ®******************/
.visual-txt {    float: right !important; position: absolute; top: 40%; left: 20%;} 

/*.blue_bar{height: 2px;  background-color:#5489ff;  display: block;  width: 370px; position: relative;  top: -55px; } */
.main_visual_icon {position: relative;  top: -55px; }

.v_txt01{font-size:50px; color:#073448; font-weight:bold; display:block;position:absolute; bottom:0%; ; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.visual_btn_box{display:block;position:absolute;   margin-top: 10px;  margin-bottom:-20px; text-decoration:none; }

.visual_btn_box .v_txt02{font-size:60px; color:#0d080a ; font-weight:bold ;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.visual_btn_box .mvLink{width:120px; display:block;font-size:14px; color:#fff; margin:20px auto;  text-decoration:none; padding:15px; background:#000;border:1px solid rgba(255,255,255,.3);
color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.visual_btn_box a:hover.mvLink{border:1px solid #fff; background:rgba(84,137,255,0.5); -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

/* ºñÁÖ¾ó ÅØ½ºÆ® ±×¸²ÀÚ
.mvTit01, .visual_btn_box .v_txt02{text-shadow: rgba(0,0,0,.8) 0px 0px 10px;text-shadow: rgba(0,0,0,.8) 0px 0px 10px 10px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}
*/


@media all and (max-width:1025px)
{
.visual-txt { top: 20%; } 

}

@media all and (max-width:980px)
{
	.mainVisualImage {margin-top:0px !important ;} 
	.v_txt01{font-size:30px;}
	.visual_btn_box .v_txt02 {font-size:24px;}
}

@media all and (max-width:800px)
{
	
	.mainVisualImage .bx-wrapper .bx-pager{bottom:10px !important;}
	.mainVisualImage .bx-wrapper .bx-pager a{width:10px;height:10px !important; margin:0 2px;}
	.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:20px !important;}

	.mainVisualImage .bx-wrapper ul > li{width:100%; overflow:hidden;}
	.mainVisualImage .bx-wrapper ul > li img{width:160% !important; max-width:160% !important; margin-left:-30%;}

	.main_visual_icon {position: relative;  top:-90px; width: 180px;     margin-left: 20%;}
	.blue_bar{ width: 200px;  top: -35px;}
	.v_txt01{font-size:20px; top: 10px;  margin-left: 0px;}
	.visual_btn_box {position:relative; top:-100px; }
	.visual_btn_box .v_txt02{font-size:28px; position: relative; top: 20px;}
	.visual_btn_box .mvLink{width:120px;padding:10px;font-size:11px;font-weight:normal;}

}

@media all and (max-width:600px)
{	
	
	.visual-txt { position: absolute; top: 40%; left: 20%; }
}


@media all and (max-width:400px)
{	
	
	.v_txt01{font-size:19px;}
	.visual_btn_box .v_txt02{font-size:26px;}
}



/* ¸ÞÀÎ ÄÁÅÙÃ÷ ·¹ÀÌ¾Æ¿ô */

.mainContents{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;clear:both; padding:50px 0;}

.mainContentsW100{width:100%;clear:both;overflow:hidden;}

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px;padding:0px;}
.latTitNone .galleryBoxLat ul{margin:0px;padding:0px;}
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:20%;}
.latTitNone .galleryLat .galleryLatTit,
.latTitNone .galleryBoxLat .galleryLatTit{height:1px;overflow:hidden;margin-top:-1px;}
.latTitNone.btnMoreNone .lt_more{display:none;} 



@media all and (max-width:980px)
{

}

@media all and (max-width:650px)
{
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%;}
	.mainContentsW100 .galleryLat ul li:last-child,
	.mainContentsW100 .galleryBoxLat ul li:last-child{display:none;;}
}

/* 2´Ü·¹ÀÌ¾Æ¿ô */
.mainTwoLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainTwoLatArea .MTLA01,
.mainTwoLatArea .MTLA02{width:50%;float:left;margin-left:-1px;}

@media all and (max-width:850px)
{
	.mainTwoLatArea{padding:0 15px;}
	.mainTwoLatArea .MTLA01,
	.mainTwoLatArea .MTLA02{width:100%;float:none;}
}

/* 3´Ü·¹ÀÌ¾Æ¿ô */
.mainThreeLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%;float:left;margin-left:-1px;}
.mainThreeLatArea .MTLA02{margin:0 5%;}

@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0 15px;}
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%;float:none;}
	.mainThreeLatArea .MTLA02{margin:0 0;}
}


/* 4´Ü ·¹ÀÌ¾Æ¿ô */
.mainFourLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%;float:left;margin-left:-1px;}


@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%;float:left;}
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%;float:none;margin-left:0px;}
}


/* ¸ÞÀÎÄÁÅÙÃ÷ »ó¼¼ */
.centerBar{width:80px;height:5px;background:#ddd;margin:30px auto;}

.mainBasicCont01{width:100%;padding:100px 20px;text-align:center; background:#fff;}
.mainBasicCont01 h2{color:#000; font-size:30px;font-family:'Century Gothic','Noto Sans Korean','Malgun Gothic';}
.mainBasicCont01 h3{color:#999; font-size:16px;}
.mainBasicCont01 .MBC01txt{font-size:14px;color:#666;line-height:1.5em;}

@media all and (max-width:700px)
{
	.mainBasicCont01{width:100%;padding:50px 20px;}
	.mainBasicCont01 h2{font-size:18px;}
	.mainBasicCont01 h3{font-size:13px; font-weight:normal;}
	.mainBasicCont01 .MBC01txt{text-align:left; font-size:12px;}
}

/* ¾îµÎ¿î¹è°æÀÏ ¶§ */
.background-dark{position:relative; 
    background:#222222;
}
.background-dark .webzLatTit a,
.background-dark .basicLatTit a,
.background-dark .qnaLatTit a{color:#fff;}
.background-dark ul li{}
.background-dark ul li a{color:#ddd;}


/* ¹àÀº¹è°æÀÏ ¶§ */
.background-light{background:#f3f4f7;}



/* ¸ÅÀÎ 4´Ü ¾ÆÀÌÄÜ */
.main_figure_list{width:100%;overflow:hidden;padding:30px 0;}
.main_figure_list li{width:25%; float:left; text-align:center;border-bottom:0px;}
.main_figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#fff; font-size:3em;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main_figure_list li:hover i{background:#000;  color:#fff;transform: rotate(360deg);-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main_figure_list li strong{display:block; font-size:20px; color:#fff; margin:5px;}
.main_figure_list li span{display:block; font-size:13px; color:#999; margin:5px;}
.main_figure_list li a i{color:#000; display:block;}
.main_figure_list li a:hover i{color:#fff;}


@media all and (max-width:650px)
{
	.main_figure_list li{width:50%; float:left; text-align:center;}
	.main_figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.main_figure_list li strong{font-size:16px;}
	.main_figure_list li span{font-size:11px;}
	
}




/****************¸ÞÀÎÈ­¸é *******************************************/

.main_wrap { width:100%; overflow:hidden;  background-color:#fafafa; }
.main_boxing {margin:5% auto; max-width:1200px;}

.cont1_box {background-color: #00709a ; width:100%; overflow:hidden; }
.cont1 a{background-image:url('/theme/purewhite/images/cont1_icon.png') ;background-repeat: no-repeat;background-position: 95% 10px;  padding: 60px 50px; display:block;  width: 100%; overflow: hidden;} 
.cont1 a:hover{  background-color:#0184b5; transition: all 0.5s; }

.cont1 p { font-size:30px; font-weight:bold; } 
.cont1 span { font-size:12px ; color:#fff;  margin-top: 1%; display: inline-block; }





.cont2_box {width:100%; overflow:hidden; }
.cont2 a{width:33.3%;float:left; overflow:hidden; background-color: #ea5415 ;  background-image:url('/theme/purewhite/images/cont2_icon.png') ;background-repeat: no-repeat; text-align: right;
		background-position: 5% 10px;  padding: 100px 10px 20px 10px; display:block;  } 
.cont2 a:hover{background-color:#ff4c01;  transition: all 0.5s; }

.cont2 p { font-size:26px; font-weight:bold; color:#3e3401;}  
.cont2 span { font-size:12px ; color:#fff;  margin-top: 5%; display: inline-block; }


.cont3 a{width:33.3%;float:left; overflow:hidden; background-color: #aacd06 ; background-image:url('/theme/purewhite/images/cont3_icon.png') ;background-repeat: no-repeat;text-align: right;
		background-position: 5% 10px; padding: 100px 10px 20px 10px;  display:block; } 
.cont3 a:hover{ background-color:#b4d420; transition: all 0.5s; }
.cont3 p { font-size:26px; font-weight:bold; color:#3e3401;  position:relative;  top: -20px;} 
.cont3 span { font-size:12px ; color:#fff;  margin-top: 5%; display: inline-block; }


.cont4 a{ width:33.4%;float:left; overflow:hidden; background-color: #f5be09 ; background-image:url('/theme/purewhite/images/cont4_icon.png') ;background-repeat: no-repeat;text-align: right;
		background-position: 5% 10px; padding: 130px 10px 20px 10px; display:block;   } 
.cont4 a:hover{ background-color:#ffc814; transition: all 0.5s; }
.cont4 p { font-size:26px; font-weight:bold; color:#3e3401;  position:relative;  top: -20px;} 
.cont4 span { font-size:12px ; color:#fff;  margin-top: 5%; display: inline-block; }


.cont3_box {width:100%; overflow:hidden; background-color:#fff; }
.cont5 {width:50%; float:left; }
.cont6 {width:50%; float:left; background-color:#0a8c3b;}


/*º£³Ê*/
.banner_wrap { width:100%; overflow:hidden; }
.banner_box {width:100%; overflow:hidden; max-width:1200px; margin:2% auto;  }
.banner_box li {float:left; width:11.7%;margin-left: 10px;     border: 1px solid #dedede ;  padding: 5px;} 
.banner_box li:first-child { margin-left:0px ;} 

@media all and (max-width:980px)
{
.cont1 { background-position: 90% 10px;  padding: 0px ;    background-size: 40%;} 
.cont1 a{padding:110px 0px 40px 5px;}
.cont2 a, .cont3 a, .cont4 a {width:100%; padding:110px 5px 40px 0px}
.cont5, .cont6 {width:100%;margin: 5% auto  }

.banner_box li {float:left; width:47%; margin-left:2% ; margin-top:2% ;  }
.banner_box li:first-child { margin-left:2% ;} 
/*.banner_box li:nth-child(2), .banner_box li:nth-child(4), .banner_box li:nth-child(6) {margin-left: 5px; }*/ 
    
}





