@charset "utf-8"; 
@import url("/common/css/common.css"); 
@import url("/common/css/ui.css"); 

/* =============================================================================
 게시판
============================================================================= */
/* 게시판 상단 */
.boardTop {padding-bottom:14px; padding-top:10px;}
.boardTop:after {content:""; display:block; clear:both;}
.boardTop .left {float:left;}
.boardTop .left .total b {color:#2eacbc; vertical-align:baseline;}
.boardTop .right {float:right; text-align:right;}
.boardTop .boardSearch {white-space:nowrap;}
.boardTop .input {position:relative; display:inline-block; padding-right:35px; width:250px; height:34px; border:1px solid #cccccc; border-radius:3px;}
.boardTop .input input {height:100%; width:100%; border:none; padding-left:5px; font-size:13px;}
.boardTop .input .btnSearch {position:absolute; top:50%; right:5px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); overflow:hidden; width:16px; height:16px; text-indent:-9999%; border:0; background:url("/storage/0_sch.png") no-repeat 0 0;}
.boardTop select {height:34px; min-width:80px; border:1px solid #cccccc; border-radius:3px; vertical-align:middle; font-size:13px; width:auto;}
.boardTop .date {position:relative; display:inline-block; padding-right:35px; width:150px; height:34px; border:1px solid #cccccc; border-radius:3px;}
.boardTop .date input {height:100%; width:100%; border:none; padding-left:5px; font-size:13px;}
.boardTop .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.boardTop .txt {font-size:14px; color:#6f7474; margin-right:8px;}
.boardTop .total {padding-top:10px; font-size:16px; color:#444; line-height:1em;}
@media all and (max-width:1024px) {
    .boardTop .left .total {display:inline-block; padding-top:10px;}
}
@media all and (max-width:768px) {
    .boardTop {padding-top:0; display:flex; flex-direction:row; align-items:center; flex-wrap:wrap;}
    .boardTop .left {float:none; width:auto;}
    .boardTop .right {float:none; width:auto; margin-top:5px; text-align:right; margin-left:auto;}
    .boardTop .left .total {font-size:13px; padding-top:0;}
    .boardTop .right:after {content:""; display:block; clear:both; visibility:hidden;}
    .boardTop .right .btn {width:20%;}
    .boardTop .input {width:69%; padding-right:34px; height:34px;}
    .boardTop .input input {font-size:13px;}
    .boardTop select {width:30%; height:34px; min-width:50px; font-size:13px; background:#fff;}
    .boardTop .date {padding-right:30px; width:120px; height:34px;}
    .boardTop .date input {height:100%; width:100%; border:none; padding-left:5px; font-size:13px;}
    .boardTop .txt {font-size:12px; margin-right:5px;}
    .boardTop .total {font-size:14px;}
}

/* 일반 게시판 목록, 등록 */
.boardType1 {margin-top:30px;}
.boardType1 table {table-layout:fixed; width:100%; border-bottom:1px solid #d2d2d2;}
.boardType1 thead {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.boardType1 tr:hover {background-color:#ffffe6;}
.boardType1 th.rline {border-right:1px solid #d2d2d2;}
.boardType1 th {padding:12px 5px; border-top:1px solid #d2d2d2; font-size:14px; color:#444; background:#f8f8f8; text-align:center; vertical-align:middle; word-break: keep-all; word-wrap: break-word;}
.boardType1 td {padding:15px 5px; border-top:1px solid #d2d2d2; font-size:14px; text-align:center; color:#444; vertical-align:middle; word-break: keep-all; word-wrap: break-word;}
.boardType1 td.rline {border-right:1px solid #d2d2d2;}
.boardType1 td.right {text-align:right; padding-right:10px;}
.boardType1 .thumbnail img {width:100%;}
.boardType1.view td {text-align:left; padding-left:20px;}
.boardType1.type2 thead th:first-child {border-left:1px solid #d2d2d2;}
.boardType1.type2 thead th:last-child {border-right:1px solid #d2d2d2;}
@media all and (max-width:768px) {
    .boardType1 th {padding:10px 5px; font-size:12px;}
    .boardType1 td {padding:10px 5px; font-size:12px;}
}
@media screen and (max-width:480px) {
    .boardType1 th {padding:5px 2px; font-size:11px;}
    .boardType1 td {padding:5px 2px; font-size:11px;}
}

.boardType1Write {margin-top:20px;}
.boardType1Write .boardType1WriteTit {margin-bottom:15px; font-size:15px; font-weight:bold;}
.boardType1Write > ul {display:table; box-sizing:border-box; width:100%; margin-top:-1px;}
.boardType1Write > ul:after {content:""; display:block; clear:both;}
.boardType1Write li {display:table-row;list-style: none;}
.boardType1Write li .th {display:table-cell; width:132px; height:25px; padding-right:30px; white-space:nowrap; font-size:13px; color:#777; font-weight:bold;}
.boardType1Write li .th > strong {position:relative; display:block; padding-left:20px; font-size:14px;}
.boardType1Write li .td {display:table-cell; height:49px; padding:6px 0; font-size:15px; vertical-align:middle;}
.boardType1Write li .td.gap {width:19px; padding:0 0;}
.boardType1Write li .td .tit {padding-top:4px; font-size:13px; display:block; margin-bottom:4px; color:#777;}
.boardType1Write li .td + .th {padding-left:30px;}
.boardType1Write li .require {position:absolute; top:10px; left:10px; display:inline-block; height:4px; width:4px; margin-right:2px; vertical-align:middle;}
.boardType1Write li .require:before {content:""; display:inline-block; position:absolute; top:-2px; left:0; width:4px; height:4px; border-radius:4px; vertical-align:middle; background:#ff5640;}
.boardType1Write input[type='text'],
.boardType1Write input[type='password'] {height:38px; padding:0 10px; width:100%; box-sizing:border-box; font-size:12px; border-radius:3px; color:#777; border:1px solid #cccccc;}
.boardType1Write select {height:38px; padding-left:9px; width:100%; font-size:15px; box-sizing:border-box; border-radius:3px; border:1px solid #cccccc; color:#777;}
.boardType1Write label {margin-left:9px; font-size:15px; color:#666666; white-space:nowrap;}
.boardType1Write textarea {padding:4px 9px; font-size:15px; border:1px solid #cccccc; border-radius:3px; color:#777;}
.boardType1Write .tel {table-layout:fixed;}
.boardType1Write .tel .dash {position:relative; width:5%; text-align:center;}
.boardType1Write .tel .dash:after {content:""; display:inline-block; width:7px; height:1px; background:#333;}
.boardType1Write .txt {display:inline-block; padding:7px 0; vertical-align:middle;}
.boardType1Write .txt2 {color:#999; font-size:12px; margin-top:4px;}
.boardType1Write .txt3 {position:relative; padding-left:7px; color:#2eacbc; font-size:12px; margin-top:4px;}
.boardType1Write .txt3:before {content:""; display:block; position:absolute; top:7px; left:0; width:2px; height:2px; background:#2eacbc;}
.boardType1Write .textarea1 {height:100px; width:100%;}
.boardType1Write .require {color:#f48023;}
.boardType1Write .checkDiv {margin-top:0; border-radius:3px; border:1px solid #ccc;}
.boardType1Write .checkDiv .cell {height:38px; text-align:center;}
.boardType1Write .dotTxt {margin-top:15px;}
.boardType1Write .dotTxt p {position:relative; padding-left:9px; margin-top:3px; font-size:12px; color:#878787;}
.boardType1Write .dotTxt p:before {content:""; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:3px; background:#878787;}
.boardType1Write .date {position:relative; display:inline-block; padding-right:35px; width:150px; height:34px; border:1px solid #cccccc; border-radius:3px;}
.boardType1Write .date input {height:100%; width:100%; border:none; padding-left:5px; font-size:13px;}
.boardType1Write .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.boardType1Write .anti-doping{width:270px;}
.boardType1Write.type2 {margin-top:15px;}
.boardType1Write.type2 ul li .th,
.boardType1Write.type2 ul li .td {border-bottom:1px solid #ccc;}
@media screen and (max-width:768px) {
    .boardType1 th {padding:10px 5px; font-size:12px;}
    .boardType1 td {padding:10px 5px; font-size:12px;}

    .boardType1Write {margin-top:15px;}
    .boardType1Write .boardType1WriteTit {margin-bottom:8px; font-size:13px;}
    .boardType1Write li .th {width:72px; padding-right:15px; font-size:12px;}
    .boardType1Write li .th > strong {padding-left:16px;}
    .boardType1Write li .td {height:25px; padding:3px 0; font-size:12px;}
    .boardType1Write li .td.gap {width:10px;}
    .boardType1Write li .td .tit {padding-top:2px; font-size:12px; margin-bottom:2px;}
    .boardType1Write li .require {top:7px; height:2px; width:2px; margin-right:1px;}
    .boardType1Write li .require:before {top:-1px; width:2px; height:2px;}
    .boardType1Write input[type='text'] ,
    .boardType1Write input[type='password'] {width:100%;height:28px; padding:0 10px; width:100%; box-sizing:border-box; font-size:12px; border-radius:3px; color:#777;}
    .boardType1Write select {height:28px; padding-left:4px; font-size:13px;}
    .boardType1Write label {margin-left:4px; font-size:13px;}
    .boardType1Write textarea {padding:2px 4px; font-size:13px;}
    .boardType1Write .tel .dash:after {width:5px;}
    .boardType1Write .txt {padding:3px 0;}
    .boardType1Write .txt2 {font-size:11px; margin-top:2px;}
    .boardType1Write .txt3 {padding-left:3px; font-size:11px; margin-top:2px;}
    .boardType1Write .txt3:before {top:5px;}
    .boardType1Write .checkDiv .cell {height:28px;}
    .boardType1Write .dotTxt {margin-top:7px;}
    .boardType1Write .dotTxt p {padding-left:4px; margin-top:2px;}
    .boardType1Write .date {position:relative; display:inline-block; padding-right:28px; width:120px; height:27px; border:1px solid #cccccc; border-radius:2px;}
    .boardType1Write .date input {height:100%; width:100%; border:none; padding-left:4px; font-size:10px;}
    .boardType1Write .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
    .boardType1Write.type2 {margin-top:12px;}
    .boardType1Write.type2 ul li .th,
    .boardType1Write.type2 ul li .td {border-bottom:1px solid #ccc;}
    .boardType1Write .mStyle li {display:block;}
    .boardType1Write .mStyle li .th {display:block; width:35%; height:32px; clear:both; float:left;}
    .boardType1Write .mStyle li .th strong {padding-top:8px;}
    .boardType1Write .mStyle li .th strong .require {top:17px;}
    .boardType1Write .mStyle li .td {display:block; width:auto !important; min-height:32px; height:auto; float:none; overflow:hidden;}
    .boardType1Write .mStyle li .td + .th {padding-left:0;}
    .boardType1Write .cellbox {display:block;}
    .boardType1Write .cellbox .cell {display:block; width:auto; padding:0 0;}
    .boardType1Write .anti-doping{width:200px;}
    .boardType1Write .mW100{width:100% !important;}
}

/* 갤러리 */
.galleryList:after {content:''; clear:both; display:block;}
.galleryList li {float:left; width:100%; display:block; padding-top:10px; box-sizing:border-box; text-align:center;}
.galleryList li .img {display:block; text-align:center;}
.galleryList li .img img {max-width:100%;}
.galleryList li .imgTxt {display:block; margin-top:8px; color:#000000; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.galleryList.cell2 li {width:50%;}
.galleryList.cell2 li {padding-left:7px; padding-right:7px;}
.galleryList.cell2 li:nth-child(even) {padding-right:0;}
.galleryList.cell2 li:nth-child(odd) {padding-left:0;}
.galleryList.cell2 li .img img {width:100%;}

.galleryList.cell3 li {width:33.3333%;}
.galleryList.cell3 li {padding-left:7px; padding-right:7px;}
.galleryList.cell3 li:nth-child(3n+1) {padding-left:0;}
.galleryList.cell3 li:nth-child(3n+2) {padding-left:4px; padding-right:4px;}
.galleryList.cell3 li:nth-child(3n+3) {padding-right:0;}
.galleryList.cell3 li .img img {width:100%;}

.galleryList.cell4 li{width:25%;}
.galleryList.cell4 li{padding-left:5px;padding-right:5px;}
.galleryList.cell4 li:nth-child(4n+1){padding-left:0;padding-right:10px;}
.galleryList.cell4 li:nth-child(4n+2){padding-left:3px;padding-right:7px;}
.galleryList.cell4 li:nth-child(4n+3){padding-left:7px;padding-right:3px;}
.galleryList.cell4 li:nth-child(4n+4){padding-right:0;padding-left:10px;}
.galleryList.cell4 li .img img{width:100%;}

.galleryList2:after {content:''; clear:both; display:block;}
.galleryList2 li {display:table; width:100%; padding-top:18px; table-layout:fixed}
.galleryList2 li .img {display:table-cell; width:120px; padding-right:14px; vertical-align:top;}
.galleryList2 li .img img {width:100%;}
.galleryList2 li .imgTxt {display:block; vertical-align:top; color:#9699a0;}
.galleryList2 li .imgTxt .strong {display:block; margin:3px 0 6px 0; font-weight:bold; color:#64a28b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.galleryList2 li .imgTxt .txt {display:block; height:34px; line-height:1.5em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}
.galleryList2 li .imgTxt .date {display:block; margin-top:10px; font-weight:bold;}

.galleryList2.cell2 .gallery {width:49%;}
.galleryList2.cell2 .gallery:nth-child(odd) {float:left;}
.galleryList2.cell2 .gallery:nth-child(even) {float:right;}

/* 갤러리 게시판 상세 */
.detail-desc:after {content:""; display:block; clear:both;}
.detail-desc .img {float:left;}
.detail-desc .desc {overflow:hidden; padding-left:15px;}
.detail-desc .desc ul li {display:flex; flex-direction:row; align-items:center; padding:5px 0;}
.detail-desc .desc ul li .label {background:#f8f8f8; width:50px; padding-left: 2px;}
.detail-desc .desc ul li .text {flex:1; padding-left:10px;}

/* 미디어 게시판 목록 */
.data-info-wrap {padding:8px 30px; border-top:3px solid #971541; border-bottom:1px solid #dddddd;}
.data-info-wrap .tit {font-size:20px; font-weight:bold;}
.data-info-wrap ul li {margin-top:10px; font-size:13px;}
.data-info-wrap ul li span {color:#000;}

.video {text-align:center; margin-top:30px;}

.listTit {position:relative;}
.listTit .tit {color:#222222; font-size:28px; font-weight:normal;}
.listTit .more {position:absolute; top:0; right:0; width:110px; line-height:26px; font-size:16px; padding-right:29px; padding-left:10px; font-weight:bold; color:#000; background:#eeeeee;}
.listTit .more:after {content:""; display:block; position:absolute; top:0; right:0; width:29px; height:100%; font-weight:bold; background:#02b5ff url('/storage/common/4_more.png') no-repeat 50% 50%;}

.section.section3 {float:right; width:100%;}
.listType1 {margin-left:-40px; margin-top:-20px;clear:both;}
.listType1:after {content:""; display:block; clear:both;}
.listType1 li {float:left; margin-top:40px; padding-left:40px;}
.listType1 li .img {width:100%; height:168px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat}
.listType1 li .img a {display:block; height:100%;}
.listType1 li .img img {width:100%;}
.listType1 li .text {margin-top:15px;}
.listType1 li .text > a > .tit {display:block; font-size:20px; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.2em;}
.listType1 li .text > a > .txt {display:block; margin-top:15px; font-size:16px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:4.8em;}
.listType1 li .text .sale {display:block;}
.listType1 li .text .sale:after {content:""; display:block; clear:both;}
.listType1 li .text .sale > .tit {float:left; color:#ff3b3b; font-weight:bold; font-size:24px;}
.listType1 li .text .sale > .account {float:right; font-size:24px; color:#222222;}
.listType1.list2 li {width:50%;}
.listType1.list3 li {width:33.3333%;}
.listType1.list4 li {width:25%;}
.listType1.list5 li {width:20%;}
@media all and (max-width:768px) {
    .listType1.list3 li .img {height:120px;}
}

.listType1.type2 li .img {border:1px solid #dddddd;}
.listType1.type2 li .text .txt {-webkit-line-clamp:2; height:2.4em;}

.listType2 {margin-left:-40px; margin-top:-20px;clear:both;}
.listType2:after {content:""; display:block; clear:both;}
.listType2 li {float:left; width:50%; margin-top:20px; padding-left:40px;}
.listType2 li .img {float:left; margin-right:20px; height:200px; width:200px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.listType2 li .img img {width:240px;}
.listType2 li .text {overflow:hidden;}
.listType2 li .text .txt {display:block; margin-top:20px; font-size:16px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:4.9em;}
.listType2 li .text .tit {display:block; font-size:20px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.5em;}
.listType2 li .text .time {display:block; margin-top:18px; font-size:16px; color:#222;}
@media screen and (min-width:1024px) {
    .listBox {margin-top:40px;}
    .listBox:first-child {margin-top:0;}
    .listBox:after {content:""; display:block; clear:both;}
    .listBox .left {float:left; width:50%; padding-right:20px;}
    .listBox .right {float:right; width:50%; padding-left:20px;}
}
@media screen and (max-width:1023px) {
    .listBox {margin-top:30px;}
    .listBox:first-child {margin-top:0;}
    .listBox .right {margin-top:30px;}

    .listTit .tit {font-size:18px;}
    .listTit .more {width:100px; line-height:23px; font-size:13px; padding-right:25px; padding-left:8px;}
    .listTit .more:after {width:25px; background-size:10px 10px;}

    .listType1 {margin-left:-20px; margin-top:-10px;}
    .listType1 li {margin-top:20px; padding-left:20px;}
    .listType1 li .img {height:200px;}
    .listType1 li .img img {width:100%; height:200px;}
    .listType1 li .text {margin-top:10px;}
    .listType1 li .text > a > .tit {font-size:13px;}
    .listType1 li .text > a > .txt {margin-top:10px; font-size:12px; height:4.6em;}
    .listType1 li .text .sale > .tit {font-size:20px;}
    .listType1 li .text .sale > .account {padding-top:6px; font-size:13px;}
    .listType1.list2 li {width:50%;}
    .listType1.list4 li {width:25%;}
    .listType1.list5 li {width:33.3333%;}

    .listType2 {margin-left:0; margin-top:-10px;}
    .listType2 li {float:none; width:auto; margin-top:20px; padding-left:10px;}
    .listType2 li:after {content:""; display:block; clear:both;}
    .listType2 li .img {left:0; width:100px; height:100px;}
    .listType2 li .img img {width:145px;}
    .listType2 li .text .tit {font-size:13px;}
    .listType2 li .text .txt {margin-top:12px; font-size:12px; -webkit-line-clamp:3; height:3.4em;}
    .listType2 li .text .time {margin-top:10px; font-size:12px;}
}
@media screen and (max-width:768px) {
    .listType1 li .img img {width:100%; height:130px;}
    .listType1.list4 li {width:50%;}
    .listType1.list5 li {width:50%;}
}

/* 게시판 등록 */
.cellbox {display:table; width:100%;}
.cellbox.cell2 {width:50%; margin:0 auto; padding-top:20px;}
.cellbox .cell {display:table-cell; padding:0 5px; width:10px; vertical-align:middle;}
.cellbox .cell:first-child {padding-left:0;}
.cellbox .cell:last-child {padding-right:0;}
.cellbox .cell.auto {width:auto;}
.cellbox .cell.vb {vertical-align:bottom;}
.cellBox {display:table; width:100%;}
.cellBox + .cellBox {margin-top:7px;}
.cellBox .cell {display:table-cell; vertical-align:middle;}
.cellBox .gap {width:29px;}

.cellBox2 {display:table; width:100%;}
.cellBox2 + .cellBox {margin-top:7px;}
.cellBox2 .cell {display:table-cell; vertical-align:middle;}
.cellBox2 .gap {width:14px;}
.cellBox2 .dash {width:14px; display:table-cell; position:relative;}
.cellBox2 .dash:after {position:absolute; top:20px; left:50%; content:""; display:inline-block; width:7px; margin-left:-3px; margin-top:-1px; text-align:center; height:1px; background:#888888;}
.cellBox2 .phone {width:30%;}
.cellBox2 .phone input {text-align:center;}

/* 이미지 자르기 */
.crop {position:relative; display:block;}
.crop .cropWrap span {width:120px; height:120px; border-radius:0%; overflow:hidden; display:block;}
.crop .cropWrap span .cropImg {width:100%;}
.crop .cropWrap .thumbnail_img {display:none;}
.crop .cropBtn {margin-top:5px;}
.crop .cropBtn a {position:relative; border:1px solid #dbdbdb; display:inline-block; height:30px; color:#666; line-height:30px; min-width:50px; text-align:center; padding:0 10px; margin-right:4px;}

/* 게시판 상세 */
.subject thead th {border-top:1px solid #e2e2e2; padding:12px 0 !important; font-size:14px; color:#333; border-bottom:1px solid #e2e2e2; background:#f8f8f8;}
.subject thead th.first {padding-left:10px !important; border-left:1px solid #e2e2e2;}
.subject thead th.last {border-right:1px solid #e2e2e2;}

.tblDetail {clear:both; width:100%; color:#666;}
.tblDetail td {padding:6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail th {padding:9px 0 6px 0; background:#e5e2dc;}
.tblDetail th.first {padding:8px 0 7px 15px;}
.tblDetail tbody th {padding:9px 0 6px 0; border-bottom:1px solid #d0d0cd; background:none;}
.tblDetail td {padding:9px 0 6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail td.info {padding:12px 0 12px 10px; font-size:13px; color:#444;}

.tblContent {padding:10px 0; border-bottom:1px solid #d0d0cd; line-height:140%;}
.tblContact {clear:both; width:100%; border-top:1px solid #d1d1d1; color:#666; font-size:14px;}
.tblContact tbody th {padding:13px 0 7px 10px; border-bottom:1px solid #efefef; text-align:left;}
.tblContact td {padding:13px 0 7px 10px; border-bottom:1px solid #efefef; text-align:left;}

/* 댓글 */
.cmtRegister .cmtInput .div {position:relative;}
.cmtListInfo {padding:10px 0 5px 0; border-bottom:1px solid #ccc; color:#000;}
.cmtList {margin-top:10px; padding-top:10px;}
.cmtList > li {padding:12px 0 5px 0; margin-top:15px; border-top:1px solid #b6b6b6;}
.cmtList > li:first-child {padding-top:0px; margin-top:0px; border-top:none;}
.cmtList .btn {display:inline-block; padding:4px 8px; margin-top:7px; cursor:pointer; border:1px solid #ccd0d1; font-size:11px; background:#fff;}
.cmtList .date {float:none; margin:0 0 0 0; font-size:12px;}
.cmtList .cmt {position:relative; padding-left:55px;}
.cmtList .cmt .img {position:absolute; top:0; left:0; width:40px; height:40px;}
.cmtList .cmt .info .icoReple {}
.cmtList .cmt .info .id {color:#414141; font-weight:bold;}
.cmtList .cmt .info .date {float:none; margin:0 0 0 0; color:#999999; margin-left:10px; font-size:12px;}
.cmtList .cmt .txt {margin-top:15px; margin-bottom:5px; color:#5a5a5a; word-break:break-all;}
.cmtList .cmt .recommend {position:absolute; top:0; right:0;}
.cmtList .cmt .recommend span {color:#000;}
.cmtList .cmt .recommend span i img {vertical-align:middle; position:relative; top:-1px;}
.cmtList .cmt .recommend span em {font-style:normal; margin-left:5px; vertical-align:baseline;}
.cmtList .cmt .recommend .down {margin-left:15px;}
.cmtList li.re {position:relative; margin-top:15px; padding:15px 15px 12px 60px; border-top:none; background:#fdf7a9;}
.cmtList li.re:after {content:""; display:block; position:absolute; top:-12px; left:10px; width:0px; height:0px; border-left:10px solid transparent; border-bottom:14px solid #fdf7a9; border-right:10px solid transparent;}
.cmtList li.re2 {background:#d0ebb9;}
.cmtList li.re2:after {left:30px; border-bottom:14px solid #d0ebb9;}
.cmtList li.re3 {background:#9cdce3;}
.cmtList li.re3:after {left:50px; border-bottom:14px solid #9cdce3;}
.cmtList li.re4 {background:#caabe6;}
.cmtList li.re4:after {left:70px; border-bottom:14px solid #caabe6;}
.cmtList li.re5 {background:#e7b9a9;}
.cmtList li.re5:after {left:90px; border-bottom:14px solid #e7b9a9;}
.cmtList li.re6 {background:#e0e0e0;}
.cmtList li.re6:after {left:110px; border-bottom:14px solid #e0e0e0;}
.cmtList li.re .info .img {position:absolute; top:14px; left:10px;border-radius:40px;}
.cmtList li.re .info .id {color:#000; font-weight:bold; margin-right:5px;}
.cmtList li.re .info + .txt {margin-top:10px; margin-bottom:5px;}

.cmtPhotoLayer {position:absolute; top:-5px; left:50px; padding:5px; padding-top:30px; border:1px solid #ccc; background:#fff; z-index:100;}
.cmtPhotoLayer img{width:150px;height:150px;}
.cmtPhotoLayer .close {position:absolute; top:5px; right:5px; width:16px; height:16px; z-index:60; cursor:pointer;}
.cmtPhotoLayer .close span {position:absolute; top:50%; left:50%; display:inline-block; width:16px; height:0; text-indent:-9999px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); background:#ff584b;}
.cmtPhotoLayer .close span:after {display:block; content:''; position:absolute; top:0; left:0; display:inline-block; width:15px; height:1px; background:#000; transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.cmtPhotoLayer .close span:before {display:block; content:''; position:absolute; top:0; left:0; display:inline-block; width:15px; height:1px; background:#000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition:all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.cmtInputWrap {position:relative; background:#ffffff;}
.cmtInput {position:relative; padding:5px 5px 10px 5px; padding-left:60px; margin-top:15px; border:5px solid #afafaf;}
.cmtInput:after{content:"";display:block;clear:both;}
.cmtInput .infoInput {padding-top:5px;}
.cmtInput .infoInput .title{margin-right:5px;}
.cmtInput .infoInput .noti{margin:3px 0;}
.cmtInput .infoInput input {max-width:27%;}
.cmtInput .infoInput input[type="password"] {width:100px;}
.cmtInput .img {position:absolute; top:10px; left:5px; margin-right:10px;}
.cmtInput .img2 {position:absolute; top:5px; left:5px; margin-right:10px;}
.cmtInput .photoLayer {top:35px;}
.cmtInput input, .cmtDelPasswd input {border:1px solid #ddd; height:24px !important; padding:0 5px; width:100px;}
.cmtInput .textarea {position:relative; display:block;}
.cmtInput .textarea .img {left:-50px; top:11px;}
.cmtInput .textarea textarea {width:100%; height:50px; padding:5px; border:1px solid #ddd;}

.cmtInput .textarea .byte {margin-top:5px; text-align:right;}
.cmtInput .textarea .byte span {vertical-align:baseline;}
.cmtInput .img {top:16px;}
.cmtInput .img2 {left:-50px; top:10px;}
.cmtInput .textarea textarea {margin-top:5px;}
@media all and (min-width:769px) {
    .cmtInput .textarea .btn {position:absolute; top:5px; right:0; width:80px; height:50px; line-height:50px; padding:0 0; margin:0 ; color:#333333; font-size:14px; font-weight:bold; text-align:center; border-radius:3px; border:1px solid #d1d1d1; cursor:pointer; 
        background:rgb(255,255,255); /* Old browsers */
        background:-moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); /* FF3.6-15 */
        background:-webkit-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background:linear-gradient(to bottom, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
}

@media all and (max-width:768px) {
    .cmtInput .textarea .btn{float:right; height: 28px; line-height: 28px; padding: 0 10px; font-size: 12px; border: 1px solid #d8d8d8; color: #6a6a6a; background: #fff; margin-top:5px; }
    .cmtInput .textarea .byte{float:left;margin-top:8px;}
}

.cmtDelPasswd {margin-top:7px;}
.cmtDelPasswd  strong {display:inline-block; line-height:25px; padding:0 13px; background:#eee; vertical-align:middle;}
.cmtDelPasswd  input {border:1px solid #ddd; height:24px; padding:0 5px; width:100px; vertical-align:middle;}
.cmtDelPasswd .btn {display:inline-block; padding:2px 10px; height:26px; margin-top:0; cursor:pointer; border:1px solid #ccd0d1; font-size:11px; background:#fff; vertical-align:middle;}

/* 비회원 게시물 삭제 */
.secret {display:none; position:fixed; left:50% !important; top:50% !important; margin:0 auto; border:1px solid #ccc; background:#fff; z-index:2;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.secret .div-header{ padding:10px 25px;background:#f9f9f9;}
.secret .div-body{ padding:15px 25px;white-space:nowrap;}
.secret .div-header .tit{font-size:14px;}
.secret .close{display:inline-block;position:absolute;top:0;right:0;width:40px;height:40px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.secret .close:before{content:"X";display: inline;font-family: arial;font-size:14px;}
.secret input[type="text"], .secret input[type="password"]{height:28px;}
@media all and (max-width:768px) {
    .secret .div-header{ padding:5px 20px;}
    .secret .div-header .tit{font-size:13px;}
    .secret .div-body{ padding:10px 20px;}
    .secret .close{width:30px;height:30px;}
    .secret input[type="text"], .secret input[type="password"]{height:24px;}
}

/* 자주하는 질문과 답 */
.faqList {font-size:13px; background:#fff;}
.faq-question {position:relative; font-size:16px; margin:5px 0 0 0; padding:12px 100px 12px 10px; border-bottom:1px solid #ccc; cursor:pointer;}
.faq-question.active-header {position:relative; border-bottom:0;}
.faq-question:after {content:""; display:block; content:""; display:block; position:absolute; top:50%; right:15px; width :0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #505050;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.faq-question.active-header:after {border-top:none; border-bottom:8px solid #505050;}
.faq-question .btnModify {position: absolute; top:50%; right: 70px; font-size: 12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.faq-question .btnDelete {position: absolute; top:50%; right: 40px; font-size: 12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.faq-answer {background:#fff; overflow:hidden; display:none; padding:10px; border:1px solid #cccccc;}

/* 게시물 없음 */
.noData {margin-top:20px; padding:15px 0; font-size:14px; text-align:center; color:#444; background-color:#fff9d5;}

/* 페이징 */
.paging {padding:20px 0; text-align:center; clear:both;}
.paging a {display:inline-block; line-height:34px; width:34px; color:#aaaaaa; margin:0 3px; text-align:center; color:#aaaaaa; border:1px solid #dedede; border-radius:2px; font-size:14px;}
.paging a.on {color:#2eacbc; font-weight:bold; background:#f9f9fa;}
.paging button {display:inline-block; line-height:34px; width:34px; border: none; background: none; outline: none; cursor: pointer; padding:0;}
.paging button img {max-width:100%;}
.paging button i {margin: 0 -5px; font-weight:bold; font-size:15px; color:#aaa;}
.paging button i:before {font-size:15px; color:#aaa;}
.paging button + a {margin-left:5px;}
.prevNext {margin-top:30px; border-top:1px solid #ccc;}
.prevNext p {padding:11px 0 6px 0; height:15px; border-bottom:1px solid #ccc;}

@media screen and (max-width:768px) {
    .paging {padding:10px 0; text-align:center;}
    .paging img {height:28px;}
    .paging button,
    .paging a {width:28px; height:28px; margin: 0; line-height:28px; font-size:12px;}
    .paging button i {font-size:12px;}
}
@media screen and (max-width:480px) {
    .paging {padding:10px 0; text-align:center;}
    .paging img {height:20px;}
    .paging button,
    .paging a {width:20px; height:20px; margin: 0; line-height:20px; font-size:10px;}
    .paging button i {font-size:9px;}
}


/* =============================================================================
 사이트맵
============================================================================= */
.sitemap {overflow:hidden; padding-top:40px; display:flex; flex-direction:row; flex-wrap:wrap; margin-left:-20px;}
.sitemap ul {display:inline; flex-basis:225px; padding-left:20px; margin-bottom:50px; text-align:left; list-style-type:none; flex:1;}
.sitemap ul li {display:block; margin:0; padding:7px 0 9px 30px; border-bottom:1px solid #ccc;}
.sitemap ul li.first {margin-bottom:10px; padding:9px 0 6px 0; border-bottom:none; background:#ebebeb; color:#888; text-align:center;}
.sitemap ul li.second {position:relative;}
.sitemap ul li.second:before {content:"-"; display:inline; margin-right:5px; position:absolute; top:8px; left:17px; font-size:20px;}
.sitemap ul li.third:before {content:"└"; display:inline; margin-right:5px;}
.sitemap ul:nth-child(4) {clear:both;}


/* =============================================================================
 버튼
============================================================================= */
.btnBox {padding-top:20px; text-align:center;}
@media only screen and (max-width:1000000px) {
    .btnBox {margin-top:15px;}
}
.btnBox.line {margin-top:30px; padding-top:20px;}
.btnBox.line {border-top:1px solid #e4e4e4;}
.btnBox.cell {width:50%;}

.btnType1 {display:inline-block; cursor:pointer; height:38px; line-height:38px; padding:0 20px; text-align:center; font-size:13px; border-radius:2px; vertical-align:middle;}
.btnType1.btn1 {border:1px solid #d8d8d8; color:#6a6a6a; background:#fff;}
.btnType1.btn2 {border:1px solid #f2d42a; color:#6a6a6a; background:#ffdf2c;}
.btnType1.btn3 {border:1px solid #e5001f; color:#fff; background:#f72e3e;}
.btnType1.btn4 {border:1px solid #5d7098; color:#fff; background:#5d7098;}
.btnType1.btn5 {border:1px solid #d8d8d8; color:#6a6a6a; background:#eeeeee;}
.btnType1.size1 {width:90px;}

.btnType2 {display:inline-block; cursor:pointer; height:28px; line-height:28px; padding:0 20px; font-size:12px; color:#696969; border-radius:2px; border:1px solid #d9d9d9; vertical-align:middle; background:#fff;}
.btnType2.btn1 {border:1px solid #d8d8d8; color:#6a6a6;}/* white */
.btnType2.btn2 {border:1px solid #f2d42a; color:#6a6a6; background:#ffdf2c;}/* yellow */
.btnType2.btn3 {border:1px solid #e5001f; color:#fff; background:#f72e3e;}/* red */
.btnType2.btn4 {border:1px solid #5d7098; color:#fff; background:#5d7098;}/* blue */
.btnType2.btn5 {border:1px solid #d8d8d8; color:#6a6a6a; background:#eeeeee;}/* lightgray */
@media all and (max-width:768px) {
    .btnType1 {height:28px; line-height:28px; padding:0 10px; font-size:12px;}
    .btnType2 {height:24px; line-height:24px; padding:0 10px; font-size:11px;}
}

.btnDownload{display:inline-flex;align-items:center;padding:0 8px;height:20px;background:#378a90;color:#fff;font-size:12px;border-radius:2px;}
.btnDownload:before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAmVBMVEX////qejDpeTHteinteirsfS7teS7ueC7peS3sey/teTDuei3pdzDqejLseCvqeC/reizreTLreirteSzseC3qeyrueifqeyzpeCr//P////38////+/3ueDDsfDLteCv+/P3//v/////sejPreTD+/v7rfC3peCztdy3qei7vei3pfCruejHteCntdzHueTPrezHteDLrei4WtrUSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflCQIVABAqHvuUAAAAW0lEQVQI1wXBBwKCMBAEwAUhMdTARamhK1Up/38cM4BhPgzLZgB/Cu64nh8glFFM6vVOkKosz4vS1Khq1rQdyR40ONHnO+gRUzCTZnJZsQnr91/3+gDUecWCE270fwbAdfmiswAAAABJRU5ErkJggg==') no-repeat 0 0;}
.btnGo{display:inline-flex;align-items:center;padding:0 8px;height:20px;background:#fff;color:#545454;font-size:12px;border-radius:2px;border:1px solid #d3d3d3;}
.btnGo:before{content:"";display:inline-block;width:4px;height:4px;margin-right:7px;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEXx/+iWrnL1/+eaum+Ww0KPtGSStmyRwDyPvjrx/+2StXXt//OYrXKMujaUu2yQr3P///9Hn6yrAAAADHRSTlMA/TqC+/3z+f4w/iwBCya/AAAAAWJLR0QQlbINLAAAAAd0SU1FB+UJAhUDHuaLhVAAAAAcSURBVAjXY2Bg5GFiYOZlYWVgY+fgY+Dk5+IGAAO2AHm2udf8AAAAAElFTkSuQmCC') no-repeat 0 0;}



/* =============================================================================
 고객문의
============================================================================= */
.contact {margin-bottom:20px; padding:12px 12px 10px 10px; background-color:#f5e2f8;}

/* 폼 데이터 */
.formList {margin-top:10px; border-top:2px solid #4d658b; border-bottom:1px solid #cacfd7;}
.formList:after {content:""; display:block; clear:both;}
.formList .cellbox {margin-top:0;}
.formList .formListTit {margin-bottom:15px; font-size:15px; font-weight:bold;}
.formList > ul{width:100%;display:table; box-sizing:border-box; width:100%; margin-top:-1px;}
.formList > ul:after {content:""; display:block; clear:both;}
.formList li {display:table-row;}
.formList li .th {display:table-cell; width:132px; height:25px; padding:6px 0; padding-right:30px; white-space:nowrap; font-size:13px; color:#777; font-weight:bold;}
.formList li .th > strong {position:relative; display:block; padding-left:20px;}
.formList li .td {padding:9px 10px 9px 10px; text-align:center; color:#333333; text-align:left; border-top:1px solid #cacfd7; vertical-align:middle;}
.formList li .td {display:table-cell; height:49px; padding:6px 0; font-size:15px; vertical-align:middle;}
.formList li .td.textarea {padding-left:0; padding-right:0;}
.formList li .td.gap {width:19px; padding:0 0;}
.formList li .td .tit {padding-top:4px; font-size:13px; display:block; margin-bottom:4px; color:#777;}
.formList li .td .right {text-align:right;}
.formList li .td + .th {padding-left:30px;}
.formList li .require {position:absolute; top:8px; left:10px; display:inline-block; height:4px; width:4px; margin-right:2px; vertical-align:middle;}
.formList li .require:before {content:""; display:inline-block; position:absolute; top:-2px; left:0; width:4px; height:4px; border-radius:4px; vertical-align:middle; background:#ff5640;}
.formList li .norequire {position:absolute; top:8px; left:10px; display:inline-block; height:4px; width:4px; margin-right:2px; vertical-align:middle;}
.formList li .norequire:before {content:""; display:inline-block; position:absolute; top:-2px; left:0; width:4px; height:4px; border-radius:4px; vertical-align:middle; background:#BDBDBD;}
.formList input[type='text'],select,
.formList input[type='password'] {height:38px; padding:0 10px; width:100%; box-sizing:border-box; font-size:13px; border-radius:3px; color:#777; border:1px solid #cccccc;}
.formList input[type='text'].type2,
.formList input[type='password'].type2 {height:28px; line-height:28px;}
.formList select {height:38px; padding-left:9px; width:100%; font-size:15px; box-sizing:border-box; border-radius:3px; border:1px solid #cccccc; color:#777;}
.formList .labelGroup {margin-left:-9px;}
.formList label {margin-left:9px; font-size:15px; color:#666666; white-space:nowrap;}
.formList textarea {padding:4px 9px; font-size:13px; border:1px solid #cccccc; border-radius:3px; color:#777;}
.formList .title {margin-bottom:8px; font-size:16px; font-weight:bold; color:#000;}
.formList .title span {font-size:12px; font-weight:normal; color:#000;}
.formList .tel {table-layout:fixed;}
.formList .tel .cell {width:30%;}
.formList .cell1 li:first-child .th {border-left:none;}
.formList .cell2 li {float:left; width:50%;}
.formList .cell2 li:nth-child(odd) {clear:both;}
.formList .cell2 li:nth-child(odd) .th {border-left:none;}
.formList .cell2 .th {width:20%;}
.formList .cell2 .td {width:30%;}
.formList .tel .dash {position:relative; width:5%; text-align:center;}
.formList .tel .dash:after {content:""; position:relative; top:-3px; display:inline-block; width:7px; height:1px; background:#333;}
.formList .txt {display:inline-block; padding:7px 0; vertical-align:middle; word-break:break-word;}
.formList .txt2 {color:#999; font-size:12px; margin-top:4px;}
.formList .txt3 {position:relative; padding-left:7px; color:#2eacbc; font-size:12px; margin-top:4px;}
.formList .txt3:before {content:""; display:block; position:absolute; top:7px; left:0; width:2px; height:2px; background:#2eacbc;}
.formList .textarea1 {height:100px; width:100%;}
.formList .require {color:#f48023;}
.formList .checkDiv {margin-top:0; border-radius:3px; border:1px solid #ccc;}
.formList .checkDiv .cell {height:38px; text-align:center;}
.formList .dotTxt {margin-top:15px;}
.formList .dotTxt p {position:relative; padding-left:9px; margin-top:3px; font-size:12px; color:#878787;}
.formList .dotTxt p:before {content:""; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:3px; background:#878787;}
.formList .date {position:relative; display:inline-block; padding-right:35px; width:120px; height:34px; border:1px solid #cccccc; border-radius:3px;}
.formList .date input {height:100%; width:100%; border:none; padding-left:5px; font-size:12px;}
.formList .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:auto;}
.formList.type2 {margin-top:15px;}
.formList.type2 ul li .th,
.formList.type2 ul li .td {border-bottom:1px solid #ccc;}
.formList .scrollList {max-height:100px; overflow:hidden; overflow-y:auto;}
.formList .scrollList li > div {height:15px;}
.formList .scrollList li > div .txt {padding:0 0;}
.formList .count {display:inline-block; width:100px; vertical-align:middle;}
.formList .count a {position:relative; float:left; display:block; width:25px; height:28px; border:1px solid #ccc; background:#fff; cursor:pointer;}
.formList .count a.ea {width:30px; text-align:center;}
.formList .count a.up {border-left:none;}
.formList .count a.down {border-right:none;}
.formList .count a.down:before {display:block; content:''; position:absolute; top:50%; left:50%; width:10px; height:1px; margin-left:-5px; background:#212121;}
.formList .count a.up:before {display:block; content:''; position:absolute; top:50%; left:50%; width:10px; height:1px; margin-left:-5px; background:#212121;}
.formList .count a.up:after {display:block; content:''; position:absolute; top:50%; left:50%; width:1px; height:10px; margin-top:-5px; background:#212121;}
@media all and (max-width:768px) {
    .formList {margin-top:15px;}
    .formList .formListTit {margin-bottom:8px; font-size:13px;}
    .formList li .th {width:72px; padding-right:15px; font-size:12px; vertical-align:top;}
    .formList li .th > strong {padding-left:6px;}
    .formList li .td {height:25px; padding:3px 0; font-size:12px; vertical-align:top;}
    .formList li .td.gap {width:10px;}
    .formList li .td .tit {padding-top:2px; font-size:12px; margin-bottom:2px;}
    .formList li .require {top:8px; left:0; height:2px; width:2px; margin-right:1px;}
    .formList li .require:before {top:-1px; width:2px; height:2px;}
    .formList input[type='text'],
    .formList input[type='password'] {height:28px; padding:0 10px; width:100%; box-sizing:border-box; font-size:12px; border-radius:3px; color:#777;}
    .formList input[type='text'].type2,
    .formList input[type='password'].type2 {height:24px; line-height:24px;}
    .formList select {height:28px; padding-left:4px; font-size:13px;}
    .formList label {display:inline-block; margin-top:-2px; margin-left:4px; font-size:13px;}
    .formList .id {display:inline-block; max-width:20%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .formList textarea {padding:2px 4px; font-size:13px;}
    .formList .tel .dash:after {width:5px;}
    .formList .txt {padding:3px 0;}
    .formList .txt2 {font-size:11px; margin-top:2px;}
    .formList .txt3 {padding-left:3px; font-size:11px; margin-top:2px;}
    .formList .txt3:before {top:5px;}
    .formList .checkDiv .cell {height:28px;}
    .formList .dotTxt {margin-top:7px;}
    .formList .dotTxt p {padding-left:4px; margin-top:2px;}
    .formList .date {position:relative; display:inline-block; padding-right:28px; width:120px; height:27px; border:1px solid #cccccc; border-radius:2px;}
    .formList .date input {height:100%; width:100%; border:none; padding-left:4px; font-size:10px;}
    .formList .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
    .formList.type2 {margin-top:12px;}
    .formList.type2 ul li .th,
    .formList.type2 ul li .td {border-bottom:1px solid #ccc;}
    .formList .mStyle li {display:block;}
    .formList .mStyle li .th {position:relative; display:block; width:auto !important; height:28px; clear:both; float:none;}
    .formList .mStyle li .th strong {display:flex; align-items:center; height:auto;}
    .formList .mStyle li .th strong .require {top:15px;}
    .formList .mStyle li .td {display:block; width:auto !important; min-height:32px; height:auto; float:none;}
    .formList .mStyle li .td + .th {padding-left:0;}
    .formList .mStyle .bg {min-height:0!important; margin-bottom:5px; padding:5px 5px; background:#dce1fb;}
    .formList .mStyle .bg.txtType {padding-top:7px;}
    .formList.type2 .mStyle li .th,
    .formList.type2 .mStyle li .td {border:none;}
    .formList .mStyle li .th strong .require {top:7px;}
    .formList .scrollList {max-height:100px;}
    .formList .count a {width:22px; height:22px;}
}
@media all and (max-width:900px) {
    .formList {margin-top:2rem; border-top:0.16rem solid #4d658b;}
    .formList li .th {width:30%; font-size:1.1rem;}
    .formList li .td {width:70%; font-size:1.1rem; padding:0.7rem 0.8rem 0.75rem 0.8rem;}
    .formList textarea {height:12rem; padding:0.4rem;}
    .formList .cell2 li {float:none; width:100%;}
    .formList .cell2 .th {width:30%; border-left:none;}
    .formList .cell2 .td {width:70%;}
}
@media all and (max-width:500px) {
    .formList li .th {display:block; height:auto; width:1000%; padding:0.5rem 1rem; text-align:left; border-right:none;}
    .formList li .td {display:block; height:auto; width:1000%;}
    .formList .cell2 li {width:100%;}
    .formList .cell1 .th {width:100%;}
    .formList .cell1 .td {width:100%;}
    .formList .cell2 .th {width:100%;}
    .formList .cell2 .td {width:100%;}
}

/* =============================================================================
 레이어 박스 타입
============================================================================= */
.titBox1 {display:table; width:100%; margin-top:15px; border:1px solid #e2e2e2; background:#f8f8f8;}
.titBox1[style*='block'] {display:table !important;}
.titBox1 .left,
.titBox1 .right {display:table-cell; height:38px; padding:5px 20px; vertical-align: middle;}
.titBox1 .right {text-align:right;}
.titBox1 .tit {font-size:15px;}
.titBox1 .tit2 {font-size:12px; font-weight:normal;}
.titBox1 .date {position:relative; display:inline-block; padding-right:35px; width:150px; height:34px; border:1px solid #cccccc; border-radius:3px; background:#fff;}
.titBox1 .date input {height:100%; width:100%; border:none; padding-left:5px; font-size:12px;}
.titBox1 .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

@media all and (max-width:768px) {
    .titBox1 {margin-top:12px;}
    .titBox1 .left,
    .titBox1 .right {height:30px; padding:2px 10px;}
    .titBox1 .tit {font-size:13px;}
    .titBox1 .date {position:relative; display:inline-block; padding-right:28px; width:120px; height:27px; border:1px solid #cccccc; border-radius:2px;}
    .titBox1 .date input {height:100%; width:100%; border:none; padding-left:4px; font-size:10px;}
    .titBox1 .date .ui-datepicker-trigger {position:absolute; top:50%; right:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
}

/* 레이어 팝업 */
.layerPopup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
.layerPopup .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.layerPopup .close {overflow:hidden; position:absolute; top:5px; right:0; width:34px; height:34px; z-index:11; text-indent:-9999%; opacity:1; background:url("/storage/0_close.png") no-repeat 50% 50%;}
.layerPopup .popWp {position:relative; height:100%; margin:0 auto;}
.layerPopup .popCont {position:absolute; top:50%; left:50%; min-width:300px; box-shadow:0 0 10px rgba(0,0,0,0.2); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.layerPopup .popCont .popHeader {padding:10px; background:#FFFFFF; border-bottom:solid 1px #666666;}
.layerPopup .popCont .popBody {overflow:hidden; max-height:580px; overflow-y:auto; background:#fff;}
.layerPopup .popCont .popBody .inner {padding:20px; min-height:100px;}
.layerPopup .popCont .popTit {font-size:16px; font-weight:bold;}
.layerPopup .popCont .titBox1 {margin-top:0;}
.layerPopup .popCont .titBox1 + .formList {margin-top:10px;}
.layerPopup .popCont .formList {margin-top:0;}

@media all and (max-width:768px) {
    .layerPopup .popCont {width:90% !important;}
    .layerPopup .popCont .popBody {max-height:340px;}
}

/* 팝업창 (레이어 공통 팝업) */
.popupLayer {position:absolute; z-index:105 !important; max-width:100%;}
.popupLayer > div {max-width:100%;}
.popupLayer .layerTopBtn {display:table; margin:0 auto; width:100px; position:absolute; top:15px; right:15px;}
.popupLayer .layerTopBtn a {display:table-cell; width:50%; padding:15px 5px; color:#fff; font-weight:bold; text-align:center; font-size:14px; vertical-align:middle;}
.popupLayer .layerTopBtn a:first-child {margin-top:0; background:#197abe;}
.popupLayer .layerTopBtn a:last-child {margin-top:0; background:#474747;}
.popupLayer .popupClose {padding:6px 0 3px 0; background-color:#fff; text-align:right;}
.popupLayer .popContent img {max-width:100%;}
.popupLayer .bottom {overflow: hidden; padding: 10px 20px; background: rgba(0,0,0,0.5);}
.popupLayer .bottom .check {float: left; cursor: pointer;}
.popupLayer .bottom .check span {display: block; float: left; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 50%; background: #FFF; text-align:center; display:flex; flex-direction: column; justify-content:center; align-items:center;}
.popupLayer .bottom .check p {float: left; margin: 0; line-height: 20px; font-size: 15px; color: #FFF;}
.popupLayer .bottom .xi-close {display: block; float:right; line-height: 20px; font-size: 20px; color: #FFF; cursor: pointer;}
.popupLayer .xi-close:before {content: "\e921";}
@media all and (max-width:768px) {
    .popupLayer {left:0 !important; top:0 !important;}
    .popupLayer .popContent img {height:auto !important; max-width:100%;}
}

/* html 콘텐츠  */
.round5 {border-radius:5px;}
.round10 {border-radius:10px;}

.relativeLayout:after {content:''; display:block; clear:both;}
.relativeLayout .left {float:left; width:50%; padding-right:15px;}
.relativeLayout .right {float:left; width:50%; padding-left:15px;}

@media only screen and (max-width:768px) {
    .relativeLayout .left,
    .relativeLayout .right {float:none; width:auto; padding:0 0;}
    .relativeLayout .right {margin-top:30px;}
}
.e1, .e2, .e3,
.g1, .g2, .g3, .g4, .g5, .g6,
.h1, .h2, .s1, .s2, .t1 {font-size:14px;}

.e1 .tit1 {margin-top:20px; font-size:16px; color:#0077a2; border-bottom:1px solid #d9d9db; padding-left:17px; padding-bottom:7px; font-weight:bold; background:url("/storage/4_e1.png") 0 20% no-repeat;}
.e1 .tit2 {margin-top:15px; padding:4px; padding-left:18px; color:#333333; font-size:12px; font-weight:bold; background:#ededef; background:#ededed url("/storage/4_e1_2.png") 10px 8px no-repeat;}
.e1 .txt1 {position:relative;margin-top:8px; padding-left:18px; color:#666666;}
.e1 .txt1:before{content:"";display: block;position:absolute;top:8px;left:10px;width:3px;height:3px;border-radius:3px;background:#0277a3;}
.e1 .txt2 {position:relative;margin-top:8px; padding-left:18px; color:#666666; text-align:justify;}
.e1 .txt2:before{content:"";display: block;position:absolute;top:10px;left:8px;width:5px;height:1px;border-radius:3px;background:#fb8d02;}
.e1 .txt2.nodash {padding-left:0; background:none;}
.e1 span,.e1 b, .e1 u, .e1 a {vertical-align:baseline}
.e1 .tit01 {margin-top:20px; font-size:16px; color:#0077a2; border-bottom:1px solid #d9d9db; padding-left:17px; padding-bottom:5px; font-weight:bold; background:url("/storage/4_e1.png") 0 0 no-repeat;}
.e1 .tit02 {margin-top:15px; padding:4px; padding-left:18px; color:#333333; font-size:12px; font-weight:bold; background:#ededef; background:#ededed url("/storage/4_e1_2.png") 10px 50% no-repeat;}
.e1 .txt01 {margin-top:8px; padding-left:18px; color:#666666; background:url("/storage/4_e1_3.png") 10px 6px no-repeat;}
.e1 .txt02 {margin-top:8px; padding-left:18px; color:#666666; background:url("/storage/4_e1_4.png") 10px 5px no-repeat;}
.e1 .dataTbl {margin-top:15px;}
.e1 .dataTbl table {width:100%;}
.e1 .dataTbl th {border:1px solid #bab2a5; padding:5px; border-top:2px solid #bab2a5; color:#797262; background:#e4ddd3;}
.e1 .dataTbl .bg2 th {font-weight:normal; color:#68686a; border-top:1px solid #bab2a5; background:#efebe0;}
.e1 .dataTbl td {padding:5px; border:1px solid #bab2a5; text-align:center; color:#68686a;}
.e1 .txt3 {margin:8px; color:#666666; line-height:1.6em;}
.e1 .txt4 {margin:8px 0; color:#666666; line-height:1.6em;}
.e1 .galleryList { padding-bottom:10px;}
.e1 .galleryList:after {content:''; clear:both; display:block;}
.e1 .galleryList li {float:left; width:100%; display:block; padding-top:10px; box-sizing:border-box}
.e1 .galleryList li .img {display:block;}
.e1 .galleryList li .img img {max-width:100%;}
.e1 .galleryList li .imgTxt {display:block; margin-top:8px; color:#000000; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.e1 .galleryList.cell2 li {width:50%;}
.e1 .galleryList.cell2 li {padding-left:7px; padding-right:7px;}
.e1 .galleryList.cell2 li:nth-child(even) {padding-right:0;}
.e1 .galleryList.cell2 li:nth-child(odd) {padding-left:0;}
.e1 .galleryList.cell2 li .img img {width:100%;}
.e1 .galleryList.cell3 li {width:33.3333%;}
.e1 .galleryList.cell3 li {padding-left:7px; padding-right:7px;}
.e1 .galleryList.cell3 li:nth-child(3n+1) {padding-left:0;}
.e1 .galleryList.cell3 li:nth-child(3n+2) {padding-left:4px; padding-right:4px;}
.e1 .galleryList.cell3 li:nth-child(3n+3) {padding-right:0;}
.e1 .galleryList.cell3 li .img img {width:100%;}
.e1 .cellBox {margin-top:15px;}
.e1 .cellBox:after {display:block; content:''; clear:both}
.e1 .cellBox > .cell {width:50%; box-sizing:border-box;}
.e1 .cellBox > .cell:first-child {float:left; padding-right:10px;}
.e1 .cellBox > .cell:last-child {float:right; padding-left:10px;}
.e1 .cellBox > .cell > .img {width:100%;}
.e1 .cellBox > .cell > b {display:block; margin-top:25px; font-size:13px;}
.e1 .cellBox > .cell > b:first-child {margin-top:0;}
.e1 .cellBox > .cell > p {margin-top:5px; text-align:justify;}

.e2 .unit {padding:20px 0 40px 0; border-bottom:1px solid #d8d8d8;}
.e2 .unit:after {clear:both; content:''; display:block;}
.e2 .unit .img {float:left; padding-right:35px;}
.e2 .unit .textbox {position:relative; overflow:auto;}
.e2 .unit .textbox .tit {padding-top:6px; padding-bottom:7px; font-weight:bold; border-bottom:1px solid #ececec;}
.e2 .unit .textbox .tit strong {color:#344b99; font-size:16px;}
.e2 .unit .textbox .tit span {color:#9cbc7d; font-size:14px;}
.e2 .unit .textbox .icotxt {position:relative;padding-left:13px; margin-top:7px; color:#7a7a7a;}
.e2 .unit .textbox .icotxt:before{content:"";display: block;position:absolute;top:6px;left:0;width:7px;height:7px;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAjVBMVEX///+RuYWTu3SKt2aNummPrZWBtFeGyER7xjh/yDt+xzeCzjp7xTqSxWl+wT5/xjqCyzt8xzZ9xjmByDyJrl6PwmXh/rvn/8Hl/8KAukKRw0iUuWmNuWKOv2SGumWKumaSyVKFu0OHsnp8tU6AxEmFzUd9xkF6v0qFwnWTymR+w0Z6wkKAyUOAxFP////tS93ZAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflCQIVBRvAu9ZZAAAAPUlEQVQI1wXBhQGAMADAsOLuznAb+v97JKComm6AadmO6/kEYRQnaUZelFXdtIiuH8ZpZlm3/ZAnXPfzfvxOvAQMhN4gQgAAAABJRU5ErkJggg==') no-repeat 0 0;}
.e2 .unit .textbox .txt {margin-top:7px; color:#7a7a7a; text-align:justify}
.e2 .unit .textbox .link {position:absolute; top:4px; right:0;}

.e3 .title {margin-bottom:10px; margin-top:20px;}
.e3 .title span {font-size:14px;}
.e3 .text {font-size:12px; font-family:'Gulim'; color:#666666; line-height:1.4em; text-align:justify;}
.e3 .text em {font-style:normal; color:#ed8c00;}
.e3 .img {margin-top:15px; text-align:center;}
.e3 .boxUnit {display:table; width:100%; table-layout:fixed;}
.e3 .row {display:table-row;}
.e3 .cell {display:table-cell; width:50%; padding:0 15px; vertical-align:top; text-align:justify;}
.e3 .cell:first-child {padding-left:0;}
.e3 .cell:last-child {padding-right:0;}
@media only screen and (max-width:768px) {
    .e1 .galleryList.cell3{margin-left:-8px;margin-top:-15px;}
    .e1 .galleryList.cell3 li {width:50%;padding:0 !important;padding-left:8px !important;margin-top:15px;}
    .e1 .galleryList.cell3 li:nth-child(odd){clear:both;}
    .e2 .unit {padding:16px 0 30px 0;}
    .e2 .unit .img {float:none; padding-right:0;}
    .e2 .unit .textbox .link {display:block; top:-20px; z-index:10; position:relative; ; top:0; text-align:right; margin-top:15px;}
    .e2 .unit .textbox {margin-right:28px;}
    .e2 .unit .textbox .tit {padding-top:5px; padding-bottom:6px;}
}

.g1 .tittxt {line-height:1.2em; font-size:36px; color:#000000; font-weight:bold;}
.g1 .tittxt .sFont {font-size:30px; vertical-align:baseline;}
.g1 .tittxt strong {vertical-align:baseline; color:#ff0000;}
.g1 .txtbox {padding-top:30px; color:#616161; line-height:1.6em;}
.g1 .txtbox p {margin-top:24px; text-align: justify;}
.g1 .txtbox p:first-child {margin-top:0;}
.g1 .photo {padding-top:30px;}

.g2 .tit {font-weight:bold; font-size:17px; color:#000; font-style:italic;}
.g2 .tit ~ .tit {margin-top:40px;}
.g2 .txtbox {margin-top:25px; line-height:30px; color:#434343; background:#fff url("/storage/2_g2.png") 0 0 repeat;}
.g2 .txtbox .img {float:right; margin-right:10px;}

.g3 .visualimg {float:left; padding-right:34px;}
.g3 .sideBox {overflow:auto; padding-left:34px; border-left:1px solid #e4e1dc;}
.g3 .txtbox p {margin-top:24px; text-align:justify;}
.g3 .signature {text-align:right; margin-top:24px;}

.g4 .tittxt {line-height:1.2em; font-size:26px; color:#000000; font-weight:bold;}
.g4 .tittxt strong {vertical-align:baseline; color:#2c70c0;}
.g4 .visualimg {float:right; padding-left:34px; padding-top:25px;}
.g4 .sideBox {overflow:auto;}
.g4 .txtbox p {margin-top:24px; line-height:1.6em; text-align: justify;}
.g4 .signature {text-align:right; margin-top:24px;}

.g5 .tittxt {padding-bottom:25px; line-height:1.2em; font-size:26px; color:#c4c4c4; font-weight:bold;}
.g5 .tittxt strong {font-size:30px; color:#1382b1;}
.g5:after {display:block; content:''; clear:both;}
.g5 .visualimg {height:160px; text-align:right;}
.g5 .visualimg img {max-height:100%;}
.g5 .leftSide {float:left; width:50%; box-sizing:border-box; padding-right:20px;}
.g5 .rightSide {float:right; width:50%; box-sizing:border-box; padding-left:20px;}
.g5 .txtbox p {margin-top:24px; line-height:1.6em; color:#7f7f7f; text-align:justify;}
.g5 .txtbox p:first-child {margin-top:0;}
.g5 .signature {clear:both; text-align:right; padding-top:24px;}

.g6 .visualimg {float:right; padding-left:34px;}
.g6 .sideBox {overflow:auto;}
.g6 .txtbox p {margin-top:24px; line-height:1.6em; text-align:justify;}
.g6 .txtbox p:first-child {margin-top:0;}
.g6 .photo {margin-top:24px;}
@media only screen and (max-width:768px) {
    img {max-width:100%;}
    .g1 .tittxt {font-size:27px;}
    .g1 .tittxt .sFont {font-size:23px;}
    .g1 .txtbox {padding-top:23px;}
    .g1 .txtbox p {margin-top:18px;}
    .g1 .photo {padding-top:23px;}
    .g1 .photo  img {height:130px;}

    .g2 .txtbox {margin-top:19px;}
    .g2 .txtbox .img {margin-right:8px;}
    .g2 .txtbox .tit {font-size:13px;}

    .g3 .visualimg {display:none; padding-right:26px;}
    .g3 .sideBox {padding-left:0; border-left:none;}
    .g3 .txtbox p {margin-top:18px;}
    .g3 .signature {margin-top:18px;}
    .g3 .signature {margin-top:18px;}
    .g3 .signature  img {height:30px;}

    .g4 .tittxt {font-size:20px;}
    .g4 .visualimg {float:none; padding-left:0; padding-top:19px;}
    .g4 .txtbox p {margin-top:18px;}
    .g4 .signature  img {height:30px;}

    .g5 .tittxt {padding-bottom:19px; font-size:20px;}
    .g5 .tittxt strong {font-size:23px;}
    .g5 .visualimg {height:120px;}
    .g5 .leftSide {padding-right:15px;}
    .g5 .rightSide {padding-left:15px;}
    .g5 .txtbox p {margin-top:18px;}
    .g5 .signature {padding-top:18px;}
    .g5 .leftSide ,
    .g5 .rightSide {float:none; width:100%; padding:0 0;}
    .g5 .rightSide {margin-top:20px;}

    .g6 .visualimg {display:none; padding-left:26px; padding-top:19px;}
    .g6 .txtbox p {margin-top:18px;}
    .g6 .photo {margin-top:18px;}
    .g6 .photo  img {height:120px;}
}

.h1 .boardTab {display:table; width:100%; position:relative; padding:5px 5px 1px 5px; margin-bottom:15px; box-sizing:border-box; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-radius:3px; color:#000000; font-size:12px;
    background:#c4c4c4; Old browsers
    background:-moz-linear-gradient(top,  #c4c4c4 0%, #afafaf 50%, #9c9c9c 100%); FF3.6-15
    background:-webkit-linear-gradient(top,  #c4c4c4 0%,#afafaf 50%,#9c9c9c 100%); Chrome10-25,Safari5.1-6
    background:linear-gradient(to bottom,  #c4c4c4 0%,#afafaf 50%,#9c9c9c 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#9c9c9c',GradientType=0 ); IE6-9
}
.h1 .boardTab a {display:inline-block; min-width:60px; margin-left:2px; padding:7px 14px; text-decoration:none; text-align:center; border-radius:3px 3px 0 0; color:#565656;
    background:#ececec; Old browsers
    background:-moz-linear-gradient(top,  #ececec 0%, #e7e7e7 49%, #e7e7e7 49%, #dcdcdc 50%, #f9f9f9 100%); FF3.6-15
    background:-webkit-linear-gradient(top,  #ececec 0%,#e7e7e7 49%,#e7e7e7 49%,#dcdcdc 50%,#f9f9f9 100%); Chrome10-25,Safari5.1-6
    background:linear-gradient(to bottom,  #ececec 0%,#e7e7e7 49%,#e7e7e7 49%,#dcdcdc 50%,#f9f9f9 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f9f9f9',GradientType=0 ); IE6-9
}

.h1 .boardTab a.on {position:relative; background:#fff;}
.h1 .boardTab a.on:after {position:absolute; bottom:-2px; left:0; content:''; display:block; width:100%; height:3px; background:#fff;}
.h1 .galleryList {padding-top:5px; overflow:hidden;}
.h1 .galleryList:after {content:''; clear:both; display:block;}
.h1 .galleryList li {width:33.3333%; float:left; width:100%; display:block; padding:10px 7px 20px; box-sizing:border-box; text-align:center;}
.h1 .galleryList li .img {display:block;}
.h1 .galleryList li .img img {max-width:100%; width:auto;}
.h1 .galleryList li .imgTxt {display:block; margin-top:8px; color:#000000; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.h1 .galleryList .slide {overflow:hidden;}
.h1 .galleryList .slide .galleryBx {display:block; float:left; overflow:hidden; width:100%;}
.h1 .galleryList .slide .slick-dots {display:none !important;}
.h1 .galleryTabConts {position:relative;}
.h1 .galleryTabConts .galleryList:first-child,
.h1 .galleryTabConts .galleryList.on {position:relative; z-index:20; background:#fff;}
.h1 .galleryTabConts .galleryList {width:100%; position:absolute; top:0; left:0;}
@media only screen and (max-width:768px) {
    .h1 .boardTab {padding:4px 4px 1px 4px; border-radius:2px; font-size:11px;}
    .h1 .boardTab a {min-width:48px; margin-left:2px; padding:6px 11px; border-radius:2px 2px 0 0;}
    .h1 .boardTab a.on:after {bottom:-2px; height:2px;}
    .h1 .galleryList li .img img {height:100px;}
}

.h2 .visualimg {text-align:center;}
.h2 .topArea {position:relative; padding:20px 30px; border-bottom:1px solid #d0d0d0;}
.h2 .topArea:after {content:''; display:block; clear:both}
.h2 .topArea .img {position:absolute; bottom:0;}
.h2 .topArea ul {display:table;}
.h2 .topArea ul li {display:table-row;}
.h2 .topArea ul li > strong {display:table-cell; padding:3px 12px 3px 0; color:#3c6a81; font-weight:bold; vertical-align:top;}
.h2 .topArea ul li > strong > span {vertical-align:top;}
.h2 .topArea ul li > span {display:table-cell; padding:3px 0; color:#596368; vertical-align:top;}
.h2 .dataList {padding:30px 0;}
.h2 .dataList ul {display:table;font-size:14px;}
.h2 .dataList ul > li {display:table-row;width:100%;}
.h2 .dataList ul > li > .cell {display:table-cell; vertical-align:top;}
.h2 .dataList > ul > li > .cell {padding:30px 0;}
.h2 .dataList .innderData .cell {padding:3px 0; color:#596368; vertical-align:top;}
.h2 .dataList .innderData .date {padding:3px 0; padding-right:12px; color:#3c6a81; white-space:nowrap; font-weight:bold; vertical-align:top;}
.h2 .dataList .innderData .date strong {vertical-align:top;}
.h2 .dataList .innderData .date strong:before {display:inline-block; content:''; vertical-align:middle; width:3px; height:3px; margin-right:5px; background:#3c6a81;}
.h2 .dataList .year {width:140px; text-align:center; font-size:30px; color:#74a4b5;}
.h2 .dataList .year strong {display:block; line-height:1em;}
.h2 .dataList .year strong:last-child {position:relative; padding-top:20px;}
.h2 .dataList .year strong:last-child:after {position:absolute; top:8px; left:50%; content:''; display:block; margin-left:-3px; width :0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #b6d3d7;}
.h2 .dataList.type2 .year {font-size: 30px; color:#000; padding-top:0px; text-align:left; color:#971541;}
.h2 .dataList.type2 .year strong {padding-top:0px;}
.h2 .dataList.type2 .year strong:after {display:none;}
.h2 .dataList.type2 .year ~ .cell {padding-top:0;}
.h2 .dataList.type2 .innderData {font-size:16px;}
.h2 .dataList.type2 .innderData .date {color:#000; width:122px;}
.h2 .dataList.type2 .innderData .date strong:before {display:none;}
@media only screen and (max-width:768px) {
    .h2 .dataList ul {display:block;}
    .h2 .dataList ul li {display:block;}
    .h2 .dataList ul li .cell {display:block;}
    .h2 .dataList .year {width:auto; padding:0 0 !important; margin-bottom:15px; text-align:left;}
    .h2 .dataList .year ~ .cell {padding-top:0;}
}

.h3 .dataList {padding:30px 0;}
.h3 .dataList ul {display:table;}
.h3 .dataList ul > li {display:table-row;}
.h3 .dataList ul > li > .cell {display:table-cell; vertical-align:top;}
.h3 .dataList > ul > li > .cell {padding:30px 0;}
.h3 .dataList .innderData .cell {padding:3px 0; color:#596368; vertical-align:top;}
.h3 .dataList .innderData .date {padding:3px 0; padding-right:12px; color:#3c6a81; white-space:nowrap; font-weight:bold; vertical-align:top;}
.h3 .dataList .innderData .date strong {vertical-align:top;}
.h3 .dataList .innderData .date strong:before {display:inline-block; content:''; vertical-align:middle; width:3px; height:3px; margin-right:5px; background:#3c6a81;}
.h3 .dataList .year {width:140px; text-align:center; font-size:30px; color:#74a4b5;}
.h3 .dataList .year strong {display:block; line-height:1em;}
.h3 .dataList .year strong:last-child {position:relative; padding-top:20px;}
.h3 .dataList .year strong:last-child:after {position:absolute; top:8px; left:50%; content:''; display:block; margin-left:-3px; width :0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #b6d3d7;}
.h3 .dataList.type2 .year {font-size: 30px; color:#000; padding-top:0px; text-align:left; color:#971541;}
.h3 .dataList.type2 .year strong {padding-top:0px;}
.h3 .dataList.type2 .year strong:after {display:none;}
.h3 .dataList.type2 .year ~ .cell {padding-top:0;}
.h3 .dataList.type2 .innderData {font-size:16px;}
.h3 .dataList.type2 .innderData .date {color:#000; width:122px;}
.h3 .dataList.type2 .innderData .date strong:before {display:none;}
@media only screen and (max-width:768px) {
    .h3 .dataList ul {display:block;}
    .h3 .dataList ul li {display:block;}
    .h3 .dataList ul li .cell {display:block;}
    .h3 .dataList .year {width:auto; padding:0 0 !important; margin-bottom:15px; text-align:left;}
    .h3 .dataList .year ~ .cell {padding-top:0;}
}

.s1 .boxWrap {margin-top:20px; border:1px solid #ccc; border-radius:4px;}
.s1 .boxWrap:first-child {margin-top:0;}
.s1 .boxUnit {display:flex; flex-direction:row; padding:15px; align-items:flex-start;}
.s1 .imgBox {display:flex; flex-direction:row;}
.s1 .info {position:relative; vertical-align:bottom; display:flex; flex-direction:column; align-self:stretch;}
.s1 .info .top {flex:1; font-size:14px; font-weight:bold; color:#6d6d5e;}
.s1 .info .top .boxnum {font-size:24px; font-style:normal; margin-bottom:5px;}
.s1 .info .bar {content:''; display:inline-block; width:5px; background:#6d6d5e; height:16px; margin-left:4px; vertical-align:middle;}
.s1 .info .bottom {text-align:right; padding-right:15px;}
.s1 .info .bottom em,
.s1 .info .bottom span {display:block; white-space:nowrap; color:#6d6e5e; font-weight:bold;}
.s1 .info .bottom em {font-size:24px; font-style:normal; margin-bottom:5px;}
.s1 .img {flex:1; overflow:hidden;}
.s1 .img img {max-width:100%; height:auto;}
.s1 .resumeList {flex:1; padding-left:20px;}
.s1 .resumeList li {text-align:justify;}
.s1 .resumeList li ~ li {margin-top:3px;}
.s1 .titlebar {height:auto; margin-top:20px; padding:10px 0; color:#fff; background:#c9c9c9; text-align:center; font-size:14px; font-weight:bold;}
.s1 .cellList {flex-wrap:wrap; display:flex; margin-left:-15px; margin-top:-15px; justify-content:space-between;}
.s1 .cellList .cell {padding-left:15px; flex-basis:350px; margin-top:15px;}
.s1 .cellList .cell:empty {padding-left:0; margin-top:0;}
.s1 .boxUnit.type2 {flex-wrap:wrap;}
.s1 .boxUnit.type2 .resumeList {display:flex; flex-direction:row; align-items:center; padding-left:0; margin-top:20px; padding-left:74px;}
.s1 .boxUnit.type2 .resumeList ul {flex:1;}
.s1 .boxUnit.type2 .resumeList ul ~ ul {margin-left:30px;}
@media screen and (max-width:768px) {
    .s1 .boxUnit {display:block;}
    .s1 .imgBox .img {max-width:100%;}
    .s1 .resumeList {padding-left:74px; margin-top:20px;}
    .s1 .resumeList {padding-left:0;}
    .s1 .boxUnit.type2 .resumeList {display:block; padding-left:0px;}
    .s1 .boxUnit.type2 .resumeList ul {width:auto;}
    .s1 .boxUnit.type2 .resumeList ul ~ ul {margin-left:0; margin-top:20px;}
}

.s2 .boxTit {position:relative; margin-top:50px; padding-left:30px; font-size: 20px; font-weight: 700; color: #333; padding-left: 25px; margin-bottom:15px;}
.s2 .boxTit:first-child {margin-top:0;}
.s2 .boxTit:before {content:""; display: block; width:18px; height:18px; position:absolute; top:3px; left:0; background:url('data:img/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAByFBMVEX///+vIGKwHWOuH1+wH2CuH2GvH2SvIF6uHV6uHmOtHmCwH2KrH1ysIF+vHmGtIGKtIWCtHWKvIGCsH2GtHl6sImCvHGOvH2euHWisIVquH12rI2GuHWKwIF13Axp0AhlyAhhzAxl0Bxx0Aht4AhxzASLJKGzIJWbKKWzMJ2nMJ2uuIWWwHWGwH2RzARt2BBt2BB12ARt3BR5wBRlyBRrHJW7JKmrJJ3DIKWzJKG6wIF6sH2SsH2N2AyBwBhx4Ahp0BRhzBhlzBhvMKGfKJ2bLJW3KJ2qsIWJyABd4BBlzAhZyAxZ1Axp4ABlxAyDJJWzIJnHLJ2zGKWyvHmOwIWGvHl9zAxt1BR11AiF0BRZtAhZ4BBt2Bh7IJ2rHKGjIJ2utHlyuImFzBxdyAxR0AxdxBx3LKGvJKGvLJmpxBBt1Bhl3BR94AyB2BB7KKW3KJWrKKmqrHmCtIV6wIlx0AyF3ARd0AxV1Bhd2AhdzAxx2AiXNKGTHKGrLJ27HJmrIKWvIJm/IKG7JKmzMJnDFKGvKJmvMKG3KJ2jKJm/JKWnLKGnNKG3JKW/IJGvHK2zGKmvKJWnJJmfLK2vJKm3HKGvNKm3IJWj///8Xy27GAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflBgQAAAnzo/rCAAABHUlEQVQY02NghAImZhZWZgYwYIMCRnYOTiaIEBcUcPPw8vFDhASgQJBRSFgEIiQqJs4vIcnEySYqJCUN1SjDKcsjJ6+gqKSsoqqmrqGpxcDMr62jq6eob2BoZGxiamZuYclgxWXNamOrLGdn7+Do5Ozi6qbB4M4vKCXg4enlrezj6+cfEBAYxBAcEsrBGBYeEWkYFR0TG6cZr8agm8AslJiUbJQSFpOqnJYeGJjBwMoczCmYmaWQnZMSmZuXX2ARz1BYJMVYXFJaVl6hWFlVXVObVgdxnGZsfUOjWnp6XqNlfRpEKL2pubE2Pza9pbXNshUq1N7R2ZWRZtHd0xsEVWXRZ6nW76YWOKE+zQIqVDNx0mS1QIspU6d1pXcCAOqMQncAZIAUAAAAAElFTkSuQmCC') no-repeat 0 0; background-size:auto 100%;}
.s2 .boxWrap:first-child {margin-top:0;}
.s2 .boxUnit {display:table;width:100%;table-layout:fixed; border-spacing:10px; border-collapse:separate;}
.s2 .boxUnit.noline {border-spacing:0;}
.s2 .boxUnit.noline .cell {border:none; padding:0 0;}
.s2 .row {display:table-row;}
.s2 .cell {display:table-cell; width:50%; padding:15px 12px; vertical-align:top; border:1px solid #cccccc;}
.s2 .cell:after {content:""; display:block; clear:both;}
.s2 .boxUnit .img {float:left; padding-right:24px;}
.s2 .resumeList {overflow:hidden;}
.s2 .resumeList .tit {font-size:18px; color:#000000; font-weight:bold; margin-bottom:10px;}
.s2 .resumeList .tit strong {color:#67b428;}
.s2 .resumeList .text {font-size:15px; margin-bottom:15px;}
.s2 .resumeList ul li {padding:3px 0; color:#000;}
.s2 .resumeList ul.bullet li {position:relative; padding-left:10px;}
.s2 .resumeList ul.bullet li:before {content:""; display:inline-block; width:3px; height:3px; background:#666; position:absolute; top:12px; left:0;}
.s2 .resumeList .txt {clear:both; padding-top:10px; text-align:justify;}
.s2 .boxUnit2 ul {display:flex; flex-direction:row; flex-wrap:wrap;}
.s2 .boxUnit2 li {width:50%;}
.s2 .boxUnit2 li .box {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.s2 .boxUnit2 li .box .img {margin-right:15px;}
.s2 .boxUnit2 li .topArea {display:flex; flex-direction:row; padding:10px;}
.s2 .boxUnit2 li .box .text {flex:1;}
.s2 .boxUnit2 li .tit {font-size:18px; font-weight:bold; margin-bottom:15px;}
.s2 .boxUnit2 li .txt {color:#666; text-align:justify;}
.s2 .boxUnit2 li .bgBox {width:100%; background:#eee; height:40px; text-align:right; display:flex; flex-direction:row; align-items:center; padding:0 10px; justify-content:flex-end; color:#3892b5;}
.s2 .boxUnit2 li:nth-child(even) {padding-left:10px;}
.s2 .boxUnit2 li:nth-child(odd) {padding-right:10px;}
.s2 .boxUnit.type2 img {width:160px;}
.s2 .boxUnit.type2 .resumeList .tit {font-size:21px; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px;}
.s2 .boxUnit.type2 .resumeList ul li {color:#666;}
.s2 .boxUnit.type2 .row ~ .row .cell {padding-top:20px;}
.s2 .boxUnit.type2 .txt {font-size:15px; color:#666; margin-top:10px;}
.s2 .boxUnit.type2 .info {font-size:13px; color:#666; margin-top:5px;}
.s2 .boxUnit.type2 .info li {padding:0;}
.s2 .boxUnit.type2 .ico-tel {display:inline-block; width:12px; height:11px; margin-right:10px; background:url('data:img/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAMAAAB8rpxtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAh1BMVEX85cu1q6qqqqqqr8DZ9v/Zvqqqqq2yt7Wtqqq1zu/Wvaq1zO////zbwa2yyemqqrLI6P/////84cWvqqr//9vAraqqscXh/PzmybKyyeb8//TbwrKvvsjFua+yyOT6///67u/0///vzbiqssDQ4O//+unOua3kxq+60vf//ObOuq+qq621wtvXGL80AAAAAWJLR0QR4rU9ugAAAAd0SU1FB+UGBAAMMu4dXOoAAABXSURBVAjXRc1FDoBAEETRpnB3l8H9/ueDhAH+7qUWRSSAJ0okQ1G1RzoZMC37gUOG6/lB+AJmFH8LkjT7gbwoUdUcaFjbWT0HhpFN840FXyttO788zu4CIC0FWqHTfv8AAAAASUVORK5CYII=') no-repeat 0 0; background-size:auto 100%;}
.s2 .boxUnit.type2 .ico-mail {display:inline-block; width:12px; height:11px; margin-right:10px; background:url('data:img/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAMAAAB8rpxtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAilBMVEX85cu1q6qqqqqqr8DZ9v/Zvqq1zu/WvaqttbrAwMC4saqyyemqqq/D3/z////vzLW4wcXL3fH8//////rkzsDDu7WqqrLI6P/66dDDwMve8Pz66dPFwsv/173//PHk0MjI2On6///I5f/30biqq62vr6+vr62tqqrkxq+60vf//ObOuq+1wtv0///R2LPrAAAAAWJLR0QOb70wTwAAAAd0SU1FB+UGBAANJ5rbiUAAAABfSURBVAjXY2BgZIICZhYGViY4YGNgZ+LgBAMuJm4Gdh5ePjDgB3MEBIX4+IRFREEcMXEJSSlpGSlZCIdPTl5BkQ/CUYLoUQZxmFRUQUBNHcjRQNijyaClrQ5hqujoAgCMfAcwXQ25cgAAAABJRU5ErkJggg==') no-repeat 0 0; background-size:auto 100%;}
.s2 .boxUnit.type2 .btn {margin-top:12px;}
.s2 .boxUnit.type2 .btn a {display:inline-flex; height:30px; line-height:22px; color: #fff; background: #ccc; padding: 4px 14px; border-radius: 3px; font-size: 13px; font-weight: 700; justify-content:center; align-items:center;}
.s2 .boxUnit.type2 .btn a .arr {font-size:8px; position:relative; display:inline-block; margin-left:5px;}
@media only screen and (min-width:769px) {
    .s2 .boxUnit {width: calc(100% + 20px); margin-left: -10px;}
}
@media only screen and (max-width:768px) {
    .s2 .boxUnit {display:block;}
    .s2 .boxUnit + .boxUnit {margin-top:10px;}
    .s2 .resumeList .tit {left:0;}
    .s2 .row {display:block;}
    .s2 .row {display:block;}
    .s2 .row:first-child .cell:first-child {margin-top:0;}
    .s2 .row.type2 .img {float:none; text-align:center;}
    .s2 .row.type2 .resumeList {margin-top:12px;}
    .s2 .row.type2 .resumeList .tit {left:0;}
    .s2 .row.type2 .resumeList ul li {padding-left:0px;}
    .s2 .cell {display:block; width:100%; margin-top:10px;}
    .s2 .cell:after {content:""; display:block; clear:both;}
    .s2 .boxUnit2 li {width:100%; padding:0 0 !important; margin-top:15px;}
    .s2 .boxUnit.type2 .resumeList .tit {font-size:17px;}
}

.t1 .topArea {padding-bottom:20px;}
.t1 .topArea:after {display:block; content:''; clear:both;}
.t1 .topArea .visualimg {float:left; padding-right:15px; border:1px solid #ccc; padding:5px; margin-right:15px;}
.t1 .topArea .txtbox {overflow:auto;}
.t1 .topArea .txtbox .tit {display:flex; flex-direction: row; align-items:center;}
.t1 .topArea .txtbox .detailviewToggle {margin-left:auto; font-size:12px; color:#666; border:1px solid #ccc; border-radius:3px; background:#f9f9f9; padding:0 10px; height:24px; line-height:23px;}
.t1 .topArea .txtbox .detailviewToggle.on:after {content:" 닫기"; display:inline; width: 250px;}
.t1 .topArea .txtbox .tit {padding:9px 0 5px 15px; margin-bottom:15px; font-size:16px; font-weight:bold; color:#3a5c75; border-bottom:1px solid #cbcdc8; background:url("/storage/4_t1.png") no-repeat 0 16px;}
.t1 .topArea .txtbox p {line-height:1.45em; color:#818282;}
.t1 .detailview {display:none; margin-bottom:30px;}
.t1 .tit1 {margin-top:20px; font-size:16px; color:#0077a2; border-bottom:1px solid #d9d9db; padding-left:17px; padding-bottom:7px; font-weight:bold; background:url("/storage/4_e1.png") 0 20% no-repeat;}
@media only screen and (max-width:768px) {
    .t1 .topArea .txtbox .tit {padding-top:0;}
    .t1 .topArea .visualimg img {height:100px;}
    .t1 .topArea .txtbox .tit {padding:0 0 4px 12px; margin-bottom:12px; font-size:13px; background:url("/storage/4_t1.png") no-repeat 0 5px;}
}

.e4 .boxTit {margin-top:30px; position:relative; padding-left:30px; font-size: 20px; font-weight: 700; color: #333; padding-left: 25px; margin-bottom:15px;}
.e4 .boxTit:before {content:""; display: block; width:18px; height:18px; position:absolute; top:3px; left:0; background:url('data:img/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAByFBMVEX///+vIGKwHWOuH1+wH2CuH2GvH2SvIF6uHV6uHmOtHmCwH2KrH1ysIF+vHmGtIGKtIWCtHWKvIGCsH2GtHl6sImCvHGOvH2euHWisIVquH12rI2GuHWKwIF13Axp0AhlyAhhzAxl0Bxx0Aht4AhxzASLJKGzIJWbKKWzMJ2nMJ2uuIWWwHWGwH2RzARt2BBt2BB12ARt3BR5wBRlyBRrHJW7JKmrJJ3DIKWzJKG6wIF6sH2SsH2N2AyBwBhx4Ahp0BRhzBhlzBhvMKGfKJ2bLJW3KJ2qsIWJyABd4BBlzAhZyAxZ1Axp4ABlxAyDJJWzIJnHLJ2zGKWyvHmOwIWGvHl9zAxt1BR11AiF0BRZtAhZ4BBt2Bh7IJ2rHKGjIJ2utHlyuImFzBxdyAxR0AxdxBx3LKGvJKGvLJmpxBBt1Bhl3BR94AyB2BB7KKW3KJWrKKmqrHmCtIV6wIlx0AyF3ARd0AxV1Bhd2AhdzAxx2AiXNKGTHKGrLJ27HJmrIKWvIJm/IKG7JKmzMJnDFKGvKJmvMKG3KJ2jKJm/JKWnLKGnNKG3JKW/IJGvHK2zGKmvKJWnJJmfLK2vJKm3HKGvNKm3IJWj///8Xy27GAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflBgQAAAnzo/rCAAABHUlEQVQY02NghAImZhZWZgYwYIMCRnYOTiaIEBcUcPPw8vFDhASgQJBRSFgEIiQqJs4vIcnEySYqJCUN1SjDKcsjJ6+gqKSsoqqmrqGpxcDMr62jq6eob2BoZGxiamZuYclgxWXNamOrLGdn7+Do5Ozi6qbB4M4vKCXg4enlrezj6+cfEBAYxBAcEsrBGBYeEWkYFR0TG6cZr8agm8AslJiUbJQSFpOqnJYeGJjBwMoczCmYmaWQnZMSmZuXX2ARz1BYJMVYXFJaVl6hWFlVXVObVgdxnGZsfUOjWnp6XqNlfRpEKL2pubE2Pza9pbXNshUq1N7R2ZWRZtHd0xsEVWXRZ6nW76YWOKE+zQIqVDNx0mS1QIspU6d1pXcCAOqMQncAZIAUAAAAAElFTkSuQmCC') no-repeat 0 0; background-size:auto 100%;}
.e4 .text {font-size:16px; color:#727272; text-align:justify;}
.e4 ul {font-size:16px; color:#727272;}
.e4 ul li ~ li {margin-top:7px;}
.e4 ul.numlist li {padding-left:20px; text-indent:-20px; text-align:justify;}
.e4 ul.numlist2 li {text-align:justify;}
.e4 ul.numlist2 li > b {color:#000; display:block; margin-bottom:10px;}
.e4 ul.numlist2 li .num {color: #fff; background: #971541; display:inline-block; text-align:center; line-height:30px; height:30px; width:30px; border-radius: 3px; font-size: 14px; font-weight: 700; font-family: 'NanumGothic', sans-serif; letter-spacing: 0.5px; transition: all 0.3s ease; margin-right:10px;}
.e4 ul.numlist2 li p {text-align:justify;}
.e4 ul.numlist2 li p b {color:#000;}

.tablessub-wrap:after {content:""; display:block; clear:both;}
.tablessub-wrap .tablessub {float:left; width:50%;}
.tablessub-wrap .tablessub:first-child {padding-right:10px;}
.tablessub-wrap .tablessub:lastt-child {padding-left:10px;}
.tablessub table, .tablessub th, .tablessub td {border: 1px solid #dddddd; border-collapse: collapse; padding: 5px 8px; font-size: 15px; vertical-align: middle; background-color: #fff;}
.tablessub thead th {background-color: #971541; font-weight:bold; color: #fff; text-align: center; height:37px; font-size: 15px; font-weight:     700;}.tablessub tbody th {background-color: #f6f6f6; color: #666; height:37px; font-weight: 700; text-align: center;}
.tablessub tbody .cw {background-color: #fff; height:37px; color: #666; font-weight: 400; text-align: left;}
@media only screen and (max-width:768px) {
    .tablessub-wrap .tablessub {float:none; width:auto; padding:0 0;}
    .tablessub-wrap .tablessub ~ .tablessub {margin-top:15px;}
}

.dataTbl  {clear:both;}
.dataTbl table  {width:100%; table-layout:fixed; font-size:13px;}
.dataTbl table th  {padding:7px 5px; color:#45473c; font-weight:normal; border:1px solid #cdcccb; border-top:5px solid #dddfde; background:#f6faec;}
.dataTbl table tr:first-child th:first-child  {border-top:5px solid #9ac12a;}
.dataTbl table td  {padding:7px 5px; color:#45473c; border:1px solid #cdcccb; text-align:center; background:#ffffff;}
.dataTbl table td.alignL  {text-align:left; padding-left:15px;}

.dataTbl2 {margin-top:15px;}
.dataTbl2 table {width:100%;}
.dataTbl2 th {border:1px solid #bab2a5; padding:5px; border-top:2px solid #bab2a5; color:#797262; background:#e4ddd3;}
.dataTbl2 .bg2 th {font-weight:normal; color:#68686a; border-top:1px solid #bab2a5; background:#efebe0;}
.dataTbl2 td {padding:5px; border:1px solid #bab2a5; text-align:center; color:#68686a;}
.dataTbl2 table td.alignL {text-align:left; padding-left:15px;}