/*reset css*/
*{padding: 0; margin: 0;}
ol,ul,li{list-style: none; margin: 0;}
.clear:after{content: ""; display: block; clear: both;}
img{vertical-align: top;}
p{margin: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;}
a{text-decoration: none;}
a{text-decoration: none;}

/*헤더*/
.header .header_util{position: absolute; z-index: 10001;}
.header h1 { width:250px; height: 58px;margin-top: 22px; float: left; z-index: 10001; overflow: visible;}
.header h1 a { display:block; height:100%; }
.header h1 a img{width: 100%;}
.header .header_top{top: 35px;}
.header .menu{width: 800px; height: 100%; float: right;}
.header .menu > ul{width: 100%; height: 100%; margin: 0 auto;}
.header .menu > ul > li{height: 100%; line-height: 80px; padding: 0; font-size: 18px;float:left}
.header .menu > ul > li:hover > a {color:#000;}
.header .menu > ul a{color: #000; font-weight: lighter;}
.header .menu > ul li .sub-menu{top: 60px; width: 160%;}
.header .menu > ul li .sub-menu li{ color:#fff; background-color: rgba(0,0,0,0.8); width: 100%; height: 45px; line-height: 22px; text-align: left; min-width: 0; border-bottom: 1px solid #888;}
.header .menu ul li ul li a{display: block; height: 100%; font-size: 15px; font-weight: bold;}
.header .menu ul li ul li:hover{ background-color: rgba(0,0,0,1);}
.header .menu ul li ul li:hover a{ color: #fff;}


/*비주얼*/
 .row-full{
 width: 99.225vw;
 position: relative;
 margin-left: -49.65vw;
 height: auto;
 margin-top: -51px;
 left: 50%;
}
.slider{position: relative;overflow: hidden;}
.panel{width: 100%; height: 480px; margin: 0; border-bottom-width: 0;}
.panel>li{width: 100%; float: left;  height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;background-image: url(/images/skin/tp07/main.jpg); }

.panel_center{width:1150px; height: 100%; margin: 0 auto;text-align: center;}
.main_copy{text-align: left; float: left; margin-top: 120px; color: #325d82; width: 40%;}
.main_copy p{font-size: 20px; font-weight: bold;}
.main_copy h3{font-size: 60px; font-weight: bold;}
.main_menu{width:60%; float:right; margin-top: 60px; height: 370px;}
.main_menu>div{width:44%; height: 100%; float: left; margin: 0 3%; background-color: rgba(255,255,255,0.9); box-shadow: 6px 9px 8px rgba(0,0,0,0.3); border: 1px solid #ddd;}
.main_menu >div > a{padding: 20px; display: block; height: 100%; text-decoration: none; font-size: 13px;}
.main_menu >div:hover a{background-color: rgba(255,255,255,0.8);}
.main_menu >div h3{font-size: 30px;}
.main_menu > div:hover h3{color: #0898de;}
.main_menu > div ul{margin: 0 auto;}
.main_images{width: 100%; height: 140px; margin: 0 auto;}
.main_images img{width: 100%; height: 100%;}


/*컨테이너*/
/*메뉴*/
.cont_menu{margin: 50px auto;}
.cont_menu>div{height: 200px; float: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cont_menu>div:nth-child(1){width: 25%;  border-left: 1px solid #ddd;}
.cont_menu>div:nth-child(2){width: 50%;  border-left: 1px solid #ddd;}
.cont_menu>div:nth-child(3){width: 25%;  border-left: 1px solid #ddd;}
.cont_menu>div h3{font-size: 19px; font-weight: bold; padding: 10px 10px;}

.cont_menu>.cs{background-color: #fff; padding: 20px;}
.cont_menu>.cs h4{font-size: 13px; font-weight: bold; margin: 10px 0;}
.cont_menu>.cs>div{float: left; padding: 0 10px;}
.cont_menu>.cs>div p{line-height: 15px;}
.cont_menu>.cs>div img{width: 70px;}
.cont_menu>.cs span{font-size: 28px; font-weight: bold; color: #006cb7;}

.widget ul li{width: 25%; height: 200px; float: left; text-align: center; font-weight: bold; padding: 50px 0; font-size: 17px; background-color: #006cb7; border-right: 1px solid #ddd;}
.widget ul li:hover{background-color: #4ea4e0;}
.widget ul li a{display: block; height: 100%; color: #fff; text-decoration: none;}
.widget ul li a img{margin-top: 20px;}

.map{background-color: #eee; padding: 20px;}
.map a{display: block; height: 100%; margin-top: 20px;}
.map img{width: 100%;}

.account{background-color: #ddf7ff;}


/*영업안내*/
.cont_business{margin: 40px auto;}
.biz_list{width: 1200px; margin: 0 auto; border: 1px solid #ccc; padding:20px 0;}
.biz_list ul{height: 190px;}
.biz_list li{float: left; margin: 0 1%; width:23%; height: 100%; background-color: #ddd; text-align: center;position: relative; overflow: hidden;}
.biz_list li img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s;}
.biz_list li a{width: 70px; height: 30px; line-height: 30px; margin: 0 auto; border: 1px solid #fff; position: absolute; bottom: 40px; left: 50%; margin-left: -35px; z-index: 2; color: #fff;}
.biz_list li .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.biz_list .biz_text{width: 100%; color: #fff; position: absolute; z-index: 2; padding-top: 50px;}
.biz_list .biz_text h3{font-size: 22px; font-weight: bold;}
.biz_list li:hover .bg{background-color: rgba(0,0,0,0.7);}
.biz_list li:hover img{transform: scale(1.5);}
.biz_list li a:hover {background-color: #006cb7; border: none;}


/*푸터*/
.footer .item { float:left;position:relative;width:100%;margin-left:20px;display:inline-block; }
.footer .item img{width: 200px;}



/*서브페이지*/
.sidebar{margin-top: 0;float: left; border-right: 1px solid #e7e7e7; position: static;}
.sidebar>div h3{font-size: 20px; margin: 10px 0; }
.sidebar>div .submenu{border: 1px solid #ccc;}
.sidebar>div .submenu>li{border-bottom: 1px solid #ccc; font-size: 15px;}
.sdiebar>div .submenu>li>a:hover {background-color: #f5f5f5;}
.submenu>li>a.select{background-color: #006cb7; color: #fff;}
.sidebar>div .submenu>li>ul>li{background-color: #ddd;}
.sidebar>div .submenu>li>ul>li>a{padding-left: 25px; display: block; height: 100%; color: #666; font-size: 13px;}
.sidebar>div .submenu>li>ul>li .glyphicon-chevron-right{float: left; margin-right: 5px;}


.sidebar2{width: 250px; height: 400px;}
.sidebar2>div{width: 88%; margin: 0 auto; float: left;}
.sidebarCs{border: 1px solid #ccc; float: left; padding: 15px; margin-top: 20px;}
.sidebarCs h4{font-size: 13px; font-weight: bold; margin: 10px 0;}
.sidebarCs>div{float: left;}
.sidebarCs>div p{line-height: 15px;}
.sidebarCs>div img{width: 70px;}
.sidebarCs>div span{font-size: 24px; font-weight: bold; color: #006cb7;}

.snsbox{border: 2px solid #ccc; border-radius: 4px; width: 100%; float: left; margin: 30px auto;}
.snsbox>div{float: left; width: 46%; height: 50px; line-height: 50px; margin: 2%; text-align: center; border-radius: 5px; border: 2px solid #ccc;
background: #f2f3f3;
background: -webkit-linear-gradient(to top, #ccc, #fff);
background: linear-gradient(to top, #ccc, #fff);
}
.snsbox>div a{display: block; height: 100%;}
.snsbox>div:hover{ background: #fff;
background: -webkit-linear-gradient(to top, #fff, #e9e9e9);
background: linear-gradient(to top, #fff,#e9e9e9);}

#page-wrapper{margin: 0; float: left; border-left: none; width: 950px; position: static;}
.page-header{margin: 0; border-bottom: 2px solid #ddd}
table th,td{background-color: #fff;}

/*비주얼*/
#visual{width: 100%; height: 300px; background-image: url(../../_upload/crazysin.km114.kr/visual01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}