/* BASIC css start */
/* 공통 */

.icon_link_wrap {
    position: relative;
}

.icon_link_wrap .icon_link {
    width: 24px;
    height: 24px;
    background: #000;
    color: #fff;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    position: absolute;
    cursor: pointer;
}

.project { padding: 160px 0 0; }
.project > * { margin:0 auto; max-width:1000px}
.project > *.full{max-width: none;}
.project img{width: 100%;}
.project .prdList.slide { padding-top: 80px; padding-bottom: 80px; }
.project .listIcon img { width: auto; }
.line1 { width: 100%; height: 32px; }
.line2 { width: 100%; height: 40px; }
.line5 {width: 100%; height: 80px;}
.line { height: 1px;}

.bgGray { background-color: #f7f7f7; }
.wrapper { line-height: 24px; letter-spacing: -0.44px; }

/* 타이틀 */
.main_title  {padding-bottom: 32px; border-bottom: 1px solid #000;}
.main_title span { color: #008979; font-size: 16px; font-weight: 700;}
.main_title h2 { display: grid; margin-top: 4px; gap: 8px 0; font-size: 16px; font-weight: 400; }
.main_title h2 strong { font-size: 36px; font-weight: 700; margin-bottom: 16px; margin-top: 6px;}

/* 타이틀 H */
.title1 { color: #333; text-align: left; font-family: Pretendard; font-size: 32px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}
.title4 { color: #333; text-align: left; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}
.title6 { color: #333; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:530px;}

/* 본문 H */
.title2 { color: #555; text-align: left; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:530px;}
.title5 { color: #555; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:530px;}

/* 배너 */
.banner2 { display: flex; align-items: center; justify-content: space-between; gap: 0 8px; }
.banner2 div { width: calc(50% - 4px); }
.slide .banner .txtWrap { display: block; margin-top: 24px; color: #555; font-size: 15px; font-weight: 500; }


/* 상품 */
.prdList { padding-top: 80px; padding-bottom: 80px; }
.prdList .prdTitle { display: flex; align-items: center; justify-content: space-between; margin: 0 auto 24px; line-height: 23px; max-width: 1000px;}
.prdList .prdTitle strong { color: #111; font-size: 24px; font-weight: 600; }
.prdList .prdTitle a.moreView { display: none; color: #888; font-size: 14px; font-weight: 500; }

.prdList.slide .prdTitle { padding: 0 16px; }
.prdList.slide .prdTitle a.moreView { display: block; }

.prdList .prd.banner > ul{display: flex; flex-direction: row; gap: 32px;}
.prdList .prd.banner ul li ul.row > div{display: flex; flex-direction: column;}
.prdList .prd.banner ul li ul.row .normalList:not(:last-of-type){margin-bottom: 16px;}
.prdList .prd.banner ul li ul.row .normalList a{display: flex; flex-direction: row; gap: 24px;}
.prdList .prd.banner ul li ul.row .normalList a .thumbnail{max-width: 144px; margin-bottom: 0 ! important;}
[class*="MK-product-icon"]{max-height: 17px; width: auto ! important;}
.exhibition_list>a{margin-bottom: 24px; display: block;}

.videoWrap {position:relative;}
.video1 .videoWrap {padding:127.25% 0 0 0;}
.video2 .videoWrap {padding:56.25% 0 0 0;}
.video3 .videoWrap {padding:100% 0 0 0;}

.video1 {width:390px; margin:0 auto; padding:20px 0;}
.video2 {width:530px; margin:0 auto; padding:20px 0;}
.video3 {width:530px; margin:0 auto; padding:20px 0;}
/* BASIC css end */