/* UI */
input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:5px 10px;height:48px;font-size:1rem;background:#fff;border:1px solid #e1e1e1;color:#3b3b3b/*#a4a4a4*/}
textarea{padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{height:40px;font-size:14px;background:none;}
.input-textp{width:100%}
.input-select{margin:1px 0;padding:0 30px 0 20px;height:48px;font-size:1rem;color:#8b8b8b;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url('../img/sub/ico-select.png') #fff no-repeat right 12px center;border-radius:0px;border:1px solid #bdbdbd}
.input-select::-ms-expand{display: none;}
.input-small{width:250px;height:28px;padding:5px}
.input-half{width:50%}
input::-ms-clear{display:none}
input:-ms-input-placeholder{color:#a4a4a4;}
input::-webkit-input-placeholder{color:#a4a4a4;}
input::-moz-placeholder{color:#a4a4a4;}
input::-moz-placeholder{color:#a4a4a4;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder{color:#a4a4a4;}
textarea::-webkit-input-placeholder {color:#a4a4a4;}
textarea::-moz-placeholder{color:#a4a4a4;}
textarea::-moz-placeholder{color:#a4a4a4;}
input:disabled,
select:disabled{background-color:#f3f3f3}
label, button{cursor:pointer}
.btn-list{margin:30px 0 0;text-align:right}

.btn-b-c{display:inline-block;margin:2px}
.btn-b-c a,
.btn-b-c button,
.btn-b-c input{position:relative; margin:0;display:-moz-inline-stack; display:block;padding:0 20px;min-width:160px;font-size:1rem;color:#fff;line-height:50px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;background-color:#636363;background-repeat:no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;border:1px solid transparent;border-radius:5px}


/* 공지 */
.board-top{margin-bottom:20px}
.board-top::after{display:block;clear:both;content:''}
.board-top .page-num{float:left;padding-top:15px;font-size: 1.25rem;}
.board-top .page-num .total{position:relative;display:inline-block;margin-right:10px;padding-right:15px}
.board-top .page-num .total::after{position:absolute;top:50%;right:0;margin-top:-7px;width:0;height:14px;content:'';border-left:1px solid #ced4da}
.board-top .page-num .now{display:inline-block}
.board-top .page-num .now span{font-weight:500}
.board-top .page-num .total strong,
.board-top .page-num .now strong{color:#002ac6}
.board-top .page-num .now span{font-weight:500}
.board-top .board-search{float:right}

.board-search{position:relative;}
.board-search select{margin:0 5px 0 0;width:130px}
.board-search .ser-input{margin:0 -5px 0 0;padding:0 20px;width:260px;background:#fff;border:1px solid #bdbdbd}
.board-search .btn{width:48px;height:48px;text-align:left;text-indent:35px;color:#002ac6;background:#002ac6 url('/resources/images/home/sub/bo-search.png') no-repeat center;border:0;padding-left:7px}


/* 게시글 상단 */
.board-sort{display:flex;align-items:center}
.board-sort .select-box{width:200px;margin:0 5px}
.select-box{position:relative}
.select-box:after{position:absolute;right:40px;width:1px;height:100%;background-color:#c1ced6;content:""}

.board-total{display:flex;align-items:center;margin-bottom:10px;justify-content:space-between}
.board-total p{color:#5c5c5c}
.board-total .total{background:url('../img/sub/ico-total.png') left center no-repeat;padding-left:25px}



/*.board-search{background-color:#f2f6f9;padding:0 15px;border-radius:5px;overflow:hidden}*/
.board-search .frm-search{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dae4ea}
.board-search .frm-item{display:flex;align-items:center;flex:1}
.board-search .frm-label{font-weight:500;min-width:90px;font-size:.938rem;padding:0 10px}
.board-search .select-box{width:100%}
.input-calender{display:flex;align-items:center}
.input-calender .hipen{min-width:20px;text-align:center}
.input-calender .bg-calender{background:url('../img/sub/ico-cal.png') calc(100% - 5px) center no-repeat}

.tbl-list table{border-top:2px solid #848e94;font-size:.938rem}
.tbl-list thead th{position:relative;font-weight:normal;padding:20px 5px;border-bottom:1px solid #b3bec5;color:#768691}
.tbl-list thead th:after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:19px;background-color:#cad6de;content:""}
.tbl-list thead th:last-child:after{display:none}
.tbl-list tbody td{text-align:center;padding:15px 5px;border-bottom:1px solid #b3bec5}
.tbl-list .subject{display:inline-block;text-align:left}
.btn-write{border:1px solid #c1ced6;display:flex;min-width:85px;height:35px;align-items:center;justify-content:center;font-size:14px}
.btn-write:hover{background-color:#f9f9f9}
.btn-write span{display:flex;align-items:center}
.btn-write span:before{background:url('../img/sub/ico-write.png') center no-repeat;content:"";width:17px;height:17px;margin-right:5px;display:inline-block}
.td-num{width:40px}
.td-date{width:100px}
.td-name{width:100px}
.td-state{width:80px}

/* paging */
.board-paging{margin:20px 0;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.board-paging a,
.board-paging .page-current{display:inline-block;text-align:center;margin:0 5px;min-width:20px}
.board-paging .btn-move{border:1px solid #c1ced6;overflow:hidden;text-indent:-999%;width:30px;height:30px;border-radius:2px}
.board-paging .btn-move:hover{border-color:#0249d3}
.board-paging .btn-first{background:url('/resources/images/home/sub/ico-first.png') center no-repeat}
.board-paging .btn-prev{background:url('/resources/images/home/sub/ico-prev.png') center no-repeat}
.board-paging .btn-last{background:url('/resources/images/home/sub/ico-last.png') center no-repeat}
.board-paging .btn-next{background:url('/resources/images/home/sub/ico-next.png') center no-repeat}
.board-paging .page-current{color:#0249d3;background-color:#f2f6f9;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:2px}

.page-wrap{text-align:center;;margin-top:40px}
.page{display:flex;justify-content:center}
.page a{position:relative;display:inline-block;width:42px;height:42px;font-size:1.125rem;color:#414141;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;background:#fff;border:1px solid #dee2e4;margin:0 2px}
.page a.on{color:#fff;background:#002ac6;border:1px solid #002ac6}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{margin:0 10px;display:flex}

/* view */
.view-type{position:relative;border-top:2px solid #002ac6;border-bottom:1px solid #dee2e4}
.view-type .view-top{position:relative;padding:25px;background:#ffffff;border-bottom:1px solid #dee2e4}
.view-type .view-top h2{font-size:28px;line-height:1.3;font-weight:500}
.view-type .view-top ul{position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.view-type .view-top ul li{position:relative;display:inline-block;margin-right:10px;color:#8b8b8b;padding-right:10px}
.view-type .view-top ul li:after{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#80898e;width:1px;height:12px;content:""}
.view-type .view-top ul li:last-child{margin-right:0;padding-right:0}
.view-type .view-top ul li:last-child:after{display:none}
.view-type .view-top ul.sns-board{position:relative;top:auto;transform:none;right:auto}
.view-type .view-top .notice{position:relative;top:2px;padding:2px 10px;display:inline-block;overflow:hidden;background-color:#636363;color:#fff;font-size:14px}
.view-type .file{position:relative;padding:15px 40px 20px 140px;font-size:18px;color:#80898e;border-bottom:1px solid #dee2e4; background:#f8f8f8;}
.view-type .file .name{position:absolute;top:15px;left:40px;}
.view-type .file a{display:inline-block;margin-right:20px;font-size:15px;/*padding-left:22px;background:url('/_res/deu/_share/img/ic_file.png') no-repeat left center*/}
.view-type .con{padding:40px}
.view-type .con .img{margin-bottom:40px;text-align:center}
.view-type .etc-con{padding:40px}
.view-type .etc-con .con{padding:20px 0}
	
.viewlist{margin-top:70px;border:1px solid #98a1a6;border-width:1px 0 }
.viewlist li{position:relative;padding:0 20px 0 180px;line-height:70px}
.viewlist li:first-child{border-bottom:1px solid #dee2e4}
.viewlist li span{position:absolute;top:0;left:0;padding-left:80px;height:100%;font-weight:500;}
.viewlist li span::after{position:absolute;top:45%;left:40px;width:10px;height:10px;content:'';border:1px solid #305a8a;border-width:2px 2px 0 0;transform:rotate(-45deg);}
.viewlist li a{display:block;color:#788287;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(135deg);-webkit-transform:rotate(135deg)}

 /* reply-box*/
.reply-box{position:relative;border-bottom:1px solid #dee2e4;border-top:1px solid #545454;}
.reply-box .reply-top-box{padding:20px 40px;background:#f6f7f8;border-bottom:1px solid #dee2e4;display:flex;flex-wrap:wrap;align-items:center;}
.reply-box .reply-top-box .reply-title-box{width:60px;padding:5px;font-size:1rem;color:#fff;background:#333;border-radius:5px;text-align:center;}
.reply-box .reply-top-box .reply-etc-box{width:calc(100% - 60px);padding:0 20px;}
.reply-etc-box ul{display:flex;flex-wrap:wrap;align-items:center;}
.reply-etc-box ul li.reply-writer-box{margin-right:20px;position:relative;padding-right:20px;}
.reply-etc-box ul li.reply-writer-box::after{position:absolute;top:0;right:0;width:2px;height:100%;background:#bbb;content:'';}
.reply-etc-box ul li span{font-size:1.15rem;line-height:1;}
.reply-etc-box ul li .tit{font-weight:700;margin-right:10px;}
.reply-content-box{padding:20px 40px;font-size:1.125rem;line-height:1.4;}

/* 고객문의_form */
.write-form .winp-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.write-form .winp-list.under_dash{padding-bottom:10px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
.write-form .winp-list > li{margin-bottom:15px;width:calc(50% - 20px);}
.write-form .winp-list > li.w-full{width:100%;}
.write-form .winp-list .tit{display:block;margin-bottom:10px;font-size:1.8rem;font-weight:500;line-height:1.2;word-break:keep-all;}
.write-form .winp-list .tit label{display:inline-block;position:relative;padding-right:10px;font-size:1.25rem;}
.write-form .winp-list .tit label::after{position:absolute;top:0;right:0;content:'*';color:red;}
.write-form .winp-list .tit .after-none::after{display:none;}
.write-form .w-ipt{width:100%;height:60px;margin:1px 0;padding:5px 10px;font-size:1rem;background:#fff;border:1px solid #ddd;border-radius:5px;}
.write-form .w-full .file-box .w-ipt{width:calc(100% - 125px);}
.write-form .w_text{width:100%;height:200px;margin:1px 0;padding:5px 10px;font-size:1rem;background:#fff;border:1px solid #ddd;border-radius:5px;}
.write-form .w-text02{width:100%;height:450px;margin:5px 0 20px;padding:60px;font-size:1rem;background:#fff;border:1px solid #ddd;border-radius:5px;}
.write-form .file-box{position:relative;display:flex;justify-content:space-between;}
.file-input-div{margin:0 0 0 5px;width:120px;height:50px;vertical-align:middle;position:relative;}
.file-box input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;font-size:1.8rem;background:none;}
.file-box input[type="button"]{vertical-align:text-top;border:0 !important;margin-top:1px;padding:5px;width:120px !important;height:60px;font-size:15px;box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
.file_input_button{position:absolute;top:0px;color:#333;background:#eee;}
.check-box{position:absolute;left:-999px;opacity:0;}
.check-box + label{position:relative;display:inline-block;margin-right:10px;padding-left:30px;font-size:1.25rem;line-height:24px;min-height:24px;}
.check-box + label::before{position:absolute;top:13px;left:0;width:20px;height:20px;content:'';transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#fff;border:1px solid #ddd}
.check-box:disabled + label::before{background:#eee;}
.check-box:checked + label::after{
z-index:6; position:absolute;top:6px;left:6px;width:10px;height:10px;content:'';border:1px solid #002ac6;border-width:0 0 3px 3px;
-webkit-transform:skewx(-15deg) rotate(-55deg);-moz-transform:skewx(-15deg) rotate(-55deg);-ms-transform:skewx(-15deg) rotate(-55deg);
-o-transform: skewx(-15deg) rotate(-55deg);  transform: skewx(-15deg) rotate(-55deg);}

/* 목록D */
.list-type{table-layout:fixed;border-top:2px solid #002ac6;border-bottom:1px solid #98a1a6;text-align:center}
.list-type thead th{padding:18px 5px;font-weight:600;text-align: center;border-bottom:1px solid #c3c3c3;}
.list-type thead th:first-child{border-left:0}
.list-type colgroup col:last-child {width: 10% !important;}
.list-type tbody th,.list-type tbody td{border:1px solid #dee2e4;border-width:1px 0 0; text-align: center;}
.list-type tbody td.data{font-size:.95em}
.list-type tbody tr.notice td.num{color:#689f38;font-weight:500; text-align: center;}
.list-type tbody th{padding:15px 10px;background:#f8f8f8;}
.list-type tbody td{padding:15px 10px;color:#454545;word-break:break-all}
.list-type tbody td.subject{text-align:left; position: relative;}
.list-type tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#454545;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.list-type tbody td.subject a .icNew{position:absolute;top:4px;right:0}
.list-type .num{position:relative}
/*.list-type .notice span{display:inline-block;overflow:hidden;background:url('/_res/bdu/_share/img/board/ico-notice.png') #0066d8 center no-repeat;width:30px;height:30px;border-radius:5px;text-indent:-999%}*/
.list-type .notice span{display:inline-block;overflow:hidden;background-color:#636363;color:#fff;font-size:.9em;padding:0 10px}
.list-type .td-none{padding:40px 0;}

/* FAQ */
.list-faq .adm-chk{margin:0 0 10px 0;}
.list-faq .adm-chk input{margin:-3px 0 0 0;}
.list-faq .adm-chk label{font-size:1rem}
.list-faq ul{border-top:1px solid #000;}
.list-faq ul li{position:relative;border-bottom:1px solid #dee2e4}
.list-faq .b-quest-box{display:table;position:relative;width:100%;box-sizing:border-box;}
.list-faq .b-quest-box .num{display:table-cell;width:120px;height:100%;background-color:#f3f8ff;font-weight:700;text-align:center;vertical-align:middle;}
.list-faq .b-title-box{position:relative;display:table-cell;vertical-align:middle}
.list-faq .b-title-box:before{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url('/resources/images/home/sub/sub-nav-arrow.png') no-repeat;content:'';width:20px;height:20px;}
.list-faq .b-quest-box.faq-close .b-title-box{background:url('../img/sub/btn_faq_close.gif') no-repeat right 10px center;}
.list-faq .b-quest-box.faq-close .b-title-box:before{transform: translateY(-50%) rotate(180deg);}
.list-faq .b-title-box a{display:block;padding:20px;color:#333}
.list-faq .b-title-box .qtxt {color:#002ac6;margin-right: 5px;}
.list-faq .b-quest-box > div{display:table-cell;width:40px;vertical-align:middle;}
.list-faq .b-quest-box > div .b-btn-modify{display:inline-block;padding:8px 5px;min-width:40px;background-color:#d2d2d2;font-size:13px;color:#fff;text-align:center;box-sizing:border-box;border-radius:5px;line-height:1;vertical-align:middle;}
.list-faq .b-ans-box{display:none;}
.list-faq .b-ans-box .b-ans{padding: 50px 40px 50px 130px;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.list-faq .b-ans-box .fr-view{position:relative;padding-left:40px}
.list-faq .b-ans-box .fr-view:before{position:absolute;left:0;top:0;width:30px;height:30px;text-align:center;content:"A";background-color:#002ac6;color:#fff;border-radius:50%}
.list-faq .b-quest-box.faq-none{padding:40px 0;text-align:center}

/* view-detail */
.view-type .view-top ul{margin-top:10px;position:unset !important;transform:none !important;}

/* news */
.presslist ul li a .tit{display:block;max-width:90% !important;}

@media (max-width:1200px){

}

@media (max-width:1024px){
    .board-top .page-num{font-size: 1rem;}

	/* FAQ */
	.list-faq .b-quest-box .num{width:80px;font-size:1rem;}
	.list-faq .b-quest-box{padding:0 10px 0 0;}
	.list-faq .b-ans-box .b-ans{padding:30px 30px 30px 125px}
	.list-faq .b-ans-box .fr-view{padding-left:30px}
	.list-faq .b-ans-box .fr-view:before{width:20px;height:20px;top:2px}
}


@media (max-width:720px){
    /* 상단 검색 */
    .board-top .page-num{float:none;margin-bottom:10px}
	.board-top .board-search{float:none}
    .board-search select{margin: 0 0 5px 0;width: 100%;}
	.board-search .ser-input{padding: 0 10px;width:calc(100% - 48px)}
    
    /* 버튼 */
    .btn-list{margin-top:20px;text-align:center}
	.btn-b-c a, 
	.btn-b-c button, 
	.btn-b-c input{padding:0 15px;min-width:85px;line-height:40px}
	.btn-b-c .btn-bg{padding-left:30px;background-position:12px center;background-size:15px}

    /* 페이징 */
    .pageWrap{margin-top:30px}
	.page{display:block}
	.page .contr{margin: 0 5px;display:inline-block}
	.page a{width: 30px;height: 30px;font-size: 14px;line-height: 28px;margin:2px -1px}
	.page a img{height:13px}

	.board-paging .page-current,
	.board-paging .btn-move{width:30px;height:30px}
    .board-paging a, .board-paging .page-current{margin:0 2px}

	/* view */
	.view-type .view-top{padding: 15px;}
	.view-type .view-top h2{margin-bottom:5px;font-size:1.125rem}
	.view-type .view-top ul{position:relative;top:auto;right:auto;transform:none;}
	.view-type .view-top ul li{margin-right:5px;padding-right:5px}
	.view-type .view-top ul li::before{top:5px;height:10px}
	.view-type .file{padding: 10px 15px;font-size: 14px;}
	.view-type .file .name{display:none;top: 10px;left: 15px;}
	.view-type .file a{margin-right:10px;margin-bottom:5px;padding-left:16px;font-size:12px}
	.view-type .file a:last-child{margin-bottom:0;}
	.view-type .con{padding:15px}
	.view-type .con .img{margin-bottom:20px}
	.view-type .etc-con{padding:15px}
	.view-type .fr-view{font-size:0.9rem}

	.viewlist{margin-top:40px}
	.viewlist li{padding: 0 0px 0 90px;font-size: 14px;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	 /* reply-box*/
	.reply-box .reply-top-box{padding:20px;}
	.reply-etc-box ul li span{font-size:.9rem;}
	.reply-etc-box ul li.reply-writer-box{margin-right:10px;padding-right:10px;}
	.reply-box .reply-top-box .reply-etc-box{padding:0 10px;}
	.reply-box .reply-top-box .reply-title-box{padding:2px;font-size:.9rem;width:50px;}
	.reply-box .reply-top-box{padding:20px;}
	.reply-content-box{padding:20px;font-size:.9rem;}
	.reply-etc-box ul li .tit{margin-right:5px;}
	.reply-etc-box ul li.reply-writer-box::after{top:5px;height:75%;}

	/* 공지사항 */
    .list-type.mb{display:block}
	.list-type.mb colgroup{display:none}
	.list-type.mb thead{display:none}
	.list-type.mb tbody{display:block}
	.list-type.mb tbody tr.notice{background: #f6f7f8;}
	.list-type.mb tbody td.num{display:none}
	.list-type.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.list-type.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.list-type.mb tbody tr::after{display:block;clear:both;content:''}
	.list-type.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.list-type.mb tbody td.data,
	.list-type.mb tbody td.file,
	.list-type.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.list-type.mb tbody td.data::after,
	.list-type.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.list-type.mb tbody td.file img{width:12px}
	
	.list-type.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.list-type.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.list-type tbody td.subject a .icNew{top:3px;width:15px}
	.list-type.mb tbody td.name::before{margin-right:5px;content:'작성자 '}
	.list-type.mb tbody td.data::before{margin-right:5px;content:'작성일 '}
	.list-type.mb tbody td.file::before{margin-right:5px;content:'첨부 '}
	.list-type.mb tbody td.hit::before{margin-right:5px;content:'조회수 '}

	.list-type.mb tbody td.td-none{padding:40px 0;text-align:center;}

	/* 고객문의_form */
	.write-form .w-text02{height:300px;margin:5px 0 10px;padding:30px;font-size:.9rem;}
	.check-box + label{font-size:1rem;}
	.write-form .winp-list .tit label{font-size:1rem;}
	.write-form .winp-list > li{width:100%;margin-bottom:10px;}
	.write-form .w-ipt{height:45px;}
	.file-box input[type="button"]{height:45px;}
	.write-form .w-text{height:200px;}
	.write-form .w-text02{padding:20px;}

	/* FAQ */
	.list-faq .b-quest-box .num{display:none;}
	.list-faq .b-title-box{font-size:.9rem}
	.list-faq .b-ans-box .b-ans{padding:15px;font-size:.8rem;}
}

@media (max-width:640px){
	/* 고객문의_form */

}

@media (max-width:480px){
    .btn-b-c a, .btn-b-c button, .btn-b-c input{padding:0 10px;line-height:35px;min-width:60px;}

	.view-type .fr-view{font-size:0.8rem}
}