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

/* �������������� ����Ǵ� �ڵ� */
#sideBar,
#topSpacer{display:none; }
#ctWrap{width:100%; max-width:100%; margin:0 auto !important;background-color:#333;}
#hd{background:rgba(51,51,51,0.7)}
@media all and (max-width:980px)
{
	#hd,
	#hd #tnb,
	#hd #gnb{background:#fff; }
	#topSpacer{display:block; }
}


/* ���� ���־� */
.mainVisual{width:100%;height:980px;background:url('../img/main-visual.jpg') no-repeat center top;background-size:cover;display:table;}
.wrap-visual{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;}
.mainVisual h2{font-size:60px;line-height:1.2em;font-weight:700;letter-spacing:-0.075em; color:#fff; display:block;text-shadow:0 0 10px rgba(0,0,0,.7);margin-bottom:10px;word-break:keep-all;}
.mainVisual p{font-size:30px;line-height:1.2em;letter-spacing:-0.075em; color:#fff; display:block; text-shadow:0 0 10px rgba(0,0,0,.7);}
.mainVisual a{margin:20px auto 0;display:block;width:180px;height:40px;background-color:#fff;border-radius:20px;font-size:14px;line-height:40px;color:#333;letter-spacing:-0.075em;}



/* ���� ������ ���̾ƿ� */

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

.mainContentsW100{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; max-width: 2560px; margin: 0 auto; clear:both; overflow:hidden;box-shadow:0 0 100px rgb(0, 0, 0, .4);}

.mainContentsW100 .category1_img,
.mainContentsW100 .category2_img{
    width: 16.6%;
}

.category1_img
 {
    position: relative;
     max-width: 1920px;
 }
.category_title{ width: 100%; font-size: 18px; font-weight: 400; color: #fff; text-align: center;}

@media all and(max-width:500px) {
    .category_title {font-size:14px;}
}

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px; padding:0px; }
.latTitNone .galleryBoxLat ul{margin:0px; padding:0px; }
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:16.66666%; }
.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) {
    .mainContentsW100 {display: grid; grid-template-columns: 1fr 1fr 1fr;}
    .mainContentsW100 .category1_img,
    .mainContentsW100 .category2_img {
        width: 100%;
    }
}

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

@media all and (max-width:430px) {
    .mainContentsW100{ display: grid; grid-template-columns: 1fr 1fr;}
}




/* 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; }
}


/* ���������� �� */
.mainBasicCont01{max-width:1200px;margin:-80px auto 0;;border-top-left-radius:20px;border-top-right-radius:20px;padding:110px 110px 105px;background:#fff url('../img/bg-basic01.png') no-repeat right bottom;overflow:hidden;}
.mainBasicCont01 h2{font-size:36px;line-height:1.2em;letter-spacing:-0.075em;color:#333;font-weight:700;margin-bottom:15px;}
.mainBasicCont01 h3{font-size:18px;line-height:1.2em;letter-spacing:-0.075em;color:#999;font-weight:400;padding-bottom:35px;margin-bottom:45px;position:relative;}
.mainBasicCont01 h3::after{content:'';width:80px;height:5px;background-color:#ccc;position:absolute;left:0;bottom:0;}
.mainBasicCont01 p{font-size:14px; line-height:1.5em;letter-spacing:-0.075em;color:#999;}

.banner-circle{position:relative;}
.banner-circle::before{content:'';width:100%;height:100px;box-shadow:0 0 100px rgb(0, 0, 0, .4);position:absolute;left:0;top:-100px;}


/* ������ �� */
.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; }
.background-white{background:#fff; }

/* ���� 4�� ������ */
.main_figure_list{width:100%; overflow:hidden;}
.main_figure_list li{width:25%; float:left; text-align:center; border-bottom:0px;position:relative;}
.main_figure_list li::before{content:'';width:100px;height:2px;background-color:#333;position:absolute;left:-50px;top:49px;}
.main_figure_list li:first-child::before{display:none;}
.main_figure_list li i{display:block; margin:0 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;border:2px solid #333;background-repeat:no-repeat;background-position:center;}
.main_figure_list li:hover i{background:#000;transform: rotate(360deg); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; background-repeat:no-repeat;background-position:center;}
.main_figure_list li i.ico01{background-image:url('../img/icon01.png');}
.main_figure_list li:hover i.ico01{background-image:url('../img/icon01_on.png');}
.main_figure_list li i.ico02{background-image:url('../img/icon02.png');}
.main_figure_list li:hover i.ico02{background-image:url('../img/icon02_on.png');}
.main_figure_list li i.ico03{background-image:url('../img/icon03.png');}
.main_figure_list li:hover i.ico03{background-image:url('../img/icon03_on.png');}
.main_figure_list li i.ico04{background-image:url('../img/icon04.png');}
.main_figure_list li:hover i.ico04{background-image:url('../img/icon04_on.png');}


.main_figure_list li strong{display:block; font-size:18px; color:#333;letter-spacing:-0.075em; margin-top:10px; }
.main_figure_list li span{display:block; font-size:14px; color:#999;letter-spacing:-0.075em;  margin-top:5px; }
.main_figure_list li a i{color:#000; display:block; }
.main_figure_list li a:hover i{color:#fff; }


.bottom-banner{border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;padding:0;margin-bottom:-80px;}
.bottom-banner::after{content:'';display:block;visibility:hidden;clear:both;}
.bottom-banner > div{float:left;width:50%;height:400px;display:table;background-repeat:no-repeat;background-size:cover;}
.bottom-banner > div:first-child{background-image:url('../img/bg-bottom01.jpg');}
.bottom-banner > div:last-child{background-image:url('../img/bg-bottom02.jpg');}
.bottom-banner > div a{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.bottom-banner > div a h2{display:block;position:relative;color:#fff;font-size:24px;line-height:1em;font-weight:700;letter-spacing:-0.075em;}
.bottom-banner > div a h2::before{content:'';width:50px;height:1px;background-color:#fff;position:absolute;left:calc(50% - 25px);bottom:-15px;}

@media all and (max-width:650px)
{
	.main_figure_list li{width:50%; float:left; text-align:center;margin-bottom:30px;}
	.main_figure_list li strong{font-size:16px; }
	.main_figure_list li span{font-size:11px; }
	.main_figure_list li::before{display:none;}
}


@media all and (max-width:1200px){
  .mainBasicCont01{border-top-left-radius:0;border-top-right-radius:0;}
}
@media all and (max-width:980px){
  .mainVisual h2{font-size:40px;}
  .mainVisual p{font-size:25px;}
  .main_figure_list li::before{width:50px;left:-25px;}
  .mainVisual{height:640px;}
}


@media all and (max-width:750px){
  .bottom-banner{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
}
@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 p{text-align:left; font-size:12px;}
  .mainBasicCont01{background-image:url('../img/m-bg-basic01.png');height:288px;background-position:center;}
}
@media all and (max-width:500px){
  .mainVisual h2{font-size:30px;}
  .mainVisual p{font-size:18px;}
  .bottom-banner > div{float:none;width:100%;height:200px;}
}


.mainVisual a.more-work{width:260px;height:50px;line-height:50px;padding-right:50px;background:#00c931 url('../img/ico-blog.png') right 20px center no-repeat;color:#fff;border-radius:50px;font-size:16px;}