/**/
.container-section {padding-top:100px;}

/**/
#main-visual {}
#main-visual .item {
    height:510px; 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:260px; 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:20px 55px 20px 20px; border-radius:50px; margin-top:55px;
    background:url(/images/contents/main/arr_bc.png) no-repeat center right 20px #fff;
    transition: 0.3s;
}
#main-visual a.arr:hover{background-color: #f1f1f1f1;}
#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:#1bc1f3;}

@media (max-width:768px) {
    #main-visual .item.item-01 {background-image:url(/images/contents/main/main_visual_m01.jpg);}
    #main-visual .item.item-02 {background-image:url(/images/contents/main/main_visual_m02.jpg);}
    #main-visual .item.item-03 {background-image:url(/images/contents/main/main_visual_m03.jpg);}
    /*#main-visual {position:absolute; top:0;}*/
    /*#main-visual .item {height:100vh;}*/
    #main-visual p.fs-70 {font-size:40px; line-height: 1.17;}
    #main-visual p.fs-20 {font-size:17px; width:80%;}
}
@media (max-width:768px) {
    
    #main-visual .item {height:450px;}
    #main-visual .item.item-01 {background-image:url(/images/contents/main/main_visual_mm01.jpg);}
    #main-visual .item.item-02 {background-image:url(/images/contents/main/main_visual_mm02.jpg);}
    #main-visual .item.item-03 {background-image:url(/images/contents/main/main_visual_mm03.jpg);}
    #main-visual p.fc-white {text-shadow:0 0 10px rgba(0,0,0,0.6);}
}


/**/
.main-box {padding:55px 0 65px;}

/**/
#boards {background:#eff5ff; min-height:360px; overflow:hidden;}
#boards .wrap {display:flex; min-height:240px;}
#boards .boards-head {flex:0 0 250px; width:250px; max-width:250px;}
#boards .boards-head ul {width:70%; border-bottom:1px solid #dddddd;}
#boards .boards-head li {margin-bottom:1px;}
#boards .boards-head a {
    display:block; position:relative; font-size:17px; padding:12px 20px 10px 20px; border-radius:16px;
    transition:all 200ms; cursor:pointer;
}
#boards .boards-head a::after {
    content:'+'; position:absolute; margin:auto; color:#ddd; font-size:28px; top: 0; right: 15px; bottom:0; left:auto;
    width:20px; height:20px; line-height:20px; text-align:center;
}
#boards .boards-head a.active {color:#fff; background:#1bc1f3;}
#boards .boards-body {
    display:flex; flex-wrap: wrap; width:100%; height:100%; min-height:240px; justify-content:space-between;
    position:relative;
}
#boards .boards-head a:hover {opacity: 0.7;}

#boards .boards-body .post {flex:0 0 30%; width:30%; max-width:30%;}
#boards .boards-body .post .icon {margin:0 0 20px 0;}
#boards .boards-body .post .icon span {
    border-radius:10px; font-size:11px; color:#1bc1f3; background:#e3f9ff; font-weight:bold;
    display:inline-block; padding:3px 6px; border:1px solid #1bc1f3;
}
#boards .boards-body .post .subject,
#boards .boards-body .post .subject a {font-size:22px; margin:0 0 26px 0; max-width:285px;}
#boards .boards-body .post .date {font-size:17px; color:#888; border-bottom:1px solid #ddd; padding:0 0 26px 0;}
#boards .boards-body .post .content,
#boards .boards-body .post .content a{margin:26px 0 0 0; font-size:17px; color:#888;}

#boards .boards-body .post .subject,
#boards .boards-body .post .subject a:hover{opacity: 0.7;}

@media (max-width:1200px){
    #boards .wrap {flex-wrap: wrap;}
    #boards .boards-head {flex:0 0 100%; width:100%; max-width:100%;}
    #boards .boards-head ul {width:100%; display:flex; margin:0 0 10px 0; padding:0 0 10px 0;}
    #boards .boards-head ul li {}
    #boards .boards-head ul li a {padding-right:50px;}
    #boards .boards-body {flex:0 0 100%; width:100%; max-width:100%;}
}

@media (max-width:768px){
    #boards { padding-bottom: 10px;}
    #boards .boards-body {}
    #boards .boards-body {}
    #boards .boards-body .post {flex:0 0 100%; width:100%; max-width:100%; margin-bottom:30px;}
    #boards .boards-body .post .icon {margin-bottom:10px;}
    #boards .boards-body .post .icon span{right: 60px;}
    #boards .boards-body .post .subject,
    #boards .boards-body .post .subject a {margin-bottom:10px; font-size: 16px;}
    #boards .boards-body .post .date {padding-bottom:10px; margin-bottom:10px; font-size: 14px;}
    #boards .boards-body .post .content,
    #boards .boards-body .post .content a {margin-top:10px; font-size: 14px;}
    
}

