@charset "utf-8";


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
탑배너
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.sub_text{margin:62px 0 35px; padding: 0;}
.sub_text h1{display:flex; align-items:flex-end; position:relative; color:#ff0086; text-align:left;}
.sub_text h1 span{margin-left: 19px; font-size: 16px; color:#222;}
.sub_text h1 .route{display:flex; align-items:center; position:absolute; right: 0; font-weight:400;}
.sub_text h1 .route span{margin: 0; font-size: 14px; color:#666;}
.sub_text h1 .route span.arrow{width: 6px; height: 9px; display:block; position:relative; margin: 0 10px;}
.sub_text h1 .route span.arrow:before,
.sub_text h1 .route span.arrow:after{content:""; width: 100%; height: 1px; position:absolute; background: #707070;}
.sub_text h1 .route span.arrow:before{transform: rotate(45deg); top: 2px;}
.sub_text h1 .route span.arrow:after{transform: rotate(-45deg); bottom: 2px;}

@media(max-width: 991px){
	.sub_text{margin:40px 0 25px;}
	.sub_text h1{flex-flow:column; align-items:flex-start; font-size: 24px;}
	.sub_text h1 span{margin:12px 0 0 0; font-size: 13px;}
	.sub_text h1 .route{top: -22px;}
	.sub_text h1 .route span{font-size: 12px;}
	.sub_text h1 .route span.arrow{width: 5px; height: 8px;}
	.sub_text h1 .route span.arrow:before{transform: rotate(35deg);}
	.sub_text h1 .route span.arrow:after{transform: rotate(-35deg);}
}

.sub_menu_box{}
.sub_menu_box .cate_ul{display:flex; text-align:left; margin-bottom: 20px; padding-bottom: 0;}
.sub_menu_box .cate_ul .cate_li{width: auto; display:block; position:relative; margin-right: 25px; padding-right: 25px;}
.sub_menu_box .cate_ul .cate_li:last-child{margin-right:0; padding-right: 0;}
.sub_menu_box .cate_ul .cate_li:after{content:""; width: 1px; height: 12px; position:absolute; top: 4px; right: 0;  background: #ddd;}
.sub_menu_box .cate_ul .cate_li:last-child:after{display:none;}
.sub_menu_box .cate_ul .cate_li a{line-height:1; display:block; position:relative; text-overflow: initial; border: 0; font-size: 18px; font-weight:600; color:#444;}
.sub_menu_box .cate_ul .cate_li.on a{overflow:visible; color:#0159c4}
.sub_menu_box .cate_ul .cate_li.on a:after{content:""; width: 100%; height: 1px; position:absolute; left: 0; bottom: -7px;  background: #0159c4}

@media(max-width: 991px){
	.sub_menu_box .cate_ul{margin-bottom:39px; overflow-x:scroll;}
/* 	.sub_menu_box .cate_ul.m04{overflow-x:scroll} */
	.sub_menu_box .cate_ul .cate_li{margin-right: 15px; padding-right: 15px;}
	.sub_menu_box .cate_ul .cate_li:after{top: 1px;}
	.sub_menu_box .cate_ul .cate_li a{margin-bottom: 0; padding:0; padding-bottom: 7px; font-size: 14px; font-weight: 600;}
	.sub_menu_box .cate_ul .cate_li.on a:after{bottom: 0;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 카테고리 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.category_modify{}
.category_modify .category_modify_ul{display:flex;}
.category_modify > ul.category_modify_ul > li{width: auto; display: block; position: relative; margin-right: 25px; padding-right: 25px}
.category_modify > ul.category_modify_ul > li:after{content: ""; width: 1px; height: 12px; position: absolute; top: 4px; right: 0; background: #ddd;}
.category_modify > ul.category_modify_ul > li:last-child{margin:0; padding:0;}
.category_modify > ul.category_modify_ul > li:last-child:after{display:none;}
.category_modify > ul.category_modify_ul > li a{line-height: 1; display: block; position:relative; padding:0; margin:0; text-overflow: initial; border: 0; font-size: 18px; font-weight: 600; color: #444;}
.category_modify > ul.category_modify_ul > li:first-child > a,
.category_modify > ul.category_modify_ul > li:last-child > a{margin:0;}
.category_modify > ul.category_modify_ul > li > a::after{content: ""; width: 100%; height: 1px; display:none; position: absolute; left: 0; bottom: -7px; right:auto; top:auto; transform:translate(0); background: #0159c4;}
.category_modify > ul.category_modify_ul > li.active > a{font-weight:600; color:#0159c4;}
.category_modify > ul.category_modify_ul > li.active > a::after{display:block;}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 상단 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 검색어 */
.list-tsearch{margin:0; margin-bottom: 20px; padding:0; padding-bottom:30px; background: none; border:0; border-bottom: 1px solid #999;}
.list-tsearch > form{display:flex; justify-content:space-between; align-items:flex-end;}
.list-tsearch .left_count{display:flex; place-items:center;}
.list-tsearch .left_count > span{margin-right: 7px; font-size: 18px; font-weight:600; color:#ffc000}
.list-tsearch .left_count div{font-size: 16px; color:#222;}
.list-tsearch .right_search{display:flex;}
.list-tsearch .right_search .form-group{line-height: 43px; position:relative; margin: 0; margin-right: 8px;}
.list-tsearch .right_search .form-group:first-child{width: 132px;}
.list-tsearch .right_search .form-group:nth-child(2){width: 392px;}
.list-tsearch .right_search .form-group:last-child{width: 46px; margin-right: 0;}
.list-tsearch .right_search select,
.list-tsearch .right_search input{width: 100%; padding-left: 20px; border: 2px solid #ffc000; font-size: 15px; color:#888;}
.list-tsearch .right_search input::placeholder{color:#888;}
.list-tsearch .right_search button{height:100%; padding:0; background: #ffc000; border: 0;}
.list-tsearch .right_search button:hover{background: #ffc000;}
.list-tsearch .right_search button span{width: 100%; height: 100%; display:flex; justify-content:center; position:relative;}
.list-tsearch .right_search button span:before,
.list-tsearch .right_search button span:after{content:""; position:absolute;}
.list-tsearch .right_search button span:before{width:19px; height: 19px; top: 13px; left:12px; border: 2px solid #fff; border-radius: 50%;}
.list-tsearch .right_search button span:after{width: 8px; height: 2px; right: 12px; bottom: 15px; transform: rotate(45deg); background: #fff;}
.list-tsearch .right_search select{height: 100%; appearance: none; background: none;}
.list-tsearch .right_search span.arrow{width: 8px; height: 7px; display:block; position:absolute; top:25px; right: 18px;}
.list-tsearch .right_search span.arrow:before,
.list-tsearch .right_search span.arrow:after{content:""; width: 100%; height:1px; position:absolute; background: #aeaeae;}
.list-tsearch .right_search span.arrow:before{transform:rotate(45deg); right: 6px;}
.list-tsearch .right_search span.arrow:after{transform:rotate(-45deg)}

@media(max-width: 991px){
	.list-tsearch{position:relative; padding-bottom: 65px; margin-bottom: 15px;}
	.list-tsearch .right_search select, 
	.list-tsearch .right_search input{padding-left:10px; font-size: 12px;}
	.list-tsearch .right_search select{line-height: 1;}
	.list-tsearch .right_search input{height:40px;}
	.list-tsearch .right_search .form-group{height:40px; line-height:40px; margin-right: 7px;}
	.list-tsearch .right_search .form-group:first-child{width: 80px; margin-top:-2px}
	.list-tsearch .right_search .form-group:nth-child(2){width:195px; margin-top:-2px}
	.list-tsearch .right_search .form-group:last-child{flex: auto; width: 40px;}
	.list-tsearch .right_search button span:before{width: 16px; height: 16px; top: 12px; left: 11px;}
	.list-tsearch .right_search button span:after{width: 6px; height: 2px; right: 10px; bottom: 12px;}
	.list-tsearch .right_search span.arrow{width: 6px; height: 7px; top: 23px; right: 10px;}
	.list-tsearch .right_search span.arrow:before{right: 4px;}
	.list-tsearch .left_count{place-items:center; position:absolute; left: 0; bottom: 20px;}
	.list-tsearch .left_count > span{margin-right:3px; font-size: 15px;}
	.list-tsearch .left_count div{font-size: 12px;}
}

/* 머리 */
.board_style .div-head{padding: 25px 0; background: none; border-top: 0;}
.board_style .div-head span{font-size: 16px; font-family: 'GowunDodum', sans-serif !important; font-weight:600; color:#111;}
.board_style .div-head span a{font-family: 'GowunDodum', sans-serif !important;}

@media(max-width: 991px){
	.board_style .div-head{padding: 15px 0;}
	.board_style .div-head span{font-size: 14px;}
	.board_style .list-board .list-body li > div{padding: 13px 0; font-size: 12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 리스트 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 갤러리 게시판 */
.gallery_container{margin-bottom: 0 !important;}
.gallery_container .list-row{width: 100% !important;}
.gallery_container .list-item{display:flex; place-items:center; padding-bottom:20px; border-bottom: 1px solid #e1e1e1;}
.gallery_container .list-item .fix_gallery_content{margin:0; cursor: pointer; }
.gallery_container .list-item .fix_gallery_content h1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:20px; font-weight:600; color:#000;}
.gallery_container .list-item .fix_gallery_content h2{margin:0; font-size: 16px; color:#222; text-align:left; transition: all .15s;}
.gallery_container .list-item .fix_gallery_content h2 span{margin-right: -6px; font-weight:600; font-size: 22px;}

.gallery_container .list-item .fix_gallery_link a{width: 150px; line-height: 43px; display:block; font-size:15px; border: 1px solid #ff0086; color:#ff0086; text-align:center; transition: all .15s;}
.gallery_container .list-item:hover .fix_gallery_content h2{color:#ff0086}
.gallery_container .list-item:hover .fix_gallery_link a{background: #ff0086; color:#fff;}

@media(max-width: 991px){
	.responsive .list-wrap .list-container.gallery_container .list-row{width: 100% !important}
	.list-wrap .list-container.gallery_container .list-item{flex-flow:column; place-items: flex-start; padding: 0;}
	.gallery_container .list-item .fix_gallery_content h1{margin: 15px 0 0 0; font-size: 16px;}
	.gallery_container .list-item .fix_gallery_content h2{position:relative; font-size: 12px;}
	.gallery_container .list-item .fix_gallery_content h2 span{margin-right: -4px; font-size: 16px;}
	.gallery_container .list-item .fix_gallery_link a{width:110px; line-height: 33px; font-size: 12px;}
}

/* 리스트 게시판 */
.list-board{margin-top: -20px; margin-bottom: 0 !important; }
.list-board .list-body{}
.list-board .wr-notice{width: 38px; height:22px !important; line-height:22px; position:relative; background: #ff0084; }
.list-board .wr-notice:after{content:"공지"; width: 100%; position:absolute; left: 0; font-size:13px; color:#fff;}
.board_style .list-board .list-body li > div{padding:25px 0; font-size: 16px; font-family: 'GowunDodum', sans-serif !important; color:#444;}
.board_style .list-board .list-body li > div span{font-family: 'GowunDodum', sans-serif !important; color:#444;}
.board_style .list-board .list-body li > div a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family: 'GowunDodum', sans-serif !important; color:#444;}
.board_style .list-board .list-body li > div a b{font-family: 'GowunDodum', sans-serif !important; color:#222;}
.board_style .list-board .list-body li.bg-light{background: #f9f9f9;}

@media(max-width: 991px){
	.list-board{margin-top: -16px;}
	.board_style .list-board .list-body li > div{padding: 13px 0; font-size: 13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 페이저네이션 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-page{margin: 40px 0 75px !important;}
.list-page .pagination{width: 100%; display:flex; justify-content:center; place-items:center;}
.list-page .pagination li{display:block; margin-right:5px;}
.list-page .pagination li:last-child{margin-right: 0;}
.list-page .pagination li a{width: 26px; line-height:26px; padding: 0; font-size:15px; color:#999 !important; border: 0; font-family: 'Poppins', sans-serif !important;}
.list-page .pagination li a i.fa-angle-double-left:before{content: url(/img/double-left.png);}
.list-page .pagination li a i.fa-angle-left:before{content: url(/img/left.png);}
.list-page .pagination li a i.fa-angle-double-right:before{content: url(/img/double-right.png);}
.list-page .pagination li a i.fa-angle-right:before{content: url(/img/right.png);}
.list-page .pagination li.active a{background-color: #ff0084 !important;}
.list-page .pagination li.active:hover a{background-color: #ff0084 !important;}

@media(max-width: 991px){
	.list-page{margin: 30px 0 0 !important}
	.list-page .pagination li{margin-right: 9px;}
	.list-page .pagination li a{width:23px; height:23px; line-height:23px; display:flex; place-items:center; justify-content:center; font-size: 13px;}
	.list-page .pagination li a i:before{width: 23px; height: 23px; display:block;}
	.list-page .pagination li a i.fa-angle-double-left:before{content:""; background:url(/img/mdouble-left.png); background-size: 11px; background-repeat: no-repeat; background-position:center center;}
	.list-page .pagination li a i.fa-angle-left:before{content:""; background:url(/img/mleft.png); background-size: 6px; background-repeat: no-repeat; background-position:center center;}
	.list-page .pagination li a i.fa-angle-right:before{content:""; background:url(/img/mright.png); background-size: 6px; background-repeat: no-repeat; background-position:center center;}
	.list-page .pagination li a i.fa-angle-double-right:before{content:""; background:url(/img/mdouble-right.png); background-size: 11px; background-repeat: no-repeat; background-position:center center;} 
	.list-page.m05_01{margin:10px 0 0 !important}
	.list-page.m01_03{margin: 0px 0 0 !important}
}

/* 리스트 버튼 */
.list-btn,
.view-btn{}
.list-btn .pull-right{margin-bottom: 0;}
.list-btn .pull-right a,
.view-btn .pull-right a{width: 72px; line-height:32px; display:block; padding: 0; font-size: 14px; background: #ffc000; border: 0;}
.list-btn .pull-right a:hover,
.view-btn .pull-right a:hover{background: #ffc000;}
.list-btn .pull-right .write,
.view-btn .pull-right .write{display:flex; place-items:center; margin-top: 5px;}
.list-btn .pull-right .write span,
.view-btn .pull-right .write span{ font-size:14px; color:#999;}
.list-btn .pull-right .write a{margin-left:20px;}

@media(max-width: 991px){
	/* .list-btn,
	.view-btn{margin-top: -15px;} */
	.list-btn .pull-right a,
	.view-btn .pull-right a{width: 65px; line-height: 29px; font-size: 12px;}
	.list-btn .pull-right .write span, 
	.view-btn .pull-right .write span{font-size: 11px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 글쓰기 페이지 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.guide{line-height:25px; padding: 30px 0; margin:30px 0 20px 0; font-size:18px; text-align:center; border: 1px solid #ddd; border-left:0; border-right: 0;}
.write-wrap .inquiry_box > label{width: 150px; font-family: 'GowunDodum', sans-serif }
.inquiry_box .answer{width: calc(100% - 150px)}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 뷰페이지 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.view_title{display:flex; place-items:center; justify-content:space-between; padding: 18px 0 !important;}
.view_title .view_subject{flex: 1;}
.view_info span span{font-family: 'GowunDodum', sans-serif !important;}

@media(max-width: 991px){
	.view_title{padding: 10px 0 !important;}
	.view_style .view_title .view_subject{padding:0; margin:0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px;}
	.view_style .view-padding{padding: 0 !important;}	
	.view_style .view-padding .view-content{padding:0; font-size: 13px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ㅍ
m01 제품판매/제품구매/위탁판매 게시판
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 갤러리 리스트 */
.product.gallery_container .list-item{padding:0 0 20px 15px;}
.product.gallery_container .list-item .imgframe{width: 175px; margin-right: 75px; background:#f9f9f9;}
.product.gallery_container .list-item .fix_gallery_content{width:calc(100% - 482.13px);}
.product.gallery_container .list-item .fix_gallery_content .date_last{width: 94px; line-height: 26px; display:block; margin-bottom:17px; font-size: 13px; color:#666; border: 1px solid #ddd; border-radius: 13px; text-align:center;}
.product.gallery_container .list-item .fix_gallery_link{display:flex; place-items:center; margin:0 63px 0 20px}
.product.gallery_container .list-item .fix_gallery_content ul{display:flex; margin: 20px 0 34px;}
.product.gallery_container .list-item .fix_gallery_content ul li{position:relative; margin-right: 15px; padding-right: 15px; font-size: 16px; color:#666;}
.product.gallery_container .list-item .fix_gallery_content ul li:after{content:""; width: 1px; height: 12px; position:absolute; top:4px; right: 0; background: #ddd;}
.product.gallery_container .list-item .fix_gallery_content ul li:last-child{margin-right: 0; padding-right: 0;}
.product.gallery_container .list-item .fix_gallery_content ul li:last-child:after{display: none;}
.product.gallery_container .list-item .fix_gallery_content ul li span{ font-size:16px; font-weight:600; color:#333;}
.product.gallery_container .list-item .fix_gallery_content ul li span:first-child{margin-right: 17px;}

@media(max-width: 991px){
	.product.gallery_container .list-item .imgframe{width: 130px; margin-right: 0;}
	.product.gallery_container .list-item .fix_gallery_content{width: 100%; margin-bottom: 15px;}
	
	.product.gallery_container .list-item .fix_gallery_content .date_last{width: 67px; line-height:20px; margin: 17px 0 0 0; font-size: 9.5px;}
	.product.gallery_container .list-item .fix_gallery_content ul{height:11px; margin: 18px 0 30px; flex-direction: column}
	.product.gallery_container .list-item .fix_gallery_content ul li{margin-right: 20px; padding-right: 20px; float:left; font-size: 12px;}
	.product.gallery_container .list-item .fix_gallery_content ul li:after{height: 11px; top: 1px;}
	.product.gallery_container .list-item .fix_gallery_content ul li span{font-size: 12px;}
	.product.gallery_container .list-item .fix_gallery_link{margin: 0;}
	.product.gallery_container .list-item .fix_gallery_link.hidden-md{position:absolute; right: 0; bottom: 0;}

	.m01_nn.list-btn{margin-top: -18px;}
}

/* 글쓰기 페이지 */
.product.write-wrap{}
.product.write-wrap .inquiry_box{}
.product.write-wrap .inquiry_box.date .answer{display:flex;}
.product.write-wrap .inquiry_box.date .answer input{width: 24.5%; margin-right: 10px;}
.product.write-wrap .inquiry_box.date .answer input:last-child{margin-right: 0}

/* 뷰페이지 */
.view-wrap{margin-top: 50px;}
.product.view-wrap .view_title{display:flex; align-items:center; padding: 18px 0;}
.product.view-wrap .view_subject{flex:1; font-size: 17px; font-weight:600; color:#333;}
.product.view-wrap .view_info{display:flex; align-items:center}
.product.view-wrap .view_info span{padding: 0; font-size: 17px; font-weight:600}
.product.view-wrap .view_info > span{margin-right: 20px;}
.product.view-wrap .view_info > span:last-child{margin-right: 0;}
.product.view-wrap .view_info span span{font-family: 'GowunDodum', sans-serif !important;}
.product.view-wrap .view_info a{width: 92px; line-height:34px; display:block; font-size: 14px; color:#fff; background: #ff0084; text-align:center;}
/* .product.view-wrap .view-padding{display:flex;} */
.product.view-wrap .view-padding .view-content{margin-left :30px;}
.product.view-wrap .view-padding .view-content ul:last-child{display:flex;}
.product.view-wrap .view-padding .view-content ul li{font-size: 16px;}
.product.view-wrap .view-padding .view-content ul li span{font-weight:600;}
.product.view-wrap .view-padding .view-content ul:last-child > span{margin:0 5px;}

@media(max-width: 991px){
	.product.view-wrap .view_title{padding: 10px 0 !important; margin-bottom: -15px;}
	.product.view-wrap .view_subject{padding:0; margin-bottom: 0; font-size: 13px;}
	.product.view-wrap .view_subject > div{margin-top: 5px;}
	.product.view-wrap .view_subject > div span{font-size: 11px;}
	.product.view-wrap .view_subject > div span:first-child{margin-right: 15px;}
	.product.view-wrap .view_info a{width: 77px; line-height:30px; font-size: 12px;}
	.product.view-wrap .view-padding .view-content{margin-left: 0;}
	.product.view-wrap .view-padding .view-content ul li{font-size: 13px;}
}

/* 뷰페이지 모달창 */
.close_bg{width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index:15; background: rgba(1, 1, 1, 0.6); opacity: 0; visibility: hidden; transition:all .35s}
.close_bg.active{opacity:1; visibility: visible;}
.product.view-wrap .kstore_modal{width: 1200px; height: auto; position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:100; background: #fff; opacity: 0; visibility: hidden; transition:all .35s}
.product.view-wrap .kstore_modal_inner{display:flex; position:relative;}
.product.view-wrap .kstore_modal input,
.product.view-wrap .kstore_modal textarea{width: 100%; line-height:43px; padding-left:15px; font-size:14px; color:#999; border: 1px solid #e6e6e6; border-radius:3px;}
.product.view-wrap .kstore_modal textarea{min-height:130px; line-height:19px; padding: 20px; resize:none;}
.product.view-wrap .kstore_modal input::placeholder,
.product.view-wrap .kstore_modal textarea::placeholder{font-size:14px; color:#999;}
.product.view-wrap .kstore_modal p{margin-bottom: 12px; font-size: 15px; font-weight:600; color:#222;}
.product.view-wrap .kstore_modal .left{flex:1.5; padding:40px 120px; background: #f9f9f9}
.product.view-wrap .kstore_modal .left h1{line-height:1; padding:0; margin-bottom:42px; letter-spacing: 0; font-size: 22px; font-weight:600; color:#222;}
.product.view-wrap .kstore_modal .left h1 span{margin-left:20px; letter-spacing: 0; font-size:13px; font-weight:400; color:#999;}
.product.view-wrap .kstore_modal .right{flex: 0.475;}
.product.view-wrap .kstore_modal .close_btn{width: 29px; height: 29px; position:absolute; right: 23px; top: 23px; cursor:pointer;}
.product.view-wrap .kstore_modal .close_btn span{width: 100%; height: 100%; display:flex; place-items:center; position:relative;}
.product.view-wrap .kstore_modal .close_btn span:before,
.product.view-wrap .kstore_modal .close_btn span:after{content:""; width: 100%; height: 1px; position:absolute; background:#6c6c6c;}
.product.view-wrap .kstore_modal .close_btn span:before{transform: rotate(45deg)}
.product.view-wrap .kstore_modal .close_btn span:after{transform: rotate(-45deg)}
.product.view-wrap .kstore_modal .inquiry{margin-bottom:27px;}
.product.view-wrap .kstore_modal .inquiry:last-child{margin-bottom: 0;}
.product.view-wrap .kstore_modal .inquiry01{display:flex;}
.product.view-wrap .kstore_modal .inquiry01 > div{flex:1;}
.product.view-wrap .kstore_modal .inquiry01 > div:first-child{margin-right: 19px;}
.product.view-wrap .kstore_modal .inquiry01 > div:last-child{margin-right: 0;}
.product.view-wrap .kstore_modal .inquiry05 > div:first-child{display:flex; justify-content:space-between; margin-bottom: -5px;}
.product.view-wrap .kstore_modal .inquiry05 > div:last-child{max-height:120px; padding:20px; overflow-y:scroll; background :#fff; border: 1px solid #e6e6e6; border-radius:3px;}
.product.view-wrap .kstore_modal .inquiry05 > div:last-child p{line-height:22px; margin:0 !important; font-family: 'GowunDodum', sans-serif !important; color:#999;}
.product.view-wrap .kstore_modal .inquiry05 > div:last-child::-webkit-scrollbar{width: 8px;}
.product.view-wrap .kstore_modal .inquiry05 > div:last-child::-webkit-scrollbar-thumb{height: 32px; background:#ff0084; border-radius: 0;}
.product.view-wrap .kstore_modal .inquiry05 > div:last-child::-webkit-scrollbar-track{background: #f9f9f9}
.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"]{width: auto; position:absolute; opacity: 0;}
.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"] + label{margin:0; font-size:14px; font-weight:600; color:#666;  cursor:pointer; }
.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"] + label span{width:12px; height:12px; display:inline-block;  margin:-3px 10px 0 0; vertical-align:middle; background:url(/img/input_checkbox.png) left top no-repeat; cursor:pointer; background-size:cover;}
.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"]:checked + label span{background:url(/img/input_checkbox_checked.png) no-repeat; background-size:cover;}
.product.view-wrap .kstore_modal .right{display:flex; flex-flow:column; justify-content:space-between; padding: 94px 54px 66px;}
.product.view-wrap .kstore_modal .right .rep_info{text-align:center;}
.product.view-wrap .kstore_modal .right .rep_info .rep_img{width: 200px; height: 120px; margin: 0 auto;}
.product.view-wrap .kstore_modal .right .rep_info .rep_img img{width: 100%; height: 100%;}
.product.view-wrap .kstore_modal .right .rep_info .rep_nick{margin: 18px 0 20px; padding-bottom:23px; font-size: 15px; color:#222; border-bottom: 1px solid #ddd;}
.product.view-wrap .kstore_modal .right .rep_info .rep_phone,
.product.view-wrap .kstore_modal .right .rep_info .rep_email{line-height:21px; font-size: 14px; color:#666;}
.product.view-wrap .kstore_modal .right .rep_inquiry{width: 180px; line-height: 45px; margin:0 auto; font-size:14px; color:#fff; border-radius:2px; }
.product.view-wrap .kstore_modal .right .rep_inquiry button{width: 100%; background:#ff0084; border: 0; border-radius:2px;}
.product.view-wrap .kstore_modal.active{opacity:1; visibility: visible;}

@media(max-width: 1273px){
	.product.view-wrap .kstore_modal{width: 97%;}
	.product.view-wrap .kstore_modal .left{padding:40px 60px;}
}
@media(max-width: 991px){
	.product.view-wrap .kstore_modal{width:93%; height: 90%; overflow-y:scroll;}
	.product.view-wrap .kstore_modal_inner{flex-flow:column;}
	.product.view-wrap .kstore_modal .left{padding: 32px 15px;}
	.product.view-wrap .kstore_modal .left h1{display:flex; flex-flow:column; margin-bottom:30px; padding:0; font-size: 20px;}
	.product.view-wrap .kstore_modal .left h1 span{margin: 10px 0 0 0; font-size: 12px;}
	.product.view-wrap .kstore_modal .right{padding:35px 15px 40px;}
	.product.view-wrap .kstore_modal .close_btn{width: 23px; height: 23px; top: 15px; right: 15px;}

	.product.view-wrap .kstore_modal p{font-size: 13px;}
	.product.view-wrap .kstore_modal input,
	.product.view-wrap .kstore_modal textarea{line-height:37px; font-size: 12px;}
	.product.view-wrap .kstore_modal textarea{line-height:1; padding:15px;}
	.product.view-wrap .kstore_modal input::placeholder,
	.product.view-wrap .kstore_modal textarea::placeholder{font-size: 12px;}
	.product.view-wrap .kstore_modal .inquiry{margin-bottom: 20px;}
	.product.view-wrap .kstore_modal .inquiry01{flex-flow:column;}
	.product.view-wrap .kstore_modal .inquiry01 > div:first-child{margin: 0 0 20px 0;}
	.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"] + label{font-size: 12px;}
	.product.view-wrap .kstore_modal .inquiry05 input[type="checkbox"] + label span{margin:-3px 4px 0 0;}
	.product.view-wrap .kstore_modal .inquiry05 > div:last-child{padding: 15px;}

	.product.view-wrap .kstore_modal .right .rep_info{display:flex;}
	.product.view-wrap .kstore_modal .right .rep_info > div{flex:1;}
	.product.view-wrap .kstore_modal .right .rep_info > div:first-child{margin-right: 17px;}
	.product.view-wrap .kstore_modal .right .rep_info .rep_img{width: auto;}
	.product.view-wrap .kstore_modal .right .rep_inquiry{width: 148px; line-height:37px; margin: 40px auto 0; font-size:12px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m03 화학제품소개/화학업체소개/화학관련업체 게시판
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 공통 */
.che_com.gallery_container .list-item .imgframe{width: 240px; margin-right:34px;}
.che_com.gallery_container .list-item .fix_gallery_content{width:calc(100% - 273px); display:flex; justify-content:space-between; place-items:center;}
.che_com.gallery_container .list-item .fix_gallery_content > div:first-child{overflow:hidden}
.che_com.gallery_container .list-item .fix_gallery_content h1{margin-bottom:20px;}
.che_com.gallery_container .list-item .fix_gallery_content p{line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 15px; color:#666;}
.che_com.gallery_container .list-item .fix_gallery_link{margin-left: 30px;}

@media(max-width: 991px){
	.che_com.gallery_container .list-item .imgframe{width: 170px;}
	.che_com.gallery_container .list-item .fix_gallery_content{width: 100%; flex-flow:column; place-items:flex-end;}
	.che_com.gallery_container .list-item .fix_gallery_content > div:first-child{width: 100%;}
	.che_com.gallery_container .list-item .fix_gallery_link{margin:0; margin-bottom: 15px;}
	.che_com.gallery_container .list-item .fix_gallery_content h1{margin-bottom: 11px;}

	.m03.list-page{margin: -5px 0 0 !important}
	.m03_02.list-btn,
	.m03_03.list-btn{margin-top: -20px; } 
	.m03_03.list-page{margin:-5px 0 0 !important}
}

/* 화학제품소개 */
.chemistry.gallery_container .list-item{place-items:center;}
.chemistry.gallery_container .list-item .imgframe{width: 175px; margin-right:50px; border: 1px solid #eee}
.chemistry.gallery_container .list-item .fix_gallery_content{width:calc(100% - 30px); }
.chemistry.gallery_container .list-item .fix_gallery_content p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media(max-width: 991px){
	.chemistry.gallery_container .list-item .imgframe{width: 130px;}
	.chemistry.gallery_container .list-item .fix_gallery_content{width: 100%; display:flex; flex-flow:column; place-items:flex-end;}
	.chemistry.gallery_container .list-item .fix_gallery_content p{margin-bottom: 25px; white-space:normal;}
}

/* 화학업체소개 */
.chemistry02.gallery_container .list-item .imgframe{width: 240px; border:1px solid #eee;}
.chemistry02.gallery_container .list-item .fix_gallery_content p{}
.chemistry02.gallery_container .fix_gallery_content ul{display:flex; margin-top:26px;}
.chemistry02.gallery_container .fix_gallery_content ul li{line-height:28px; padding:0 10px; margin-right:6px; font-size: 13px; color:#666; border-radius:14px; background: #f5f5f5;}
.chemistry02.gallery_container .fix_gallery_content ul li:last-child{margin-right: 0;}
.chemistry02.gallery_container .fix_gallery_content.m03_02 p{-webkit-line-clamp:1;}

@media(max-width: 991px){
	.chemistry02.gallery_container .list-item .imgframe{width: 170px;}
	.chemistry02.gallery_container .fix_gallery_content ul{margin-top: 15px;}
	.chemistry02.gallery_container .fix_gallery_content ul li{line-height:20px; padding:0 7px; font-size: 9.5px;}
	.chemistry02.gallery_container .fix_gallery_content .fix_gallery_link{margin-top: 17px;}
}

/* 화학업체소개 글쓰기 페이지 */
.chemistry02.write-wrap{}
.chemistry02.write-wrap .treatment > div{display:flex}
.chemistry02.write-wrap .treatment > div > section{flex:1;}
.chemistry02.write-wrap .treatment .srel_list > ul li .list_item{margin-bottom:5px; font-size:13px;}
.chemistry02.write-wrap .treatment01 .srel_list{margin-top:20px;}
.chemistry02.write-wrap .treatment01 .srel_list > ul{display:grid; grid-template-columns: repeat(5, 1fr)}
.chemistry02.write-wrap .treatment01 .inquiry_box{display:flex; margin-top:20px;}
.chemistry02.write-wrap .treatment01 .inquiry_box input{padding:20px; font-size:13px; background:none; box-shadow:none;}
.chemistry02.write-wrap .treatment01 .inquiry_box button{width:50px; height:42px; line-height:42px; margin-left:5px; font-size:13px; background:#0e6eb8;}
.chemistry02.write-wrap .treatment02 .srel_sel{margin-top:20px;}
.chemistry02.write-wrap .treatment02 .srel_sel > ul > li{display:flex; place-items:center; margin-bottom:10px;}
.chemistry02.write-wrap .treatment02 .srel_sel > ul > li:last-child{margin-bottom:0;}
.chemistry02.write-wrap .treatment02 .srel_sel > ul > li .list_item{width:150px; font-size:13px;}
.chemistry02.write-wrap .anc-section h3{margin-bottom:7px; font-size:15px;}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m04 K화학정보/K화학뉴스/화학관련사이트/채용공고 게시판
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m04_01.board-list{}
.m04.board-list .list-page{margin:55px 0 75px !important;}
/* .m04.board-list .list-btn{margin-top:20px;} */
.m04_04.board-list .write{margin-top: 20px;}
.m04_nn.list-btn{margin-top: 13px;}
.inquiry.board-list .list-btn{margin-top: 20px;}

@media(max-width: 991px){
	.m04.board-list .list-page{margin:25px 0 0px !important;}
	.inquiry.board-list .list-btn{margin-top: 15px;}
	.m04_04.board-list .write{margin-top: 15px;}
}

.m04_04.view-wrap{}
.m04_04.view-wrap .view-content{font-size: 17px;}
.m04_04.view-wrap .view-content ul li span{font-weight:600}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05 공지사항/Q&A/광고문의 게시판
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m05.board-list .list-btn{margin-top: 20px}
.inquiry_style .list-board .wr-1 > span{width: 65px; line-height: 29px; margin:-15px 0 0 -30.5px; font-size: 14px; }
.inquiry_style .list-board .wr-1 > span.grey{color:#666; border: 1px solid #999;}
.inquiry_style .list-board .wr-1 > span.red{background: #ff0084; color:#fff !important; border: 1px solid #ff0084;}

@media(max-width: 991px){
	.m05.board-list .list-btn{margin-top: 15px}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
로그인 페이지
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.custom-login .nav-tabs > li{width: 100%; }


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
회원가입 페이지
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.register-form .input-title{display:flex; justify-content:space-between; place-items:center;}
.register-form .input-title > div:last-child{display:flex; font-size: 14px; font-weight:400;}
.register-form .input-title > div:last-child input[type="checkbox"]{margin-right:5px;}
.register-form .inquiry_box.etc .answer{width:100%;}
.register-form .inquiry_box.etc .answer .file_control{padding-left:50px;}
.register-form .inquiry_box.etc .answer .file_input .row .file_content{display:flex;}
.register-form .inquiry_box.etc .answer .file_input .row .file_content > label{width:100px; font-size:14px;}
.register-form .inquiry_box.etc .answer .file_input .row .file_content > div.right_file input{width:auto; font-size:14px;}



/* 221201 피드백 수정사항 */
.view-btn a{float:initial !important; background:#fff; border:1px solid #111; border-radius:0; color:#111;}
.view-btn .write{background:#ffc000; border-color:#ffc000}
.view-btn .write:hover,
.view-btn .write:active,
.view-btn .write:focus{background:#ffc000; border-color:#ffc000}
.view-btn .btn-group{display:flex; justify-content:flex-end; place-items:center;}

.register-wrap .input-box .left_file span{height:100%; background:#0e6eb8; border-radius:7px 0 0 7px;}
.register-wrap .input-box .file_content .row{margin:0;}
.register-form .input-title{display:block}
.register-form .input-title > div{display:flex; justify-content:space-between; place-items:flex-end;}
.register-form .input-title > div > div:last-child{font-size:14px;}
.register-form .input-title > div > div:last-child input{margin:-2px 5px 0 0;}
.register-form .input-title span{display:block; font-size:13px; color:#111; text-align:right;}

.register_result.panel .panel-heading{padding:40px 15px}
.register_result.panel .panel-heading h4{font-size:25px; text-align:center;}
.register_result.panel .panel-heading h4 strong strong{color:#0063dc}

.product.view-wrap .view-padding .view-content ul:last-child{display:block}
.product.write-wrap .inquiry_box input::placeholder,
.product.write-wrap .inquiry_box textarea::placeholder{font-family: 'GowunDodum', sans-serif !important; color:#999;}
.product.write-wrap .inquiry_box textarea::placeholder{line-height:30px;}

.list-board .wr-notice{background-image:none !important;}

/* 221208 피드백 수정사항ㅁ */
.register-form .etc{font-size:14px; font-weight:400; color:#222;}
.view_style .comment-box .comment-content .comment-cell.comment-submit{background:#0063dc}
.view-btn .btn-group{justify-content:space-between;}
.view-btn .btn-group > div:first-child{display:flex;border:1px solid #ddd;}
.view-btn .btn-group > div:first-child a{display:block; font-weight:600; border:none; border-right:1px solid #ddd;}
.view-btn .btn-group > div:first-child a:last-child{border-right:0;}
.view-btn .btn-group > div:first-child a:hover{color:#ffc000;}
.view-btn a.write{color:#fff;}

/* 221214 피드백 수정사항 */
.view_style .comment-box .comment-content .comment-cell.comment-submit{background:#ffc000;}



/* 230418 kyj 유지보수 */
.product_style .product.gallery_container .list-item{padding:0 0 10px 15px}
.product_style .product.gallery_container .list-item .imgframe{width:140px;margin-right:50px}
.product_style .product.gallery_container .list-item .fix_gallery_content{width:calc(100% - 423px)}
.product_style .product.gallery_container .list-item .fix_gallery_content ul{margin:20px 0 26px}
.product_style .product.gallery_container .list-item .fix_gallery_content ul li span.sv_member{font-family: 'GowunDodum', sans-serif !important;}

/* 230511 ssk 유지보수 */
@media (max-width: 991px) {
	.product.gallery_container .list-item .fix_gallery_content {width: 100% !important;}
}