/*********** List *************/
.newsroom_roll { position:relative; margin:0 0 45px; z-index:10; overflow:hidden;}
.newsroom_roll dl {box-sizing:Border-box; transition:All .3s ease; position:relative;}
.newsroom_roll dl .checkbox_body{position: absolute; left:5px; top:5px; z-index: 9;}
.newsroom_roll dl a { display:flex; flex-wrap:wrap; /* align-items:center; */ height:100%;}
.newsroom_roll dl dt { position:Relative; width:100%;  aspect-ratio:3 / 1.44445; overflow:hidden; border-radius:30px;}
.newsroom_roll dl dt img { width:100%; height:100%; object-fit:cover; transition:All .3s ease; aspect-ratio:3 / 2.1;}

.newsroom_roll .slick-arrow { cursor:pointer; position:absolute; top:50%; width:60px; height:60px; border-radius:100%; border:none; background:transparent; text-align:center; transition:all .3s ease; font-size:0; z-index:99999;  background: rgba(255, 255, 255, 0.90); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(2px);  box-sizing:border-box; transform:translateY(-50%);}
.newsroom_roll .slick-arrow::after {content:'\e5e0'; cursor:pointer; font-family:var(--icon); display:block; width:100%; height:100%; font-size:30px; line-height:60px; transition:all .3s ease;  color:var(--sub); opacity:0.5; font-weight:400;}
.newsroom_roll .slick-arrow.slick-prev {left:30px; padding-left:20px;}
.newsroom_roll .slick-arrow.slick-next {right:30px; padding-left:8px; text-align:right;}
.newsroom_roll .slick-arrow.slick-next::after {transform: scaleX(-1); }


.newsroom_roll .slick-arrow:hover {background:var(--main);}
.newsroom_roll .slick-arrow:hover::after {color:Var(--white); opacity:1;}



.thumb_list {width:100%;}
.thumb_list dl {position:relative; margin-bottom:30px;}
.thumb_list dl .checkbox {display:inline-block; position: absolute; left:5px; top:5px; z-index:2;}
.thumb_list dl dd {position:relative; border-radius: 250px 250px 50px 50px; background: var(--note-note01); box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(2px); text-align:center; padding:75px 40px 45px; box-sizing:border-box;}
.thumb_list dl dd h4 {color: var(--black); font-family: var(--eng); font-size: 1.333rem; font-weight: bold; line-height: 166.667%; letter-spacing: -1.2px; margin:0 0 10px;}
.thumb_list dl dd h4 span {color: rgba(34,34,34,0.7); font-family: var(--kor); font-size: 1rem; font-weight: 600; line-height: 177.778%; letter-spacing: -0.72px; display:inline-block; margin-left:10px;}
.thumb_list dl dd .txtBox {letter-spacing: -0.72px; color: rgba(34,34,34,0.6);}

.grid-sizer, .grid-item {width:calc((100% - 60px) / 3);}
.gutter-sizer {width:30px;}
.gutter-sizer::before, .gutter-sizer::after {display:none;}
.grid-sizer::before, .grid-sizer::after {display:none;}


.thumb_list dl:nth-of-type(2n) {padding:80px 0; filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.10));}
.thumb_list dl:nth-of-type(2n)::before {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v2.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v2.svg) no-repeat;  background-color:var(--note-note02);   -webkits-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 80px; position:absolute; top:0; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: top;}
.thumb_list dl:nth-of-type(2n)::after {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v2.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v2.svg) no-repeat;  background-color:var(--note-note02);   -webkit-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 80px; position:absolute; bottom:2px; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: bottom;}
.thumb_list dl:nth-of-type(2n) dd {padding:0 40px; background: var(--note-note02); border-radius:0; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.01);}



.thumb_list dl:nth-of-type(3n) {padding:0 0 120px; filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.10));}
.thumb_list dl:nth-of-type(3n)::before {display:none;}
.thumb_list dl:nth-of-type(3n)::after {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v3.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v3.svg) no-repeat;  background-color:var(--note-note03);   -webkit-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 120px; position:absolute; bottom:2px; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: bottom;}
.thumb_list dl:nth-of-type(3n) dd {padding:50px 40px 0; background: var(--note-note03); border-radius:0; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.01);}


.thumb_list dl:nth-of-type(4n) {padding:0 0 95px; filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.10));}
.thumb_list dl:nth-of-type(4n)::before {display:none;}
.thumb_list dl:nth-of-type(4n)::after {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v4.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v4.svg) no-repeat;  background-color:var(--note-note04);   -webkit-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 95px; position:absolute; bottom:2px; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: bottom;}
.thumb_list dl:nth-of-type(4n) dd {padding:50px 40px 0; background: var(--note-note04); border-radius:50px 50px 0 0; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.01);}



.thumb_list dl:nth-of-type(5n) {padding:68px 0 60px; filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.10));}
.thumb_list dl:nth-of-type(5n)::before {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v5.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v5.svg) no-repeat;  background-color:var(--note-note05);   -webkit-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 68px; position:absolute; top:0; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: top;}
.thumb_list dl:nth-of-type(5n)::after {content:'';  -webkit-mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v5.svg) no-repeat;   mask: url(/assets/admin/bbs/skin/assembleBasic/image/layout_v5.svg) no-repeat;  background-color:var(--note-note05);   -webkit-mask-size: 100% auto;   mask-size: 100% auto; width: 100%; height: 60px; position:absolute; bottom:2px; left:0; z-index:1;  transition:all 0.3s linear; backdrop-filter: blur(2px); mask-position: bottom;}
.thumb_list dl:nth-of-type(5n) dd {padding:0 40px; background: var(--note-note05); border-radius:0; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.01);}






