html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #666; text-decoration: none }

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:1rem; color: #666; line-height: 150%; }

input[type=text]::-ms-clear {display: none;}
/*********** 공통 css *************/
select {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:7px 15px; }
.input {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px 15px; height:44px; box-sizing:border-box; }
.search_input {font-size:1rem; color: #666; border: #d4d4d4 1px solid; background-color: #ffffff; padding:5px 15px; height:44px; box-sizing:border-box; }
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.textarea {width:100%; font-family:inherit; color:#666; line-height:150%; letter-spacing:-0.5px; padding:6px; border:#d4d4d4 1px solid; background-color:#fff; box-sizing:border-box;}

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:190px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:36px; line-height:36px; width:80px; border:1px solid #ccc; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.25s linear;}
.btn_w.user{width:200px; height:60px; border-color:#000000; color:#000000; font-size:16px; line-height:58px; letter-spacing:0; }
.btn_w.user:hover{background:#ed145b; color:#fff; border-color:#ed145b; }

.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:36px; line-height:36px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
.btn_b:hover  {background:#333; border:1px solid #333; color:#fff; transition:all 0.25s linear;}
.btn_b_s {display:inline-block; text-align:center; cursor:pointer; height:36px; color:#fff; width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s;}
.btn_b_s:hover  {background:#222; border:1px solid #222; transition:all 0.3s;}

input.btn_w {text-align:center; height:36px; line-height:30px; width:80px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
input.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.25s linear;}
input.btn_b {text-align:center; height:36px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
input.btn_b:hover {background:#333; border:1px solid #333; transition:all 0.25s linear;}

.tmar8{margin-top:8px;}


/* 카테고리 */
.cate_tab {overflow:hidden; clear:both; margin-bottom:60px}
.cate_tab li {float:left;}
.cate_tab a {width:150px; display:block; height:46px; margin-right:9px; border:1px solid #ddd; background:#fff; text-align:center; line-height:44px; color:#000; font-weight:300;}
.cate_tab a:hover {text-decoration:none; color:#ed145b;}
.cate_tab a.hover{font-weight:400;  border-color: #ed145b; background:#ed145b; color:#fff;}

div.all_check {background:#f6f6f6; padding:7px; border:1px solid #ddd; width:100px; margin-bottom:15px;}
div.all_check form {float:left;}
div.all_check input[type=checkbox] {margin-right:8px; vertical-align:top;}


/*********** List *************/
.photo_list {position:relative; overflow:hidden; width:100%; max-width:680px;}
.photo_list dl {float:left; width:calc((100% - 20px) / 2); margin: 0 20px 20px 0; position:Relative; }
.photo_list dl:nth-child(2n){margin-right:0}
.photo_list dt {background:#000; overflow:hidden; position:Relative; }
/*.photo_list dt::before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:270px; background: rgb(0,0,0,0.15); background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); z-index:5;transition:all 0.2s linear;}*/
.photo_list dt img{width:100%; background-size:cover; background-position:center; display:block; line-height:1; transform: scale(1); transition:all 0.4s linear;}
.photo_list dd{padding:15px 0 0; box-sizing:Border-box; width:100%; height:100%; transition:all 0.2s linear; z-index:10;}
.photo_list dd p{font-size:1.125rem; color:#000; line-height:120%;transition:all 0.2s linear; font-weight:600; word-break:keep-all; width:100%;}
.photo_list dd span.sub_txt{display:block; margin:3px 0 0; color:#000; opacity:1;transition:all 0.2s linear;  font-weight:200; font-size:0.875rem;}
.photo_list dd span.region{display:block; margin:5px 0 0; color:#999; font-weight:300; font-size:0.875rem;}

/** 리스트 : 카드형태 표시 **/
.photo_list.card dl {float:none; width:100%; margin-bottom:20px;}
/*.photo_list.card dt::before {height:467px}
.photo_list.card dl:hover dt::before{top:-500px;}*/

/*.photo_list dl:hover{}
.photo_list dl:hover dt::before{background:rgba(0,0,0,0); top:-300px; transition:all 0.2s linear;}
.photo_list dl:hover dt img{opacity:0.2; /*transform: scale(1.1);* transition:all 0.4s linear;}
.photo_list dl:hover dd{transition:all 0.2s linear; padding-top:40px;}
.photo_list dl:hover dd span{opacity:1; transition:all 0.2s linear; margin-top:10px;}*/

/* 모달팝업 */
.blocker {z-index:1011 !important; height:100%;}
.modal {width:100% !important;  height:450px !important; padding:0 !important; border-radius:5px !important;}
.modal ul {width:100%; height:100%; overflow-y:scroll;}
.modal ul li {position:relative; width:100%; padding:20px 15px; box-sizing:border-box; line-height:100%; font-size:1.429rem; border-bottom:1px solid #ddd; list-style:none; font-family:"Kanit", "Noto Sans KR", Sans-serif; letter-spacing:0; font-weight:300;}
.modal ul li.on {color:#ed145b; }
.modal ul li:last-child {border-bottom:0;}
.modal ul li input[type=radio]{}
.modal ul li input[type="radio"] {display:none;}
.modal ul li input[type="radio"] + label {float:right; position:relative; display:inline-block; cursor: pointer; width:30px; height:30px; letter-spacing: -0.5pt;}
.modal ul li input[type="radio"] + label > i {position:absolute; left:0; top:-5px; width:30px; height:30px; background-color:#fff; border:1px solid #ddd; border-radius:100px; background-image:url('image/radio_none.png'); background-repeat:no-repeat; background-position:center; box-sizing:border-box; background-size:cover;}
.modal ul li input[type="radio"]:checked + label > i {background-image:url('image/radio_hover.png'); background-size:cover; border:none;}

.modal.filter > div{height:100%; overflow:hidden; overflow-y:scroll; border-radius:5px;}
.modal.filter ul{height:auto;}

.modal.filter h6{font-weight:600; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#000; font-size:1.3rem; padding:13px 20px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}


.modal ul li input[type="checkbox"] {display:none; }
.modal ul li input[type="checkbox"] + label{display:block; padding:0 0 0 20px; position:Relative; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#000; font-weight:300; font-size:1.143rem;}
.modal ul li input[type="checkbox"] + label::before{content:""; display:block; width:12px; height:12px; border:1px solid #ddd; background:#fff; position:Absolute; left:0; top:3px; border-radius:50%;}
.modal ul li input[type="checkbox"]:checked + label::before{border-color:#ed145b; }
.modal ul li input[type="checkbox"]:checked + label::after{content:""; display:block; width:8px; height:8px; background:#ed145b; position:Absolute; left:3px; top:6px; border-radius:50%;}



.modal.filter .filterTab{display:flex; border-bottom:1px solid #eee;  overflow-y:hidden; }
.modal.filter .filterTab li{position:relative; flex:1; font-family:"Kanit", "Noto Sans KR", Sans-serif; width:auto; height:auto; margin:0; float:none; text-align:center; cursor:pointer; color:rgba(0,0,0,0.4); font-size:1.3rem; font-weight:400; background:#f5f5f5;  padding:18px 20px 14px; border:none; }
.modal.filter .filterTab li.focus{color:#000; }
.modal.filter .filterTab li.focus::after{content:""; display:block; position:absolute; left:0; bottom:0; background:#000; width:100%; height:2px; z-index:9;}
.modal.filter .filterList{display:none; }
.modal.filter .filterList ul{overflow-y:hidden; height:auto; }
.modal.filter .filterList.focus{display:block; }





/* page_num */
.pageNum{text-align:Center; margin:60px 0 0}
.pageNum ul{font-size:0; margin:0 0 12px}
.pageNum li{display:inline-block; font-size:16px; font-family:"Kanit", "Noto Sans KR", Sans-serif;  font-weight:300; color:#000;}
.pageNum li:first-child::after{content:"/"; display:inline-block; font-size:16px; font-family:"Kanit", "Noto Sans KR", Sans-serif;  font-weight:300; color:#000; margin:0 3px;}
.pageNum a{color:#000; text-decoration:underline;}
.pageNum a::after{content:""; display:inline-block; width:10px; height:5px; background:url('image/more_arrow.gif') no-repeat center; vertical-align:middle; margin:0 0 2px 10px}

/* 페이지 넘버 */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

/* 검색바 */
.searchArea {height:46px; clear:both;  display:flex; justify-content: space-between;align-items: center; margin-bottom:30px; }
.searchArea > p {float:left; line-height:39px; color:#000; }
.searchArea > p strong {font-family:"Kanit", "Noto Sans KR", Sans-serif; font-weight:500; color:#000000}

.searchArea > dl {width:calc(100% - 140px); font-size:0; padding-top:10px;}
.searchArea > dl.bbs_search dt {display:inline-block; font-size:1rem; vertical-align:middle; margin:0 15px 0 0;}
.searchArea > dl.bbs_search dt select {min-width:100px; border:none; border-bottom:1px solid #000000;padding:0; height:39px; line-height:39px; vertical-align:middle; font-size:16px; color:#000; text-indent:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('image/more_arrow.gif') no-repeat right 2px center;}
.searchArea > dl.bbs_search dt select::-ms-expand {display:none}
.searchArea > dl.bbs_search dd {display:inline-block; vertical-align:middle; font-size:1rem; }
.searchArea > dl.bbs_search dd.search {width:calc(100% - 150px);}
.searchArea > dl.bbs_search dd .search_input {border:none; border-bottom:1px solid #000000; padding:0; width:100%; height:39px; line-height:39px; font-size:1.143rem; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#333;font-weight:300; box-sizing:border-box;}
.searchArea > dl.bbs_search dd .btnSearch {width:30px; height:30px; background:url('image/search_icon.png') no-repeat center; border:none; overflow:hidden; text-indent:-9999px; padding:0; margin:0;cursor:pointer;}
.searchArea > dl.bbs_search dd .search_input::-webkit-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd .search_input:-ms-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd .search_input::placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }

.searchArea > .listType {width:86px; font-size:0; text-align:right; position:relative; }
.searchArea > .listType span {vertical-align:middle; display:inline-block; width:42px; height:42px; background:#000; cursor:pointer; transition:all 0.2s linear; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff;}
.searchArea > .listType span.card {background-image:url('image/listTypeThum.png');}
.searchArea > .listType span.thum {background-image:url('image/listTypeCard.png');margin-left:2px;}
.searchArea > .listType span.card.on, .searchArea > .listType span.card:hover {background-image:url('image/listTypeThum_on.png'); transition:all 0.2s linear;}
.searchArea > .listType span.thum.on, .searchArea > .listType span.thum:hover {background-image:url('image/listTypeCard_on.png'); transition:all 0.2s linear;}

.searchArea > .sort {position:relative; height:46px; z-index:50;width:calc(100% - 120px);}
.searchArea > .sort li {float:left; width:calc((100% - 4px) / 3); height:46px; margin-right:2px;}
.searchArea > .sort li:last-child {margin-right:0;}

.searchArea > .sort li > a {border:1px solid #ddd; display:block; line-height:44px; text-align:Center; color:#000;}
.searchArea > .sort li > a:hover {color:#ed145b;}
.searchArea > .sort li > a.on {background:#ed145b; border-color:#ed145b; color:#fff; }
.searchArea > .sort li dl {}
.searchArea > .sort li dl dt {border:1px solid #ddd; display:block; line-height:44px; color:#000; cursor:pointer; padding:0 20px; background:url("image/more_arrow.gif") no-repeat right 16px center}
.searchArea > .sort li dl dd {display:none; border:1px solid #ed145b; border-top:none; padding:8px 20px; background:#fff; }
.searchArea > .sort li dl dd a {display:block; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#000; font-weight:300; margin:5px 0}
.searchArea > .sort li dl dd a:hover {color:#ed145b;}
.searchArea > .sort li dl:hover > dt {background-image:url("image/more_arrow_w.png"); background-color:#ed145b; color:#fff; border-color:#ed145b;}
.searchArea > .sort li dl:hover > dd {display:block;}


/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:20px;}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;}
.bbs_btn input{margin:0 1px;}

.bbs_btn.user{padding:0 0 90px; background:#fff; text-align:center; }

/*********** View *************/
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; }
.bbs_view th {color:#333; text-align:center; padding:13px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_view th.subject {font-size:16px; padding:13px 15px; border-top:1px solid #222; border-right:none;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:13px 15px; text-align: left;}
.bbs_view td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.bbs_view td.view_detail p {float:left; width:50%;}
.bbs_view td.view_content{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}


.topArea{width:100%;  position:relative; max-width:680px}
.topArea h3{position:Absolute; z-index:700; text-align:center; bottom:80px; left:0; color:#fff;  font-size:2rem;  line-height:120%; font-weight:500; opacity:0; margin-bottom:50px; transition:all 0.5s cubic-bezier(.25,1,.5,1); box-sizing:border-box; width:100%; padding:0 3%;}
.topArea h3.on{opacity:1; margin-bottom:0;}
.topArea h3.move{opacity:0; margin-bottom:-50px;}


.bbs_view2 {position:relative; background:#fff; padding:80px 0 0;}
.bbs_view2 .sns_wrap {position:absolute; top:-60px; right:2%;}
.bbs_view2 .sns_wrap ul {overflow:hidden;}
.bbs_view2 .sns_wrap li {float:left; margin-left:20px;}
.bbs_view2 .sns_wrap li a {display:inline-block; vertical-align:middle; line-height:1;}
.bbs_view2 .sns_wrap li img{margin:0; }

.bbs_view2 h3{text-align:center; font-size:1.8rem; line-height:120%; color:#333333;font-weight:500; }
.bbs_view2 h3 span{display:block; margin:8px auto 0; color:#999; line-height:100%; font-weight:500; font-size:1.286rem;}
.bbs_view2 h5.dep_tit {line-height:100%;font-family:"Kanit", "Noto Sans KR", sans-serif;  font-weight:500; color:#000000; font-size:1.714rem; border-bottom:1px solid #000; padding:0 0 16px; letter-spacing:0;}
.bbs_view2 h5.dep_tit > a {float:right; font-size:1rem; font-weight:300; color:#404040; background:url('image/more_arrow.png') no-repeat right 1px center; background-size:6px 11px; padding:0 19px 0 0; margin:5px 0 0;;}

.bbsView2_imgWarp{position:relative;}
.bbsView2_img{width:100%; overflow:hidden; position: relative;}
.topArea .bbsView2_img .roll{width:100%; background:#000; overflow:hidden; }
.topArea .bbsView2_img .roll p{width:100%; background-size:cover; background-position:Center; background-repeat:no-repeat; opacity:0.7; transition:all 1s linear; transform:scale(1); }
.topArea .bbsView2_img .roll.action p{transform:scale(1); }

.bbsView2_img .roll{z-index:5 !important;}
.bbsView2_img .roll.slick-active{z-index:100 !important;}

.bbsView2_img .slick-arrow {border:none; text-indent:-99999px; width:50px; height:50px; background:none; border:none; position:absolute; top:auto; bottom:0; cursor:pointer; left:auto; z-index:900; right:0 }
.bbsView2_img .slick-prev {background: url("image/arrow_prev.png") no-repeat center, #f3004f; right:50px; }
.bbsView2_img .slick-next {background: url("image/arrow_next.png") no-repeat center, rgba(243,0,79,0.5); right:0}


.bbsView2_imgWarp.swiper-container{overflow:visible;}
.bbsView2_imgWarp .swiper-wrapper{overflow:visible;}

.bbsView2_imgWarp .swiper-pagination{display:inline-block !important; width:auto !important; position:absolute; bottom:-45px; left:0; box-sizing:border-box; padding:0 3%;; text-align:left;   z-index:900; font-size:16px; color:rgba(0,0,0,0.5); font-family:"Kanit", "Noto Sans KR", sans-serif; }
.bbsView2_imgWarp .swiper-pagination span{font-family:"Kanit", "Noto Sans KR", sans-serif; }
.bbsView2_imgWarp .swiper-pagination .swiper-pagination-current{font-weight:500; margin-right:6px; color:#000;}

.bbsView2_imgWarp .swiper-button-next{width:20%; height:100%; right:0; top:0; background:none; z-index:500; margin:0 !important; padding:0 !important; }
.bbsView2_imgWarp .swiper-button-prev{width:20%; height:100%; left:0; top:0; background:none; margin:0 !important; padding:0 !important; }
.bbsView2_imgWarp .swiper-button-prev::before{content:"\e5e0"; font-family:"Material Symbols Outlined"; position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:501; font-size:24px; color:#000; opacity:1; font-weight:200; mix-blend-mode: exclusion; text-shadow:0 0 20px rgba(255,255,255,1);}
.bbsView2_imgWarp .swiper-button-next::before{content:"\e5e0"; font-family:"Material Symbols Outlined"; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(180deg); z-index:501; font-size:24px; color:#000; opacity:1; font-weight:200; transition:all 0.2s linear; mix-blend-mode: exclusion;  text-shadow:0 0 10px rgba(255,255,255,1);}
.bbsView2_imgWarp .swiper-button-disabled::before{opacity:0.2;}

.bbsView2_imgWarp .jarallax {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 56.25%;
   overflow: hidden;
}
.bbsView2_imgWarp .jarallax iframe{position:absolute; }



	#modalBtn{position:absolute; left:auto; right:100px; bottom:0; width:50px; height:50px; background:url('/img/search_on.png') no-repeat center, #fff; border:none; text-indent:-999999px; overflow:hidden; font-size:0; cursor:pointer; z-index:900;}

	/* The Modal (background) */
	.modal_view {display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.95);}
	/* Modal Content */
	.modal_view .modal-content {margin: auto; position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); }
	/* The Close Button */
	.modal_view .modal-close {display:block; position:Absolute; right:0; top:0; width:50px; height:50px; background:url('/img/intro_close.png') no-repeat center; overflow:hidden; text-indent:-999999px;; transition:all 0.2s linear; cursor:pointer; z-index:9999999;}
	.modal_view .modal-close:hover, .modal_view .modal-close:focus {transform:rotate(180deg); transition:all 0.2s linear;}
	
	.bbsView2_imgpop{height:100%;}
	.bbsView2_imgpop img{max-width:90%; max-height:90%; display:block; position:Absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	.bbsView2_imgpop .slick-arrow{border:none; text-indent:-99999px; width:20px; height:41px; background:none; border:none; position:absolute; top:50%; cursor:pointer; z-index:900; background: url("/img/arrow_w.png") no-repeat center; margin:-20px 0 0;}
	.bbsView2_imgpop .roll{position:Relative; height:100vh}
	.bbsView2_imgpop .slick-prev{transform:rotate(180deg); left:20px;}
	.bbsView2_imgpop .slick-next{left:auto; right:20px}



.bbs_view2 .bbsView2_info{ margin:0 auto; position:relative; background:#fff; padding:0 3%}
.bbs_view2 .bbsView2_info .titArea{margin:0 0 30px;}
.bbs_view2 .bbsView2_info .infoArea{}
.bbs_view2 .bbsView2_info .infoArea > article{font-size:1.143rem; color:#111; text-align:justify; line-height:170%;  margin:0 0 30px;}
.bbs_view2 .bbsView2_info .infoArea > article p{line-height:170%;}
.bbs_view2 .bbsView2_info .infoArea dl{ font-size:1rem; vertical-align:top; border-top:1px solid #eee; padding:20px 0; display:flex;  }
.bbs_view2 .bbsView2_info .infoArea article + dl{border-color:#333;}
.bbs_view2 .bbsView2_info .infoArea dl dt{font-family:"Kanit", "Noto Sans KR", sans-serif; font-size:1.143rem; font-weight:500; color:#111; margin:0 0 5px; width:140px;} 
.bbs_view2 .bbsView2_info .infoArea dl dd{font-size:1.143rem; font-family:"Kanit", "Noto Sans KR", sans-serif; color:#111; }
.bbs_view2 .bbsView2_info .infoArea dl dd img{max-width:150px;}
.bbs_view2 .bbsView2_info .infoArea dl dd.award p{ padding:0 0 0 27px; margin:0 70px 8px 0; font-size:1rem; position:relative; }
.bbs_view2 .bbsView2_info .infoArea dl dd.award p::before{content:""; display:block; position:absolute; left:0; top:1px; width:20px; height:16px; background:url('image/works_award.png') no-repeat center/100% auto;}
.bbs_view2 .bbsView2_info .infoArea.btm{}
.bbs_view2 .bbsView2_info .infoArea.btm dl{display:block; }
.bbs_view2 .bbsView2_info .infoArea.btm dl:first-child{border:none;}

.bbs_view2 .bbsView2_info .infoArea.btm dl dd ol{list-style:none; }
.bbs_view2 .bbsView2_info .infoArea.btm dl dd li{display:inline-block; }
.bbs_view2 .bbsView2_info .infoArea.btm dl dd li::after{content:","; font-family:"Kanit", "Noto Sans KR", sans-serif; color:#111; }
.bbs_view2 .bbsView2_info .infoArea.btm dl dd li:last-child::after{display:none; }

/*
.bbs_view2 .bbsView2_info {width:100%; padding:0 2%; margin-top:60px; box-sizing:border-box;}
.bbs_view2 .bbsView2_info > div {overflow:hidden; clear:both;}
.bbs_view2 .bbsView2_info .left {width:100%; box-sizing:Border-box; padding-bottom:50px;}
.bbs_view2 .bbsView2_info .left ul {text-align:Center; font-size:0; vertical-align:top; padding:0;}
.bbs_view2 .bbsView2_info .left ul li {width:100%; box-sizing:border-box; display:block; font-size:1rem; vertical-align:top;  padding:60px 0 30px 0; border-bottom:1px dashed #f0eeec;}
.bbs_view2 .bbsView2_info .left ul li.type01{background:url('image/work_icon_client.png') no-repeat center 33px;}
.bbs_view2 .bbsView2_info .left ul li.type02{background:url('image/work_icon_award.png') no-repeat center 33px;}
.bbs_view2 .bbsView2_info .left ul li.type03{background:url('image/work_icon_area.png') no-repeat center 33px;}
.bbs_view2 .bbsView2_info .left ul li.type04{background:url('image/work_icon_floor.png') no-repeat center 33px;}
.bbs_view2 .bbsView2_info .left ul li h6{font-family:"Kanit", "Noto Sans KR", sans-serif; font-size:1.286rem; font-weight:300; color:#7d6859;}
.bbs_view2 .bbsView2_info .left ul li h6 sup{font-size:0.8571rem; font-family:inherit;}
.bbs_view2 .bbsView2_info .left ul li h6::after{content:""; display:block; width:25px; height:2px; background:#e5e1de; margin:14px auto 15px;}
.bbs_view2 .bbsView2_info .left ul li p{font-size:1.286rem; text-align:center; line-height:150%; color:#000000; font-weight:400; padding:0 10px; word-break:keep-all;}
.bbs_view2 .bbsView2_info .left ul li.type02 p{font-size:1.143rem;}
.bbs_view2 .bbsView2_info .left ul li p img{display:inline-block; width:auto !important; max-width:140px !important; height:auto !important; }
.bbs_view2 .bbsView2_info .left div{color:#000000; font-size:1.143rem; line-height:30px; word-break:keep-all; padding:31px 0 0; font-weight:300;}
.bbs_view2 .bbsView2_info .left div p{color:#000000; font-size:1.143rem; line-height:30px;}

.bbs_view2 .bbsView2_info .right {width:100%; margin-bottom:50px;}
.bbs_view2 .bbsView2_info .right h5.dep_tit{border-bottom-color:#ed145b;}
.bbs_view2 .bbsView2_info .right dl{display:flex; }
.bbs_view2 .bbsView2_info .right dl dt{ width:170px; font-size:1.286rem; font-weight:400; color:#000; letter-spacing:-0.25pt; padding:22px 0; line-height:150%; border-bottom:1px solid #dddddd;}
.bbs_view2 .bbsView2_info .right dl dd{width:calc(100% - 170px); font-family:"Kanit", "Noto Sans KR", sans-serif; padding:22px 0; line-height:150%; border-bottom:1px solid #dddddd; font-size:1.286rem; color:#000; font-weight:300;}*/

.bbs_view2 .bbsView2_info .imgCrop02{}
.bbs_view2 .bbsView2_info .imgCrop02 ul{overflow:hidden; clear:both;}
.bbs_view2 .bbsView2_info .imgCrop02 li{float:left; width:calc((100% - 10px) / 2); }
.bbs_view2 .bbsView2_info .imgCrop02 li img{width:100%;}
.bbs_view2 .bbsView2_info .imgCrop02 li:last-child{margin-left:10px;}

.bbs_view2 .bbsView2_info .imgCrop03{}
.bbs_view2 .bbsView2_info .imgCrop03 ul{overflow:hidden; clear:both;}
.bbs_view2 .bbsView2_info .imgCrop03 li{float:left; width:calc((100% - 10px) / 2); }
.bbs_view2 .bbsView2_info .imgCrop03 li img{width:100%;}
.bbs_view2 .bbsView2_info .imgCrop03 li:first-child{margin-right:10px;}
.bbs_view2 .bbsView2_info .imgCrop03 li:last-child{margin:10px 0 0; width:100%;}

.bbs_view2 .bbsView2_info .imgCrop04{}
.bbs_view2 .bbsView2_info .imgCrop04 ul{overflow:hidden; clear:both;}
.bbs_view2 .bbsView2_info .imgCrop04 li{float:left; width:calc((100% - 10px) / 2); }
.bbs_view2 .bbsView2_info .imgCrop04 li p:last-child{margin-top:1.5%;}
.bbs_view2 .bbsView2_info .imgCrop04 li img, 
.bbs_view2 .bbsView2_info .imgCrop04 li p img{width:100%;}
.bbs_view2 .bbsView2_info .imgCrop04 li:last-child{margin-left:10px;}

.bbs_view2 .bbsView2_info .imgCrop05{}
.bbs_view2 .bbsView2_info .imgCrop05 ul{overflow:hidden; clear:both;}
.bbs_view2 .bbsView2_info .imgCrop05 li{float:left; width:calc((100% - 10px) / 2); }
.bbs_view2 .bbsView2_info .imgCrop05 li img{width:100%;}
.bbs_view2 .bbsView2_info .imgCrop05 li:first-child,
.bbs_view2 .bbsView2_info .imgCrop05 li:nth-child(4){margin-right:10px;}
.bbs_view2 .bbsView2_info .imgCrop05 li:nth-child(3){margin:10px 0; width:100%;}


.bbsView2_news {background:#f5f5f5; margin:50px 0 0; padding:50px 2% 50px 2%;}
.bbsView2_news > div {max-width:100%; margin:0 auto;}
.bbsView2_news ul {padding-top:25px; }
.bbsView2_news li {position:relative; padding-bottom:10px;}
.bbsView2_news li:last-child {padding-bottom:0;}
.bbsView2_news li a {width:calc(100% - 80px); line-height:100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block;}
.bbsView2_news li span {color:#000; float:right; width:80px; text-align:right; line-height:100%; }

.bbsView2_icons{padding:50px 0}
.bbsView2_icons ul {text-align:center; font-size:0; width:100%;}
.bbsView2_icons ul li {display:inline-block; font-size:1rem; margin:0 1% 2%; border:1px solid #f0eeec; width:31%; box-sizing:border-box; padding:5% 0; color:#000; vertical-align:top;}
.bbsView2_icons ul li img{display:block; margin:0 auto 10px; }

.bbsView2_icons dl{text-align:center; font-size:0; margin:20px auto 0; }
.bbsView2_icons dd{display:inline-block; margin:0 4px 8px; font-size:1.1rem; font-weight:300; color:rgba(125,104,89,0.8); background:#f0eeec; padding:9px 23px; border-radius:50px; line-height:120%; }


.bbsView2_related {padding:50px 2%; box-sizing:border-box; max-width:100%; margin:0 auto; overflow:hidden; clear:both; }
.bbsView2_related .bbsView2Related_in {position:Relative; }
.bbsView2Related_in .slick-arrow{border:none; text-indent:-99999px; width:20px; height:41px; background:none; border:none; position:absolute; top:50%; margin-top:-20px; cursor:pointer; left:auto; display:none;}
.bbsView2Related_in .slick-prev {background: url("/img/prev_arrow_g.png") no-repeat center; left:-45px;}
.bbsView2Related_in .slick-next {background: url("/img/next_arrow_g.png") no-repeat center; right:-45px;}
.bbsView2_related .roll {float:left; width:33%;}
.bbsView2_related .roll dl {position:relative; width:98%; margin:0 auto; height:100%; overflow:hidden; transition:all 0.2s linear;}
.bbsView2_related .roll dt {position:relative;}
.bbsView2_related .roll dt img {width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.bbsView2_related .roll dd {}
/*.bbsView2_related .roll dt::before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:270px; background: rgb(0,0,0,0.15); background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); z-index:5;transition:all 0.2s linear;}*/
.bbsView2_related .roll dd p {width:100%; box-sizing:border-box; padding:8px 0 0; color:#000; font-size:1.2rem; line-height:28px; font-family:"Kanit", "Noto Sans KR", sans-serif;  font-weight:300; z-index:8;}
.bbsView2_related .roll dd p span {font-size:1.143rem; display:block; margin:6px 0 0;}
/*.bbsView2_related .roll dl:hover dd {top:0; transition:all 0.2s linear;}*/

.bbsView2_related .btnStyle{font-size:0; margin:15px 0 -25px;}
.bbsView2_related .btnStyle a{display:inline-block; float:none !important; background:#fff; padding:5px 15px; text-align:Center; font-size:13px; border-radius:50px; margin:0 0 2px 2px; border:1px solid #ed145b; color:#ed145b; transition:all 0.3s linear; font-weight:300; }
.bbsView2_related .btnStyle a::before{content:"#"; margin-right:3px;}
.bbsView2_related .btnStyle a:hover{background:#ed145b; border-color:#ed145b; color:#fff; transition:all 0.3s linear; box-shadow:0 10px 16px rgba(0,0,0,0.1);}

.bbsView2_related .bbsView2Related_wrap{margin:40px 0 0;}
.bbsView2_related .bbsView2Related_wrap > .dep_stit{font-size:1.2rem; font-weight:500; color:#000; margin:0 0 10px; }

.bbsView_table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; }
.bbsView_table tr {border-bottom:1px solid #ddd;}
.bbsView_table tr:last-child {border-color:#000;}
.bbsView_table th {text-align:left; padding:24px 20px 24px 65px; color:#000; }
.bbsView_table th i {display:block; width:1px; height:15px; background:#ddd; float:right; margin-right:-20px}
.bbsView_table th.prev {background:url('/img/prev_icon.png') no-repeat 30px center;}
.bbsView_table th.next {background:url('/img/next_icon.png') no-repeat 30px center;}
.bbsView_table td.cont {padding:24px 20px; color:#000;}	
.bbsView_table td.cont a {color:#000;}


/*********** Input *************/

/* 저작권공지 */
.input_notice{border:1px solid #eaeae9; background-color:#f9f9f9; padding:22px 25px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 10px 0;}
.input_notice h4 span{color:#ed145b; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px; border:1px solid #eaeae9;; background:#fff;  padding:15px; height:auto;}
.input_notice p.point{color:#ed145b;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}

.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.bbs_input th {color:#333; text-align:left; padding:12px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:12px 15px; text-align: left;}
.bbs_input td.line {border-right:1px solid #d4d4d4; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
.subject_table td {border:none; padding:0;}
.subject_table .cat {width:18%;}

.bbs_input .interlocked {width:100%; border-collapse:separate; border-spacing:0px; }
.bbs_input .interlocked th {border:none; text-align:center; background:#333; color:#fff;}
.bbs_input .interlocked td {text-align:center;}
.bbs_input .interlocked td.left {text-align:left; }
.bbs_input td .scrBox {overflow-y:scroll; max-height:250px;}

.bbs_input td label{margin:0 20px 0 2px;}
.dep_tit{font-size:20px; font-weight:700; color:#333;}

p.bbsRemark{color:#ed145b; font-weight:700; padding:5px 0 0}
td.bbsRemark{color:#ed145b; font-weight:700;}
span.bbsRemark{color:#ed145b; font-weight:700; padding:0 0 0 5px;}

/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:14px; font-weight:600; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}


/*********** Passwd *************/
.passwd {width:530px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:28px;}
.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}
.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}

.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding:8px 15px 3px 15px;
	color: #FFF;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #484C57;
	cursor: pointer;
	border: 1px solid #484C57;
	height:20px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 33px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
}


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


/*********** List *************/
.photo_list dl {width:calc((100% - 10px) / 2); margin: 0 10px 10px 0;}
.photo_list dt::before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:270px; background: rgb(0,0,0,0.15); background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); z-index:5;transition:all 0.2s linear;}
.photo_list dd {padding:12px 0; }
.photo_list dd p {}
.photo_list dd span {margin:5px 0 0; line-height:120%; word-break:break-all;}

.photo_list.card dl {margin-bottom:10px;}

.searchArea > dl {padding-top:0; width:calc(100% - 100px);}
.searchArea > .listType {width:70px;}
.searchArea > .listType span {width:34px; height:34px;}
.searchArea > .listType span.card {background-size:cover; }
.searchArea > .listType span.thum {background-size:cover;}

.searchArea > .sort {width:calc(100% - 90px);}

.pageNum{margin:40px 0 0}

.bbs_view2 .bbsView2_info { padding:0 3%;}
.bbsView2_imgWarp .swiper-button-prev::before{left:15px;}
.bbsView2_imgWarp .swiper-button-next::before{right:15px;}


.bbsView2_news {padding:50px 3%;}

.bbsView2_related {padding:50px 3%;}
.bbsView2_related .bbsView2Related_in {margin-top:0;}

}


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


/*********** List *************/
/*.photo_list dl {width:100%; margin: 0 0 10px 0;}*/



}