@charset "utf-8";

#sideBar,
#topSpacer{display:none;}
#ctWrap{width:100%;max-width:100%;margin:0 auto !important;}
#hd{background:RGBA(255,255,255,0.85)}
@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;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; border-radius:50px;background:#6666ff;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 #3333ff;background:#0066ff; -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,0) 0px 0px 10px;text-shadow: rgba(0,0,0,0) 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 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%;}

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

}

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




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

.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:50%;}
	.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;}
.centerBar_txt {width:80px;height:5px;background:#ddd;margin:20px 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:center; 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;}



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

.maincontents {width:100%;padding:100px 0; background:#fff;}

#contents {width:100%; display:inline-block;}

#contents ul.main_service { display:inline-block; width:100%; background:#eee; height:880px;}
#contents ul.main_service li {width:1200px; margin:0 auto;}
#contents ul.main_service li.title {text-align:center; margin:90px auto 50px auto;}
#contents ul.main_service li.title span.text1 {font-size:38px; display:inline-block; width:100%; margin-top:}
#contents ul.main_service li.title span.text2 {font-size:17px; color:#666; display:inline-block; width:100%; padding:15px 0;}

#contents ul.main_service li.service_menu { padding:30px 0;}
#contents ul.main_service li.service_menu a.btn {width:25%; float:left; text-align:center;}
#contents ul.main_service li.service_menu a.btn span { display:inline-block; width:100%;}
#contents ul.main_service li.service_menu a.btn span.s_title {/*height:40px*/; font-size:21px; margin-top:25px; font-weight:bold; color:#000; float:left;}
#contents ul.main_service li.service_menu a.btn span.s_info {font-size:13px; font-weight:normal; margin-top:10px; color:#666;}

#contents ul.banner {width:1200px; margin:0 auto; padding:0;}
#contents ul.banner li {float:left;}
#contents ul.banner li.section1 {width:595px; margin-right:10px;}
#contents ul.banner li.section2 {width:305px; height:450px; margin-right:10px; background:url('../img/bg_s4.jpg'); color:#fff; padding:230px 40px 40px 40px;}
#contents ul.banner li.section3 {width:280px;}

#contents ul.banner li.section1 span.b1_1 {display:inline-block; width:595px; height:230px; background:url('../img/bg_s1.jpg'); padding:90px 0; color:#fff; text-align:center;}
#contents ul.banner li.section1 span.b1_1 span.text1 { display:inline-block; font-size:27px;}
#contents ul.banner li.section1 span.b1_1 span.text2 { display:block; font-size:15px; margin-top:10px;}
#contents ul.banner li.section1 span.b1_2 {display:inline-block; width:295px; height:210px; margin:10px 10px 0 0; background:url('../img/bg_s2.jpg'); float:left;}
#contents ul.banner li.section1 span.b1_3 {display:inline-block; width:290px; height:210px; margin:10px 0 0 0; background:url('../img/bg_s3.jpg'); padding:30px;}
#contents ul.banner li.section1 span.b1_3 span.title { display:block; color:#fff; font-weight:bold; font-size:31px;}
#contents ul.banner li.section1 span.b1_3 span.text1 { display:inline-block; color:#fff; font-size:13px; margin:20px 0 0 0; line-height:160%;}

#contents ul.banner li.section2 span {}
#contents ul.banner li.section2 span.title {font-size:29px; font-weight:bold; display:block;}
#contents ul.banner li.section2 span.tel { display:inline-block; margin:10px 0 10px 0;font-size:27px; font-weight:bold;}
#contents ul.banner li.section2 span.tarea { display:inline-block; width:100%; font-size:17px;}
#contents ul.banner li.section2 span.tarea span.icon { display:inline-block; width:80px; font-size:14px; text-align:center; padding:3px 10px; margin-bottom:3px; border-radius:3px; background:#0068b7;}

#contents ul.banner li.section3 span.guide {}
#contents ul.banner li.section3 span.guide span.text {position:absolute; display:inline-block; width:280px; height:230px; padding-top:140px; color:#fff; font-weight:bold; font-size:21px; text-align:center;}
#contents ul.banner li.section3 span.link { display:inline-block; margin-top:10px;}
#contents ul.banner li.section3 span.link a {float:left;}

#contents #banner_Wrap {background:#eee;}
#contents #banner_Wrap .banner_roll {width:1200px; margin:0 auto;  height:200px;}
#contents #banner_Wrap .banner_roll .partner,
#contents #banner_Wrap .banner_roll .family {width: 50%; overflow: hidden; display: block; height: 100%; float:left; position:relative; font-size:13px; height:230px}
#contents #banner_Wrap .banner_roll h2 {position:absolute; top:20px;}

/* 퀵 배너 */

.banner {padding:0px; position: relative; width:100%; margin:0 auto;}
.banner h2 { position:absolute; left:0px; top:38px; color:#000;}
.banner .hide { display:none;}
.banner .grap { position:absolute; top:55px; height:auto; overflow: hidden;}
.banner .grap .obj {width:100%; position: relative;}
.banner .grap .obj li {margin-right:20px; padding:0; float: left; text-align:center; }
.banner .grap .obj li a {display: block; width:280px;}
.banner .grap .obj li a img {width:100%; margin-bottom:10px; border:1px solid #ddd;}
.banner .grap .obj li a[target='_blank'] {background: none; padding:0px;}
.banner .control { position: absolute; right:20px; top:20px; display:none}
.banner .control .prev, .banner .control .next, .banner .control .stop, .banner .control .play { width:20px; height:20px; border:1px #bebebe solid; font-size:0px; float:left; display: block;}
.banner .control .prev {background:#fff url("../img/bx01_video_prev.png") no-repeat center;}
.banner .control .next {background:#fff url("../img/bx01_video_next.png") no-repeat center; margin-left:-1px;}
.banner .control .stop {background:#fff url("../img/bx01_video_stop.png") no-repeat center; margin-left:-1px;}
.banner .control .play {background:#fff url("../img/bx01_video_play.png") no-repeat center; margin-left:-1px;}
.banner .more a {background: url("../img/banner_cont_bg.gif") no-repeat; border: 0px currentColor; border-image: none; width: 22px; height: 22px; line-height: 0; font-size: 0px; margin-right: 1px; margin-left: 0px; float: left; display:none;}


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

#contents ul.main_service { display:inline-block; width:100%; background:#eee; height:auto;}
#contents ul.main_service li {width:100%; margin:0 auto;}
#contents ul.main_service li.title {text-align:center; margin:50px auto 30px auto;}
#contents ul.main_service li.title span.text1 {font-size:22px; display:inline-block; width:100%; margin-top:0;}
#contents ul.main_service li.title span.text2 {font-size:14px; }

#contents ul.main_service li.service_menu { padding:20px 0;}
#contents ul.main_service li.service_menu a.btn {width:50%; float:left; text-align:center; padding:0 10px; /*height:388px;*/}
#contents ul.main_service li.service_menu a.btn span { display:inline-block; width:100%;}
#contents ul.main_service li.service_menu a.btn span.s_title {/*height:40px;*/ font-size:18px; margin-top:25px; font-weight:bold; color:#000; float:left;}
#contents ul.main_service li.service_menu a.btn span.s_info {font-size:13px; font-weight:normal; margin:10px 0; color:#666; height:38px;}

.banner,
.mobileshownone,
.banner_roll,
.maincontents {display:none;}
}