@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");


.item_row.two>li,
.item_row.four>li,
.item_row.five>li{float:left;width:50%;}



/*==Gallery==*/
.gallery .item_row{margin:0 -7px}
.gallery .item_row li{padding:40px 7px;}

/*about*/
#associated.about .sub_content_group .grid_list{overflow: hidden;margin-left:30px}
#associated.about .sub_content_group .grid_list li{width:calc(50% - 20px);float: left;margin:0 10px 30px 10px}
#associated.about .sub_content_group .grid_list li .text_group{min-height: 42px}

/*video_list*/
.video_list ul{margin: 0 -12.5px;overflow: hidden}
.video_list ul li{width: calc(50% - 32px);margin:0 16px 40px 16px;float: left}


.sub_top_image.company,.sub_top_image.brand,.sub_top_image.product,.sub_top_image.news{background-position:50%;}

/*index*/
.main_visual{height: 300px}

/*.main .sec2 .middle_banner .left_cont{padding: 20px 20px 20%;}
.main .sec2 .middle_banner .left_cont p{font-size: 22px;color:rgba(255,255,255,1)}
.main .sec2 .middle_banner .left_cont p.red_p{font-size:30px;}
.main .sec2 .middle_banner .left_cont p.bold{font-size:30px;}*/

/*sec 2*/
.main .sec2 .middle_banner .left_cont2{padding: 25px 25px;height: 250px}
.main .sec2 .middle_banner .left_cont2 p{font-size: 22px;color:rgba(255,255,255,1)}
.main .sec2 .middle_banner .left_cont2 p.red_p{font-size:30px;}
.main .sec2 .middle_banner .left_cont2 p.bold{font-size:30px;}
.main .sec2 .middle_banner .left_cont2 img{right:25px;bottom:25px;width: 40% }

.main .sec2 .middle_banner .right_cont li>a{bottom:15%;left:10%;height: 30px;line-height: 30px;font-size:12px}

.main .sec2 .bottom_banner ul li{height: 150px;background-size:15%;}

/*sec3*/
.main .sec3 .banner li{height: 280px;background-size:220px;background-position: 100% 100%;}
.main .sec3 .banner li h3{padding: 50px 0 20px 10%}

/*sec4*/
.board_wrap .board dl dt{position:absolute;top:0;left:0;width: 100px;height: 35px;line-height: 35px;font-size: 18px;}
.board_wrap .board:nth-child(2) dl dt{top:0;left:101px;}
.board_wrap .board:nth-child(3) dl dt{top:0;left:202px;}
.board_wrap .board dl:before{top:35px;}
.board_wrap .board .more{position: absolute;top:5px;}

/*À̺¥Æ® ¹è³Ê Ãß°¡[2017.11.20]*/
/* .event-banner-wrap {height:80px} */
.event-banner-wrap .left-wrap img{width:75px;}
.event-banner-wrap .text-wrap{margin-left:15px;}
.event-banner-wrap .text-wrap .sub-title{font-size:14px}
.event-banner-wrap .text-wrap .title{font-size:18px;}
.event-coupon-section .event-coupon-body .cupon-img-wrap .rate .percent{top: -.45em;}