@charset "utf-8";

/* 필수입력값 */
i.i_star {display: inline-block; font-size:0; vertical-align:top;}
i.i_star:before {content:"*"; display:inline-block; font-size:1.6rem; color:#f46a0e; line-height: 1; font-weight:400; padding-left:4px; vertical-align:top;}


/* ***** Table ***** */
/* 데이터가 없을때 */
.noDataBox{display: table; table-layout: fixed; width:100%; height: 350px; border:1px solid #ddd;}
.noDataBox .in{display: table-cell; font-size: 1.8rem; line-height: 1.1; padding:20px; text-align: center; vertical-align: middle;}

/* radio */
span.radio_txt {line-height: 24px; vertical-align: middle; margin-right: 20px;}
.form-group.radio_table {display: flex; margin-bottom: 0}
textarea, textarea.form-control.consulting {height: 150px}


/* 테이블스타일 */
.table.table-bordered {border-top: #333 2px solid; border-bottom: #333 1px solid}
.table.table-bordered td {color: #666; vertical-align: middle;}
.table.table-bordered th {background-color: #f9f9f9}
.table.table-bordered td.txt_blue {color: #3986d6}
.table.table-bordered td.rowspan_td {vertical-align: middle; border-right: 1px solid #dee2e6; color: #333}
.table.table-bordered.collist td {border-right: 1px solid #dee2e6; vertical-align: middle}
.table.table-bordered.collist th {text-align: center; border-right: 1px solid #dee2e6; }
.table.table-bordered.collist td:last-child {border-right: none }
.table.table-bordered.collist th:last-child {border-right: none }
.table.table-bordered.collist .bord_r {border-right: 1px solid #dee2e6 !important; }

.txt_str {font-weight: bold}

/* table top */
.tblTopwrap{display: table; table-layout: fixed; width: 100%; margin-bottom:15px;}
.tblTopwrap > div{display: table-cell; float: none; vertical-align: bottom;}
.tblTopwrap > .fr{color:#666;}
.tblTopwrap .requTxt{display: inline-block; font-size: 1.5rem; color: #f46a0e; line-height: 1.1; }
.tblTopwrap .requTxt i.i_star:before{padding:0 3px 0 0;}
.tblTopwrap .total{display: inline-block; font-size: 2.4rem; line-height: 1.1; white-space: nowrap;}
.tblTopwrap .total em{color:#f46a0e; font-weight: 600;}
.tblTopwrap .h_tit4{margin:0; white-space: nowrap;}
.tblTopwrap .sort{font-size: 0;}
.tblTopwrap .sortUl li{display: inline-block;}
.tblTopwrap .sortUl li a{display: inline-block; font-size: 1.6rem; color: #666; line-height: 1.1; vertical-align: top; text-decoration: none;}
.tblTopwrap .sortUl li + li::before{display: inline-block; content: ''; width:1px; height:14px; margin:2px 10px 0; vertical-align: top; background: #666;}
.tblTopwrap .sortUl li.on a,
.tblTopwrap .sortUl li.selected a{color:#29478a;}

.tblTopwrap .th{font-size: 1.8rem; color:#333; font-weight: 500; padding-right: 25px; vertical-align: middle;}
.tblTopwrap .btnThreeBox{display: inline-block; font-size: 0; vertical-align: middle;}
.tblTopwrap .btnThreeBox li{display: inline-block;}
.tblTopwrap .btnThreeBox li + li{margin-left: 4px;}
.tblTopwrap .btnThreeBox .btn.gr{min-width: 110px;}

.tblBtmwrap{display: table; table-layout: fixed; width: 100%; margin-top:30px;}
.tblBtmwrap > div{display: table-cell; float: none; vertical-align: bottom;}
.tblBtmwrap .btnArea{margin-top:0;}

div + .tblTopwrap{margin-top:40px;}

.tblSchBox{display: inline-block; font-size: 0; vertical-align: top;}
.tblSchBox .input{padding-right: 0; vertical-align: top;}
.tblSchBox .btn.sch{border-radius: 0; vertical-align: top;}


/* tbl */
.tbl{border-top:2px solid #333;}
.tbl thead th{font-size: 1.7rem; color:#000; background: #f7f7f7;}
.tbl th{font-weight: 400;}
.tbl td{font-size: 1.6rem; color:#555; background: #fff;}
/* .tbl th, td{height:55px; padding:10px; text-align: center; border-bottom:1px solid #ddd;} */
.tbl th + th,
.tbl td + td,
.tbl th +td{}
.tbl tr.disabled td{color: #9999;}

.tbl.type2 th + th,
.tbl.type2 td + td,
.tbl.type2 th +td{border-left:1px solid #ddd; }

.tbl.type2 th[rowspan],
.tbl.type2 td[rowspan]{border-right:1px solid #ddd; }
.tbl.type2 th[rowspan]:last-child,
.tbl.type2 td[rowspan]:last-child{border-right:0; }
.tbl.type2 tr.total td{color:#000; font-weight: 500;}

.tbDtList.type1 dt{font-size: 1.6rem; color:#333; line-height: 1.3; margin-bottom: 15px;}
.tbDtList.type1 dt .point{color:#666 !important; margin-left: 5px;}
.tbUlList.type1 li{position: relative; font-size: 1.6rem; color:#666; line-height: 1.3; padding-left: 12px;}
.tbUlList.type1 li::before{display: inline-block; content: '·'; clear: both; position: absolute; left:0; top:0; z-index: 1;}
.tbUlList.type1 li + li{margin-top: 8px;}



/* tbw */
.tbw{text-align: left; border-top:2px solid #333;}
.tbw tbody th{color:#000; font-weight: 400; text-align: left; border-bottom: 1px solid #ddd; background: #f8f8f8;}
.tbw tbody td{color:#555; text-align: left; border-bottom: 1px solid #ddd; background: #fff;}

.tbwTwoBox:after {display: block; content: ''; clear: both;}
.tbwTwoBox li{width:50%;}



/* ***** Ul Table ***** */
/* ul tbw */
.ulTbw{border-top:2px solid #000;}
.ulTbw .th{color:#000; font-weight: 400; word-break: break-all;}
.ulTbw .td{color:#333; font-weight: 400; word-break: break-all;}
.ulTbw .td .noteTxt{color:#173c90;}

.ulTbw div + .file_upload{margin-top:10px;}

.ulTbw .formBox ul{margin-left:-20px;}
.ulTbw .formBox ul li{display: inline-block; line-height: 0; margin-left: 20px; vertical-align: top;}
.ulTbw .formBox ul li label{vertical-align: top;}


/* form layout */
.formChkRdo{}
.formChkRdo ul li{display: inline-block; line-height: 0; vertical-align: top;}
.formChkRdo ul li label{vertical-align: top;}

.formIdCheck{font-size: 0;}
.formIdCheck .input{width: 319px; border-right:0; vertical-align: top;}

.formTel{display: inline-block; font-size: 0; vertical-align: top;}
.formTel li{display: inline-block; vertical-align: top;}
.formTel .input{width: 100%; vertical-align: top;}
.formTel .select{width: 100%;}

.formEmail{font-size: 0;}
.formEmail li{display: inline-block; position: relative; vertical-align: top;}
.formEmail li:nth-child(1){}
.formEmail li:nth-child(2){}
.formEmail li:nth-child(2)::before{display: inline-block; content: '@'; font-size: 1.6rem; color:#666; line-height: 46px; padding:0 5px; vertical-align: top;}
.formEmail .input{width:100%; vertical-align: top;}
.formEmail .select{margin-left:6px;}

.formAddr{font-size: 0;}
.formAddr .post .input{width:170px; border-right:0;}
.formAddr .input{width: 700px; vertical-align: top; background: #f8f8f8;}
.formAddr li{border:0 !important;}
.formAddr li + li{margin-top:10px;}

.formAddr.type2 .li2{display: none;}

.formInput .input{border-right: 0;}

.formRegis{font-size: 0;}
.formRegis li {display: inline-block; position: relative; vertical-align: top;}
.formRegis li + li:before{display: inline-block; content: '-'; position: absolute; z-index: 0; vertical-align: top;}
.formRegis .input{width: 100%; vertical-align: top;}

.formSelInt .select{vertical-align: top;}

.formBankSel > div{display: none; vertical-align: middle;}
.formBankSel > div.on{display: inline-block;}

.formBank{font-size: 0;}

.formWaySel .wayCnt{display: none; margin-top:10px;}

.formSel {font-size: 0;}
.formSel li{display: inline-block;}

.formCertNumWrap{font-size: 0;}
.formCertNumWrap .txtIntBox{display: inline-block; font-size: 1.8rem; line-height: 44px; padding:0 20px; vertical-align: top; border:1px solid #ddd;}
.formCertNumWrap .txtIntBox strong{display: inline-block; font-weight: 400; padding-right: 20px;}
.formCertNumWrap .txtIntBox span{display: inline-block; color:#29478a;}



/* ***** Ul list ***** */
.ulList > li{display: block; position: relative; width: 100%; padding:0 !important;}
.ulList > li + li{margin-top: 20px;}
.ulList .in{padding:50px 54px; border:1px solid #d1d1d1; border-radius: 10px; -webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1); -moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1); box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1);}
.ulList .btn.close {position: absolute; right:10px; top:10px; z-index: 1; padding:10px;}
.ulList .btn.close .ico{width:18px; height: 17px; vertical-align: top; background-position: -580px -25px;}

.ulList.type1 .col1{color: #666; line-height: 1.1;}
.ulList.type1 .col1 span,
.ulList.type1 .col1 em{display: inline-block;}
.ulList.type1 .col1 .sum{ color:#000; }
.ulList.type1 .col1 .acc span{color:#333;}


.ulList.type2 .col1 .cate{color:#333; line-height: 1.1; font-weight: 500;}
.ulList.type2 .col1 .rate{color:#666; line-height: 1.1;}
.ulList.type2 .col1 .rate span{font-weight: 500;}
.ulList.type2 .col1 .rate em{color:#000;}
.ulList.type2 .col1 .txt{color:#666; line-height: 1.1; margin-top: 5px;}
.ulList.type2 .col2{text-align: right;}
.ulList.type2 .col1 .btnArea{margin-top: 15px; text-align: left;}
.ulList.type2 .list.type1{display: inline-block; }
.ulList.type2 .list.type1 li{display: table; table-layout: fixed; width: 100%; line-height: 1.1;}
.ulList.type2 .list.type1 li .tit{display: table-cell; width:40%; text-align: left; vertical-align: top;}
.ulList.type2 .list.type1 li .tit:before{top:10px;}
.ulList.type2 .list.type1 li .txt{display: table-cell; width:60%; text-align: right; vertical-align: top;}
.ulList.type2 .list.type1 li .txt.point{color:#333 !important;}
.ulList.type2 .list.type1 li .txt.point .num{font-weight: 500;}
.ulList.type2 .list.type1 li .txt.point .won{display: inline-block;  margin-left: 5px;}
.ulList.type2 .list.type1 li .txt.point .sumTxt{display: inline-block; font-weight: 500; padding-bottom: 3px; margin-left: 10px; border-bottom:1px solid #333;}
.ulList.type2 .ulNoData{display: inline-block; text-align: center; background: #f7f7f7;}
.ulList.type2 .ulNoData .txt{ color:#999; line-height: 1.1; text-align: center;}


.calcBox .list.type1 li,
.ulList .list.type1 li{position: relative; display: block; font-size: 0; line-height: 1.1; width:100%; padding: 0;}
.calcBox .list.type1 li + li,
.ulList .list.type1 li + li{margin-top: 20px;}
.calcBox .list.type1 li .tit,
.ulList .list.type1 li .tit{display: inline-block; position: relative; color:#666; font-weight: 400; vertical-align: middle;}
.calcBox .list.type1 li .tit::before,
.ulList .list.type1 li .tit::before{display: block; content: ''; clear: both; position: absolute; left:0; top:50%; z-index: 1; width: 4px; height: 4px; margin-top: -2px; border-radius: 20px; background: #666;}
.calcBox .list.type1 li .txt,
.ulList .list.type1 li .txt{display: inline-block; color:#333; font-weight: 400; padding:0; vertical-align: middle; }
.calcBox .list.type1 li .txt em,
.ulList .list.type1 li .txt em{display: inline-block;}





/* ***** board ***** */
/* 목록 */
.boardList{table-layout: fixed; border-top:2px solid #333;}
.boardList .tit{display: block; color:#333; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.boardList .tit .bul.an{display: inline-block; position: relative; color:#fff; padding:0 10px; margin:0 10px 0 15px; vertical-align: top; border-radius: 50px; background-color: #32446d;}
.boardList .tit .bul.an:before{display: block; position: absolute; top:0; left:-15px; z-index: 1; content: ''; width:12px; height:12px; border-left:1px solid #666; border-bottom:1px solid #666;}
.boardList .info span{color:#999;}
.boardList .info span + span{margin-left: 15px;}
.boardList .info em + em{color:#999; margin-left: 6px; vertical-align: middle;}
.boardList .info em.blind + em{margin-left:0;}
.boardList .info .ico.num{width:14px; height:13px; background-position: -669px -102px}
.boardList .info .ico.name{width:10px; height:13px; background-position: -688px -102px}
.boardList .cate{color:#29478a; line-height: 1.1;}
.boardList .cate span{display: inline-block; vertical-align: middle;}
.boardList .cate span + span{margin-left: 5px;}
.boardList .noti{background-color: #f0f3f7;}
.boardList .noti .tit{color:#333 !important;}

.boardList.type1 th{height:52px; border-bottom: 1px solid #ddd; background: #f7f7f7;}
.boardList.type1 td{border-bottom: 1px solid #ddd;}
.boardList.type1 .tit{color:#666;}
.boardList.type1 .tit.type2{color:#333; white-space: normal;}


.boardList.type2 li{border-bottom: 1px solid #ddd;}

.boardList.type3 li{border-bottom: 1px solid #ddd;}
.boardList.type3 li .thum a{display: block; height: 100%; overflow: hidden;}
.boardList.type3 li .thum img{width:100%; min-height:100%;}


.boardList.type4 li{border: 1px solid #ddd; border-radius: 5px; -webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1); -moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1); box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.1);}
.boardList.type4 .thum{position: relative;}
.boardList.type4 .thum a{display: block; height: 100%; overflow: hidden;}
.boardList.type4 .thum img{width:100%; min-height:100%;}
.boardList.type4 .thum .ico.play{position: absolute; left:50%; top:50%; z-index: 1; width:71px; height: 71px; margin: -36px 0 0 -36px; background-position: -645px -174px;}
.boardList.type4 .text{width:100%;}
.boardList.type4 .text .in{display: block; color:#333; }
.boardList.type4 .cate{display: block; line-height: 1.1; font-weight: 500; }
.boardList.type4 .tit{display: block; line-height: 22px; font-weight: 400; margin-top: 10px;}
.boardList.type4 .date{color:#666; line-height: 1.1;}
.boardList.type4 .vodNotiBox .text{color:#333; vertical-align: top; border: 1px solid #ddd; background: #fff; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.boardList.type4 .vodNotiBox .tit {margin:0;}
.boardList.type4 .vodNotiBox .tit strong{display: block; font-size: 1.8rem; line-height: 1.1; font-weight: 400;}
.boardList.type4 .vodNotiBox .tit span{display: block; font-size: 1.5rem; color:#666; line-height: 1.1; margin: 20px 0;}
.boardList.type4 .vodNotiBox .txt{font-size: 1.6rem; line-height: 26px;}
.boardList.type4 .vodNotiBox + ul{margin-top: 20px;}

.boardList.type5 > ul > li{border-bottom: 1px solid #ddd;}
.boardList.type5 .tit{white-space: normal; word-break: break-all;}
.boardList.type5 .btnArea li{padding: 0;}


/* 상세 */
.boardView{border-top:2px solid #333; border-bottom:1px solid #ddd;}
.boardView .brdHd {padding:20px; border-bottom:1px solid #ddd;}
.boardView .brdHd .title{font-size:24px; color:#333; font-weight: 500; word-break: break-all;}
.boardView .brdHd .text{color:#666; margin-top:20px; text-align: right;}
.boardView .brdHd .text ul{font-size: 0;}
.boardView .brdHd .text li{display: inline-block; font-size:14px; color:#666; line-height:1.1;}
.boardView .brdHd .text li + li::before{display: inline-block; content: ''; width:1px; height:12px; margin: 2px 12px 0; vertical-align: top; background: #ddd;}
.boardView .brdCnt{font-size:16px; color:#666; line-height:28px; min-height:300px; word-break: break-all;}
.boardView .brdCnt img{max-width:100%;}
.boardView .brdCnt p{margin:10px 0 0;}
.boardView + .brdBtm{margin-top: -1px; border-bottom:1px solid #ddd;}
.boardView .brdBtm{padding:0px 0 20px;}
.boardView .brdBtm:after{display: block; content: ''; clear: both;}
.boardView .brdBtm .brdAtta{ position: relative; color:#666; line-height: 1.1; width: 70%; padding: 0 0 0 20px; margin-top: 15px; vertical-align: bottom;}
.boardView .brdBtm .brdAtta::before{display: inline-block; position: absolute; left:0; top:0; z-index: 1; content: ''; width:10px; height: 16px; background:url("../img/ico_com.png") no-repeat; background-position: -670px -120px;}
.boardView .brdBtm .brdAtta span{display: inline-block;}
.boardView .brdBtm .brdAtta span + span{margin-left: 15px;}
.boardView .snsWrap{ font-size: 0; width: 30%; text-align: right; vertical-align: bottom;}
.boardView .snsWrap li{display: inline-block; vertical-align: top;}
.boardView .snsWrap li + li{margin-left: 10px;}

.boardMove {margin-top:60px; border-top:1px solid #000; border-bottom: 1px solid #000;}
.boardMove li{display: table; table-layout: fixed; font-size:1rem; line-height: 53px; width:100%; padding:0 15px; }
.boardMove li + li{border-top:1px solid #ddd;}
.boardMove li .tit{display:table-cell; position: relative; color:#666; width:154px; font-weight: 400; padding-left:25px;}
.boardMove li .tit:before{display: inline-block; content: ''; position: absolute; left:0; top:50%; width:8px; height:5px; margin-top:-3px;}
.boardMove li .txt{display: table-cell; width:auto;}
.boardMove li .txt a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#333;}
.boardMove li .txt a:hover{color:#e96a00;}
.boardMove li .date{display: table-cell; color:#999; width:120px; text-align: right;}
.boardMove li.prev .tit:before{ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #173c90;}
.boardMove li.next .tit:before{ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #173c90;}


/* paging */
.pagingWrap{font-size:0; text-align:center;}
.pagingWrap a{display:inline-block; vertical-align:top; border:1px solid #ddd;}
.pagingWrap a:hover{color:#000;}
.pagingWrap .number{display:inline-block; font-size: 0; vertical-align:top;}
.pagingWrap .number a{display: inline-block; position: relative; z-index: 1; color:#000;}
.pagingWrap .number a:first-child{margin-left:0;}
.pagingWrap .number a.on{z-index: 2; color:#fff; font-weight: 500; border-color: #0b96ce; background:  #0b96ce;}
.pagingWrap .number a + a{margin-left:-1px;}


/* 댓글쓰기 */
.cmtWrap{margin-top: 40px;}
.cmtWrap .cmtWrite {padding:20px 30px; background: #f8f8f8;}
.cmtWrap .cmtWrite .cmtNum{line-height: 1.1;}
.cmtWrap .cmtWrite .textarea{width:100%; height:90px; }
.cmtWrap .cmtWrite .btnArea{margin-top: 10px; text-align: right;}
.cmtWrap .cmtList > li{border-bottom: 1px solid #ddd;}
.cmtWrap .cmtList li .in{position: relative; padding:30px 30px;}
.cmtWrap .cmtList li dt{margin-bottom: 10px;}
.cmtWrap .cmtList li dt > span{display: inline-block; vertical-align: top;}
.cmtWrap .cmtList li dt .nick{color:#333;}
.cmtWrap .cmtList li dt .date{color:#999;}
.cmtWrap .cmtList li dt .mark{color:#29478a; border:1px solid #29478a; border-radius: 15px;}
.cmtWrap .cmtList li dd{font-size: 1.6rem; color:#666; line-height: 26px;}
.cmtWrap .cmtList li .cmtNoData{font-size: 1.6rem; line-height: 150px; text-align: center;}


/* 게시판 검색 */
.schTophWrap{padding:30px; border-radius: 5px; background: #f2f2f2;}
.schTophWrap .li .div{display: inline-block; vertical-align: middle;}
.schTophWrap .tblSchSel {font-size: 0;}
.schTophWrap .li li{display: inline-block; vertical-align: middle;}


/* 게시판 상단 검색 */
.tblSchTopBox .li .div{display: inline-block; vertical-align: middle;}
.tblSchTopBox .tblSchSel {font-size: 0;}
.tblSchTopBox .li li{display: inline-block; vertical-align: middle;}


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

	/* 필수입력값 */
	i.i_star:before { font-size:1.4rem; color:#d90101; padding-left:3px;}
	.tblTopwrap .requTxt{font-size: 1.2rem; white-space: nowrap;}


	/* ***** Table ***** */
	/* 데이터가 없을때 */
	.noDataBox {height:200px;}
	.noDataBox .in{font-size: 1.4rem;}


	/* tbl top */
	.tblTopwrap .total{font-size: 1.6rem;}
	.tblTopwrap > .fr{font-size: 1.2rem;}
	.tblTopwrap .th{display: none;}
	.tblTopwrap .btnArea{margin-top: 0;}

	.tblTopwrap.type2 .fl{display: block; float:none; width:100%;}
	.tblTopwrap.type2 .fr{display: block; float:none; width:100%; margin-top: 15px;}

	.tblTopwrap .sortUl li a{font-size: 1.3rem;}
	.tblTopwrap .sortUl li+li:before{height:10px; margin: 2px 7px 0;}



	.tblTopwrap .btnThreeBox {display: block;}
	.tblTopwrap .btnThreeBox li{display: inline-block; width:50%; margin: 0; padding:0 5px 0 0;}
	.tblTopwrap .btnThreeBox li .btn{width:100%;}
	.tblTopwrap .btnThreeBox li + li{margin: 0; padding: 0  0 0 5px;}
	.tblTopwrap .btnThreeBox li.full{display: block; width:100%; padding:0; margin: 10px 0 0;}

	div + .tblTopwrap{margin-top:30px;}

	.tblSchBox{position: relative; width:100%; padding-right: 33px;}
	.tblSchBox select{width:40%;}
	.tblSchBox select +.input{width:58%; margin-left:2%; }
	.tblSchBox .input{width:100%; border-right:0;}
	.tblSchBox .btn.sch{position: absolute; top:0; right:0; height:38px; padding: 10px 8px; border:1px solid #ddd; border-left:0;}
	.tblSchBox .btn.sch .ico{width:16px; height:16px; background-position: 0 -66px;}
	.tblSchBox .btn.sch.type2 {min-width: auto; height:38px; padding: 10px 8px; margin:0; background: #fff;}
	.tblSchBox .btn.sch.type2 .ico{font-size:0; width:16px; height:16px; background-position: 0 -66px;}


	/* tbl */
	.tbl thead th {font-size: 1.3rem;}
	.tbl td {font-size: 1.3rem;}
	.tbl th, td {height: 40px; padding: 5px 10px;}

	.tbDtList.type1 dt{font-size: 1.2rem;}
	.tbUlList.type1 li{font-size: 1.2rem; padding-left: 7px;}
	.tbUlList.type1 li + li{margin-top: 8px;}


	/* ***** tbw ***** */
	.tbw tbody th{font-size: 1.2rem; padding: 10px;}
	.tbw tbody td{font-size: 1.2rem; padding: 10px; }

	.tbwTwoBox li{float: none; width:100%;}
	.tbwTwoBox li+li table{border-top:0;}

	td .point2.sum{font-size: 1.3rem;}

	.scroll table{width:800px;}
	.scroll.w600 table{width:600px;}


	.layer_wrap .scroll table{width:500px;}
	.layer_wrap .scroll.mW600 table {width:600px;}
	.layer_wrap .scroll.mW700 table {width:700px;}
	.layer_wrap .scroll.mW800 table {width:800px;}


	/* ***** Ul Table ***** */
	/* ul tbw */
	.ulTbw{padding-top:20px; background: #fff;}
	.ulTbw > ul > li{width:100%; }
	.ulTbw > ul > li + li{margin-top:30px;}
	.ulTbw .th{display: block; font-size: 1.4rem; letter-spacing: -0.01em; margin-bottom: 10px;}
	.ulTbw .td{display: block; font-size: 1.3rem; letter-spacing: 0em; color: #666;}
	.ulTbw .td + .th{margin-top:30px;}

	.ulTbw .td .noteTxt{margin-top:6px;}
	.ulTbw .td .noteTxt + .noteTxt{margin-top:1px;}

	.ulTbw div + .file_upload{margin-top:6px;}

	.ulTbw .ul.type2{border:1px solid #ddd; background: #f8f8f8;}
	.ulTbw .ul.type2 > li{display: table; table-layout: fixed; width:100%; background: #f8f8f8;}
	.ulTbw .ul.type2 > li + li{margin:0; border-top:1px solid #ddd;}
	.ulTbw .ul.type2 .th{display: table-cell; color:#999; padding:13px 0 13px 13px; width:38%;}
	.ulTbw .ul.type2 .td{display: table-cell; color:#000; padding:13px; text-align: left;}

	.ulTbw .ul + .ul{margin-top:30px;}

	.ulTbw.type2{padding-top:0;}
	.ulTbw.type2 > ul > li{display: table; table-layout: fixed; width:100%; border-bottom: 1px solid #ddd;}
	.ulTbw.type2 > ul > li + li{margin-top:0;}
	.ulTbw.type2 .th{display: table-cell; font-size: 1.3rem; width:40%; height:48px; padding:5px 10px; vertical-align: middle; background: #f8f8f8;}
	.ulTbw.type2 .td{display: table-cell; font-size: 1.3rem; width:auto; height:48px; padding:5px 10px; vertical-align: middle; background: #fff;}
	.ulTbw.type2 li .ul > li{display: table; table-layout: fixed; width:100%;}
	.ulTbw.type2 li .ul > li + li{border-top:1px solid #ddd;}


	/* form layout */
	.formBox{font-size: 1.3rem; line-height: 1.3; color: #999; padding:10px; border:1px solid #ddd; background: #f8f8f8;}
	.formBox ul{margin:0;}
	.formBox ul li{ font-size: 0; margin:7px 5px;}
	.formBox .label .ico + .lTxt{min-width: 27px;}


	.formChkRdo{font-size: 1.3rem; line-height: 1.3; color: #999; padding:10px; border:1px solid #ddd; background: #f8f8f8;}
	.formChkRdo ul{margin:-7px 0 0 -10px;}
	.formChkRdo ul li{ font-size: 0; margin:7px 0 0 10px;}
	.formChkRdo .label .ico + .lTxt{min-width: 27px;}

	.formIdCheck{position: relative; padding-right: 80px;}
	.formIdCheck .input{width: 100%; border-right:0; vertical-align: top;}
	.formIdCheck .btn{position: absolute; top:0; right:0; width:80px; padding:0;}

	.formSelInt .select + .input{margin-top: 6px;}

	.formTel li:nth-child(1){width:32%;}
	.formTel li:nth-child(2){width:34%; padding-left:6px;}
	.formTel li:nth-child(3){width:34%; padding-left:6px;}
	.formTel .input{width: 100%; vertical-align: top;}
	.formTel .select{min-width: auto;}

	.formEmail li:nth-child(1){width:50%; padding-right: 13px;}
	.formEmail li:nth-child(2){width:50%; padding-left: 13px;}
	.formEmail li:nth-child(2)::before{position: absolute; left:-13px; top:0; z-index: 1; line-height: 38px; width:26px;}
	.formEmail li:nth-child(3){display: block;}
	.formEmail .select{width:100%; margin-left:0; margin-top: 6px;}

	.formAddr .post{position: relative; padding-right: 80px;}
	.formAddr .post .input{width:100%;}
	.formAddr .post .btn{position: absolute; top:0; right:0; width:80px; padding:0;}
	.formAddr .input{width: 100%; vertical-align: top; background: #f8f8f8;}
	.formAddr li{border:0 !important;}
	.formAddr li + li{margin-top:10px;}

	.formInput{position: relative; padding-right: 85px;}
	.formInput .input{width:100%;}
	.formInput .btn{position: absolute; top:0; right:0; z-index: 1; width:85px;}

	.formRegis li {width:50%; padding-right: 6px;}
	.formRegis li+li {width:50%; padding-left:6px; padding-right:0;}
	.formRegis li + li:before{left: -6px; font-size: 1.4rem; line-height: 38px; width: 12px; text-align: center;}

	.formBankSel > div.on {display: block;}


	.formWaySel{padding:10px; border:1px solid #ddd; background: #f7f7f7;}
	.formWaySel .waySel{font-size: 0;}
	.formWaySel .wayCnt{margin-top: 15px;}
	.formWaySel .file_upload .file_text{background: #fff;}
	.formWaySel input.rdo + .ico{margin-top:0; vertical-align: top;}

	.formBank .select{display: block;}
	.formBank .input{display: block; margin-top: 5px;}

	.formSel {margin-left: -6px;}
	.formSel li{width:50%; padding-left:6px;}

	.formIntBtn .btn{margin-top: 6px;}

	.formCertNumWrap .txtIntBox{font-size: 1.4rem; line-height: 38px; width:100%; padding:0 10px;}
	.formCertNumWrap .txtIntBox strong{float:left; width:30%; padding-right:0;}
	.formCertNumWrap .txtIntBox span{float:right; width:70%; text-align: right;}
	.formCertNumWrap .btn{margin-top: 6px;}



	/* ***** Ul list ***** */
	.ulList li .in{padding: 27px 20px;}
	.ulList li .col2{padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;}
	.ulList li .btn.close {right:10px; top:10px; z-index: 1; padding:10px;}
	.ulList li .btn.close .ico{width:16px; height: 16px; vertical-align: top; background-position: -364px -42px;}

	.ulList.type1 li .col1 .sum span { font-size: 2.4rem; }
	.ulList.type1 li .col1 .sum .won{margin-left: 5px;}
	.ulList.type1 li .col1 .acc{margin-top: 6px;}
	.ulList.type1 li .col1 .acc em { margin-left: 2px;}

	.ulList.type2 .col1 .cate{font-size: 1.6rem; margin-bottom: 10px;}
	.ulList.type2 .col1 .rate span{font-size: 2.4rem;}
	.ulList.type2 .col1 .rate em{font-size: 1.6rem;}
	.ulList.type2 .col1 .txt {font-size: 1.2rem;}
	.ulList.type2 .list.type1 li .tit{width:50%;}
	.ulList.type2 .list.type1 li .tit:before{top:8px;}
	.ulList.type2 .list.type1 li .txt{width:50%;}
	.ulList.type2 .list.type1 li.full{display: block;}
	.ulList.type2 .list.type1 li.full .tit{display:block; width:100%;}
	.ulList.type2 .list.type1 li.full .txt{display:block; width:100%;}
	.ulList.type2 .list.type1 li .txt.point .sumTxt{font-size: 2.4rem;}
	.ulList.type2 .list.type1 li .txt.point .won{font-size: 1.6rem;}
	.ulList.type2 .ulNoData{width:100%; padding:40px;}
	.ulList.type2 .ulNoData .ico{width:40px; height:40px; background-position: -360px -112px;}
	.ulList.type2 .ulNoData .txt{font-size: 1.3rem; line-height: 20px; margin-top: 15px;}

	.calcBox .list.type1 li + li,
	.ulList .list.type1 li + li{margin-top: 10px;}
	.calcBox .list.type1 li .tit,
	.ulList .list.type1 li .tit{font-size: 1.3rem; width:40%; padding-left: 10px;}
	.calcBox .list.type1 li .tit::before,
	.ulList .list.type1 li .tit::before{width: 3px; height: 3px;}
	.calcBox .list.type1 li .txt,
	.ulList .list.type1 li .txt{font-size: 1.3rem; line-height: 1.1; width:60%; text-align: right;}

	.ulList > li + li{margin-top: 15px;}


	/* paging */
	.pagingWrap{margin-top:20px;}
	.pagingWrap .number{margin:0 10px;}
	.pagingWrap .number a{font-size:16px; color:#666; line-height: 28px; width:28px; height:28px;}
	.pagingWrap .p_btn{font-size:0; width:28px; height:28px; }
    .pagingWrap .p_btn.first{border:0; background: url("../img/m_ico_first.jpg") no-repeat; background-size: cover;}
	.pagingWrap .p_btn.prev{border:0; margin-left:-1px; background: url("../img/m_ico_prev.jpg") no-repeat; background-size: cover;}
	.pagingWrap .p_btn.next{border:0; margin-right:-1px; background: url("../img/m_ico_next.jpg") no-repeat; background-size: cover;}
	.pagingWrap .p_btn.end{border:0; background: url("../img/m_ico_end.jpg") no-repeat; background-size: cover;}



	/* ***** board ***** */
	/* 목록 */
	.boardList .titLink{display: block;}
	.boardList .titLink + .tit{margin-top:11px;}
	.boardList .cate {font-size: 0; margin-bottom: 10px;}
	.boardList .cate > span{display: inline-block; font-size: 1.2rem; color:#29478a; line-height: 16px; vertical-align: middle;}
	.boardList .cate > span + span{ margin-left: 8px;}
	.boardList .tit{font-size: 1.4rem; line-height: 22px;}
	.boardList .txt{color:#666; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.boardList .info{margin-top:13px;}
	.boardList .info span{color:#999;}
	.boardList .info span + span{margin-left: 15px;}
	.boardList .info em + em{color:#999; margin-left: 6px; vertical-align: middle;}
	.boardList .info em.blind + em{margin-left:0;}
	.boardList .info .ico.num{width:12px; height:12px; background-position: -214px -100px}
	.boardList .info .ico.name{width:9px; height:12px; background-position: -229px -100px}
	.boardList .tit .bul.an{font-size: 1.2rem; line-height: 20px; height: 22px; margin:0 6px 0 12px; vertical-align: top;}
	.boardList .tit .bul.an:before{left:-12px; width:10px; height: 10px;}
	.boardList .noti .ico.mark {width:18px; height:16px; margin-right: 10px; background-position: -214px -42px;}
	.boardList dd.an{margin-top: 15px;}
	.boardList dd.an .tit{font-size: 1.4rem;}

	.boardList.type1 thead{display: none;}
	.boardList.type1 td{font-size: 1.2rem; line-height: 1.1; padding: 15px;}
	.boardList.type1 tr:active .tit{color:#173c90;}

	.boardList.type2 ul > li{font-size: 1.2rem; line-height: 1.1; padding: 20px 15px;}
	.boardList.type2 li .tit:active,
	.boardList.type2 li .txt:active{color:#173c90;}
	.boardList.type2 .tit{font-size: 1.6rem;}

	.boardList.type3 ul > li{font-size: 1.2rem; line-height: 1.1; padding: 20px 15px;}
	.boardList.type3 li .tit:active,
	.boardList.type3 li .txt:active{color:#173c90;}
	.boardList.type3 li .thum{width:100%; height:148px; margin-bottom: 15px;}

	.boardList.type4{padding-top:20px;}
	.boardList.type4 li{padding:15px;}
	.boardList.type4 li  + li{margin-top: 15px;}
	.boardList.type4 li .thum{height:130px;}
	.boardList.type4 .thum{width:100%; height:140px; }
	.boardList.type4 .thum img{min-height: 100%;}
	.boardList.type4 .thum .ico.play{width:41px; height:41px; margin: -20px 0 0 -20px; background-position: -359px -66px;}
	.boardList.type4 .text{padding-top:20px;}
	.boardList.type4 .cate{font-size: 1.6rem;}
	.boardList.type4 .tit{font-size: 1.4rem; line-height: 22px; font-weight: 500; height: 44px; white-space: normal; word-break: break-all;}
	.boardList.type4 .info{margin-top: 22px; text-align: right;}
	.boardList.type4 .vodNotiBox .text {height:182px; padding:20px; margin-top: 15px;}
	.boardList.type4 .vodNotiBox .text .tit strong{font-size: 1.6rem; line-height: 22px;}
	.boardList.type4 .vodNotiBox .text .tit span{font-size: 1.3rem;}
	.boardList.type4 .vodNotiBox .text .txt{font-size: 1.3rem; line-height: 22px; margin: 0; white-space: inherit; word-break: break-all; text-overflow: inherit;}

	.boardList.type5 li{position:relative; padding: 20px 15px;}


	/* 상세 */
	.boardView .brdHd {padding:15px 10px 20px;}
	.boardView .brdHd .tit{font-size:1.5rem; line-height:22px;}
	.boardView .brdHd .txt{margin-top:20px; text-align: left;}
	.boardView .brdHd .txt li{font-size:1.2rem; }
	.boardView .brdHd .txt li + li:before{margin-top: 0; margin:1px 10px 0;}
	.boardView .brdHd .txt .atta{display: block; margin:5px 0 0 0;}
	.boardView .brdHd .txt .atta:before{display: none;}
	.boardView .brdCnt{font-size:16px; line-height:20px; min-height: 200px; padding:26px 10px;}

	.boardBtmBtn{text-align: center;}

	.boardMove{margin-top: 40px;}
	.boardMove li{font-size: 1.2rem; line-height: 39px; padding:0 0px 0 15px;}
	.boardMove li .tit{color:#999; width:81px;}
	.boardMove li .date{display: none;}

	.boardView .brdBtm{width:100%; padding:0 10px 15px;}
	.boardView .brdBtm .brdAtta{font-size: 1.2rem; line-height: 17px; width:100%; padding-left: 14px;}
	.boardView .brdBtm .brdAtta::before{width:9px; height:17px; background: url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position:-214px -130px;}
	.boardView .brdBtm .brdAtta span + span{margin-left: 5px;}
	.boardView .brdBtm .snsWrap{width:100%; margin: 40px 0; text-align: center;}
	.boardView .brdBtm .snsWrap .ico{width:40px; height:40px; background-position: -239px -275px;}
	.boardView .brdBtm .snsWrap .ico.i2{background-position: -279px -275px;}
	.boardView .brdBtm .snsWrap .ico.i3{background-position: -319px -275px;}
	.boardView .brdBtm .snsWrap .ico.i4{background-position: -359px -275px;}
	.boardView .brdBtm .snsWrap .toggTit{display: none;}
	.boardView .brdBtm .snsWrap .toggCnt{display: block;}


	/* 답변 */
	.bdrAnswerView{margin-top: 50px;}


	/* 댓글쓰기 */
	.cmtWrap{margin-top: 30px;}
	.cmtWrap .cmtWrite{padding:20px; margin: 0 -20px;}
	.cmtWrap .cmtWrite .writeForm{margin-top: 15px;}
	.cmtWrap .cmtWrite .textarea{height:100px;}
	.cmtWrap .cmtList li .in{padding:20px 0;}
	.cmtWrap .cmtList li dt{position: relative;}
	.cmtWrap .cmtList li dt > span{line-height: 1.1;}
	.cmtWrap .cmtList li dt .nick{display: block; font-size: 1.3rem;}
	.cmtWrap .cmtList li dt .date{display: block; font-size: 1.2rem; margin-top: 10px;}
	.cmtWrap .cmtList li dt .mark{position: absolute; right:0; top:0; z-index: 1; font-size:1.2rem; line-height: 18px; padding:0 10px;}
	.cmtWrap .cmtList li dd{font-size: 1.3rem; line-height: 21px;}
	.cmtWrap .cmtList li .btnArea{margin-top: 15px;}
	.cmtWrap .cmtList li .cmtNoData{font-size: 1.4rem;}
	.cmtWrap .btnArea .btn{line-height: 28px; height:30px;}
	.cmtWrap .btnArea .btn .ico.del{width:10px; height: 12px; margin-top:-3px; margin-right: 5px; background-position: -212px -115px;}
	.cmtWrap .btnArea .btn:active .ico.del{background-position: -225px -112px;}
	.cmtWrap .btnArea .btn .ico.modi{width:12px; height: 12px; margin-top:-3px; margin-right: 5px; background-position: -238px -115px;}
	.cmtWrap .btnArea .btn:active .ico.modi{background-position: -249px -112px;}


	/* 검색하기 */
	.schTophWrap{padding:20px; margin:0 -20px; border-radius: 0;}
	.schTophWrap .li .div{position: relative; width:100%;}
	.schTophWrap .li + .li{margin-top:6px;}
	.schTophWrap .tit{overflow:hidden; position:absolute; top:-9999em; left:-9999em; padding:0 !important; height:0; width:0; border:none !important; background:none !important; line-height:0 !important; text-indent:-9999px;}
	.schTophWrap .tblSchSel li {width:50%; padding:0 3px 0 0;}
	.schTophWrap .tblSchSel .select2{width:100%;}
	.schTophWrap .tblSchSel li + li{padding:0 0 0 3px;}
	.schTophWrap .tblSchBox .select2{width:100%;}
	.schTophWrap .tblSchBox{padding:0;}
	.schTophWrap .tblSchBox .div{margin-top: 6px;}
	.schTophWrap .tblSchBox .input{width:100%; margin:0;}


	/* 게시판 상단 검색 */
	.tblSchTopBox .li .div{position: relative; width:100%;}
	.tblSchTopBox .li + .li{margin-top:6px;}
	.tblSchTopBox .tit{overflow:hidden; position:absolute; top:-9999em; left:-9999em; padding:0 !important; height:0; width:0; border:none !important; background:none !important; line-height:0 !important; text-indent:-9999px;}
	.tblSchTopBox .tblSchSel li {width:50%; padding:0 3px 0 0;}
	.tblSchTopBox .tblSchSel .select2{width:100%;}
	.tblSchTopBox .tblSchSel li + li{padding:0 0 0 3px;}
	.tblSchTopBox .tblSchBox .select2{width:100%;}
	.tblSchTopBox .tblSchBox{padding:0;}
	.tblSchTopBox .tblSchBox .div{margin-top: 6px;}
	.tblSchTopBox .tblSchBox .input{width:100%; margin:0;}

}

@media all and (min-width:768px) {
	/* ***** table ***** */
	/* tb top */
	.tblTopwrap .btnArea{display: inline-block;}

	/* tb bottom */
	.tblBtmwrap  .btnArea{display: inline-block;}
	.pagingWrap + .tblBtmwrap {margin-top: -46px;}

	.tblSchBox .input{width:331px; }
	.tblSchBox select + .input{margin-left:6px;}
	.tblSchBox .btn.sch{height:46px; padding:8px 13px 0; text-align: center; vertical-align: top; margin-left: -1px; border:1px solid #ddd; border-left-color:#fff;}
	.tblSchBox .btn.sch .ico{width:27px; height:27px; background-position: -65px -70px;}
	.tblSchBox .btn.sch.type2{min-width: 84px; height: 46px; padding: 0 20px; margin-left:6px; border-radius: 0; border:0; background: #85898f; overflow: hidden;}
	.tblSchBox .btn.sch.type2 .ico{ font-size: 1.6rem;  color:#fff; line-height: 44px; font-weight: 400; letter-spacing: -0.04em; width:100%; height:100%; background: none;}


	/* tbl */
	.tbl.type2 tbody td{padding:0 30px;}


	/* tbw */
	.tbw tbody th{font-size: 1.7rem; padding: 10px 30px;}
	.tbw tbody td{font-size: 1.6rem; padding: 10px 30px; }


	td .point2.sum{font-size: 1.8rem; font-weight: 700;}


	/* ***** ul ***** */
	/*  tbw */
	.ulTbw > ul > li{display: table; table-layout: fixed; width:100%; border-bottom: 1px solid #ddd;}
	.ulTbw .th{display: table-cell; font-size: 1.6rem; width:180px; height:66px; padding:10px 30px; vertical-align: middle; background: #f8f8f8;}
	.ulTbw .td{display: table-cell; font-size: 1.6rem; height:66px; padding:10px 30px; vertical-align: middle; background: #fff;}
	.ulTbw .td span.noteTxt{margin-left:40px; vertical-align: middle;}
	.ulTbw .td .label + span.noteTxt{vertical-align: top;}

	.ulTbw.type1 .th{font-size: 1.8rem; font-weight: 500; padding-left: 0; background: none;}

	.ulTbw.type2 li .ul{display: table; table-layout: fixed; width:100%;}
	.ulTbw.type2 li .ul li{display: table-cell;}


	td .point2.sum{font-size: 1.8rem; font-weight: 700;}


	/*  form layout */
	.ulTbw .formBox{display: inline-block;}

	.formChkRdo{display: inline-block; vertical-align: top;}
	.formChkRdo ul{margin: -10px 0 0 -20px;}
	.formChkRdo li{margin: 10px 0 0 20px;}

	.formTel li{position: relative; width:129px;}
	.formTel li + li{margin-left: 20px;}
	.formTel li + li:before{display: inline-block; content: '-'; position: absolute; left:-20px; z-index: 0; font-size: 1.6rem; line-height: 46px; padding:0 8px; vertical-align: top;}

	.formEmail .input{width:170px;}

	.formInput .input{width: 318px;}

	.formSelInt{font-size: 0;}
	.formSelInt .select + .input{margin-left: 10px; vertical-align: middle;}
	.formSelInt span.noteTxt{vertical-align: middle;}

	.formRegis li{width:187px;}
	.formRegis li + li{margin-left: 21px;}
	.formRegis li + li:before{left:-21px; font-size: 1.6rem; line-height: 46px; padding:0 8px;}

	.formBank .select{width: 35%;}
	.formBank .input{width:64%; margin-left: 1%;}

	.formSel li + li{margin-left: 10px;}

	.formIntBtn{font-size: 0;}




	/* paging */
	.pagingWrap{margin-top:50px;}
	.pagingWrap a{line-height:38px; width:38px; height:38px; vertical-align:top;}
	.pagingWrap .number{margin:0 15px;}
	.pagingWrap .number a{font-size:1rem; line-height:36px; }
	.pagingWrap{margin-top:40px;}
	.pagingWrap .p_btn{font-size:0; width:38px; }
	.pagingWrap .p_btn.first{border:0; background: url("../img/ico_first.jpg") no-repeat;}
	.pagingWrap .p_btn.prev{border:0; margin-left:-1px; background: url("../img/ico_prev.jpg") no-repeat;}
	.pagingWrap .p_btn.next{border:0; margin-right:-1px; background: url("../img/ico_next.jpg") no-repeat;}
	.pagingWrap .p_btn.end{border:0; background: url("../img/ico_end.jpg") no-repeat;}


	/* ***** Ul list ***** */
	.ulList li .in{display: table; table-layout: fixed; width:100%;}
	.ulList li .col{display: table-cell; vertical-align: middle;}

	.ulList.hor{display: table; table-layout: fixed; width:100%;}
	.ulList.hor .col{display: table-cell; width: 50%; padding:0 0 0 10px !important; vertical-align: top;}
	.ulList.hor .col:first-child{padding:0 10px 0 0 !important;}

	.ulList.type2 .col1 .cate{font-size: 2.2rem; margin-bottom: 12px;}
	.ulList.type2 .col1 .rate{font-size: 1.5rem;}
	.ulList.type2 .col1 .rate span{font-size: 3.4rem;}
	.ulList.type2 .col1 .rate em{font-size: 2.4rem;}
	.ulList.type2 .col1 .txt{font-size: 1.5rem;}
	.ulList.type2 .list.type1{width:430px;}
	.ulList.type2 .list.type1 li .txt.point .won{font-size: 2.4rem;}
	.ulList.type2 .list.type1 li .txt.point .sumTxt{font-size: 3rem;}
	.ulList.type2 .ulNoData{width: 430px; padding: 30px;}
	.ulList.type2 .ulNoData .ico{width:54px; height: 54px; background-position:-540px -174px;}
	.ulList.type2 .ulNoData .txt{font-size: 1.8rem; margin-top: 10px;}


	.ulList .list.type1 .tit{font-size: 1.8rem; padding-left: 16px;}
	.ulList .list.type1 .txt{font-size: 1.8rem; line-height: 22px; }




	/* ***** board ***** */
	/* 목록 */
	.boardList .cate{font-size: 1.5rem; color:#29478a; line-height: 15px; margin-bottom: 15px;}
	.boardList .tit{display: block; line-height: 20px;}
	.boardList .tit .bul.an{font-size: 1.4rem; line-height: 18px; height: 20px;}
	.boardList .info{font-size: 1.5rem; text-align: right;}
	.boardList .noti .ico.mark{width:20px; height:18px; margin-top: -2px; margin-right: 10px; background-position: -685px -70px;}
	.boardList dt .tit{font-size: 2rem; color:#333; font-weight: 500;}

	.boardList.type1 th{font-size: 1.7rem; font-weight: 500; letter-spacing: -0.01em;}
	.boardList.type1 td{font-size: 1.6rem; color:#666; padding:10px;}
	.boardList.type1 td.tal{padding-left: 30px;}
	.boardList.type1 td.tar{padding-right: 30px;}
	.boardList.type1 td .tit .ico.mark,
	.boardList.type1 td .tit .cate{display: none;}
	.boardList.type1.bodyOnly td{padding:20px;}

	.boardList.type1 tr:hover{background: #f7f7f7;}
	.boardList.type1 tr:hover .tit{color:#173c90;}
	.boardList.type1 tr.noti td{color:#333; font-weight: 500;}

	.boardList.type2 li{padding:20px 25px;}
	.boardList.type2 .tit{font-size: 2rem; color:#333; font-weight: 500;}
	.boardList.type2 .txt{font-size: 1.6rem; color:#666; line-height: 24px; margin-top: 10px;}
	.boardList.type2 .info{margin-top: 15px; text-align: right;}
	.boardList.type2 .info span + span{margin-left:10px;}
	.boardList.type2 .info em + em{margin-left:5px;}
	.boardList.type2 .an{margin-top: 12px;}
	.boardList.type2 .an .tit{font-size: 1.6rem; font-weight: 400;}

	.boardList.type3 ul > li{position: relative; min-height:198px; padding:30px 30px 30px 280px;}
	.boardList.type3 ul > li .tit:hover,
	.boardList.type3 ul > li .txt:hover{color:#173c90 !important;}
	.boardList.type3 li .thum{position: absolute; left:30px; top:30px; z-index: 1; width:220px; height:137px;}
	.boardList.type3 .txt{font-size: 1.6rem; color:#666; line-height: 24px; margin-top: 10px;}
	.boardList.type3 .info{margin-top: 15px; text-align: right;}
	.boardList.type3 .info span + span{margin-left:10px;}
	.boardList.type3 .info em + em{margin-left:5px;}
	.boardList.type3 .an{margin-top: 12px;}
	.boardList.type3 .an .tit{font-size: 1.6rem; font-weight: 400;}

	.boardList.type4 ul{margin-left:-40px;}
	.boardList.type4 ul:after{display: block; content:''; clear: both;}
	.boardList.type4 li{float:left; width:340px; height:360px; padding:20px; margin:40px 0 0 40px;}
	.boardList.type4 .text .in{height:130px; padding: 25px 0 35px;}
	.boardList.type4 .tit{font-size: 1.6rem; margin-top: 10px; white-space: normal;}
	.boardList.type4 .date{font-size: 1.5rem;}
	.boardList.type4 .vodNotiBox{font-size: 0;  height:360px; margin-top:40px;}
	.boardList.type4 .vodNotiBox:after{display: block; content: ''; clear:both;}
	.boardList.type4 .vodNotiBox .thum{float:left; width:660px; vertical-align: top;}
	.boardList.type4 .vodNotiBox .text{float: right; width:400px; height:360px; padding:30px;}
	.boardList.type4 .vodNotiBox .tit {margin:0;}
	.boardList.type4 .vodNotiBox .tit strong{display: block; font-size: 1.8rem; line-height: 1.1; font-weight: 400;}
	.boardList.type4 .vodNotiBox .tit span{display: block; font-size: 1.5rem; color:#666; line-height: 1.1; margin: 20px 0;}
	.boardList.type4 .vodNotiBox .txt{font-size: 1.6rem; line-height: 26px;}
	.boardList.type4 .vodNotiBox + ul{margin-top: 20px;}

	.boardList.type5 li{position:relative; padding: 30px 30px 30px 30px;}
	.boardList.type5 dt{padding-right: 200px;}
	.boardList.type5 .tit{line-height: 1.4;}
	.boardList.type5 .info{margin-top: 15px;}
	.boardList.type5 .btnArea{position: absolute; top:54px; right:30px; z-index: 1; }
	.boardList.type5 .btnArea li{padding:0;}



	/* 상세 */
	.boardView .brdCnt{padding: 40px 20px;}
	.boardView .brdBtm .brdAtta{float:left;}
	.boardView .brdBtm .snsWrap{float:right;}
	.boardView .snsWrap .toggAct{position: relative;}
	.boardView .snsWrap .toggBtn .ico{width:40px; height: 40px; background-position: -0px -750px;}
	.boardView .snsWrap .toggCnt{position: absolute; top:50px; right:0; z-index: 1; padding:6px 14px; border:1px solid #ddd; border-radius: 4px; background: #fff;}
	.boardView .snsWrap .ico{width:35px; height:36px; background-position: 0 -712px;}
	.boardView .snsWrap .ico.i2{width:35px;background-position: -35px -712px;}
	.boardView .snsWrap .ico.i3{background-position: -69px -712px;}
	.boardView .snsWrap .ico.i4{width:36px; background-position: -104px -712px;}


	/* 답변 */
	.bdrAnswerView{margin-top: 60px;}


	/* 댓글 */
	.cmtWrap .cmtWrite .cmtNum{font-size: 1.6rem; line-height: 1.1;}
	.cmtWrap .cmtWrite .writeForm{position: relative; font-size: 0; padding-right: 84px; margin-top: 10px;}
	.cmtWrap .cmtWrite .writeForm .textarea{width:100%; height: 46px;}
	.cmtWrap .cmtWrite .writeForm .btn{position: absolute; top:0; right:0; z-index: 1;}
	.cmtWrap .cmtList li .dl{width:70%;}
	.cmtWrap .cmtList li dt .nick{font-size: 1.6rem; line-height: 25px;}
	.cmtWrap .cmtList li dt .date{font-size: 1.5rem; line-height: 25px;}
	.cmtWrap .cmtList li dt .mark{font-size: 1.4rem; line-height: 23px; padding:0 12px;}
	.cmtWrap .cmtList li dt > span + span{margin-left: 10px;}
	.cmtWrap .cmtList li .btnArea{position: absolute; right:30px; bottom:23px; z-index: 1;}
	.cmtWrap .btnArea .btn .ico.del{width:12px; height: 15px; margin-top:-4px; margin-right: 5px; background-position: -682px -142px;}
	.cmtWrap .btnArea .btn:hover .ico.del{background-position: -698px -142px;}
	.cmtWrap .btnArea .btn .ico.modi{width:11px; height: 14px; margin-top:-4px; margin-right: 5px; background-position: -654px -142px;}
	.cmtWrap .btnArea .btn:hover .ico.modi{background-position: -668px -142px;}




	/* 검색하기 */
	.schTophWrap{text-align: center;}
	.schTophWrap ul{font-size: 0;}
	.schTophWrap .li{display: inline-block; vertical-align: middle;}
	.schTophWrap .li + .li{margin-left:17px;}
	.schTophWrap .li li+li{margin-left: 6px;}
	.schTophWrap .tit{display: inline-block; font-size: 1.6rem; font-weight: 400; padding-right:20px; vertical-align: middle;}
	.schTophWrap .tblSchSel {display: inline-block;}
	.schTophWrap .select2 + .select2,
	.schTophWrap .select2 + .div{margin-left:6px;}

	/* 게시판 상단 검색 */
	.tblSchTopBox{font-size: 0;}
	.tblSchTopBox .li{display: inline-block; vertical-align: middle;}
	.tblSchTopBox .li + .li{margin-left:17px;}
	.tblSchTopBox .li li+li{margin-left: 6px;}
	.tblSchTopBox .tit{display: inline-block; font-size: 1.6rem; font-weight: 400; padding-right:20px; vertical-align: middle;}
	.tblSchTopBox .tblSchSel {display: inline-block;}
	.tblSchTopBox .select2 + .select2,
	.tblSchTopBox .select2 + .div{margin-left:6px;}


}



@media all and ( orientation: landscape ) {

}