/*공통*/
.bbs .top_tit{height:577px;background:url(/images/bbs_top_bg.jpg) no-repeat center center;background-size:cover}
.bbs .top_tit article{width:1280px;height:577px;background:url(/images/company_top_line_bg.jpg) repeat-y center center;display:inline-block;position:relative}
.bbs .top_tit h2{font-weight:300;margin-top:245px;color:#fff;font-size:50px}
.bbs .top_tit span{width:100%;display:block;font-size:18px;margin-top:20px}
.bbs .content{background:#f6f7f8;padding-bottom:150px}
.bbs .content > article{width:1230px}
/*목록*/
.brd_list article{padding:60px 55px 0 55px;background:#fff url(/images/customer/top_bg_line.gif) no-repeat top center;margin-top:-88px!important}
.brd_list .search{background:#fbfbfb;border-top:1px solid #d7d8db;border-bottom:1px solid #d7d8db;padding:30px 0;margin-bottom:30px}
.brd_list .search label{font-size:16px;color:#1e1e1f;line-height:45px;display:inline-block;width:55px;vertical-align:middle}
.brd_list .search input[type=text]{padding:0 1%;width:310px;height:45px;border:1px solid #d7d8db;border-right:none;vertical-align:middle}
.brd_list .search select{width:165px;height:45px;border:1px solid #d7d8db;vertical-align:middle}
.brd_list .search input[type=submit]{width:45px;height:45px;border:none;background:#29419e url(/images/bbs/search_btn.gif) no-repeat center center;text-indent:-9999px;cursor:pointer;margin-left:-4px;vertical-align:middle}
.brd_list table{border-top:2px solid #29419e;font-size:16px;border-bottom:1px solid #717171}
.brd_list th{background:#fbfbfb;padding:20px 0;font-weight:300}
.brd_list td{padding:20px 0;font-weight:300;border-top:1px solid #d7d8db;line-height:18px}
.brd_list td.tit{text-align:left}
.brd_list td.tit img{vertical-align:top;margin-right:10px}
.brd_list .noti td.no{color:#29419e}
.brd_list .noti td.tit a{font-weight:400}
/*보기*/
.brd_view article{padding:60px 55px 0 55px;background:#fff url(/images/customer/top_bg_line.gif) no-repeat top center;margin-top:-88px!important}
.brd_view .details{border-top:2px solid #29419e}
.brd_view .details th{padding:35px 5%;background:#fbfbfb;text-align:left;font-size:20px;line-height:22px;color:#1e1e1f;border-bottom:1px solid #717171;font-weight:400}
.brd_view .details td.update{padding:20px 5%;font-size:16px;border-bottom:1px solid #d7d8db;text-align:right;font-weight:300}
.brd_view .details dt{display:inline-block;margin-right:10px;margin-left:60px}
.brd_view .details dd{display:inline-block}
.brd_view .details td.cnt{padding:50px 5%;text-align:left;font-size:16px;}
.brd_view .prev_next{border-top:1px solid #717171}
.brd_view .prev_next td{padding:20px 0;font-size:16px;color:#1e1e1f;font-weight:300;background:#fbfbfb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.brd_view .prev_next td.tit{text-align:left}
.brd_view .prev_next .prev td{border-bottom:1px solid #d7d8db}
.brd_view .prev_next .next td{border-bottom:1px solid #717171}
.brd_view a.list_btn{margin:50px 0;display:inline-block;width:228px;line-height:53px;color:#fff;background:#29419e;font-size:16px;font-weight:300}
/*Paging*/
.paging{margin:50px 0}
.paging a{display:inline-block;width:40px;line-height:40px;font-family:Dotum,'돋움';color:#717171}
.paging ul{display:inline-block}
.paging ul li{display:inline-block;width:40px}
.paging ul li.now{color:#fff;background:#29419e;line-height:40px}
.paging ul li a{width:100%;line-height:38px;border:1px solid #e7e7e7;font-family:'Noto Sans KR',Sans-serif}
@media all and (max-width:1300px) {
    .bbs .top_tit article{width:100%}
    .bbs .content > article{width:100%}
}
@media all and (max-width:640px){
    /*공통*/
    .bbs .top_tit article{width:100%}
    .bbs .top_tit h2{font-size:53px;position:absolute;top:50%;left:0;width:100%;margin-top:-47px}
    .bbs .top_tit span{font-size:22px;margin-top:20px}
    .bbs .content{padding:0 2.3% 50px 2.3%}
    .bbs .content > article{width:100%}
    /*목록*/
    .brd_list article{background-size:100% 3px;padding:50px 4% 0 4%}
    .brd_list .search{padding:40px 7%;width:100%;display:inline-block}
    .brd_list .search label{display:none}
    .brd_list .search select{width:100%;height:62px;font-size:22px;font-weight:300;margin-bottom:10px}
    .brd_list .search input[type=text]{width:87%;height:62px;font-size:22px;float:left}
    .brd_list .search input[type=submit]{width:13%;height:62px;float:left;margin-left:0}
    .brd_list table colgroup{display:none}
    .brd_list table tr th:nth-child(3),
    .brd_list table tr th:nth-child(5){display:none}
    .brd_list table tr td:nth-child(3),
    .brd_list table tr td:nth-child(5){display:none}
    .brd_list table tr th.no{width:17%}
    .brd_list table tr th.date{width:20%}
    .brd_list th{padding:25px 0;font-size:22px}
    .brd_list td{padding:25px 0;font-size:20px;line-height:24px}
    .brd_list td.tit img{margin-right:0;margin-top:3px}
    /*보기*/
    .brd_view article{background-size:100% 3px;padding:50px 4% 0 4%}
    .brd_view .details th{font-size:22px;line-height:22px;font-weight:300;padding:25px 4%}
    .brd_view .details td.update{padding:20px 4%}
		.brd_view .details td.cnt{ font-size: 14px;line-height: 18px;}
    .brd_view .details td.cnt img{width:100%}
    .brd_view .details dl{width:100%;display:inline-block}
    .brd_view .details dl dt{margin-left:0;font-size:19px}
    .brd_view .details dl dd{font-size:19px}
    .brd_view .details dl dt:first-child{float:left}
    .brd_view .details dl dd:nth-child(2){float:left}
    .brd_view .prev_next colgroup{display:none}
    .brd_view .prev_next td{font-size:20px}
    .brd_view .prev_next td.update{display:none}
    .brd_view .prev_next td.text{width:20.5%}

}
@media all and (max-width:568px){
    /*공통*/
    .bbs .top_tit{height:auto}
    .bbs .top_tit article{height:525px}
    .bbs .top_tit h2{font-size:48px;margin-top:-44px}
    .bbs .top_tit span{font-size:20px}
    /*목록*/
    .brd_list article{margin-top:-74px!important}
    .brd_list .search select{height:55px;font-size:20px}
    .brd_list .search input[type=text]{height:55px;font-size:20px}
    .brd_list .search input[type=submit]{height:55px}
    .brd_list table tr th.no{width:15%}
    .brd_list th{font-size:19px;padding:22px 0;line-height:22px}
    .brd_list td{font-size:17px;padding:20px 0}
     /*보기*/
    .brd_view article{margin-top:-74px!important}
    .brd_view .details th{font-size:18px;padding:20px 4%}
    .brd_view .details td.update{padding:15px 4%}
    .brd_view .details dl dt{font-size:16px}
    .brd_view .details dl dd{font-size:16px}
    .brd_view .prev_next td{font-size:16px}
    .brd_view a.list_btn{margin:25px 0;line-height:65px;font-size:18px}
    /*Paging*/
    .paging{margin:40px 0}
    .paging a{width:30px;line-height:30px}
    .paging ul li{width:30px}
    .paging ul li.now{line-height:30px}
    .paging ul li a{line-height:28px}
}
@media all and (max-width:414px){
    /*공통*/
    .bbs .top_tit article{height:370px}
    .bbs .top_tit h2{font-size:34px;margin-top:-31px}
    .bbs .top_tit span{font-size:14px;margin-top:15px}
    /*목록*/
    .brd_list article{margin-top:-50px!important;padding:35px 4% 0 4%}
    .brd_list .search{padding:25px 7%;margin-bottom:25px}
    .brd_list .search select{height:40px;font-size:14px;margin-bottom:5px}
    .brd_list .search input[type=text]{height:40px;font-size:14px}
    .brd_list .search input[type=submit]{height:40px;background-size:80%}
    .brd_list table{font-size:12px}
    .brd_list th{padding:15px 0;font-size:14px;line-height:1}
    .brd_list td{padding:10px 0;line-height:14px;font-size:13px}
    .brd_list td.tit img{width:7px}
    .brd_list table tr th.no{width:13%}
     /*보기*/
    .brd_view article{margin-top:-50px!important;padding:35px 4% 0 4%}
    .brd_view .details th{font-size:14px;padding:15px 4%}
    .brd_view .details td.update{padding:10px 4%}
    .brd_view .details dl dt{font-size:13px}
    .brd_view .details dl dd{font-size:13px}
    .brd_view .prev_next td{font-size:13px;padding:15px 0}
    .brd_view a.list_btn{margin:20px 0;line-height:50px;font-size:14px}
    /*Paging*/
    .paging{margin:30px 0}
    .paging a{width:25px;line-height:25px}
    .paging ul li{width:25px}
    .paging ul li.now{line-height:25px}
    .paging ul li a{line-height:23px}
}
@media all and (max-width:375px) {
    .brd_list td{font-size:12px}
}
@media all and (max-width:360px){
    /*공통*/
    .bbs .top_tit article{height:320px}
    .bbs .top_tit h2{font-size:28px;margin-top:-25px}
    .bbs .top_tit span{font-size:12px;margin-top:10px}
    /*목록*/
    .brd_list article{margin-top:-45px!important;padding:30px 4% 0 4%}
    .brd_list .search{padding:20px 7%;margin-bottom:15px}
    .brd_list .search select{height:35px;font-size:12px}
    .brd_list .search input[type=text]{height:35px;font-size:12px}
    .brd_list .search input[type=submit]{height:35px;background-size:80%}
    .brd_list th{padding:10px 0}
    .brd_list td{padding:10px 0}
     /*보기*/
    .brd_view article{margin-top:-45px!important;padding:30px 4% 0 4%}
    .brd_view .details th{font-size:12px;padding:10px 4%}
    .brd_view .details td.update{padding:5px 4%}
    .brd_view .details dl dt{font-size:12px}
    .brd_view .details dl dd{font-size:12px}
    .brd_view .prev_next td{font-size:12px;padding:8px 0}
    .brd_view a.list_btn{margin:15px 0;line-height:40px;font-size:12px}
    /*Paging*/
    .paging{margin:25px 0}
    .paging a{width:20px;line-height:20px;font-size:12px}
    .paging ul li{width:20px}
    .paging ul li.now{line-height:20px;font-size:12px}
    .paging ul li a{line-height:18px;font-size:12px}
}