@charset "utf-8";
/* CSS Document */


/*중앙컨텐츠*/


#content {position: relative; width: 100%; clear: both; margin: 0 auto; }


    /*공통*/
    .cnt_tit {width: 365px; text-align: left; float: left; margin-top: 30px;}
    .cnt_tit .eng {text-transform: uppercase; font-family: -webkit-pictograph; text-decoration: underline; letter-spacing: -0.015rem; font-size: 23px; color: #333; margin-bottom: 30px;}
    .cnt_tit h2.tit {font-size: 32px; color: #333}
    .cnt_tit h2.tit span {font-size: 70px; display: block; color: #333}    
    .main_cnt {width: 935px; float: right;margin-top: 30px;margin-bottom: 30px}
    .cnt_1300 {width: 1300px; margin: 0 auto}
    

    /*업무분야*/
    #part {width: 100%; height: 280px; background: #f6f6f6; overflow: hidden; border-bottom: 20px solid #e2e9f0;}
    #part .cnt_tit1 h2.tit1 {text-align: center; margin: 55px 0 35px 0; font-size: 32px; color:#333}



    #part .part_menu li {float: left;margin-right: 9px; _background-color: #f0f;width: 95px; display: block;padding-left: 4px;margin-bottom: 15px}

    #part .part_menu li .round {width: 90px; height: 90px;  border-radius: 45px; background-color: #2991c6; position: relative;margin-bottom: 10px;}
    #part .part_menu li .round img{width: 80%; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%);}
	#part .part_menu li .round:hover {background-color: #004466; transition:all 1s; -webkit-transition:all 1s; z-index:10; opacity:0.9;}
  
    #part .part_menu li p{font-size:16px; line-height: 20px; color:#333;text-align: center; }
    
    
    /*비쥬얼*/
	#main_visual { position: relative;  width: 2000px;  height: 900px;  margin: 0 auto;   left: 50%;  margin-left: -1000px;   overflow: hidden;background: url(../images/main/visual.jpg) no-repeat center;top: -53px;}
	#main_visual .img {width:1300px; margin:0 auto; position: absolute;  top: 46%; left: 17%; padding: 0 40px 0 40px;}
	#main_visual .img li {float:left; margin-right:20px;     border-radius: 8%; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);  height: 340px;}
	#main_visual .img li:last-child{margin-right:0px;}
	
	#you_ { width: 1500px;    position: relative;    margin-bottom: 100px;    overflow: hidden; margin:0 auto;}
	#youtube { width: 1300px;    margin: 0 auto;    overflow: hidden;}
	#tit02 {margin-bottom:50px;}
	#ban_wrap .bx-wrapper .bx-prev {  left: 30px;  background: url('../images/main/prev_arrow.png') no-repeat 0 0;}
	#ban_wrap .bx-wrapper .bx-next {  right: 30px;  background: url('../images/main/next_arrow.png') no-repeat 0 0;}
	#ban_wrap .bx-wrapper .bx-controls-direction a {  position: absolute;  top: 72%;  margin-top: -16px;  outline: 0;  width: 43px;  height: 48px;  text-indent: -9999px;  z-index: 9987;}
	#ban_wrap .bx-wrapper .bx-controls-direction a.disabled {  display: none;}



/*띠 배너*/
	.banner, .banner02  {position: relative;  width: 1300px;   margin: 0 auto;   overflow: hidden; }
	.banner02 {margin-bottom:50px;}
	.banner ul { margin-top:50px;overflow: hidden;  height: 127px;}
	.banner ul li, .banner02 ul li{float:left; margin-right:4px;}
	.banner ul li:last-child, .banner02 ul li:last-child {margin-right:0px;}

    /*오시는길*/
    #main_map {width: 100%; height: 750px }
    #main_map .bg {width: 100%; height: 420px; background: #2991c6 ; position: relative}
    #main_map .map_box {padding: 50px; background: #fff; position: absolute; top: 60px; left: 50%; margin-left: -650px; box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.2)}
    #main_map .map_box .map_left {width: 620px; float: left; margin-left: 40px}
    #main_map .map_box .map_left .tit {font-size: 32px; margin-bottom: 25px; color: #2991c6}
    #main_map .map_box .map_right {width: 600px; float: left; margin-top: 50px;}
    #main_map .map_box .map_right .add p {background: url(../images/main/add_ico.jpg) no-repeat left 7px; padding: 0 0 13px 55px; border-bottom: 1px solid #ddd; color: #333; }
    #main_map .map_box .map_right .add span {display: block; color: #333;}
    #main_map .map_box .map_right .call p {background: url(../images/main/call_ico.jpg) no-repeat left 7px; padding: 0 0 13px 55px; border-bottom: 1px solid #ddd; color: #333; margin-top: 20px;}
    #main_map .map_box .map_right .call strong {display: block; color: #3899d4; font-size: 25px; font-weight: 700; text-transform: uppercase; margin-top: 5px;}
    
	/*지점안내 슬라이더*/
	#sliderbtn {position: relative; width: 1300px; height: 243px; margin: auto; margin-bottom: 60px; overflow: hidden;}
	.map ul li {float:left;}
	#sliderbtn #btn3 {position: absolute; right: 365px; top: 3px;}
	#sliderbtn #btn3 .content01,#sliderbtn #btn3 .content02 {float: right; width: 280px; position: absolute; top: 10px; right: 237;}
	#sliderbtn #btn3 .content01 li:first-child {font-size: 20px; color:#222; font-weight:500;margin-top: -8px;}
	#s_line {width: 365px; height: 1px; background: #4d5258; position: absolute;  left:0px; top: 40px;}
	#bt {position: absolute;  right: -70px;    top: -12px;}

	#sliderbtn #btn3 .content02 li:first-child {padding-top:45px;}
	.content02 li {font-size:17px; color:#555; width: 364px; margin-top:4px;}
	 .content02 li span{float:right; font-size:16px; color:#aeaeae;}


	.aim {position: relative;overflow: hidden;margin: 0; clear: both;padding: 0;}
	.aim a {background-position: center center; cursor: pointer; display: block; overflow: hidden; position: relative; float: left; text-decoration: none;}
	.aim a:hover,	.aim a:visited { text-decoration: none; }
	.aim ul { list-style: none; }
	.aim li { display: block; overflow: hidden; float: left;	}
	.aim a span{background:#555; display:block; width:100%; height:100%;}
	/*.aim a span span{ color: #FFFFFF; bottom: 0px; left: 0px; width: 100%; display: block; padding: 8px 8px 0px; position: absolute; background: #000; font-size: 15px; height: 120px; line-height: 130%;}*/
	.aim a span span pre{color:#fff;}
	/*메인 중간 슬라이더 끝*/