/**/
.container-section {padding-top:100px;}
.in_none_notice{display: inline-block;}
/**/
#main-visual {}
#main-visual .item {
    height:520px; background:#fff no-repeat center center; background-size:cover;
}
#main-visual .item.item-01 {background-image:url(/images/contents/main/main_visual_01.jpg);}
#main-visual .item.item-02 {background-image:url(/images/contents/main/main_visual_02.jpg);}
#main-visual .item.item-03 {background-image:url(/images/contents/main/main_visual_03.jpg);}
#main-visual .wrap {position:relative; height:100%;}
#main-visual .wrap .rect {
    height:300px; position:absolute; width:100%; margin:auto; top:0; bottom:0;
}
#main-visual p.fc-white {text-shadow:0 0 10px rgba(0,0,0,0.2);}
#main-visual a.arr {
    display:inline-block; padding:10px 60px 10px 20px; border-radius:50px; margin-top:55px;
    background:url(/images/contents/main/arr_bc.png) no-repeat center right 20px #fff;
}
#main-visual .owl-dots {position:absolute; bottom:0; width:100%;}
#main-visual.owl-theme .owl-dots .owl-dot span {background:#fff;}
#main-visual.owl-theme .owl-dots .owl-dot.active span,
#main-visual.owl-theme .owl-dots .owl-dot:hover span {background:#e4001f;}
@media (max-width:1200px) {
    .container-section{padding-top: 80px;}
    .wrap{max-width: 90%;}
    .in_none_notice{display: none;}
}
@media (max-width:768px) {
    /*#main-visual {position:absolute; top:0;}*/
    /*#main-visual .item {height:100vh;}*/
    #main-visual p.fs-70 {font-size:40px; line-height: 1.1; font-weight: 700; margin-bottom: 15px;}
    #main-visual p.fs-20 {font-size:17px; width:80%;}
    
    
}



/*  */
#noticeArea {height:70px; line-height:70px; background:#07348c; z-index:10; color:#fff;}
#noticeArea  p {float:left; font-weight:700;}
#noticeArea div.noticeSlide { width:500px; height:70px; float:left; text-align:left; margin-left:50px; }
#noticeArea div.noticeSlide div.item a {color:#fff;}
#noticeArea div.noticeSlide .slick-arrow {position: absolute; left:-25px; cursor: pointer; margin-top:-5px;}
#noticeArea img.more {float:left; width:30px; cursor:pointer; position: absolute;  top: 18px;}
#noticeArea .slick-vertical .slick-slide {margin-left:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#noticeArea a.btn {width:140px; text-align: center; color: #07348c; background: #fff; border:1px solid #fff; display: block; margin:20px auto; padding:8px 0; position:absolute; right:0; top:-8px; font-weight:700; border-radius:20px;}
#noticeArea a.btn.btn01{right: 150px;}
.in_none{display: inline-block;}

@media screen and (max-width:1200px) {
    #noticeArea div.noticeSlide{width:30%;}
}

@media screen and (max-width:991px) {
    #noticeArea div.noticeSlide {margin-left:36px; width: 30%;}
    #noticeArea .slick-vertical .slick-slide{margin-left:0;}
    #noticeArea div.noticeSlide div.item a{font-size:14px;}
    #noticeArea img.more{float:right;}
    /*#noticeArea a.btn{top:30px; width:48%;}*/
    #noticeArea a.btn{width:110px;}
    #noticeArea a.btn.btn01{right: 125px;}
    #noticeArea a.btn.videoB{right:inherit;}
}

@media screen and (max-width:650px) {
    #noticeArea{position: relative; height: 125px;}
    #noticeArea div.noticeSlide{width: 50%; overflow: hidden;}
    #noticeArea a.more_cover{position: absolute; right: 30px; top: 0;}
    #noticeArea a.btn{top: 45px;}
    #noticeArea a.btn.btn01{right: 120px;}
    .in_none{display: none;}
    
}
/*  */
.main-box {padding:55px 0 65px;}


/*  */
#hanbit-product {background:#e5eefb;}
#hanbit-product .ep-head {position:relative; margin:0 0 50px 0;}
#hanbit-product .ep-head .product-more {position:absolute; right:0; bottom:2px;}
#hanbit-product .ep-head .product-more div{background:url(/images/contents/main/more_btn.png) no-repeat; width:30px; height:8px;}
#hanbit-product .ep-body {display:flex; flex-wrap:wrap; justify-content: space-between;}
/* #hanbit-product .ep-body .item {
    flex:0 0 20%; width:20%; max-width:20%; box-sizing:border-box; border:1px solid #ddd; border-right:0;
    background:#fff; 
} */
#hanbit-product .ep-body .item {
    flex:0 0 25%; width:25%; max-width:25%; box-sizing:border-box; border:1px solid #ddd; border-right:0;
    background:#fff; 
}
#hanbit-product .ep-body .item:last-child {border-right:1px solid #ddd;}
#hanbit-product .ep-body .item .pimg {background:#fff; text-align:center;}
/* #hanbit-product .ep-body .item .pimg img {max-width:100%; max-height:100%;} */
#hanbit-product .ep-body .item .pimg img {max-width:100%; max-height:100%; width: 100%;}
#hanbit-product .ep-body .item .info {padding:15px 20px; text-align:center; height:160px; }
#hanbit-product .ep-body .item .info .name,
#hanbit-product .ep-body .item .info .name a {font-weight:bold; margin:0 0 11px 0; line-height:1; height:30px;}
#hanbit-product .ep-body .item .info .text,
#hanbit-product .ep-body .item .info .text a {color:#333; word-break:keep-all; line-height: 1.4;}

