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

/* �������������� ����Ǵ� �ڵ� */

#ctWrap{width:100%;max-width:100%;margin:0 auto !important;}
#hd{background:#fff}
@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;}
.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; background:rgba(255,255,255,0.8) !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:#1f36d2  !important; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.mvTit01{font-size:70px; color:#fff;display:block;position:absolute; left:50%; transform:translateX(-50%); border-bottom:2px solid #fff; 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; font-weight:400; display:block;font-size:20px; color:#fff; border:2px solid #fff; margin:40px auto; text-decoration:none; padding:10px; border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.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);}

@media all and (max-width:980px)
{
	.mvTit01{font-size:50px;}
	.mvTit02 .mvTit02txt{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 4px;}
	.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%;}

	
	.mvTit01{font-size:28px; bottom:60% !important;}
	.mvTit02 {top:45% !important;}
	.mvTit02 .mvTit02txt{font-size:18px;}
	.mvTit02 .mvLink{width:120px;padding:5px;font-size:11px;font-weight:normal;}

}

@media all and (max-width:400px)
{
	.mvTit01{font-size:22px;}
	.mvTit02 .mvTit02txt{font-size:14px;}
}




/* ���� ������ ���̾ƿ� */
.basicLat {width:100%; text-align:left; font-size:0; margin:10px 0;}
.basicLatTit { display:inline-block !important; vertical-align:top; line-height:40px; width:20%;}
.basicLat .basicLatTit a {padding:0;}
.basicLat ul {display:inline-block; vertical-align:top; width:80%; } 
.basicLat li a {font-size:16px; }

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

.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;}

	.basicLatTit {line-height:30px;}

}

/* 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:100%;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:150px 20px;text-align:center; background:url(../img/main2_bg.jpg) no-repeat center; background-size:contain; letter-spacing:-0.7px;}
.mainBasicCont01 h2{color:#000; font-size:30px;font-family:'Century Gothic','Noto Sans Korean','Malgun Gothic';}
.mainBasicCont01 h3{color:#000; font-size:25px;}
.mainBasicCont01 p {color:#333; font-size:18px; line-height:27px;}
.mainBasicCont01 .MBC01txt{font-size:14px;color:#666;line-height:1.5em;}

@media all and (max-width:1600px)
{
.mainBasicCont01{ background:none;}
}

@media all and (max-width:700px)
{
	.mainBasicCont01{width:100%;padding:50px 20px;}
	.mainBasicCont01 h3 {font-size:18px;}
	.mainBasicCont01 p {font-size:16px; white-space:pre-line; }
	.mainBasicCont01 p br {display:none;}
	.mainBasicCont01 .MBC01txt{text-align:left; font-size:12px;}
}




.mainBasicCont02 {background:url(../img/our_b_bg.jpg) no-repeat center; background-size:cover; text-align:center; padding:90px 0; margin-top:60px; letter-spacing:-0.7px;}
.mainBasicCont02 h3 {color:#fff; font-size:35px; margin-bottom:20px;}


.mainBasicCont02 li {width:49%; float:left; height:190px; margin-bottom:40px; background-color:#fff;}
.mainBasicCont02 li:nth-child(even) {float:right;}
.mainBasicCont02 li a {display:block; width:100%; height:100%; font-size:0; text-align:left;}
.mainBasicCont02 .businessC:after {clear:both; content:""; display:block;}
.mainBasicCont02 .businessC a span {display:inline-block; width:50%; height:100%; vertical-align:top;}
.mainBasicCont02 .businessC a span:last-child {padding:50px 0 0 15px;}
.mainBasicCont02 .businessC a span p {font-size:15px; margin-top:20px; }
.business01 {background:url(../img/ourb_01.jpg) no-repeat center; background-size:cover;}
.business02 {background:url(../img/ourb_02.jpg) no-repeat center; background-size:cover;}
.business03 {background:url(../img/ourb_03.jpg) no-repeat center; background-size:cover;}
.business04 {background:url(../img/ourb_04.jpg) no-repeat center; background-size:cover;}
.business_text {font-size:20px;}


@media all and (max-width:1600px)
{
	.mainBasicCont01 {padding:100px 20px 70px;}

	.mainBasicCont02 {margin-top:0}
}




@media all and (max-width:1200px)
{
	.mainBasicCont02 {padding:90px 20px;}
	.mainBasicCont02 li {width:24.25%; margin-right:1%; height:330px;}
	.mainBasicCont02 li:last-child {margin-right:0;}
	.mainBasicCont02 li:nth-child(even) {float:left;}
	.mainBasicCont02 .business_text br {display:none;}
	.mainBasicCont02 .business_text {white-space: pre-line;}



	.mainBasicCont02 .businessC a span {display:block; width:100%; height:auto;}
	.mainBasicCont02 .businessC a span { background-position:top; height:60%;}
	.mainBasicCont02 .businessC a span:last-child {padding:10px; height:40%;}
	.mainBasicCont02 .businessC a span p {font-size:14px; }
}



@media all and (max-width:848px)
{
	.mainBasicCont02 li {width:48%; margin-right:0;}
	.mainBasicCont02 li:nth-child(even) {float:right;}
	.mainBasicCont02 .businessC a span:last-child {padding-top:15px;}



}

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

	.mainBasicCont02 li {width:100%; margin-right:0;}
	.mainBasicCont02 .businessC a span { height:65%;}
	.mainBasicCont02 .businessC a span:last-child {height:35%; padding-top:15px;}



}



.maintel {line-height:100px; font-size:20px; padding:0 20px}
.maintel div > span:first-child {
	margin-right:100px; background:url(../img/tel_icon.png) no-repeat left center; padding-left:50px;
	background-size:auto 22px
}
.maintel .tel_bar {margin:0 20px; color:#ccc;}

@media all and (max-width:1050px)
{
	.maintel {font-size:16px;}
	.maintel div > span:first-child {background:none; padding-left:0;}
	



}

@media all and (max-width:848px)
{
	.maintel {font-size:14px;}
	.maintel div > span:first-child {margin-right:20px;}
}

@media all and (max-width:660px)
{
	.maintel {line-height:20px; padding:20px 0; text-align:center;}
	.maintel div > span:first-child {width:100%; display:block; text-decoration:underline; margin-bottom:10px;}
	.maintel .tel_bar {margin:0 5px;}
}




/* ������ �� */
.background-dark{position:relative; 
    background:#203573;
}
.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:50px 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:150px; height:150px; line-height:150px; border-radius:50%;background:#f5f5f5; 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:#000; margin:20px 0 5px;}
.main_figure_list li span{display:block; font-size:16px; color:#666; 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:750px)
{
	.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%;font-size:3em;}
	.main_figure_list li strong{font-size:16px;}
	.main_figure_list li span{font-size:13px;}


	
}