/*메인*/
.plus_box{display: block; padding: 4.5rem 4rem; height: 191px!important; background: linear-gradient(to bottom right, #ffffff 50%, #fbfbfb 50%); border-radius: 20px; height: 100%; position: relative; overflow: hidden; z-index: 2; box-shadow: 3px 3px 5px rgba(26,41,69,0.3); }
.plus_box:hover::before, .plus_box::before{opacity: 1; visibility: visible; top: 0;}
.plus_box::before{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: linear-gradient(45deg, #3c737d, #45586e); opacity: 0; visibility: hidden; transition: .4s; z-index: -1;}
.plus_box:hover .bigtitle, .plus_box .bigtitle{font-size: 1.3rem; color: #fff;}
.plus_box .bigtitle{display: block; font-size:18px; color: #193e65; letter-spacing: -1px; font-weight: 600; margin-bottom: 2rem; transition: 0.4s;}
.plus_box:hover .subtxt, .plus_box .subtxt{font-size: 1.8rem; color: #fff; line-height: 2.6rem; word-break: break-all; letter-spacing:-1px;}
.plus_box .subtxt{display: block; font-size: 26px; color:#777; line-height: 36px; font-weight: 500; letter-spacing: -0.5px; transition: .4s; word-break: keep-all;}
.plus_box:hover .detaildesc, .plus_box .detaildesc{bottom: 4.2rem; opacity: 0.7; visibility: visible; }
.plus_box .detaildesc{opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; font-size: 15px; color: #99c8e1; font-weight: 300; letter-spacing: -0.03rem; line-height: 20px; transition: .4s; padding: 0 4rem; }
.plus_box::before{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: linear-gradient(45deg, #3c737d, #45586e);  opacity: 0; visibility: hidden; transition: .4s;  z-index: -1;}

.AB-sum-wrap{position:relative;}
.AB-sum-wrap .AB-sum-overlay{display:none; background:url(/template/BUILDER_core9/program/images/sum_overlay_arrow.png) right bottom no-repeat; position:absolute; top:0; left:0;width:100%;height:100%;}
.AB-sum-wrap:hover .AB-sum-overlay{display:block;}
.abline-div-padding.AB-sum-overlay{display:block;position:static;min-height:100px;}

.AB-sum-wrap .AB-sum-overlay { background-position: center center!important; }

.arrowbg { background-color:#ffffff; border-radius: 50px; transition: 0.7s; }
.arrowbg-color-01 .arrowbg:hover {background-color:#ff0000;}
.arrowbg-color-02 .arrowbg:hover {background-color:#ff7700;}
.arrowbg-color-03 .arrowbg:hover {background-color:#ffbd06;}
.arrowbg-color-04 .arrowbg:hover {background-color:#115768;}
.arrowbg-color-05 .arrowbg:hover {background-color:#47b9d0;}
.arrowbg-color-06 .arrowbg:hover {background-color:#2846ab;}
.arrowbg-color-07 .arrowbg:hover {background-color:#5425ac;}
.arrowbg-color-08 .arrowbg:hover {background-color:#333333;}
.arrowbg-color-09 .arrowbg:hover {background-color:#737373;}
.arrowbg-color-10 .arrowbg:hover {background-color:#aaaaaa;}


.main_title_txt{font-size:90px; font-weight:bold; color:#333; text-align:center; font-family: NanumSquareEB; line-height:1em; padding-bottom:25px;}
.main_sub_txt{line-height:1.5em; text-align:center; padding-bottom:55px;}
.main_btn_type_r{color: #ffffff;line-height: 60px;text-align: center;border-radius: 60px;width: 300px;display: inline-block; transition: all 0.7s ease-out;background: linear-gradient(270deg, rgba(28,82,92,0.8), rgba(45,112,125,0.8), rgba(42,108,120,0.3), rgba(27,46,53,0));background-position: 1% 50%;background-size: 300% 300%;}
.main_btn_type_r:hover{background-position: 99% 50%;}

.trend_box{border:1px solid #efefef; letter-spacing:-0.5px;margin-bottom: 20px;border-top: 1px solid #dddddd;background:#fff; border-radius:20px; box-shadow:7px 5px 14px -1px #ccd1db; margin-right:26px; padding:50px 30px; transition: 0.5s; position: relative;}
.trend_box:hover { box-shadow:7px 5px 14px -1px #eaf1f3; border:1px solid #226167; }
.trend_box:hover .trend_subtitle span {background:#1b606d; color:#ffffff;}
.trend_subtitle{color:#666; font-weight:bold;}
.trend_subtitle span{ transition: 0.4s;}
.trend_subtxt{font-size:16px; color:#333333; padding: 22px 20px 0; line-height:26px; border-top:1px solid #ddd; margin-top:23px; transition: 0.7s;}
.trend_tagtxt{font-size:15px; color:#000000; padding: 30px 22px 0; line-height:26px; transition: 0.7s;}
.trend_box:hover .trend_subtxt {border-color:#1b606d;}


.trend_box:hover .-default { display:none;transition: 0.7s;}
.trend_box:hover .-over { display:block !important; }

/*border animation*/

.broan-box{background-color: rgba( 255, 255, 255, 0 ); padding:30px 10px;}
.broan-box:hover{ background-color: rgba( 21, 133, 130, 1 );}
.process-icon-img { display: inline-block; position: relative; overflow: hidden; width:100%;}
    
.process-icon-img:before, .process-icon-img:after, .process-icon-img .icon-inner:before, .process-icon-img .icon-inner:after {content: ""; position: absolute;top: 0; left: 0; width: 0; height: 0;background-color: currentColor; transition: 0.8s ease-in-out; }
.process-icon-img:after{ top: auto; right: 0; bottom: 0; left: auto; }
.process-icon-img .icon-inner:before{ right: 0; left: auto; }
.process-icon-img .icon-inner:after{ top: auto; bottom: 0; }
.process-icon-img:before, .process-icon-img:after { width: 0; height: 2px; color:#ffffff;}
.process-icon-img .icon-inner:before, .process-icon-img .icon-inner:after {width: 2px; height: 0; color:#ffffff; }
.process-icon-img:hover:before, .process-icon-img:hover:after { width: 100%;}
.process-icon-img:hover .icon-inner:before, .process-icon-img:hover .icon-inner:after { height: 100%; }