@media (max-width:1200px){
    
    #hanbit-product .ep-body .item .info .text, #hanbit-product .ep-body .item .info .text a{font-size: 14px; line-height: 1.3;}
    #hanbit-product .ep-head {margin:0 0 30px 0;}
}

@media (max-width:900px){
    #hanbit-product .ep-head .product-more {bottom:10px;}
    #hanbit-product .ep-body .item .info .name, #hanbit-product .ep-body .item .info .name a{font-size: 17px;}
    #hanbit-product .ep-body .item {flex:50%; width:50%; max-width:50%;}
    #hanbit-product .ep-body .item:nth-child(1),
    #hanbit-product .ep-body .item:nth-child(2) {border-bottom:0;}
    #hanbit-product .ep-body .item:nth-child(2) {border-right:1px solid #ddd;}
}

@media (max-width:576px) {
    
    #hanbit-product .ep-body .item {flex:100%; width:100%; max-width:100%; border:1px solid #ddd; border-bottom:0;}
    #hanbit-product .ep-body .item:last-child {border-bottom:1px solid #ddd;}
    #hanbit-product .ep-body .item .info .name, #hanbit-product .ep-body .item .info .name a{font-size: 19px;}
}

/**/
#business-area {background:url(/images/contents/main/cts03_bg.jpg) center center; background-size:cover;}
#business-area .wrap {display:flex; flex-wrap: wrap; justify-content: space-around; width:100%;}
#business-area .wrap .box {}
#business-area .wrap .box-1 {flex:0 0 42%; width:42%; max-width:42%; }
#business-area .wrap .box-2 {flex:0 0 27%; width:27%; max-width:27%; }
#business-area .wrap .box-3 {flex:0 0 27%; width:27%; max-width:27%; }
#business-area .item {
    background-size:cover; background-repeat:no-repeat; background-position:center center; padding:40px;
    position:relative;
}
#business-area .item .rect {width:100%; height:100%; position:relative;}
#business-area .item .bottom {position:absolute; bottom:0; width:100%;}
#business-area .item .en {font-size:20px; color:#fff;}
#business-area .item .ko {font-size:25px; font-weight:500; color:#fff;}
#business-area .item .tx {margin:10px 0 0 0; color:#fff;}
#business-area .item a.arr {position:absolute; right:50px; bottom:10px;}
#business-area .item a.arr img {position:relative; z-index:100;}
#business-area .item a.arr::before {
    content:''; background:#494949; width:40px; height:40px; position:absolute; z-index:10; left:8px;
    border-radius:100%; top:-5px;
}
#business-area .item a.arr.purple::before {background:#3e61a4;}
#business-area .item a.view_now{}
#business-area .item-1,
#business-area .item-3 {height:330px; margin:0 0 15px 0;}
#business-area .item-2,
#business-area .item-4 {height:170px;}
#business-area .item-1 {background-image:url(/images/contents/main/ba_01.png);}
#business-area .item-1 .en {color:#606264;}
#business-area .item-1 .ko {color:#000;}
#business-area .item-1 .tx {color:#606264;}
#business-area .item-2 {background:rgba(51,51,51,0.95); height:170px;}
#business-area .item-2 .en {}
#business-area .item-2 .ko {}
#business-area .item-2 .tx {}
#business-area .item-3 {background-image:url(/images/contents/main/ba_03.png); height:330px;}
#business-area .item-3 .en {}
#business-area .item-3 .ko {}
#business-area .item-3 .tx {}
#business-area .item-4 {background:rgba(7,52,140,0.95); height:170px;}
#business-area .item-4 .en {color:#43d0f2;}
#business-area .item-4 .ko {}
#business-area .item-4 .tx {}
#business-area .item-5 {background-image:url(/images/contents/main/ba_05.png); height:100%; background-position: center bottom;}
#business-area .item-5 .en {}
#business-area .item-5 .ko {}
#business-area .item-5 .tx {}

@media (max-width:1200px){
    #business-area .wrap .box-1,
    #business-area .wrap .box-2,
    #business-area .wrap .box-3 {flex:0 0 100%; width:100%; max-width:100%; margin-bottom:15px;}
    #business-area .item {height:auto;}
    #business-area .item br {display:none;}
    #business-area .item .bottom {position:relative;}
    #business-area .item .en {margin-bottom:30px;}
    
}
@media (max-width:600px){
    #business-area .item{padding:40px 30px;}
    #business-area .item-5{background-position: center bottom -50px;}
}
@media (max-width:350px){
    #business-area .item-5{background-position: center bottom;}
}