@charset "utf-8";

/*메인컨텐츠박스*/
.mcont{padding-top:160px;}
.mcont:after{position:absolute;content:"";top: -100px;left:0;width:518px;height:528px;background: url(/img/main/bg_implant.png) no-repeat 0 0;background-size: 380px;}

/*메인텍스트*/
.mtit{font-size: 5rem;color: #fff;font-weight: 700;text-align: center;line-height: 1;margin-bottom: 135px;}
.mtxt{color: #fff;line-height: 1.6;margin-top: 30px;}
.mstxt{color: #fff;line-height: 1.6;margin-top:15px;}

/*검색창*/
.msearch_box{position: relative;display:flex;align-items:center;width:100%;height:70px;padding: 10px 0 10px 30px;border: 4px solid #000;box-shadow: 0px 13px 20px rgb(0 0 0 / 25%);background: rgba(255,255,255,0.7);box-sizing:border-box;z-index: 3;}
.msearch_box .srch_txt{width:100%;flex-grow:1;height:40px;margin-right:10px;border:0;background:transparent;font-size: 1.8rem;color: #8a8a8a;box-sizing:border-box;}
.msearch_box .srch_txt::placeholder{font-weight:400;color:#888;}
.msearch_box .srch_txt::-webkit-input-placeholder{font-weight:400;color:#888;}
.msearch_box .srch_txt::-ms-input-placeholder{font-weight:400;color:#888;}
.msearch_box .srch_btn{flex-shrink:0;width: 70px;height: 70px;border: 0;background: #000 url(/img/main/icon_msrch.png) no-repeat 50% 50%;background-size: 32px auto;cursor:pointer;text-indent:-9999px;}

/*PDF  다운로드*/
a.btn_down{position:relative;display: inline-block;color: #fff;border: 1px solid rgb(255 255 255 / 70%);margin-top: 30px;padding: 10px 25px;background: rgb(0 0 0 / 20%);-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;z-index: 5;}


/* 디자인셀렉트박스 */
select.custom_sel{height:100%;min-height:40px;padding: 0 55px 0 15px;margin-left:10px;border: 1px solid #000;background:url(/img/common/select_arr.png) no-repeat 100% 50% #fff;font-size:1.5rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.custom_sel::-ms-expand{display:none;}

.right select.custom_sel:first-child{margin-left:0;}

/*상단*/
.top_cont{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.top_cont p.tit{font-size: 2rem;color: #000;font-weight: 700;}
.top_cont p.tit span{font-size: 3rem;font-weight: 800;color: #ff8516;}

.top_cont .right{display: flex;height: 40px;}
.top_cont .right ul.type{display: flex;margin-left: 20px;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}
.top_cont .right ul.type li{font-size:0;text-indent:-9999px;}
.top_cont .right ul.type li.card{width:39px;height:40px;background:url(/img/common/type_card.gif) no-repeat 0 0;}
.top_cont .right ul.type li.card.on{width:40px;height:40px;background:url(/img/common/type_card_on.gif) no-repeat 0 0;}
.top_cont .right ul.type li.list{width:39px;height:40px;background:url(/img/common/type_list.gif) no-repeat 0 0;}
.top_cont .right ul.type li.list.on{width:40px;height:40px;background:url(/img/common/type_list_on.gif) no-repeat 0 0;}
.top_cont .right ul.type li a{display:block;width:39px;height:40px;}

/*카드형식*/
.board_card{margin-top:35px;}
.board_card ul{display: flex;flex-wrap:wrap;gap:20px;}
.board_card ul li{width: 32%;height: 180px;padding: 20px 30px;border: 2px solid #fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);box-sizing: border-box;}
.board_card ul li a span.lang{color: #777;font-size: 1.5rem;line-height: 1;}
.board_card ul li a p.tit{overflow: hidden;height: 50px;font-size: 1.8rem;font-weight: 700;margin-top: 6px;}
.board_card ul li a p.pdf_down{width: 125px;height: 35px;line-height: 35px;border: 1px solid #000;text-align: center;margin-top: 18px;box-sizing: border-box;}


/*리스트형식*/
.board_list{margin-top:35px;}
.board_list table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
.board_list table caption{display:none;}
.board_list th,
.board_list td{padding:15px 0;border-bottom:1px solid #d5d5d5;text-align:center;}
.board_list thead th{border-bottom:1px solid #d5d5d5;text-align:center;background:#fff1e5;}
.board_list tbody td a{display: inline-block;padding: 5px 15px;color: #fff;letter-spacing: 0;background: #e2574c;}


/* 페이징 */
.board_paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.board_paginate a.prev,
.board_paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.board_paginate a.prev::after,
.board_paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/img/common/btn_paginate_arr.png) no-repeat;background-size:cover;}
.board_paginate a.prev::after{transform:rotate(180deg);}
.board_paginate a,
.board_paginate strong{width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:0;line-height:34px;color:#000;vertical-align:middle;}
.board_paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;}




/********************태블릿********************/
@media all and (max-width:1024px){




/* 디자인셀렉트박스 */
select.custom_sel{padding:0 5vw 0 2vw;}


/*카드형식*/
.board_card ul li{width: 48%;}


/*메인컨텐츠박스*/
.mcont{padding-top:120px;}


/*검색창*/
.msearch_box{height:60px;}
.msearch_box .srch_btn{width: 60px;height: 60px;}







}

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


/*상단*/
.top_cont{margin-top:0;flex-wrap: wrap;}
.top_cont p.tit{width:100%;}
.top_cont .right{justify-content: center;width: 100%;margin-top: 15px;}
.top_cont .right select.custom_sel{flex-grow: 1;}
.top_cont .right ul.type{flex-shrink: 0;}


/*카드형식*/
.board_card ul{gap:10px;}
.board_card ul li{width: 100%;height:auto;padding:15px;}
.board_card ul li a p.pdf_down{width: 100%;}

/*메인컨텐츠박스*/
.mcont{padding-top:80px;}
.mcont:after{width:100%;top:0;background-size: 130px;}


/*검색창*/
.msearch_box{padding-left: 13px;}
.msearch_box .srch_txt{font-size:1.4rem;}
.msearch_box .srch_btn{background-size: 25px auto;}



}

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


/*검색창*/
.msearch_box{height:50px;border: 3px solid #000;}
.msearch_box .srch_btn{width:50px;height:50px;}

}





/********************1025********************/
@media all and (min-width:1025px){


/*카드형식*/
.board_card ul li:hover{border: 2px solid #e2574c;box-shadow: 0px 0px 20px rgb(226 87 76 / 30%);}
.board_card ul li:hover a p.pdf_down{color:#fff;border: 1px solid #e2574c;background:#e2574c;transition-duration:.1s;}

/*리스트형식*/
.board_list tbody td a:hover{background:#b9291d;transition-duration:.5s;box-shadow: 0px 0px 20px rgb(226 87 76 / 30%);}


/*PDF  다운로드*/
a.btn_down:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#000;-webkit-transform: scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
a.btn_down:hover:before, 
a.btn_down:focus:before, 
a.btn_down:active:before{-webkit-transform: scaleY(1);transform: scaleY(1);}




}