/**/
#edam-product {background:linear-gradient(to right,#e9eef6 65%, #fff 65%); overflow:hidden;}
#edam-product .ep-head {position:relative; margin:0 0 50px 0;}
#edam-product .ep-head .product-category {position:absolute; right:0; bottom:0;}
#edam-product .ep-head .product-category a {margin:0 0 0 24px; transition: 0.2s; font-size: 15px;}
#edam-product .ep-head .product-category a.active {font-weight:bold; position:relative;}
#edam-product .ep-head .product-category a.active::before {
    content:''; display:block; position:absolute; width:6px; height:6px; border-radius:100%;
    background:#1bc1f3; margin:auto; top:-8px; right:0; bottom:auto; left:0;
}
#edam-product .ep-head .product-category a:hover{opacity: 0.7;}
#edam-product .ep-body {display:flex; flex-wrap:wrap; justify-content: flex-start; min-height:498px;}
#edam-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;
}
#edam-product .ep-body .item:last-child {border-right:1px solid #ddd;}
#edam-product .ep-body .item .pimg {background:#f8f8f8; text-align:center; height:340px; position:relative;}
#edam-product .ep-body .item .pimg img {max-width:80%; max-height:76%; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; filter: drop-shadow(5px 5px 5px rgba(119,92,56,0.25)); -webkit-filter: drop-shadow(5px 5px 5px rgba(119,92,56,0.25));}
#edam-product .ep-body .item .info {padding:0 20px; text-align:center; height:153px; overflow:hidden;}
#edam-product .ep-body .item .info .name.ellipsis {white-space:normal;}
#edam-product .ep-body .item .info .name,
#edam-product .ep-body .item .info .name a {font-weight:bold; margin:15px 0; line-height:1.1; height:43px;}
#edam-product .ep-body .item .info .text,
#edam-product .ep-body .item .info .text a {color:#333; word-break:keep-all; line-height:1.1;}

#edam-product .ep-body .item .info .name a:hover{opacity: 0.8;}
#edam-product .ep-body .item .info .text a:hover{opacity: 0.8;}

@media (max-width:1200px){
    #edam-product .ep-head{text-align: center; margin-bottom: 30px;}
    #edam-product .ep-head .float-left{ float:none !important;}
    #edam-product .ep-head .product-category{ display: inline-block; float:none !important; margin: 30px 0 0 0; position: inherit;}
    #edam-product .ep-head .product-category a {margin:0 10px;}
    #edam-product .ep-body{}
    #edam-product .ep-body .item .info .name, #edam-product .ep-body .item .info .name a{margin-bottom: 10px; font-size: 20px;}
    #edam-product .ep-body .item .info{height: 120px;}
}
@media (max-width:900px){
    #edam-product {background:#e9eef6;}
    #edam-product .ep-head .product-category {}
    #edam-product .ep-body .item {flex:50%; width:50%; max-width:50%;}
    #edam-product .ep-body .item:nth-child(1),
    #edam-product .ep-body .item:nth-child(2) {border-bottom:0;}
    #edam-product .ep-body .item:nth-child(2) {border-right:1px solid #ddd;}
}

@media (max-width:576px) {
    #edam-product .ep-body .item {flex:100%; width:100%; max-width:100%; border:1px solid #ddd; border-bottom:0;}
    #edam-product .ep-body .item:last-child {border-bottom:1px solid #ddd;}
}

/**/
#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:10px; bottom:10px;}
#business-area .item a.arr img {position:relative; z-index:100;}
#business-area .item a.arr::before {
    content:''; background:#565a61; width:40px; height:40px; position:absolute; z-index:10; left:8px;
    border-radius:100%; top:-5px;
}
#business-area .item a.arr.purple::before {background:#4a4aae;}
#business-area .item-1,
#business-area .item-3 {height:330px; margin:0 0 15px 0; position: relative; z-index: 999;}
#business-area .item-2,
#business-area .item-4 {height:170px; position: relative; z-index: 999;}
#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(69,69,69,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(58,58,163,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; position: relative; z-index: 999;}
#business-area .item-5 .en {}
#business-area .item-5 .ko {}
#business-area .item-5 .tx {}

#business-area .item-1::after {position: absolute; content: ""; width: 100%; height: 330px; border: 5px solid #1B8AD7; top: 0; left: 0; z-index: -1; transition: opacity 0.3s ease; opacity: 0;}
#business-area .item-2::after {position: absolute; content: ""; width: 100%; height: 170px; border: 5px solid #1B8AD7; top: 0; left: 0; transition: opacity 0.3s ease; opacity: 0;}
#business-area .item-3::after {position: absolute; content: ""; width: 100%; height: 330px; border: 5px solid #1B8AD7; top: 0; left: 0; z-index: -1; transition: opacity 0.3s ease; opacity: 0;}
#business-area .item-4::after {position: absolute; content: ""; width: 100%; height: 170px; border: 5px solid #1B8AD7; top: 0; left: 0; transition: opacity 0.3s ease; opacity: 0;}
#business-area .item-5::after {position: absolute; content: ""; width: 100%; height: 100%; border: 5px solid #1B8AD7; top: 0; left: 0; z-index: -1; transition: opacity 0.3s ease; opacity: 0;}

#business-area .item-1:hover::after {opacity: 1;}
#business-area .item-2:hover::after {opacity: 1;}
#business-area .item-3:hover::after {opacity: 1;}
#business-area .item-4:hover::after {opacity: 1;}
#business-area .item-5:hover::after {opacity: 1;}

@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;}
    #business-area .item-5 {}
}
@media (max-width:430px){
    #business-area .item-5 {background-position:center bottom -84px;}
}