@charset "utf-8";


/* main */
section.main { position: relative; min-height:800px; font-family: 'ibm-plex-sans-kr', "sans-serif"; } 


/* visual wrap */
section.main .visual_wrap {position: relative; width: 100%; height: 100%; min-height: 800px;top: 0; left: 0; right: 0; overflow: hidden;}
section.main .visual_wrap video {position: absolute; width: auto; max-width: 1380px; top:45%; left: 50%; transform: translate(-50%, -50%);}

/* frequent wrap */
section.main .frequent_wrap {width: 100%; height: auto; background-color: #fafafa;padding:40px 0; text-align: center;}
section.main .frequent_wrap h3 {font-size: 2.5rem; font-weight: 600; color: #333;}
section.main .frequent_wrap h3 span {display: block; font-size: 1.75rem; font-weight:400;}
section.main .frequent_wrap .frequent_list {width: auto; max-width:1060px; margin: 0 auto;  display: flex; justify-content: space-around; margin-top: 70px;}
section.main .frequent_wrap .frequent_list a figure:hover {transform: scale(1.1);}
section.main .frequent_wrap figure {display: flex; flex-direction: column;justify-content: center; align-items: center;  width: 130px; height: 130px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 40px;box-shadow:2.2px 2px 7px 0 rgba(122, 132, 136, 0.06)}
section.main .frequent_wrap figcaption {font-size: 1rem; font-weight: 600; margin-top: 7px;}

/* weekly , news wrap */ 
section.main .weekly_wrap {position: relative; margin-top: 100px;}
section.main .weekly_wrap .txt_box {float: left; width: 402px;height: 339px; background: url(../image/bg_weekly.png) no-repeat; color:#f1f1f1; padding: 30px 30px;}
section.main .weekly_wrap .txt_box .top {width: 100%; margin-bottom: 40px;}
section.main .weekly_wrap .txt_box .top p {display: inline-block;font-size: 1.125rem; line-height: 35px;}
section.main .weekly_wrap  img {float: left;}
section.main .weekly_wrap .txt_box .title{width: 100%; height: 140px;}
section.main .weekly_wrap .txt_box .title p {font-weight: 400;}
section.main .weekly_wrap .txt_box a{ font-size: 1.875rem; line-height: 1.3;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 5px;}
section.main .weekly_wrap .txt_box p {font-size: 1.125rem;}
section.main .weekly_wrap .txt_box .bottom {width: 100%; border-top: 1px solid #a1a1a2; padding-top: 20px ;}
section.main .weekly_wrap .txt_box .bottom p { font-weight: 400;}

section.main .weekly_wrap .news{ float: right; width: 100%; height: 339px; max-width: 470px; border: 1px solid #e5e5e5; padding: 30px 30px;}
section.main .weekly_wrap .news .title {font-size: 1.75rem; font-weight: 600; margin-bottom: 80px;}
section.main .weekly_wrap .news table.list { width: 100%;}
section.main .weekly_wrap .news table.list tr:hover{ background-color:#f6f9fd}
section.main .weekly_wrap .news table.list td{font-size:1.25rem; font-weight: 400; line-height: 2;}
section.main .weekly_wrap .news table.list td:first-of-type {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
section.main .weekly_wrap .news table.list td:last-of-type{font-size:1.125rem; font-weight: 300; text-align: right;}

/* media wrap */
section.main .media_wrap{width: 100%; margin-top: 100px ;}
section.main .media_wrap .title {font-size: 1.75rem; font-weight: 600;}
section.main .media_wrap .media_list {position: relative; width: 100%; height: auto; margin-top: 20px;}
.media_list .list_box {display: flex; flex-wrap: wrap; justify-content:flex-start;}
.media_list .list_box li {width: 298px; height: auto; border:none;  margin-right: 35px;}
.media_list .list_box li:nth-child(4n) {margin-right: 0;}
.media_list .list_box li:hover { box-shadow:none}
.media_list .list_box .thumbnail {position: relative; width: 100%; height: 104px; overflow: hidden;}
.media_list .list_box .thumbnail img {width: 100%; height: 100%;}
.media_list .list_box .thumbnail img:hover {transform: scale(1.1);}
.media_list .list_box .list_box_meta { padding: 15px 0;}
.media_list .list_box .list_box_meta .title {font-size: 1.25rem; color: #333; padding-bottom: 5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.media_list .list_box .list_box_meta .shortcut {display:inline-block;font-size:  1rem;color: #959595;font-weight: 400; }
.media_list .list_box .list_box_meta .shortcut img {padding-left: 10px;}


/* photo wrap */
section.main .photo_wrap{width: 100%; margin-top: 80px ; margin-bottom: 80px;}
section.main .photo_wrap .title {font-size: 1.75rem; font-weight: 600;}
section.main .photo_wrap .photo_list {margin-top: -60px;}


@media screen and (max-width: 800px) {
	/* main */
	section.main {padding: 75px 0 0 0;} 

	/* visual wrap */
/*	section.main .visual_wrap {position: relative; width: 100%; height: 100%; min-height: 250px; top: 0; left: 0; right: 0; overflow: hidden;}
	section.main .visual_wrap video {position: absolute; width: auto; max-width: 800px; top:50%; left: 50%; transform: translate(-50%, -50%);}
*/
	section.main .visual_wrap {position: relative; width: 100%; height: 100%; min-height: 260px; top: 0; left: 0; right: 0; overflow: hidden;}
	section.main .visual_wrap video {position: absolute; width: auto; max-width: 410px; top:44%; left: 50%; transform: translate(-50%, -50%);} 

	/* frequent wrap */
	section.main .frequent_wrap {width: 100%; height: auto; background-color: #fafafa;padding:40px 0; text-align: center;}
	section.main .frequent_wrap h3 {font-size: 1.375rem; font-weight: 600; color: #333;}
	section.main .frequent_wrap h3 span {display: block; font-size: 1.125rem; font-weight:400;}
	section.main .frequent_wrap .frequent_list {width: auto; max-width:100%; height: 220px; margin: 0 auto;  display: flex; flex-wrap: wrap;justify-content: space-evenly;align-content:space-between ;  margin-top: 40px;}
	section.main .frequent_wrap figure {display: flex; flex-direction: column;justify-content: center; align-items: center;  width: 100px; height: 100px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 30px;box-shadow:2.2px 2px 7px 0 rgba(122, 132, 136, 0.06)}
	section.main .frequent_wrap figure img {width: 45px;}
	section.main .frequent_wrap figcaption {font-size: 1rem; font-weight: 600; margin-top: 3px;}	

	/* weekly , news wrap */ 
	section.main .weekly_wrap {position: relative; margin-top: 0px;}
	section.main .weekly_wrap .txt_box {float: left; width: 100%; max-width: 402px;height: 339px; background: url(../image/bg_weekly.png) no-repeat; color:#f1f1f1; padding: 30px 30px;}
	section.main .weekly_wrap .txt_box .top {width: 100%; margin-bottom: 40px;}
	section.main .weekly_wrap .txt_box .top p {display: inline-block;font-size: 1.125rem; line-height: 35px;}
	section.main .weekly_wrap img {float: left; width: 100%; max-width: 402px;}
	section.main .weekly_wrap .txt_box .title{width: 100%; height: 140px;}
	section.main .weekly_wrap .txt_box .title p {font-weight: 400;}
	section.main .weekly_wrap .txt_box a{ font-size: 1.875rem; line-height: 1.3;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 5px;}
	section.main .weekly_wrap .txt_box p {font-size: 1.125rem;}
	section.main .weekly_wrap .txt_box .bottom {width: 100%; border-top: 1px solid #a1a1a2; padding-top: 20px ;}
	section.main .weekly_wrap .txt_box .bottom p { font-weight: 400;}

	section.main .weekly_wrap .news{ float: right; width: 100%; height: 270px; max-width: 470px; border: 0; padding: 30px 20px;border-bottom: 10px solid #eeeeee;}
	section.main .weekly_wrap .news .title {font-size: 1.5rem; font-weight: 600; margin-bottom: 30px;}
	section.main .weekly_wrap .news table.list { width: 100%;}
	section.main .weekly_wrap .news table.list td{font-size:1.125rem; font-weight: 400; line-height: 2;}
	section.main .weekly_wrap .news table.list td:first-of-type {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	section.main .weekly_wrap .news table.list td:last-of-type{font-size:1rem; font-weight: 300; text-align: right;}	

	/* media wrap */
	section.main .media_wrap{width: 100%; margin-top: 30px ;  padding: 0 20px; border-bottom: 10px solid #eeeeee;}
	section.main .media_wrap .title {font-size: 1.5rem; font-weight: 600;}
	section.main .media_wrap .media_list {position: relative; width: 100%; height: auto; margin-top: 20px; margin-bottom: 10px;}
	.media_list .list_box {display: flex; flex-wrap: wrap; justify-content:space-between;}
	.media_list .list_box li {width: 48.5%; height: auto; border:none;  margin-right: 0px; margin-bottom: 10px;}
	.media_list .list_box li:nth-child(4n) {margin-right: 0;}
	.media_list .list_box li:hover { box-shadow:none}
	.media_list .list_box .thumbnail {position: relative; width: 100%; max-width: 190px; height: 60px; overflow: hidden;}
	.media_list .list_box .thumbnail img {width: 100%; height: 100%;}
	.media_list .list_box .list_box_meta { padding: 10px 0;}
	.media_list .list_box .list_box_meta .title {font-size: 1.063rem; color: #333; padding-bottom: 0px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
	.media_list .list_box .list_box_meta .shortcut {display:inline-block;font-size:  0.813rem;color: #959595;font-weight: 400; }
	.media_list .list_box .list_box_meta .shortcut img {padding-left: 10px; width:auto; height: 8px;}


	/* photo wrap */
	section.main .photo_wrap{width: 100%; margin-top: 30px ; padding: 0 20px; margin-bottom: 30px;}
	section.main .photo_wrap .title {font-size: 1.5rem; font-weight: 600;}
	section.main .photo_wrap .photo_list {margin-top: -20px;position: relative; width: 100%; height: auto; }



}