@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------------------------
	main
	------------------------------------------------------------------------------------------------------------------------------
*/
	.gnbArea .gnb ul li ul.subDep {border-top:none;}
	
	#topVisiual {background:url(../img/main/topVisiual.jpg) center center no-repeat;width: 100%;min-width:1200px;min-height: 800px;position: relative;}
	#topVisiual img {max-width:100%}
	#topVisiual .icon-scroll {text-align: center;position: absolute;bottom: 3%;width: 100%;}
	#topVisiual .icon-scroll a {display: inline-block;width: 25px;height: 50px;cursor:pointer;background:url(../img/main/icon_scroll.png) 0 0 no-repeat;}

	#content {}

	#content.main-content {margin-top: 152px;}
	
		.bghave {background:#f1f1f1}
		.bgPatten {background:#f1f1f1 url(../img/main/bghave.jpg) 0 2px repeat;}
		
		h3.tit {font-size: 30px;font-weight: bold;padding: 60px 0 35px 0;text-align: center;color: #282b32;}
		h4.tit {font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;background:url(../img/main/tit_bar.gif) left bottom no-repeat;color: #333;} 
		p.txt {font-size: 16px;color: #666;line-height: 1.8;} 

		
		dl.box {width: 1200px;}
		dl.box01 dt {float: left;} 
		dl.box01 dd {float: left;padding: 190px 0 0 50px; }

		
		dl.box02_t1 dt {float: left;}
		dl.box02_t1 dd {float: left;padding: 80px 0 0 30px; }
		dl.box02_t2 dt {float: right;}
		dl.box02_t2 dd {float: right;padding-top: 90px;padding: 80px 30px 0 0; }
		dl.box02_t2 dd h4 {text-align: right;background-position: right bottom;}
		dl.box02_t2 dd p {text-align: right;}


		dl.box03_t1 {position: relative;padding-top: 260px;}
		dl.box03_t1 dd {position: absolute;top: 0;left: 0;right: 0;}
		dl.box03_t1 dd h4 {text-align: center;background-position: center bottom;margin-top: 75px;}
		dl.box03_t1 dd p {text-align: center;}
		dl.box03_t2 dd {position: static;}
		dl.box03_t2 dd h4 {text-align: center;background-position: center bottom;margin-top: 75px;}
		dl.box03_t2 dd p {text-align: center;}
		
		
		dl.box04_t1 {margin-bottom: 15px;}
		dl.box04_t1 dt {width: 294px;height: 295px;float: left;}
		dl.box04_t1 dd {width: 294px;height: 295px;background-color: #f2f2f2;float: left;}
		dl.box04_t1 dd h4 {text-align: center;background-position: center bottom;margin-top: 90px;}
		dl.box04_t1 dd p {text-align: center;}

		dl.box04_t2 {}
		dl.box04_t2 dt {width: 294px;height: 295px;float: right;}
		dl.box04_t2 dd {width: 294px;height: 295px;background-color: #f2f2f2;float: right;}
		dl.box04_t2 dd h4 {text-align: center;background-position: center bottom;margin-top: 90px;}
		dl.box04_t2 dd p {text-align: center;}

		dl.box05 dt {margin-bottom: 10px;}
		dl.box05 dd {text-align: center;}
		

		#slide03 > div dl {margin-right: 12px;}
		#slide04 > div dl {margin-right: 12px;}
		#slide04 > div:last-child dl {margin-right: 0px;}

	/* Slide */

.slick-arrow {display:inline-block;width:47px;height:47px;background-color:#FFF;  border: 0;cursor: pointer;position: absolute;top: 50%;font-size: 0;z-index: 1;}
.slick-prev {background: url(../img/main/bt_tab_left.jpg) 0 0 no-repeat;left:-60px}
.slick-next {background: url(../img/main/bt_tab_rigth.jpg) 0 0 no-repeat;right: -60px;}
   
/* Slide Dots */

.slick-dots
{
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
   
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    content: '';
	display: block;
    background: url(../img/main/bt_tab_off.png) 0 0 no-repeat;
}
.slick-dots li.slick-active button:before
{
	background: url(../img/main/bt_tab_on.png) 0 0 no-repeat;    
}