/*********** View *************/
.bbs_view{border-top:2px solid var(--black);}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 33px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:26px; letter-spacing:-1pt; line-height:130%; font-weight:700; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail{margin:10px 0 0; display:flex;}
	.bbsView_tit .view_detail li{font-size:1rem; color:var(--basic); line-height:150%; padding:0 37px 0 0; position:relative;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:16px; background:#ccc; position:absolute; right:18px; top:50%; margin-top:-8px;}
	.bbsView_tit .view_detail li:last-child:after{display:none;}
	.bbsView_tit .count{font-size:1rem; color:var(--basic); line-height:120%; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}
	.view_content{padding:30px 0; box-sizing:border-box;}
	.view_content img{max-width:100%; height:auto !important;}

	.view_file{margin:30px 0 0; box-sizing:border-box; background:var(--grayBg); display:flex;}
	.view_file .btit{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}	
	.view_file .bstxt{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}	
	.view_file .bstxt a{display:inline-block; font-size:1rem; letter-spacing:-0.25pt; line-height:150%; color:var(--black); border-bottom:1px solid var(--black); margin: 0 0 5px;}
	.view_file .bstxt a:last-child{margin: 0;}
	.view_file .bstxt .file{display: inline-block; vertical-align: middle; margin-left: -5px; font-size:1rem; color:var(--black);}	

	.bbs_bottom{border-top:1px solid var(--border); display:flex;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:var(--black); opacity:0.5; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}
	.bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}







/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


/*********** List *************/
.newsroom_roll dl dt {border-radius:15px;}
.newsroom_roll .slick-arrow {width:44px; height:44px;}
.newsroom_roll .slick-arrow::after {line-height:44px; font-size:20px;}
.newsroom_roll .slick-arrow.slick-prev {padding-left:16px; left:15px;}
.newsroom_roll .slick-arrow.slick-next {right:15px;}


.thumb_list dl {position:relative; margin-bottom:25px;}

.grid-sizer, .grid-item {width:calc((100% - 15px) / 2);}
.gutter-sizer {width:15px;}



/*********** View *************/
	.bbsView_tit{padding:25px 100px 25px 15px;}
	.bbsView_tit .subject{font-size:20px;}
	.bbsView_tit .subject span{margin-right: 5px;}
	.bbsView_tit .view_detail{margin:5px 0 0;}
	.bbsView_tit .view_detail li{padding:0 20px 0 0;}
	.bbsView_tit .view_detail li:after{height:12px; right:10px; margin-top:-6px;}
	.bbsView_tit .count{right:15px;}
	.view_content{padding:25px 0;}

	.view_file{margin:25px 0 0;}	
	.view_file .btit{width:120px; padding:15px;}	
	.view_file .bstxt{width:calc(100% - 120px); padding:15px;}	

	.bbs_bottom{}
	.bbs_bottom.last{}
	.bbs_bottom dt{width:120px; padding:15px;}
	.bbs_bottom dd{width:calc(100% - 120px); padding:15px;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/*********** List *************/
.newsroom_roll .slick-arrow {width:36px; height:36px;}
.newsroom_roll .slick-arrow::after {line-height:36px; font-size:16px;}


.grid-sizer, .grid-item {width:100%;}
.gutter-sizer {width:20px;}
.thumb_list dl {position:relative; margin-bottom:20px;}
.thumb_list dl dd {padding:40px 35px 30px;}
.thumb_list dl dd h4 {font-size:1.2rem;}
.thumb_list dl dd h4 span {display:block; margin-left:0; margin-top:-2px;}

.thumb_list dl:nth-of-type(2n) {padding:60px 0;}
.thumb_list dl:nth-of-type(2n)::before {height:60px;}
.thumb_list dl:nth-of-type(2n)::after {height:60px;}
.thumb_list dl:nth-of-type(2n) dd {padding:0 20px;}

.thumb_list dl:nth-of-type(3n) {padding:0 0 80px;}
.thumb_list dl:nth-of-type(3n)::after {height:80px;}
.thumb_list dl:nth-of-type(3n) dd {padding:30px 20px 0;}


.thumb_list dl:nth-of-type(4n) {padding:0 0 70px;}
.thumb_list dl:nth-of-type(4n) dd {padding:30px 20px 0; border-radius:25px 25px 0 0;}
.thumb_list dl:nth-of-type(4n)::after {height:70px;}


.thumb_list dl:nth-of-type(5n) {padding:40px 0 55px;}
.thumb_list dl:nth-of-type(5n)::before {height:40px;}
.thumb_list dl:nth-of-type(5n)::after {height:55px;}
.thumb_list dl:nth-of-type(5n) dd {padding:0 20px;}




/*********** View *************/
	.bbsView_tit{padding:15px 0;}
	.bbsView_tit .subject{font-size:18px;}
	.bbsView_tit .subject span{display: block; font-size:14px; margin: 0 0 2px;}
	.bbsView_tit .count{right:0; transform:translateY(0); top:20px;}
	.bbsView_tit .count span{font-size:20px; margin: -2px 5px 0 0;}
	.view_content{padding:25px 0;}

	.view_file{margin:20px 0 0;}	
	.view_file .btit{width:100px; padding:12px;}	
	.view_file .bstxt{width:calc(100% - 100px); padding:12px;}	

	.bbs_bottom{}
	.bbs_bottom.last{}
	.bbs_bottom dt{width:100px; padding:12px;}
	.bbs_bottom dd{width:calc(100% - 100px); padding:12px;}
	.bbs_bottom dt .arrow{font-size:20px;}

}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){



/*********** View *************/
	.bbsView_tit .view_detail{flex-wrap:wrap;}
	.bbsView_tit .view_detail li{width:100%; padding:0 0 4px; line-height: 130%;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .view_detail li:after{display:none;}



}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}