/* Minification failed. Returning unminified contents.
(342,93): 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 .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('http://static.atomy.com/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 .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 .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('http://static.atomy.com/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 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 .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('http://static.atomy.com/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;text-shadow: 0 0 #333;}
.helpdeskMain .box.default .box.primary strong{font-size:15px}
.helpdeskMain .box.default .box.primary p.snsChat{margin-top:16px;line-height:40px;background:#fff;border-radius:4px;color:#666;font-size:14px;}
.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,
.helpdeskMain .box.default .box.primary p.snsChat span{margin-left:0;padding-left:0}
.helpdeskMain .box.default .box.primary p span:first-child:after,
.helpdeskMain .box.default .box.primary p.snsChat span: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('http://static.atomy.com/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}
.helpdeskMain .box.default .box.primary .icoChat {vertical-align:text-top;}

.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;}
.contactUs .foreign .list li .content .bulletList li{word-break:break-all}
.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 .content .bulletList li .label.long{width:77px;}
.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('http://static.atomy.com/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}

/* OP-243 자료실 추가 */
.archiveDetail .board.detail{padding-bottom:75px}
.archiveDetail .board.detail .content .contentTxt{min-height:calc(100vh - 335px)}
.archiveDetail .board.detail .content .btns  {position:relative}
.archiveDetail .board.detail .downloadBtn{background-color:#707780!important;border:none!important;color:#fff!important}
.archiveDetail .board.detail .downloadBtn span:first-child{background-image:url(http://static.atomy.com/static/jp/ja-jp/images/common/icon_sprite.png); background-position:-108px -57px; padding-left:22px}
.archiveDetail .board.detail .palt{font-size:12px;position:absolute;z-index:100000 !important; bottom:calc(100% + 10px);left:50%;transform:translateX(-50%); padding-left:3px;margin-left:0;border:1px solid #666;background:#fff;line-height:1.5;padding:10px}
.archiveDetail .board.detail .palt img{position:absolute;bottom:-12px;width:14px;transform:rotate(180deg) translateX(50%);left:50%;}
.archiveDetail .board.detail .palt span{display:inline-block;text-align:left}
.archiveDetail .board.detail .palt span em{color:#F60}
.archiveDetail .board.detail .downfile{text-align:left}
.archiveDetail .board.detail .downfile a{display:block;font-size:12px;font-weight:normal;text-decoration:underline;background:url(http://static.atomy.com/static/jp/ja-jp/images/common/orgDots1.gif) 0 center no-repeat;padding-left:7px}



/* 자주하는 질문 */
.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 .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}
.qna .tab,
.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{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('http://static.atomy.com/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 .image{margin-top:15px;border:1px solid #e2e2e2}
.qnaList .board .list4 li .content .zip,
.qnaList .board .list4 li .content .pdf{margin-top:15px}
.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;padding-left: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}
.qnaWrite .table .row.tel .col.check:first-of-type{width:25px;padding-right:5px;}

.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:10px 0}
.EducationCenterMain .search .icon.search{width:20px;height:21px;margin:0;vertical-align:middle;background-image:url('http://static.atomy.com/static/images/common/layout_sprite.png');background-size:360px auto;background-position:-50px -25px}
.EducationCenterMain .search input[type='search']{padding-right:40px}
.EducationCenterMain .search.noData{margin: 50px 0 10px} 

.EducationCenterMain .icon{display:inline-block;width:17px;height:14px;background-image:url('http://static.atomy.com/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 .icon.time{background-position:-58px 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 .inlineBlock {display:inline-block}
.EducationCenterMain .table tbody .icon.sm.sns.fb{background-image:url('http://static.atomy.com/static/images/common/icon_facebook_round.png');display:block;margin:0 auto}
.EducationCenterMain .table tbody .icon.sm.sns.ln{background-image:url('http://static.atomy.com/static/images/common/icon_line.png');display:block;margin:0 auto;border-radius:3px;margin-right:3px}
.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:-37px -15px}
.EducationCenterMain .table li .icon.time{background-position:-56px -15px}

.EducationCenterTableGuide{margin:10px 0;text-align:right}
.EducationCenterTableGuide li{position:relative;display:inline-flex;margin-left:15px;align-items:center;font-size:14px;line-height:1.1}

/* Education Center Search */
.EducationCenterMain .searchset{display:table;table-layout:fixed;position:relative;width:100%;margin-top:15px;box-sizing:border-box}
.EducationCenterMain .searchset .col_search{position:relative;display:table-cell;width:100%}
.EducationCenterMain .searchset .edusearch{border-color:#bfc2c6;font-size:12px;padding:0 3px 0 1px}
.EducationCenterMain .searchset .icon.Wsearch{width:20px;height:21px;margin:0;vertical-align:middle;background-image:url('http://static.atomy.com/static/images/common/layout_sprite.png');background-size:360px auto;background-position:-25px -25px}
.EducationCenterMain .searchset input[type='search']{padding-right:40px}
.EducationCenterMain .searchset .col_btns{position:relative;display:table-cell;width:18%;padding-left:5px}
.EducationCenterMain .searchset .bsize{width:100%;height:40px;padding:0 4px;font-size:14px}

/* Education Center Search(select+input) */
.SearchSet{padding:0 15px;background-color:#fff}
.SearchSet .row.period{display:table;table-layout:fixed;position:relative;width:100%;box-sizing:border-box}
.SearchSet .row.period .col_select{position:relative;display:table-cell;width:20%}
.office_id .SearchSet .row.period .col_select{width:32%}
.SearchSet .row.period .col_select span.select{width:100%}
.SearchSet .row.period .col_input{position:absolute;display:table-cell;width:60%;margin-left:5px}
.office_id .SearchSet .row.period .col_input{width:48%}
.SearchSet .row.period .col_input .edusearch{border-color:#bfc2c6;font-size:12px;padding:0 3px 0 1px}
.SearchSet .row.period .icon.Wsearch{width:20px;height:21px;margin:0;vertical-align:middle;background-image:url('http://static.atomy.com/static/images/common/layout_sprite.png');background-size:360px auto;background-position:-25px -25px}
.SearchSet .row.period .col_btns{position:relative;display:table-cell;width:18%;padding-left:5px}
.SearchSet .row.period .bsize{width:100%;height:40px;padding:0 4px;font-size:14px}
