@charset "UTF-8";

.sub01_05 #body_layout .body_wrap{max-width:none;padding-bottom: 0;margin-bottom: -100px;padding-top: 160px;}
.sub01_05 #body_layout .body_wrap .page__title{text-align:center}

.HongboBrochreList{overflow: hidden;position: relative;padding-top:96px;}
.HongboBrochreList:before{content: "";display: block;position: absolute;top:96px;right:0;width:50%;height:100%;background-color:#f6f6f6;z-index: 0;}
.HongboBrochreList .hongbo{position: relative;min-height:1287px;}
.HongboBrochreList .hongbo:before,
.HongboBrochreList .hongbo:after{content: "";display: block;position: absolute;width:50%;height:99px;top: 0;z-index:0;}
.HongboBrochreList .hongbo:before{left:0;background-color:#e53123}
.HongboBrochreList .hongbo:after{right:0;background-color:#2e3e73}
.HongboBrochreList .hongbo .layout{display:flex;z-index: 10;}
.HongboBrochreList .hongbo .card{}
.HongboBrochreList .hongbo .card .card-header{display:block;width:100%;height:98px;position:relative}
.HongboBrochreList .hongbo .card .card-header:before{content:'';position:absolute;top: -74px;width:184px;height:169px;}
.HongboBrochreList .hongbo .card .card-body{padding:105px 0;}
.HongboBrochreList .hongbo .card .card-header strong{display:block;padding: 32px;font-size:27px;font-family: 'score';color:#fff;line-height: 1;}
.HongboBrochreList .hongbo .BrochureList .card .card-header strong{padding-left:69px;}
.HongboBrochreList .hongbo .BrochureList .card .card-body{padding-left:47px;}

.HongboBrochreList .hongbo .BrochureList .card .card-header:before{right:-3px;top: -47px;background: url(/images/prog/title-obj2.png) no-repeat;}
.HongboBrochreList .hongbo .VideoList .card .card-header:before{right:30px;top: -52px;background: url(/images/prog/title-obj1.png) no-repeat;}
.HongboBrochreList .hongbo .VideoList .card .card-header strong{padding-left:0px;}



.HongboBrochreList .hongbo .VideoList .card .card-body{padding-right:47px;}


.HongboBrochreList .hongbo .card .card-body .button{margin-top:53px;text-align:center}
.HongboBrochreList .hongbo .card .card-body .button .more{display:inline-block;padding: 13px 58px 13px 16px;text-align:left;border:2px solid #4c4d59;min-width: 180px;}


.HongboBrochreList .hongbo .card .card-body .list-video{display: flex;justify-content: flex-start;align-items: center;margin-bottom:50px;margin-top:10px;flex-direction: row;flex-flow: wrap;}
.HongboBrochreList .hongbo .card .card-body .list-video .item {width: 50%;position:relative;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .video{position:relative;margin-bottom: 45px;padding-bottom: 0;/* min-height: 195px; */}
.HongboBrochreList .hongbo .card .card-body .list-video .item .video:after{content:"";display:block;position:absolute;left:-15px;bottom: -12px;width:calc(100% + 30px);height:9px;background-color:#f7f6f6;border-top:1px solid#e2e1e1;border-bottom:1px solid #e2e1e1;box-shadow:0px 5px 5px rgba(0,0,0,0.1);z-index: 5;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner{padding:15px;display:block;position:relative;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a{display:block;width:100%;position: relative;/* background: #000; */}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a:after {content: " ";display: block;opacity: 0;width: 100%;height: 206px;position: absolute;left: 0;top: 0;transition: all .3s ease;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a:before {content: " ";z-index: 999;display: block;width: 20px;height: 100px;opacity: 0;position: absolute;top: -12px;right: 8px;transition: all .25s;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABhCAYAAABh23lYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgB7dxPTsJAHMXxN7Xu3UhigobxJHACvQFwAr2BcgO8AZxE7uGiDZiQyEIW7oSOUyKbKgLS8u+9b9JNF818fum0XdWUhy9VEDZBGIdBGD6DsFM3bQYgTnjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNZ2hR/7o+UcmnCIsaNCbLcU/RR8oB1bO/4+17l8ixoGeIBBBVvMXI0ih+L7Df2j8iiqnvgh+AVVUXDOTZvF4tNb2qC7DJ1tNgSDO78tblFQxeE92l+0NSjZDjaoMowqyYl7hDF15JzL+x+YHtxLgFq/ZO2m8LT4wsb90nUjmMD61XaRc7ng5+jBua29ntsecq6oIWyELxqdLe8h/GvPp+h0T28D/FezZ8Ip7pHgZt3X5NoPvH1BZ5sNIUTDL7C+6hBWxxt0gk+00tsOe96qH0zL8GO4pBtMg/YhoLMtG8Ii/EpfY4fSoiFk8UeFzpYdwhz/jiNGZ0uHEBjUEzftohJFZyAsdX8BM0/amLC3spYAAAAASUVORK5CYII=');background-size: 16px;background-repeat: no-repeat;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner .subject{display:block;font-size: 14px;color:#797172;line-height: 1.4;max-height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .coverDesign {position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;display: flex;justify-content: space-between;align-items: center;background-repeat: no-repeat;background-size: cover;/* background: #000; */border-radius: 0 5px 5px 0;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .coverDesign:after {background-image: -webkit-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image: -moz-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image: linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a:hover {cursor: pointer;/* transform: rotateY(-28deg) rotateZ(-2deg) scale(1.02); */-webkit-backface-visibility: hidden;/* box-shadow: 1px 3px 2px #f8e9d1, 20px 8px 0 #e7d5b7; */}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a:hover:after {/* content: " "; */display: block;opacity: 1;/* width: 100%; */height: 206px;/* position: relative; *//* left: 8px; */background: linear-gradient(-180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 60%);}
.HongboBrochreList .hongbo .card .card-body .list-video .item .inner a:hover:before {transform: translateY(9px);opacity: 1;}

.HongboBrochreList .hongbo .card .card-body .list-brochure{display: flex;justify-content: flex-start;align-items: center;margin-bottom:50px;margin-top:10px;flex-direction: row;flex-flow: wrap;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item {width:33.333333%;position:relative; height:310px}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book{position:relative;margin-bottom: 31px;padding-bottom: 0;min-height: 194px;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book:after{content:"";display:block;position:absolute;left:-15px;bottom: -12px;width:calc(100% + 30px);height:9px;background-color:#f7f6f6;border-top:1px solid#e2e1e1;border-bottom:1px solid #e2e1e1;box-shadow:0px 5px 5px rgba(0,0,0,0.1);z-index: 5;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner{padding:15px;display:block;position:relative;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a{display:block;width:100%;position: relative;/* background: #000; */}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a:after {content: " ";display: block;opacity: 0;width: 100%;height: 206px;position: absolute;left: 0;top: 0;transition: all .3s ease;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a:before {content: " ";z-index: 999;display: block;width: 20px;height: 100px;opacity: 0;position: absolute;top: -12px;right: 8px;transition: all .25s;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABhCAYAAABh23lYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgB7dxPTsJAHMXxN7Xu3UhigobxJHACvQFwAr2BcgO8AZxE7uGiDZiQyEIW7oSOUyKbKgLS8u+9b9JNF818fum0XdWUhy9VEDZBGIdBGD6DsFM3bQYgTnjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNaEZ0141oRnTXjWhGdNeNZ2hR/7o+UcmnCIsaNCbLcU/RR8oB1bO/4+17l8ixoGeIBBBVvMXI0ih+L7Df2j8iiqnvgh+AVVUXDOTZvF4tNb2qC7DJ1tNgSDO78tblFQxeE92l+0NSjZDjaoMowqyYl7hDF15JzL+x+YHtxLgFq/ZO2m8LT4wsb90nUjmMD61XaRc7ng5+jBua29ntsecq6oIWyELxqdLe8h/GvPp+h0T28D/FezZ8Ip7pHgZt3X5NoPvH1BZ5sNIUTDL7C+6hBWxxt0gk+00tsOe96qH0zL8GO4pBtMg/YhoLMtG8Ii/EpfY4fSoiFk8UeFzpYdwhz/jiNGZ0uHEBjUEzftohJFZyAsdX8BM0/amLC3spYAAAAASUVORK5CYII=');background-size: 16px;background-repeat: no-repeat;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner .subject{display:block;font-size: 14px;color:#797172;line-height: 1.4;max-height: 35px;overflow: hidden;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .coverDesign {position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;display: flex;justify-content: space-between;align-items: center;background-repeat: no-repeat;background-size: cover;/* background: #000; */border-radius: 0 5px 5px 0;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .coverDesign:after {background-image: -webkit-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image: -moz-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);background-image: linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a:hover {cursor: pointer;/* transform: rotateY(-28deg) rotateZ(-2deg) scale(1.02); */-webkit-backface-visibility: hidden;/* box-shadow: 1px 3px 2px #f8e9d1, 20px 8px 0 #e7d5b7; */}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a:hover:after {/* content: " "; */display: block;opacity: 1;/* width: 100%; */height: 206px;/* position: relative; *//* left: 8px; */background: linear-gradient(-180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 60%);}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .inner a:hover:before {transform: translateY(9px);opacity: 1;}

/* brochure item 2개 */

.HongboBrochreList .hongbo .card .card-body .list-brochure .item:nth-child(3n){display:none}
.HongboBrochreList .hongbo .card .card-body .list-video .item .video, .HongboBrochreList .hongbo .card .card-body .list-brochure .item .book{background-color:#feeeec; }
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book,.HongboBrochreList .hongbo .card .card-body .list-video .item .video{height: 152px;}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book{margin-bottom: 45px; position:relative}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book .coverDesign{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book .b-inner,.HongboBrochreList .hongbo .card .card-body .list-video .item .video .v-inner{width:100%; height:100%; position:relative; overflow:hidden; }
.HongboBrochreList .hongbo .card .card-body .list-video .item .video .coverVideo,.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book .coverDesign{width:auto; height:100%;display:block}

.HongboBrochreList .hongbo .card .card-body .list-brochure .item .book .coverDesign, .HongboBrochreList .hongbo .card .card-body .list-video .item .video .coverVideo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background-position: center center;}


@media screen and (max-width:1380px){

    .HongboBrochreList .hongbo .card .card-body .list-brochure .item{width:50%}
    
}




@media screen and (max-width:1024px){

    /* .sub01_05 #body_layout .body_wrap{padding-top: 0;} */
    .HongboBrochreList .hongbo .layout{padding:0 20px}
    .HongboBrochreList .hongbo .BrochureList .card .card-body{padding-left: 20px;}
    .HongboBrochreList .hongbo .VideoList .card .card-body{padding-right: 20px;}
    .HongboBrochreList .hongbo .card .card-body .list-brochure .item,.HongboBrochreList .hongbo .card .card-body .list-video .item{width:100%; height:auto}
    .HongboBrochreList .hongbo .VideoList .card .card-header:before,.HongboBrochreList .hongbo .BrochureList .card .card-header:before{background-size:100%;width:100px;height: 92px; top:15px}
    .HongboBrochreList .hongbo .VideoList .card .card-header:before{right:5px}
    .HongboBrochreList .hongbo .BrochureList .card .card-header:before{}

    .HongboBrochreList .hongbo .BrochureList .card .card-header strong{padding-left: 43px;}
    
    .HongboBrochreList .hongbo .card .card-body .list-brochure .item .book .coverDesign{width:auto}
}


@media screen and (max-width:640px){

    .HongboBrochreList .hongbo .VideoList .card .card-header strong, .HongboBrochreList .hongbo .BrochureList .card .card-header strong{font-size: 19px;}

}

@media screen and (max-width:580px){

    .HongboBrochreList{padding-top: 0;}
    .HongboBrochreList:before{display:none}
    .HongboBrochreList .hongbo .layout{padding:0; flex-direction: column;}
    .HongboBrochreList .hongbo .VideoList, .HongboBrochreList .hongbo .BrochureList{margin:30px 0; padding-bottom:40px}
    .HongboBrochreList .hongbo .BrochureList{background-color: #f6f6f6;;}
    .HongboBrochreList .hongbo .card .card-body{padding-top: 10px;}
    .HongboBrochreList .hongbo .BrochureList .card .card-body,.HongboBrochreList .hongbo .VideoList .card .card-body{padding: 0;}
    .HongboBrochreList .hongbo .VideoList .card .card-header:before,.HongboBrochreList .hongbo .BrochureList .card .card-header:before{display:none}
    .HongboBrochreList .hongbo .VideoList .card .card-header strong, .HongboBrochreList .hongbo .BrochureList .card .card-header strong{font-size: 19px; padding: 36px 0;text-align: center; position: relative; z-index: 5;}

    .HongboBrochreList .hongbo:before,.HongboBrochreList .hongbo:after{display:none}
    .HongboBrochreList .hongbo .VideoList .card .card-header:after{right:0;background-color:#2e3e73}
    .HongboBrochreList .hongbo .BrochureList .card .card-header:after{left:0;background-color:#e53123; width:100%}
    .HongboBrochreList .hongbo .VideoList .card .card-header:after, .HongboBrochreList .hongbo .BrochureList .card .card-header:after{content: "";display: block;position: absolute;width:100%;height:99px;top: 0;z-index:0;}
  

}

/* eng */

.HongboBrochreList.eng .hongbo .card{display:block}

.HongboBrochreList .hongbo .card .card-body .list-video .item .video .card-img-top {max-width: 100%;height: 100%;}

.HongboBrochreList .hongbo .card .card-body .list-video .item .video {background-color: #fff;}