/* ********************************************* *
    main section 01
* ********************************************* */
.main_section01{width: 100%; position: relative;}
.main_section01 .main_topbanner{position: absolute; z-index: 10; width: 100%;top: 330px; left: 0;}
.main_topbanner h1{font-size: 70px; line-height: 1; padding-bottom: 20px;}
.main_topbanner p{font-size: 20px; line-height: 1;}
.main_topbanner .btn_con{padding-top: 55px;}

.main_slide_container{width: 100%; height: 960px; overflow: hidden; position: relative}
.main_slide_container::after{width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; opacity: 0.7!important; content: ""; z-index: 0; background: #111;}
.main_slide_container .pic01{width: 100%; height: 960px; background: url(/HANAENG/img/main/main_temp01.jpg)no-repeat; background-size: cover; background-position: center;}
.main_slide_container .pic02{width: 100%; height: 960px; background: url(/HANAENG/img/main/main_temp02.jpg)no-repeat; background-size: cover; background-position: center;}
.main_slide_container .pic03{width: 100%; height: 960px; background: url(/HANAENG/img/main/main_temp03.jpg)no-repeat; background-size: cover; background-position: center;}


.owl-nav>button{width:60px; height: 60px; top: 50%; margin-top: -16px; z-index: 80; background-color: transparent; position: absolute; 
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
  outline: none; border-radius: 32px!important;}
.owl-nav>button img{ width: 32px; height: 32px; left:50%; margin-left:15px; opacity: 0.5; }
button.owl-prev, button.owl-next{ position: absolute; background-color: transparent; border-radius: 35px; }
.owl-nav>button:hover img{opacity: 1;}
.owl-theme .owl-nav>button:hover{background: none!important; border: 2px solid #125ad3!important; box-sizing: border-box!important;}

.owl-prev{left:100px;}
.owl-next{right:100px}


/* ********************************************* *
    main section 02
* ********************************************* */
.main_section02{padding: 95px 0 110px;}
.main_section02 .hana_logo{width: 297px; padding-bottom: 50px;}
.main_section02 .text_container{font-size: 18px;}


/* ********************************************* *
    main section 03
* ********************************************* */

.main_section03{width: 100%; height:476px; background-attachment: fixed; position: relative;z-index: 0;  padding: 116px 0; background: url(/HANAENG/img/main/sec03.jpg)no-repeat; background-size: cover; background-position:center;}
.main_section03::after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5!important; content: ""; z-index: -1; background: #111;}

.main_section03 li{width: 25%; float: left; padding:10px; text-align: center; position: relative;}
.main_section03 li .inner{border: 1px solid #fff; padding: 23px; height: 238px; 
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;}
.main_section03 li:hover>.inner{border:1px solid #125ad3; box-shadow: 0 0 3px 0 #0bcdff; }
.main_section03 .icon_con i{display: block;  background-size: cover; background-position: center;}
.main_section03 h4{font-size: 20px; padding:20px 0 10px;}
.main_section03 p{color:#c5c5c5; font-size: 16px;;}
.icon01{width: 43px; height: 34px; background: url(/HANAENG/img/main/main_icon01.png)no-repeat; }
.icon02{width:61px; height: 34px; background: url(/HANAENG/img/main/main_icon02.png)no-repeat; }
.icon03{width:34px; height:34px; background: url(/HANAENG/img/main/main_icon03.png)no-repeat; }
.icon04{width:34px; height:34px; background: url(/HANAENG/img/main/main_icon04.png)no-repeat; }

.main_section03 .btn_con{position: absolute; bottom: 26px; left: 50%; margin-left:-60px}

/* ********************************************* *
    main section 04
* ********************************************* */
.main_section04 {padding:100px 0 150px;}
.main_section04 .map{width: 100%; height: 375px; }
.main_section04 .map li{width: 50%; height: 100%; float: left;}
.main_section04 .map li img{height: 100%;}
.main_section04 .info{width: 70%; margin: 0 auto; padding-top: 45px;}
.main_section04 .info li{ width: 25%; float: left;}
.main_section04 .info li h4{font-size: 18px; position: relative;}
.main_section04 .info li h4::after{position: absolute; content: ""; bottom: 0; width: 20px; height: 1px; background-color:#125ad3; left:50%; margin-left: -10px;}
.main_section04 .info li p{color: #555; font-size: 16px; font-family: 'NanumSquare', sans-serif!important; padding-top: 10px;}