/*reset css*/
*{padding: 0; margin: 0; box-sizing: border-box;}
ol,ul,li{list-style: none; margin: 0;}
.clear:after{content: ""; display: block; clear: both;}
h1,h2,h3,h4,h5,h6{margin: 0;}
img{vertical-align: top;}
a{text-decoration: none;}
/*헤더*/
#page-wrapper{position: relative;}
#page-wrapper header{height: 50px;}
#page-wrapper header h1{
	width:200px; position: absolute; top: 20px; left: 10px;}
#page--wrapper header h1 img{width: 100%;}

#page-wrapper  nav {height: 45px!important; line-height: 45px;}
#page-wrapper  nav ul li {
    height: 45px;
	width:20%;
	float:left;
	text-align: center;
	display:inline-block;
	cursor:pointer;
}

nav{display: none;}


        /*모바일 버전 gnb 메뉴 sub 메뉴*/
        .menu_btn{position: absolute; top: 20px; right: 13px; z-index: 2000; width:30px; height:30px;}
        .mobile_gnb{position: absolute; top: 60px; right: 0; width: 100%; height:auto; background-color: #fff; z-index: 10; display: none; border-top: 1px solid #ddd; border-bottom: 1p solid #ddd;}
        .mobile_gnb_ul{margin-bottom: 0;}
        .mobile_gnb_ul > li{width: 100%; line-height: 60px; border-bottom: 1px solid #ccc; font-size: 19px;
background: #eee;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #eee, #fff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #eee, #fff);
            position: relative;
}
        .mobile_gnb_ul > li a{display: block; height: 100%; padding: 0 20px; font-weight: bold;}
        .mobile_gnb_ul > li:hover> a{text-decoration: none; color:#337fc3; border: 2px solid #337fc3;}
        
/*
        .mobile_util{width: 100%; height: 60px; line-height: 60px; padding-left: 40%; border-bottom: 1px solid #ccc;}
        .mobile_util li{float: left; margin: 0 10px;}
        .mobile_util li a{font-weight: bold; color: #999; font-size: 16px; display: block; height: 100%;}
        .mobile_util li:hover a{color: #2b8dcc;}
        
*/
        .mobile_sub{display: none; width: 100%; height: auto; background-color: #e0e0e0;}
        .mobile_sub > li{width: 100%;  line-height: 60px; border-bottom: 1px solid #ccc;}
        .mobile_sub > li a{display: block; height: 100%; padding: 0 20px; color: #000; font-size: 15px;}
        .mobile_sub > li:hover a{text-decoration: none; color: #000; background-color: #ccc;}


.fa-plus{     -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out;  position: absolute; border-left: 1px solid #ccc; border-right: 1px solid #ccc; right: 0; padding: 20px;}
.fa-plus.open{  
    -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 30px;
    height: 44px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #666;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 10px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 20px;
}

.menu-trigger.active-1 span:nth-of-type(1) {
    -webkit-transform: translateY (10px) rotate (-45deg);
    transform: translateY(10px) rotate(-45deg);
}

.menu-trigger.active-1 span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active-1 span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}
/*모바일 버전 메뉴 끝*/


/*비주얼*/
.slider{position: relative;overflow: hidden;}
.panel{width: 100%; height: 300px; 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(../../_upload/crazysin.km114.kr/main.jpg); }

.panel_center{width:100%; height: 100%; margin: 0 auto;text-align: center;}
.main_copy{text-align: center; margin-top: 60px; color: #325d82;}
.main_copy p{font-size: 20px; font-weight: bold;}
.main_copy h3{font-size: 40px; 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: 0 auto;}
.cont_menu>div{height: 140px; float: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cont_menu>div:nth-child(1){width: 100%; border-left: 1px solid #ddd;}
.cont_menu>div:nth-child(2){width: 100%;  border-left: 1px solid #ddd;}
.cont_menu>div:nth-child(3){width: 100%;  border-left: 1px solid #ddd;}
.cont_menu>div h3{font-size: 19px; font-weight: bold; padding: 0 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; width: 50%;padding-left: 10px;}
.cont_menu>.cs>div p{line-height: 15px;}
.cont_menu>.cs span{font-size: 28px; font-weight: bold; color: #006cb7;}

.widget ul{height: 100%;}
.widget ul li{width: 25%; height: 100%; float: left; text-align: center; font-weight: bold; padding: 20px 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; width: 40%;}

/*갤러리*/
.cont_gallery{width: 100%; height: auto; margin: 25px auto;}
.gall h5{font-size: 17px; font-weight: bold; margin: 20px; margin-bottom: 10px; color: #074b9a;}
.gall{position: relative;}
.gall .more{position: absolute; top: -5px; right: 10px; width: 25px; height: 25px; }
.gall .more a{display: block; height: 100%; line-height: 25px; border: 1px solid #ccc; text-align: center; font-size: 19px;}
.gall .more a:hover{text-decoration: none;}
.carousel{width: 100%; height: 200px; margin: 0 auto; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0;}	
.c_center{width: 91.666666%; height: 100%; margin: 0 auto; overflow: hidden;}
.c_list{width: 420%; height: 100%; margin-left: -51%;}		
.c_list li{float: left; margin:0 1%; width: 10%; height: 100%;}	
.c_list li a{display: block; width: 100%; height: 100%;}	
.c_list li a img{width: 100%; height: 100%; border: 1px solid #ddd; height: 100%;}	
.carousel > p{position: absolute; top:50%; margin-top: -27px; opacity: 0.5; font-size: 20px;}
.prev{left: 0px;}
.next{right: 0px;}


/*영업안내*/
.cont_business{margin: 40px auto;}
.biz h5{font-size: 17px; font-weight: bold; margin: 20px; margin-bottom: 10px; color: #074b9a;}
.biz_list{width: 100%; margin: 0 auto; padding:5px 0; border-top: 1px solid #ccc;}
.biz_list ul{height: auto;}
.biz_list li{float: left; margin:1%; width:48%; height: 190px; 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:50px; 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: 65px;}
.biz_list .biz_text h3{font-size: 18px; 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{background-color: rgba(68,68,68,1);;}
footer .copyright {width: 90%; margin: 0 auto; line-height: 17px;}
.copyright ul {height: auto;}