.wrap, .wrap *{box-sizing:border-box;}
.wrap img{display:block; max-width:100%;}


/*--- CURRENT ARTICLE ---*/
.g_section.section1 h1{text-align:center; padding:216px 0 168px;}
.g_section.section1 a{display:block;}
.g_section.section1 .row .col{height:inherit;}
.g_section.section1 .row {
    opacity:0;
    transform:translateY(80px);
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transition:all 0.8s;
    -webkit-transition:all 0.8s;
    padding-bottom:82px;
    border-bottom:1px solid #e2e2e2;
    margin-bottom:96px;
}
.g_section.section1.on .row {
    opacity:1;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
}
.g_section.section1 .row .col .img_box{background:no-repeat 50% 50% / cover; overflow:hidden;transition:all .6s;}
.g_section a .thumb_img_box{border:solid 1px #e2e2e2; overflow:hidden;transition:all .6s;}
.g_section a:hover .thumb_img_box{border-color:transparent;}
.g_section.section1 .row:hover .col .thumb .img_box{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.g_section.section1 .row .col .text_box{position:relative; height:100%; padding-top:16px; margin-left:40px; transition-delay:0.1s;}
.g_section.section1 .row .col .text_box .title{font-weight: 400; line-height:52px; margin-bottom:36px;}
.g_section.section1 .row .col .text_box .desc{max-height:142px; -webkit-line-clamp:4;}
.g_section.section1 .row .col .text_box .date{position:absolute; bottom:16px; left:0;}

/* current in-motion */
.g_section.section1 .row .col .thumb{overflow:hidden; position:relative;width:auto; height:auto; max-width:100%;}
.g_section.section1 .row .col .thumb .thumb_mask {position:absolute; top:-2px; left:-2px; width:216px; z-index:2;
    transition:all .3s;
    -webkit-transition:all .3s;
    transform:translate(-100%,-100%);
    -webkit-transform:translate(-100%,-100%);
    -ms-transform:translate(-100%,-100%);}
.g_section.section1 .row .col .thumb .thumb_mask img {width:96px;}
.g_section.section1 .row .col .thumb > img {transition:all .6s;width:100%;}
.g_section.section1 .row .col .thumb .thumb_bg {z-index:1;position:absolute;width:0;height:100%;top:0;transform:skewX(-45deg);right:-50%;transition:all .6s;background-color: #1f3263; left:-50%;opacity:0.7;}
.g_section.section1 a:hover .row .col .thumb .thumb_mask {transform:translate(0,0);transition-delay:0s;}
.g_section.section1 a:hover .row .col .thumb > img {transform:scale(1.1);}
.g_section.section1 a:hover .row .col .thumb .thumb_bg {width: 300%;transition-delay:0.1s;}
.g_section.section1 a:hover .row .col .thumb .btn_box {opacity:1;}
.g_section.section1 a:hover .row .col .text_box .title span {border-bottom:1px solid #333;}


/*--- ARTICLE LIST ---*/

/* search box */
.g_section.section2 .search_box{position:relative; padding:0 0 72px 80px; text-align:right;}
.g_section.section2 .search_box input::placeholder{font-size:22px; color:#b4b4b4;}
.g_section.section2 .search_box input::-webkit-input-placeholder{font-size:22px; color:#b4b4b4;}
.g_section.section2 .search_box input:-ms-input-placeholder{font-size:22px; color:#b4b4b4;}
.g_section.section2 .search_box input[type="text"]{width:420px; height:auto; font-size:22px; padding:16px 40px 16px 0; border:0; border-bottom:solid 1px #111; border-radius:0; outline-style:none; text-align:left;
    appearance:none;
    -webkit-appearance:none;
}
.g_section.section2 .search_box a{position:absolute; top:0; right:0; overflow:hidden; display:block; text-indent:-99999px; white-space:nowrap; text-align:left;}
.g_section.section2 .search_box a:after{display:block; content:''; width:26px; height:26px; background:url('../images/icon_search_w.svg') no-repeat 50% 50% / contain;}

/* list */
.g_section.section2 .article_list{box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;}
.g_section.section2 .article_list .article_box{flex:0 0 auto;-webkit-box-flex: 0; padding-right:12px; padding-left:12px;-ms-flex-preferred-size: 33.333333%;flex-basis: 33.333333%;max-width: 33.333333%; width:33.333333%; padding-bottom:72px; opacity:0; visibility:hidden;
    transform:translateY(80px);
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transition:transform 1s cubic-bezier(.215,.61,.355,1), opacity 1s ease-out;
    -webkit-transition:transform 1s cubic-bezier(.215,.61,.355,1), opacity 1s ease-out;
}
.g_section.section2 .article_list .article_box.on{opacity:1; visibility:visible;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    float: left;
}
.g_section.section2 .article_list .article_box a{display:block;}
.g_section.section2 .article_list .article_box a .thumb_img{display:block; background:no-repeat 50% 50% / cover; overflow:hidden;
    transition:transform 0.6s;
    -webkit-transition:transform 0.6s;
    height: 200px;
}
.g_section.section2 .article_list .article_box a .thumb_img img{box-sizing:border-box;
    transition:transform 0.6s;
    -webkit-transition:transform 0.6s;
}
.g_section.section2 .article_list .article_box a:hover .thumb_img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.g_section.section2 .article_list .article_box a .article_text{padding-right:40px;}
.g_section.section2 .article_list .article_box a .article_text .title{margin:24px 0 32px;height:90px;overflow:hidden;}
.g_section.section2 .article_list .article_box a .article_text .date{}

/* list in-motion */
.g_section.section2 .article_list .article_box a .thumb {overflow:hidden; position:relative;width:auto; height:auto; max-width:100%;}
.g_section.section2 .article_list .article_box a .thumb .thumb_mask {position:absolute;top:-1.5px;left:-1.5px;transition:all .3s;transform:translate(-100%,-100%);z-index:2;}
.g_section.section2 .article_list .article_box a .thumb .thumb_mask img {width:72px;}

/*--- Only IE ---*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .g_section.section2 .article_list .article_box a .thumb .thumb_mask{top:-8px; left:-8px;}
    .g_section.section2 .article_list .article_box a .thumb .thumb_mask img {width:30%;}
}
.g_section.section2 .article_list .article_box a .thumb > img {transition:all .6s;width:100%;}
.g_section.section2 .article_list .article_box a .thumb .thumb_bg {z-index:1;position:absolute;width:0;height:100%;top:0;transform:skewX(-45deg);right:-50%;transition:all .6s;background-color: #1f3263; left:-50%;opacity:0.7;}
.g_section.section2 .article_list .article_box a:hover .thumb .thumb_mask {transform:translate(0,0);transition-delay:0s;}
.g_section.section2 .article_list .article_box a:hover .thumb > img {transform:scale(1.1);}
.g_section.section2 .article_list .article_box a:hover .thumb .thumb_bg {width: 300%;transition-delay:0.1s;}
.g_section.section2 .article_list .article_box a:hover .thumb .btn_box {opacity:1;}
.g_section.section2 .article_list .article_box a:hover .article_text .title span{border-bottom:1px solid #333;}



/* PAGING */
.g_paging {text-align:center; font-size:0; margin-top:72px;}
.g_paging .btn_arrow {display:inline-block; width:10px; vertical-align:middle; margin-top:-8px; position:relative; height:19px;}
.g_paging .btn_arrow:before {content:'';background:url('../images/ico_arrow_right.svg') no-repeat 0 0 / contain;width:10px;height:19px; display:inline-block;transition:all .3s;}
.g_paging .btn_arrow.prev {margin-right:35px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);}
.g_paging .btn_arrow.next {margin-left:35px;}

.g_paging .btn_arrow.next:hover:before {transform:translateX(6px);}
.g_paging .btn_arrow.prev:hover:before {transform:translateX(6px);}

.g_paging .btn_arrow.disabled {opacity:0.42;}
.g_paging a {margin:0 12px; display:inline-block;}
.g_paging a.paging_ellipsis {font-size:16px;color:#000;margin:0 11px;}
.g_paging a>span {position:relative;display:inline-block; padding:0 2px 8px; font-size:16px;color:#878787;}
.g_paging a>span:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0;background:#0057B8;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;}
.g_paging a:hover>span {color:#111;}
.g_paging a.on>span {color:#111; font-weight:500;}
.g_paging a.on>span:before {height:2px;}

/* btn area */
.g_section.section2 .row.btn_area .col{margin:0 auto;}

@media screen and (max-width:1521px) {
    .g_section.section1 .row .col .text_box .desc {display:none;}
}