/* Minification failed. Returning unminified contents.
(328,97): run-time error CSS1038: Expected hex color, found '#0666'
 */
@charset "UTF-8";

#body {padding-bottom:20px;}
.qnaList .btnMore,
.faqList .btnMore {margin:10px 15px 0;}


/* 세미나 정보 */
.seminarInfo  {}
.seminarInfo .tab {table-layout:auto;}
.seminarInfo .tabContent {padding-top:15px;}

.seminarInfo .board .list .head h2 {font-size:15px; color:#333; font-weight:bold;}
.seminarInfo .board .list .head a {position:absolute; right:15px; top:15px; padding-right:13px; font-size:12px; color:#666;}
.seminarInfo .board .list .head a:after {content:''; display:inline-block; position:absolute; right:0; top:6px; width:5px; height:8px; background-image: url('/static/images/common/icon_sprite.png'); background-position:-195px 0; background-repeat:no-repeat; background-size: 360px auto;}
.seminarInfo .board .list .content .box {position:relative; margin-top:13px; padding:8px 10px; word-wrap:break-word; word-break:break-all;}
.seminarInfo .board .list .content .box .btn {position:absolute; right:15px; top:13px;}

.seminarInfo .board .list.oneday .content em {color:#59b2c2;}
.seminarInfo .board .list.local .content em {color:#5bc28d;}
.seminarInfo .board .list.success .content em {color:#fa993b;}
.seminarInfo .guide {margin-top:12px;}
.seminarInfo .guide li {line-height:1.3;}
.seminarInfo .guide .bullet:after {top:6px;}

.seminarInfo .edu {}
.seminarInfo .edu .box.center {padding:0 15px 18px; font-size:12px; color:#666;}
.seminarInfo .edu .box.center h2 {font-size:17px; font-weight:bold; margin-bottom:3px; color:#333;}
.seminarInfo .edu .box.default {margin-bottom:12px; padding:15px 9px; font-size:13px; color:#333; background-color:#fff;}
.seminarInfo .edu .box.default h3 {font-size:14px; color:#333; margin-bottom:5px; font-weight:bold;}
.seminarInfo .edu .box.default hr {margin:15px 0;}
.seminarInfo .edu .box.default .content {padding:0 6px; color:#666;}
.seminarInfo .edu .box.default .image {margin:10px 0;}

.seminarInfo .onlineEdu {}
.seminarInfo .onlineEdu .box {position:relative; margin-bottom:6px; font-size:12px; color:#666; background-color:#fff;}
.seminarInfo .onlineEdu .box:after {content:''; display:inline-block; position:absolute; right:10px; width:80px; height:80px; background-image:url('/static/images/common/icon_edu_guide.png'); background-repeat:no-repeat; background-size:165px auto;}
.seminarInfo .onlineEdu .box.onair:after {background-position:0 0; top:20px;}
.seminarInfo .onlineEdu .box.realTime:after {background-position:-85px 0; top:13px;}
.seminarInfo .onlineEdu .box h2 {font-size:16px; color:#333; font-weight:bold;}
.seminarInfo .onlineEdu .box .primary {padding:3px 0 4px;font-size:14px;}
.seminarInfo .onlineEdu .box .body {padding:15px;}
.seminarInfo .onlineEdu .box .row.btns {border-top:1px solid #e2e2e2;}
.seminarInfo .onlineEdu .box .row.btns .arrowRight {margin-left:5px;}
.seminarInfo .healthMark {width:125px; margin-top:10px;}

#body.seminarMap {padding:15px 0 20px;}
.seminarMap .contact .map {position:relative; height:300px; border:1px solid #e9e9e9; box-sizing:border-box;}
.seminarMap .contact .map img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.seminarMap .contact address {margin-top:7px; padding:13px 15px; font-size:12px; }
.seminarMap .contact address p {color:#666;}
.seminarMap .contact address p strong {font-size:14px;}
.seminarMap .item {margin-top:20px;}
.seminarMap .item .head {padding-bottom:7px; border-bottom:1px solid #e2e2e2;}
.seminarMap .item .head h2 {font-size:14px; color:#333; font-weight:bold;}
.seminarMap .item dl {margin-top:7px;}
.seminarMap .item dl dt {font-size:13px;}
.seminarMap .item dl dd {padding-left:10px; font-size:12px;}

/*세미나 좌석신청*/
.headLine {padding:20px 15px; text-align:center; background-color:#fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1);}
.headLine h2 {font-size:17px; color:#333;}
.headLine p {font-size:13px; color:#666;}
.headLine .title {font-size:17px; color:#333;}

.applyState {margin-top:12px; font-size:12px; text-align:center;}
.applyState .box {margin-top:13px; font-size:14px; border:2px solid #707780; box-sizing:border-box;}
.applyState .box .head {padding:10px;}
.applyState .box .body {padding:10px; color:#333; background-color:#fff;}

.applyState .box .head span {position:relative; padding-left:7px; margin-left:2px;}
.applyState .box .head span em {color:#dbdcde;}
.applyState .box .head span:first-child {padding-left:0; margin-left:0;}
.applyState .box .head span:after {content:''; display:inline-block; position:absolute; left:0; top:4px; height:10px; border-left:1px solid #8d9299;}
.applyState .box .head span:first-child:after {content:none;}

.board.apply {margin-top:15px;}
.board.apply .list li .head {padding:12px 15px;}
.board.apply .list li .head:after {content:''; display:block; clear:both;}
.board.apply .list li .head p {float:left; font-size:15px; color:#333;}
.board.apply .list li .head .state {display:inline-block; padding:1px 3px; font-size:11px; color:#7f8792; border:1px solid #7f8792;}
.board.apply .list li .head div {float:right;}
.board.apply .list li .head div span {position:relative; padding-left:7px; margin-left:2px; font-size:15px; }
.board.apply .list li .head div span:first-child {padding-left:0; margin-left:0;}
.board.apply .list li .head div span:after {content:''; display:inline-block; position:absolute; left:0; top:5px; height:11px; border-left:1px solid #e2e2e2;}
.board.apply .list li .head div span:first-child:after {content:none;}
.board.apply .list li .content {padding:12px 15px;}
.board.apply .list li .content dl:after {content:''; display:block; clear:both;}
.board.apply .list li .content dl dt {float:left; color:#333; font-size:14px; line-height:1.7;}
.board.apply .list li .content dl dd {float:right; font-size:14px; line-height:1.7;}
.board.apply .list li .content dl dd input {text-align:center;}

.seminarApply {padding-bottom:74px;}
.seminarApply .board.apply .list li .content dl dt {line-height:40px;}
.seminarApply .board.apply .list li .content dl dd {width:95px;}
.applyDone {padding-bottom:75px;}
.applyDone .total {margin-top:10px;}
.applyDone .total .box {background-color:#fff; border:1px solid #c9c9c9; border-radius:2px;}
.applyDone .total .box hr {margin:7px 0;}
.applyDone .total .box div {padding:7px 9px;}
.applyDone .total .box div + div {border-top:1px solid #c9c9c9;}
.applyDone .total .box dl {padding:0 5px; color:#333; line-height:2;}
.applyDone .total .box dl:after {content:''; display:block; clear:both;}
.applyDone .total .box dl dt {float:left;}
.applyDone .total .box dl dd {float:right;}
.applyDone .total .box dl dd .em {font-size:17px;}
.applyDone .row.btns .col .btn small {font-size:15px;}

.buyDone .margin + .margin {margin-top:20px;}
.buyDone .table {margin-bottom:15px;}
.buyDone .bullet {margin-top:5px;}
.buyDone .board.apply .list li .head div span {font-size:13px;}

/* 지정 좌석 보기 */
.seats {padding-bottom:75px;}
.seats .headLine {padding:18px 15px;}
.seats .headLine .info {}
.seats .headLine .info span {position:relative; margin-left:2px; padding-left:8px; font-size:13px;}
.seats .headLine .info span:after {content:''; display:inline-block; height:9px; position:absolute; left:0; top:3px; border-left:1px solid #e2e2e2;}
.seats .headLine .info span:first-child:after {content:none;}

.seats .tab.type2 {margin-top:15px; padding:0 30px;}
.seats .tab.type2 span a {background-color:transparent;}
.seats .tab.type2 .active a {background-color:#707780;}

.seats .controls {margin-top:15px;}
.seats .controls label {font-weight:14px; color:#333;}
.seats .controls p {margin-top:5px;}
.seats .floating.row.btns {width:100%; height:50px; padding:10px 0; border-top:1px solid #ebebeb; box-sizing:content-box;}
.seats .floating.row.btns .col:first-child {padding-left:10px;}
.seats .floating.row.btns .col:last-child {padding-right:10px;}
.seats .floating.row.btns .btn.lg {padding:0;}
.seats .floating.row.btns .btn .count {font-size:15px; line-height:1; vertical-align:top; display:inline-block; margin-top:25px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.tickets {margin-top:15px; padding-bottom:60px;}
.tickets.end {padding-bottom:0;}
.tickets .list > li {margin-top:6px;}
.tickets .list li .head {padding:12px 15px;}
.tickets .list li .head:after {content:''; display:block; clear:both;}
.tickets .list li .head p {float:left; font-size:15px; color:#333;}
.tickets .list li .head p > span {font-size:12px; color:#707780;}
.tickets .list li .head .info {float:right;}
.tickets .list li .head .info span {position:relative; padding-left:6px; margin-left:2px;}
.tickets .list li .head .info span:first-child {padding-left:0; margin-left:0;}
.tickets .list li .head .info span:after {content:''; display:inline-block; position:absolute; left:0; top:3px; height:11px; border-left:1px solid #e2e2e2;}
.tickets .list li .head .info span.hide + span:after {display:none;}
.tickets .list li .head .info span:first-child:after {content:none;}
.tickets .list li .head .info .btn {font:0/0 a; vertical-align:top; margin-left:6px;}
.tickets .list > li .content {position:relative; padding:0;}
.tickets .list .content:after,
.tickets .list .content:before {content:''; display:inline-block; height:100%; border-left:1px solid #e2e2e2; position:absolute;top:0; z-index:1;}
.tickets .list .content:after {left:33.3333%;}
.tickets .list .content:before {right:33.3333%;}
.tickets .list .content ul {position:relative; margin-bottom:-1px; border-top:1px solid #e2e2e2; box-sizing:border-box;}
.tickets .list .content ul:after {content:''; display:block; clear:both;}
.tickets .list .content ul:before {content:''; display:block; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #e2e2e2;}
.tickets .list .content ul li {float:left; width:33.3333%; height:45px; border-bottom:1px solid #e2e2e2; box-sizing:border-box;}
.tickets .list .content ul li:nth-child(3n) {}
.tickets .list .content ul li .btn {display:block; width:100%; height:100%; text-align:center;}
.tickets .list .content ul li .btn.sended {border:none; color:#ccc; background-color:#f9fafb;}
.tickets .list .content ul li.active {border-right:1px solid #5ac8ea; border-bottom:1px solid #5ac8ea;}
.tickets .list .content ul li.active .btn {position:relative; background-color:#66d3f6; color:#fff;}
.tickets .list .content ul li.active .btn:before {content:''; display:block; position:absolute; z-index:1; left:-1px; top:-1px; right:-1px;  bottom:0; border-top:1px solid #5ac8ea;}
.tickets .list .content ul li.active .btn:after {content:''; display:inline-block; position:absolute; right:-3px; top:0; z-index:1; border-left:6px solid transparent; border-right:6px solid transparent; border-top:0; border-bottom:6px solid #bbeaf9; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.dialog .body .tickets h2 {font-weight:normal; text-align:center; padding:5px 0 15px;}
.dialog.seats .tickets .list .content ul li .btn {line-height:44px; font-size:13px;}

/* 세미나 좌석 결제 */
.buy {padding-bottom:120px;}
.buy .fixContent {background-color:#fff;}
.buy .accordion .head button {position:relative; width:100%; height:56px; padding:0 35px 0 15px; border-bottom:1px solid #e2e2e2; background-color:#FFF; box-sizing:border-box;}
.buy .accordion .head button:after {content:''; display:inline-block; position:absolute; right:15px; top:26px; width:10px; height:6px; background-image:url('/static/images/common/icon_sprite.png'); background-position:-160px -10px; background-repeat:no-repeat; background-size:360px auto;
	-webkit-transition: -webkit-transform .2s ease-in;
	transition:transform .2s ease-in;
}
.buy .accordion .active .head button:after {background-position:-160px 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.buy .accordion .head button {font-size:17px; text-align:left;}
.buy .accordion .active .head button {color:#00b6f0;}
.buy .accordion > li > section {display:none; padding:15px; border-bottom:1px solid #e2e2e2;}
.buy .accordion > li.active > section {display:block;}
.buy .accordion > li .products {padding-top:15px;}
.buy h3 {margin-top:20px;}
.buy .title small {margin-left:7px; font-size:12px; color:#666;}

.buy .history .list .head {color:#333; font-size:15px;}
.buy .history .list .content {padding:13px 15px;}
.buy .history .list .content dl {font-size:14px; line-height:1.8; color:#333;}
.buy .history .list .content dl:after {content:''; display:block; clear:both;;}
.buy .history .list .content dl dt {float:left;}
.buy .history .list .content dl dd {float:right;}

.buy .payment .table tbody tr:last-child th,
.buy .payment .table tbody tr:last-child td {border-bottom:none;}
.buy .payment .icon.arrowRight {margin-left:7px;}
.buy .accordion > li.active > .amount {border-bottom:none;}

.buy .amount .total {padding:2px;}
.buy .amount .total .head {padding:13px 11px;}
.buy .amount .total .head:after {content:''; display:block; clear:both;}
.buy .amount .total .head dt {float:left; color:#fff; font-size:16px;}
.buy .amount .total .head dd {float:right; color:#fff; color:#f9993b; font-size:16px;}
.buy .amount .total .head dd strong {color:#f9993b; font-size:21px;}
.buy .amount .total .body {padding:20px 12px; color:#333; background-color:#fff;}
.buy .amount .total .body dl + dl {margin-top:9px;}
.buy .amount .total .body dl:after {content:''; display:block; clear:both;}
.buy .amount .total .body dt {float:left; font-size:14px;}
.buy .amount .total .body dd {float:right; font-size:14px;}
.buy .amount .total .body dd strong {font-size:17px;}
.buy .amount .detail {padding:20px 9px; margin-top:10px; font-size:14px; border:1px solid #c9c9c9; border-radius:2px; background-color:#fff;}
.buy .amount .detail hr {margin:20px 0;}
.buy .amount .detail dl {padding:0 5px;}
.buy .amount .detail dl + dl {margin-top:10px;}
.buy .amount .detail dl:after {content:''; display:block; clear:both;}
.buy .amount .detail dl dt {float:left; color:#333;}
.buy .amount .detail dl dd {float:right; color:#333;}
.buy .amount .detail dl dd strong {font-size:17px; color:#333;}
.buy .agreement {padding:15px 0; background-color:#fff;}
.buy .agreement label {color:#333; font-size:14px;}
.buy .fixBottom .fixContent {height:120px;}

/* 좌석 결제 완료 */
.buyDone .guide {margin:15px 0; color:#333;}
.buyDone .guide .box {padding:20px 15px;}
.buyDone .guide .box .text1 {font-size:17px;}
.buyDone .guide .box .text2 {font-size:13px;}
.buyDone .payment .table {margin-bottom:12px;}
.buyDone .apply {margin-top:15px;}
.buyDone .apply .bar:after {content:''; display:block; clear:both;}
.buyDone .apply .bar .title {float:left;}
.buyDone .apply .bar .aRight {float:right; font-size:13px;}
.buyDone .apply .bar .aRight strong {font-size:15px; color:#333;}

/* 고객행복센터 */
#body.helpdeskMain {padding:70px 20px 15px;}
.helpdeskMain .box.default {padding:15px; background-color:#fff; font-size:12px; color:#666;}
.helpdeskMain .box.default .title {font-size:18px; color:#333; font-weight:bold;}
.helpdeskMain .box.default .box.primary {margin-top:13px; padding:10px 5px; font-size:12px; color:#999;}
.helpdeskMain .box.default .box.primary em {font-size:14px; color:#333;}
.helpdeskMain .box.default .box.primary strong {font-size:15px;}
.helpdeskMain .box.default .box.primary p span {display:inline-block; position:relative; margin-left:7px; padding-left:5px;}
.helpdeskMain .box.default .box.primary p span:after {content:''; display:inline-block; position:absolute; left:0; top:2px; height:9px; border-left:1px solid #c9c9c9;}
.helpdeskMain .box.default .box.primary p span:first-child {margin-left:0; padding-left:0;}
.helpdeskMain .box.default .box.primary p span:first-child:after {content:none;}
.helpdeskMain .box.default .box.primary a {color:inherit;}
.helpdeskMain .box.default .box.primary a[href*=tel]:before {content:''; display:inline-block; width:11.5px; height:10.5px; margin-right:3px; background-repeat:no-repeat; background-size:360px auto; background-position:-335px -25px; background-image:url('/static/images/common/icon_sprite.png');}
.helpdeskMain .box.default .box.primary strong a[href*=tel]:before {content:none;}
.helpdeskMain .box.default .box.primary small {display:inline-block;}

.contactUs .tab {margin-bottom:15px;}
.contactUs .tab span {width:50%;}
.contactUs .domestic section + section {margin-top:25px;}
.contactUs .domestic .content {position:relative; padding:15px 0; font-size:12px; color:#333; border-top:1px solid #707780; border-bottom:1px solid #e2e2e2;}
.contactUs .domestic .content address {padding-right:100px;}
.contactUs .domestic .content .btn {position:absolute; right:0; top:17px;}
.contactUs .domestic .content dl {margin-top:7px; padding-left:7px; color:#333;}
.contactUs .domestic .content dl:first-child {margin-top:0;}
.contactUs .domestic .content dl dt {position:relative; font-size:13px; font-weight:bold;}
.contactUs .domestic .content dl dt:after {content:''; display:inline-block; position:absolute; left:-7px; top:7px; width:3px; height:3px; background-color:#707780;}
.contactUs .domestic .content dl dd {font-size:12px;}
.contactUs .domestic .content dl.align dd {position:relative; padding-left:65px;}
.contactUs .domestic .content dl dd + dd {margin-top:5px;}
.contactUs .domestic .content dl.align dd strong {position:absolute; left:0; top:0;}

.contactUs .foreign {padding-bottom:11px;}
.contactUs .foreign .list li .content {font-size:14px; color:#333;}
.contactUs .foreign .list li .content .bulletList {margin-top:5px;}
.dialog.map .place .content .bulletList li,
.contactUs .foreign .list li .content .bulletList li {position:relative; padding-left:9px; display: table; width: 100%; table-layout: fixed; }
.dialog.map .place .content .bulletList li:after,
.contactUs .foreign .list li .content .bulletList li:after {content:''; display:inline-block; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#707780;}
.dialog.map .place .content .bulletList li .label,
.contactUs .foreign .list li .content .bulletList li .label {display:inline-block; width:50px; display: table-cell; }
.contactUs .foreign .list li .footer {border-top:1px solid #e2e2e2;}
.contactUs .foreign .list li .footer .btn {color:#666;}

/* 공지사항 */
.noticeList {padding-bottom:20px;}
.noticeList .row.search {margin:20px 0 10px;}
.noticeList .controls .bar:after {content:''; display:block; clear:both;}
.noticeList .controls .bar .text {line-height:40px;}
.noticeList .controls .bar .select {float:right; width:165px;}
.noticeList .board .list4 {margin:10px 0; font-size:14px;}
.noticeList .board .list4 li {height:66px; white-space:nowrap; box-sizing:border-box;}
.noticeList .board .list4 li.new,
.noticeList .board .list4 li.file {position:relative; padding-right:40px;}
.noticeList .board .list4 li a {display:block; height:66px; padding:13px 15px 0;}
.noticeList .board .list4 li a p {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; vertical-align:top;}
.noticeList .board .list4 li a .icons {display:inline-block; height:16px; vertical-align:text-top;}
.noticeList .board .list4 li a .icons .icon {display:none; vertical-align:top;}
.noticeList .board .list4 li.new a .icons .icon.new,
.noticeList .board .list4 li.file a .icons .icon.file {display:inline-block;}
.noticeList .board .list4 p {color:#333;}
.noticeList .btnMore {margin:0 15px;}
.noticeList .board .list4 .info time,
.noticeDetail .board.detail .info time{font-size:12px; color:#999;}
.noticeDetail {height:100%;}
.noticeDetail .board.detail {padding-bottom:120px; word-wrap: break-word;}
.noticeDetail .seminarLocal {margin-top:15px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; overflow:hidden; border-radius:2px;}
.noticeDetail .seminarLocal:after {content:''; display:block; clear:both;}
.noticeDetail .seminarLocal li {float:left; width:33.3333%; box-sizing:border-box; background-color:#fff;}
.noticeDetail .seminarLocal li .btn {display:block; width:100%; text-align:left; position:relative; height:40px; padding:0 15px; margin-top:-1px; margin-right:-1px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; line-height:40px; color:#333;  box-sizing:border-box;}
.noticeDetail .seminarLocal li .btn .arrowRight {position:absolute; right:15px; top:15px;}
.noticeDetail .row.btns.margin.floating.box { padding: 0 15px; margin-bottom:0;height:72px;}
.noticeDetail .row.btns.margin.floating.box .col { padding-top: 15px;padding-bottom: 15px;}
.noticeDetail .board.detail .content {    border-bottom: 0;}
.noticeList .board .noticeImportant.list4 {margin: 10px 0 -10px; background-color: #f1f2f4;}
.noticeList .board .noticeImportant.list4 li {border-top: 1px solid #e2e2e2;}
.noticeList .board .noticeImportant.list4 li:first-child {border-top: none;}
.noticeImportant .head {position: relative; padding: 0 15px; border-bottom: 1px solid #05abdf; }
.noticeImportant .head button {font-size: 16px; line-height: 60px; font-weight: bold; color: #333; }
.noticeImportant .head button:after {content:''; display:inline-block; position:absolute; right:15px; top:28px; width:10px; height:6px; background-image:url('/static/images/common/icon_sprite.png'); background-position:-160px -10px; background-repeat:no-repeat; background-size:360px auto;-webkit-transition: -webkit-transform .2s ease-in;transition:transform .2s ease-in;}
.noticeImportant.active .head button:after {background-position:-160px 0; -webkit-transform:translateY(-1px) rotate(180deg); transform:translateY(-1px) rotate(180deg);}
.noticeImportant .content {display: none;}
.noticeImportant.active .content {display: block; border-bottom: 1px solid #05abdf;}


/* 자주하는 질문 */
.faqList {padding-bottom:20px; background-color:#fff;}
.faqList .row.search {margin:20px 0 10px;}
.faqList .controls .bar:after {content:''; display:block; clear:both;}
.faqList .controls .bar .text {line-height:40px; color:#333; font-size:15px;}
.faqList .controls .bar .select {float:right; width:165px;}
.faqList .board {background-color:#fff;}
.faqList .board .list4 {margin:10px 0; font-size:14px;}
.faqList .board .list4 li {}
.faqList .board .list4 li .head {background-color:#fff;}
.faqList .board .list4 li .head button {width:100%; padding:14px 15px 13px; line-height:1.5; font-size:14px; color:#333; text-align:left; box-sizing:border-box;}
.faqList .board .list4 li .head .category {display:inline-block; height:17px; margin-top:1px; margin-right:3px; padding:1px 3px 0; color:#8d959f;  font-size:11px; vertical-align:top; border:1px solid #8d959f; box-sizing:border-box;}
.faqList .board .list4 li .content {display:none; padding:14px 15px 13px; font-size:13px; color:#0666; border-top:1px solid #e2e2e2; background-color:#f1f2f4;}
.faqList .board .list4 li .content p + p {margin-top:10px;}
.faqList .board .list4 li.active .content {display:block;}
.faqList .noData.search {margin-top:110px;}
.qnaWrite .tab,
.qnaList .tab {padding:15px 35px;}
.qnaList .board .bullet {margin-bottom:5px;}
.qnaList .board .list4 {margin-top:10px;}
.qnaList .board .list4 li {background-color:#fff;}
.qnaList .board .list4 li .head {padding:14px 15px 11px;}
.qnaList .board .list4 li .head .state {display:inline-block; height:17px; margin-right:3px; padding:1px 3px 0; border:1px solid #8d959f; font-size:11px; color:#8d959f; box-sizing:border-box;}
.qnaList .board .list4 li .head .state.primary {border:1px solid #00b6f0; color:#00b6f0;}
.qnaList .board .list4 li .head button {text-align:left;}
.qnaList .board .list4 li .head button p {margin-top:6px; vertical-align:top; font-size:14px; color:#333; word-wrap: break-word; word-break:break-all;}
.qnaList .board .list4 li .head button .title {display:inline-block; line-height:1; vertical-align:top;}
.qnaList .board .list4 li .head button .icon.new {vertical-align:top; -webkit-transform:translateY(-2px); transform:translateY(-2px);}
.qnaList .board .list4 li .head button time {font-size:12px; color:#999;}
.qnaList .board .list4 li .content {display:none; position:relative; padding:0 15px 35px; border-top:1px solid #e2e2e2; font-size:13px; color:#666; background-color:#f1f2f4;}
.qnaList .board .list4 li.active .content {display:block;}
.qnaList .board .list4 li .content div {position:relative; padding:15px 0 10px 28px;}
.qnaList .board .list4 li .content div:after {content:''; display:inline-block; position:absolute; left:0; top:14px; width:20px; height:20px; background-image: url('/static/images/common/icon_sprite.png'); background-repeat:no-repeat; background-size:360px auto;}
.qnaList .board .list4 li .content .question {min-height:20px; padding-bottom:15px; word-wrap: break-word; word-break:break-all;}
.qnaList .board .list4 li .content .question:after {background-position:-70px -25px;}
.qnaList .board .list4 li .content .answer {padding-top:15px; border-top:1px solid #e2e2e2; word-wrap: break-word; word-break:break-all;}
.qnaList .board .list4 li .content .answer:after {background-position:-95px -25px;}
.qnaList .board .list4 li .content button {position:absolute; right:15px; bottom:20px; font-size:13px; color:#7f8792;}
.qnaList .board .list4 li .content button .icon {vertical-align:text-top;}

.qnaWrite .box.primary {padding:15px; font-size:14px;}
.qnaWrite .box.primary a {display:block;}
.qnaWrite .write {margin-top:15px;}
.qnaWrite .write textarea {height:250px; margin-top:10px;}
.qnaWrite .write .fileControls {height:30px; margin-top:5px; margin-bottom:10px;}
.qnaWrite .write .fileControls > span {vertical-align:sub;}
.qnaWrite .write .fileControls .btnFile {margin-left:39px;}
.qnaWrite .write .fileControls .btnFile label {font-size:13px; line-height:30px; display:block; height:30px; padding:0 15px;}
.qnaWrite .write .bullet {margin-top:10px;}
.qnaWrite .table {margin-top:10px; border-top:1px solid #e2e2e2;}

.benefitNotice .tab span {width:17%;}
.benefitNotice .headLine {padding:20px 0 15px; text-align:center; box-shadow:none;}
.benefitNotice .headLine h2 {font-size:18px; font-weight:bold; color:#333;}
.benefitNotice .board .box.dark {height:40px; margin-bottom:15px; padding-top:10px; font-size:14px; text-align:center; box-sizing:border-box;}
.benefitNotice .board .list .head .title {font-weight:bold; font-size:15px; color:#333;}
.benefitNotice .board .list .content {color:#333; font-size:14px;}
.benefitNotice .board .list .content dl {line-height:1.8;}
.benefitNotice .board .list .content dl:after {content:''; display:block; clear:both;}
.benefitNotice .board .list .content dl dt {float:left;}
.benefitNotice .board .list .content dl dd {float:right;}

/* 라이프스타일 센터 */
.LiftStyleCenterMain > section { margin-top: 15px;}
.LiftStyleCenterMain .table {table-layout:fixed; word-break: break-word;}
.wrapIframe {position: relative; padding-bottom: 56.25%;}
.wrapIframe iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.centerMap a {display: block;}
.centerMap a img {max-width: 100%;}

.EducationCenterMain > section { margin-top: 15px;}

.EducationCenterMain .search {margin: 20px 0 10px;}
.EducationCenterMain .search .icon.search {width: 20px; height: 21px; margin: 0; vertical-align: middle; background-image: url('/static/images/common/layout_sprite.png'); background-size: 360px auto; background-position: -50px -25px}
.EducationCenterMain .search input[type='search'] {padding-right: 40px;}

.EducationCenterMain .icon {display: inline-block; width: 20px; height: 14px; background-image: url('/static/images/common/icon_centerlist.png'); background-size: auto;}
.EducationCenterMain .icon.address {background-position: 0 0;}
.EducationCenterMain .icon.telephone {background-position: -20px 0;}
.EducationCenterMain .icon.leader {background-position: -40px 0;}

.EducationCenterMain .table {table-layout:fixed; word-break: break-word; border-color: #808080;}
.EducationCenterMain .table tbody tr:nth-child(odd) th,
.EducationCenterMain .table tbody tr:nth-child(odd) td {background-color: #f8f8f8;}
.EducationCenterMain .table tbody .acenter {text-align: center;}
.EducationCenterMain .table tbody th,
.EducationCenterMain .table tbody td {border-color: #9e9e9e;}
.EducationCenterMain .table tbody td {padding: 0;}
.EducationCenterMain .table tbody tr td:only-child {padding: 10px;}
.EducationCenterMain .table tbody .icon.sm.sns.fb {background-image: url('/static/images/common/icon_facebook_round.png')}
.EducationCenterMain .table li {position: relative; min-height: 35px; padding: 10px 10px 10px 30px; border-top: 1px solid #ddd; box-sizing: border-box;}
.EducationCenterMain .table li:first-child {border-top: none;}
.EducationCenterMain .table li .icon {position: absolute; left: 10px; top: 50%; margin-top: -7px;}
.EducationCenterMain .table li .icon.address {background-position: 0 -15px;}
.EducationCenterMain .table li .icon.telephone {background-position: -20px -15px;}
.EducationCenterMain .table li .icon.leader {background-position: -40px -15px;}

.EducationCenterTableGuide {margin-bottom: 10px; text-align: right;}
.EducationCenterTableGuide li {position: relative; display: inline-flex; margin-left: 15px; align-items:center;}