@charset "utf-8";
table.dotum { font-family:"Dotum" !important; letter-spacing:-1.3px; color:#666; }
.dotum { font-family:"Dotum" !important; letter-spacing:-0.5px; color:#666; }
/* list */
.boardList table{clear:both; width:100%;border-top:3px solid #0063ad; border-bottom:1px solid #eeeeee; text-align:center;}
.boardList table th{/*background-color:#f9f9f9;*/}
.boardList table thead tr th{padding:15px 5px; color:#171717; font-size:12px; background:#fff; border-bottom:2px solid #dddddd; }
.boardList table tbody tr td{padding:15px 5px;border-bottom:1px solid #ddd; color:#999999; font-size:12px; letter-spacing:0; }
.boardList table tbody tr td:first-child { color:#999; }
.boardList table tbody tr td.subject{text-align:left;}
.boardList table tbody tr td.subject p a{max-width:585px;overflow:hidden; color:#000000; font-size:16px; }
.boardList table tbody tr td.subject p > span + span { position: relative; padding-left: 18px; }
.boardList table tbody tr td.subject p > span + span:not(.user, .views):before { position: absolute; content: ''; width: 1px; height: 12px; left: 8px; top: 0px; background-color: #cccccc; }
.boardList table tbody tr td.subject img{margin-left:4px; vertical-align:middle; }
.boardList table tbody tr td.cate { color:#b8b8b8; font-weight:bold; }
.boardList table tbody tr td.cate > span{ color:#333; display:inline-block; margin:0px 10px;}
.boardList.notice .user { padding-left: 25px; background-image: url(../../image/common/icon_user.jpg); background-repeat: no-repeat; background-position: left 10px center; background-size: 9px auto; }
.boardList.notice .views { padding-left: 25px; background-image: url(../../image/common/icon_views.jpg); background-repeat: no-repeat; background-position: left 10px center; background-size: 12px auto; }

.boardList.review ._category span { font-size: 13px; line-height: 1.31; letter-spacing: -1.3px; text-align: left; color: #005097; margin-bottom: 10px;}
.boardList.review ._category { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; height: 82px; padding: 15px; background-color: #f3f3f3;}
.boardList.review ._category select { height: 30px; width: 100%; line-height: 30px; font-size: 12px;}
.ul-review {
    display: flex;
    flex-direction: column;
}
.ul-review li {
   padding: 23px 0;
}
.ul-review li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 23px 0;
    border-bottom: 1px solid #ddd;
}
.ul-review li a ._each {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
}
.ul-review li a ._each img { 
    width: 100%;
    margin-bottom: 15px;
    aspect-ratio: 649 / 365;
}
.ul-review li a ._each h1 {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: -1.5px;
    text-align: left;
    color: #0063ad;
    margin-bottom: 11px;
}
.ul-review li a ._each p {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000;
    margin-bottom: 5px;
}
.ul-review li a ._each span {
    margin-right: 11px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -1.1px;
    text-align: left;
    color: #8f918f;
}
.ul-review li a ._each small {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -1.1px;
    text-align: left;
    color: #005097;
}
.tag-notice { display:inline-block; width:44px; height:21px; line-height:17px; font-size:10px; font-weight: bold; color:#ffffff; border:2px solid #0063ad; background:#fff; color: #0063ad; text-align:center; border-radius: 14px; }
.reply-comp { display:inline-block; width:59px; height:21px; line-height:19px; font-size:10px; color:#ffffff; border:1px solid #0063ad; background:#0063ad; text-align:center; border-radius: 14px; }
.reply-standby { display:inline-block; width:59px; height:21px; line-height:21px; font-size:10px; color:#333333; border:1px solid #dddddd; background:#fff; text-align:center; border-radius: 14px; }
/* write */
.boardWrite{padding:30px 0; border-bottom:1px solid #dddddd;}
.boardWrite.borderT2 { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.boardWrite th{text-align:left; padding-left:0px; }
.boardWrite.member { padding:20px 0px; }
.boardWrite.member th{text-align:left; }
.boardWrite th label{font-size:14px; color:#333333; font-weight:600; letter-spacing:-0.5px; }
.boardWrite td{height:30px; padding:4px 0 5px; vertical-align:middle; color:#383838; }
.boardWrite.member td { padding:4px 0px; }
.boardWrite td label{display:inline-block; vertical-align:middle; margin:0 20px 0 70px;}
.boardWrite td label.radio{margin-left:0; padding-left:20px;font-size: 10px; background-size: 12px auto; line-height: 14px; }
.boardWrite td label.check{margin-left:0; padding-left:17px;font-size: 10px; background-size: 12px auto; }
.boardWrite .check {background: url("../../image/common/check-off2.gif") no-repeat center left; }
.boardWrite label.c_on {background: url("../../image/common/check-on2.gif") no-repeat center left; }
.boardWrite td input{display:inline;}
.boardWrite td input.text:read-only {background:#eeeeee;}
.boardWrite td .noti{margin-top:15px;}

.boardView{border-top:3px solid #005097; border-bottom:1px solid #000000; color:#383838; }
.boardView .boardTitleArea{ padding:20px; overflow:hidden; background:#fff; border-bottom:1px solid #eeeeee; }
.boardView .boardTitleArea.type2{border-bottom:2px solid #000; }
.boardView .boardTitleArea strong{font-size:15px; color:#000; font-weight:bold; float:left; }
.boardView .boardTitleArea strong b{ color:#000; }
.boardView .boardTitleArea strong .reply-comp { font-weight:400; margin-right:20px;  }
.boardView .boardTitleArea strong .reply-standby { font-weight:400; margin-right:20px;  }
.boardView .boardTitleArea > div > span{  color:#999999; font-weight:bold; font-size:10px;  }
.boardView .boardTitleArea > div > span .txt { font-size:10px; color:#000; }
.boardView .boardTitleArea > div > span em{ color:#c9c9c9; margin: 0 15px; font-weight:normal;}
.boardView .boardTitleArea > div > span .user { padding-left: 10px; background-image: url(../../image/common/icon_user.jpg); background-repeat: no-repeat; background-position: left 0px center; background-size: 9px auto; }
.boardView .boardTitleArea > div > span .views { padding-left: 25px; background-image: url(../../image/common/icon_views.jpg); background-repeat: no-repeat; background-position: left 10px center; background-size: 12px auto; }
.boardView .textView{ padding:40px 0; font-size:15px; line-height:22px; font-weight:bold; word-wrap: break-word;}
.boardView .textView img{max-width:998px; margin:10px 0; display:block;}
.boardView .noticeView{ margin:0 auto; padding:40px 55px;; font-size:12px; line-height:22px; font-weight:normal; word-wrap: break-word;}
.boardView .noticeView img{max-width:890px; margin:10px auto; display:block;}
.boardView .beAfterView{max-width:100%; overflow:hidden; padding:10px 0px; font-size:12px; line-height:22px; font-weight:normal; word-wrap: break-word; }
.boardView .beAfterView.type2{padding:0px; border-bottom:none; }
.boardView .beAfterView img{max-width:100%; margin:0px auto; display:inline-block;}
.boardView .beAfterView p{ font-size:12px; padding:0px; color:#383838; line-height:1.7; }
.boardView .beAfterView p.txt { padding: 0px 20px; }
.boardView .beAfterView  ul{clear:both; overflow:hidden; margin:30px 0 0 0; }
.boardView .beAfterView  ul li{float:left; width:834px; min-height:308px; box-sizing:border-box; margin:0 0 25px 0;}
.boardView .beAfterView  ul li .beforeImg{float:left; display:inline-block; width:412px; min-height:208px; padding-bottom:25px; background:#58616a url("../image/sub/effect/bg_beAfter2.png") no-repeat 100px bottom;}
.boardView .beAfterView  ul li .afterImg{float:left; display:inline-block; width:412px; min-height:208px; padding-bottom:25px; background:#58616a url("../image/sub/effect/bg_beAfter2.png") no-repeat -135px bottom; margin-left:10px;}
.boardView .interView{width:854px; margin:0 auto; padding:40px 0; font-size:12px; line-height:22px; font-weight:normal; word-wrap: break-word;}
.boardView .interView .mov{margin:0 auto; text-align:center;}
.boardView .interView .mov img{max-width:622px;}
.boardView .specialView{width:962px; margin:0 auto; padding:40px 0; font-size:12px; line-height:22px; font-weight:normal; word-wrap: break-word; text-align:center;}
.boardView .specialView img{max-width:962px; min-width:962px;}
.boardView .reply-wrap { margin-top:-1px; background:url(../../image/page/bg_reply.gif) left 20px top 30px no-repeat #f8fbff; background-size: 19px auto; overflow:hidden; padding:30px 15px 30px 50px; font-size:12px; line-height:1.7; font-weight:normal; word-wrap: break-word; position:relative; color:#383838;  }
.boardView .reply-wrap .text { max-width:937px; }
.boardView .reply-wrap .date { position:absolute; left:50px; bottom:40px; }
.boardView .reply-wrap.standby { overflow: hidden; display: block; width: 100%; height: auto; margin-left: 0px; padding:75px 0px; background-color: #f8fbff; background-image: none; text-align: center; }
.boardView .table-view { width:1040px; margin:0px auto; }
.boardView .table-view tr th, .boardView .table-view tr td { padding:30px 0px; border-bottom:1px solid #eeeeee; line-height:1.7; }
.boardView .img-con img { max-width:1000px; width:100%; }
.boardView .table-view tr:last-child th, .boardView .table-view tr:last-child td { border-bottom:none; }
.boardView .table-view tr th { font-size:18px; color:#333333; }
.boardView .table-view tr td { font-size:17px; position:relative; }
.boardView .table-view tr td .desc { position:relative; padding-left:70px;  }
.boardView .table-view tr td .step { position:absolute; left:0px; top:0px; color:#333333; }
.reply-wrap .pic { font-size: 10px; }

/*달력*/
.calendar table tr th { font-size:10px;  background:#fff; text-align:center; border-bottom:1px solid #dedede; color:#333333; font-weight:bold; padding:15px; line-height:16px; }
.calendar table tr th img { vertical-align:middle; }
.calendar table tr th .day { font-size: 15px; font-weight:800; display: inline-block; margin-top: 5px; }
.calendar table tr td { text-align:center; font-size:10px; padding:17px 0px; border:1px solid #eeeeee; background:#ffffff; position:relative; }
.calendar table tr td a { position: relative; display:block; color:#504c4f; font-size:14px; }
.calendar table tr td:first-child { background:#ffffff; border-left:none; }
.calendar table tr td.closed a { color:#a8a8a8; }
.calendar table tr td.on,.calendar table tr td.on a { background-color: #005097;  color:#fff; }
.calendar table tr.week td { text-align:center; font-size:10px; font-weight:bold; background:#fff; color:#777777; border:1px solid #dedede; }
.calendar table tr.week td:first-child{ border-left:none; }
.calendar table tr td.current a { color:#005097; }
.calendar table tr td.current a::after { position: absolute; content: 'today'; top: 17px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #005097; }


/*board 하단 검색box*/
.boardSearch{text-align:center; margin:0px; }
.boardSearch input.text {
    height: 40px;
    padding: 0px 10px;
    border: 1px solid #cccccc;
	background:#ffffff;
}
.boardSearch .selectArea { }
.boardSearch select{padding:0 15px 0 10px;height:40px;font-size:10px;line-height:40px;display:block;cursor:pointer;border:1px solid #cccccc;color:#5f5f5f;background:#fff url('../../image/common/btn_selectBox2.gif') no-repeat right 6px center; background-size: 7px auto; }
.boardSearch *{vertical-align:top;}
.boardSearch .btn-search { display: block; width: 58px; height: 40px; line-height: 40px; border: 1px solid #0063ad; background-color: #0063ad; font-size: 10px; font-weight: 800; color: #fff; text-align: center; float: left;  }

.customer-list .boardWrite{padding:35px 0px; border-top:3px solid #0063ad; border-bottom:1px solid #dcdcdc; }
.customer-list .boardWrite th, .customer-list .boardWrite td{ position: relative; height:30px; padding:7px 0px; vertical-align:middle; line-height:30px; color:#333333; font-size:16px; }
.customer-list .boardWrite td p { line-height:1.5; }
.customer-list .boardWrite .dotum { font-size:12px; }
.customer-list .boardWrite input.text{height:40px;line-height:38px;padding:0px 10px;border:1px solid #dddddd; font-size:12px;}
.customer-list .boardWrite select {display:block;cursor:pointer; padding: 0 10px;height:40px;font-size:12px;line-height:38px; font-weight: bold; border:1px solid #dddddd;color:#333333;background:#fff url('../../image/common/btn_selectBox.gif') no-repeat right 14px center; background-size: 7px auto;}

.table-wrap.has-scroll { overflow-x: auto; }
.table-wrap.type1.bb { border-bottom: 1px solid #005097; }
.table-wrap.type1 .bb1 { border-bottom: 1px solid #005097; }
.table-wrap.type1 .bt { border-top: 1px solid #005097; }
.table-wrap.type1 table { table-layout: fixed; }
.table-wrap.type1 table thead > tr > th { font-size: 12px; font-weight: 800; border-top: 4px solid #005097; border-bottom: 4px solid #005097; background-color: #e6f5ff; color: #005097; text-align: center; padding: 17px 5px; }
.table-wrap.type1 table thead > tr > th.bt { border-top: 1px solid #85a5c2; }
.table-wrap.type1 table thead > tr > th.bb { border-bottom: 1px solid #85a5c2; }
.table-wrap.type1 table thead > tr > th + th,.table-wrap.type1 table thead > tr > th + td { border-left: 1px solid #85a5c2; }
.table-wrap.type1 table tbody > tr > th { border-left: 1px solid #dedede; }
.table-wrap.type1 table tbody > tr > th:first-child { border-left: 0px; }
.table-wrap.type1 table tbody tr th,.table-wrap.type1 table tbody tr td { font-size: 12px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #ffffff; text-align: center; padding: 17px 5px; }
.table-wrap.type1 table tbody tr th,.table-wrap.type1 table tbody tr .in1,.table-wrap.type1 table tbody tr .in1_1,.table-wrap.type1 table tbody tr td:not(:last-child).in2 { color: #005097; font-weight: 800; word-break: keep-all; }
.table-wrap.type1 table tbody tr th { color: #005097; font-weight: 800; word-break: keep-all; }
.table-wrap.type1 table tbody tr td  { color: #363636; font-weight: 600; word-break: keep-all; }
.table-wrap.type1 table tbody > tr > th + th,.table-wrap.type1 table tbody > tr > th + td, .table-wrap.type1 table tbody > tr > td + td { border-left: 1px solid #dedede; }
.table-wrap.type2 table thead tr th { font-size: 12px; background-color: #f1f3f5; font-weight: 800; border: 1px solid #dddddd; text-align: center; padding: 10px 0px; }
.table-wrap.type2 table tbody tr th,.table-wrap.type2 table tbody tr td { font-size: 12px; background-color: #fff; font-weight: 800; border: 1px solid #dddddd; text-align: center; padding: 10px 0px; }
.table-wrap.type1.small table thead > tr > th { font-size: 12px; font-weight: 800; border-top: 4px solid #005097; border-bottom: 4px solid #005097; background-color: #e6f5ff; color: #005097; text-align: center; padding: 27px 2px; }
.table-wrap.type1.small table tbody tr th,.table-wrap.type1.small table tbody tr td { font-size: 12px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #ffffff; text-align: center; padding: 27px 2px; word-break: break-all; letter-spacing: -1.7px; }