@charset "utf-8";
/* webfont 설정 */
@import url("//kacpr.org/webfont/notosans-kr.css");
/* All */
header,footer,section,article,aside,nav,menu,figure,figcaption{ display:block}
html,body{ min-height:100vh; margin:0}
body{ overflow-y:scroll}
body,table,input,textarea,select,optgroup,button{ font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif'; color:#505050}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; text-decoration:none; list-style:none; letter-spacing:-0.03em; word-break:keep-all; font-weight:400}
img,object,embed { height:auto; border:0}
a { text-decoration:none}
/* Forms */
form,fieldset { margin:0; padding:0; border:0}
legend { position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-10000px; overflow:hidden}
input,textarea,select,input[type="file"]{ font-weight:400; line-height:normal}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance:none; border-radius:0}
select,
textarea,
input[type="date"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="tel"]{
padding:5px 10px;
background-color:#fff;
border:1px solid #e0e0e0;
vertical-align:middle;
-webkit-transition:border linear 0.2s;
-moz-transition:border linear 0.2s;
-o-transition:border linear 0.2s;
transition:border linear 0.2s}
input:read-only{ background-color:#f5f5f5 !important; color:#808080 !important}
input:required{ border:1px solid #e0e0e0 !important}
input:required:active,input:required:focus{ border-color:#e00129 !important}
input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0}
select{
/* 네이티브 외형 감추기 */
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
/* 네이티브 화살표 대체 */
background:url(/images/common/select-icons.png) no-repeat;
/* iOS 둥근모서리 제거 */
border-radius:0;
/* 사용자 컨트롤 */
line-height:normal;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{ display:none}
.select-wrap{ display:inline-block; vertical-align:middle}
textarea:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{
color:#505050;
border-color:rgba(118, 174, 235, 0.5);
outline:0;
}
input[type="radio"],
input[type="checkbox"]{
margin:0 8px 0 0;
line-height:normal;
vertical-align:middle;
cursor:pointer}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="number"],
input[type="checkbox"]{ width:auto; border-radius:0}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#c9c9c9} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#c9c9c9} /* Mozilla Firefox에 적용 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#c9c9c9} /* Internet Explorer 10 이상에 적용 */
/* File Browser */
.file-browser{ display:inline-block; position:relative; margin:0}
.file-input,
.file-input-div{ display:inline-block}
.file-input{ width:80% !important; line-height:normal}
.file-input-div{ position:absolute; left:0; overflow:hidden; width:100% !important}
.file-input-div .file-button{ float:right; margin:0 !important; padding:0 !important; width:20% !important; background:#999 !important; border:0 !important}
.file-input-div .file-button input[type=button]{ display:block; width:100%; height:100%; color:#fff; background:transparent; border:0; vertical-align:top; cursor:pointer; border-radius:0; text-align:center}
.file-input-div input[type=file]{ width:100%; cursor:pointer}
.file-input-hidden{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}
.write-con.file-add .button-add,
.write-con.file-add .button-minus{ position:absolute; top:0; text-align:center; background:#566374}
.write-con.file-add .button-minus{ right:0}
.write-con.file-add .button-add input[type=button],
.write-con.file-add .button-minus input[type=button]{ display:block; width:100%; height:100%; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px}
.write-con.file-add .button-add input[type=button]{ background-image:url(/images/common/add.png)}
.write-con.file-add .button-minus input[type=button]{ background-image:url(/images/common/minus.png)}
/* Align - Clear */
.text-align-right { text-align:right}
.text-align-left { text-align:left}
.text-align-center { text-align:center}
.fl-left { float:left !important}
.fl-right { float:right !important}
.fl-left.half,.fl-right.half{ width:50% !important}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:after { clear:both}
.no-margin { margin:0 !important}
.ml-0 { margin-left:0 !important}
/*! jquery.skipNav.css © yamoo9.net, 2015 */
.skip-contents { position:relative; display:block; background:#333}
.skip-contents>a{ position:absolute; display:block; padding:10px 21px; width:100%; height:1px; color:#fff; overflow:hidden}
.skip-nav {
position:absolute;
z-index:9999;
top:0;
left:0;
}
.a11y-hidden {
overflow: hidden;
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.a11y-hidden.focusable:focus,
.a11y-hidden.focusable:active{
overflow: visible;
position: static;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/* Box Sizing */
html{ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
html{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
*, *:before, *:after{ box-sizing: inherit}
img{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
/* Scroll To Top */
#back-top {
position:fixed;
z-index:30000;
width:45px;
height:45px;
border:1px solid #d7d7d7;
text-indent:-9999px;
background:url(/images/common/topofpage.png) no-repeat scroll 0 0 transparent;
background-color:#fefefe;
-webkit-transition-duration:0s;
-moz-transition-duration:0s;
-o-transition-duration:0s}
#back-top:hover { background-position:0 0}
/* Search Form */
.searchForm { position:relative; padding:0}
.searchForm label { position:absolute; top:-9999px; color:#454545; font-weight:500; cursor:pointer}
.searchForm input { vertical-align:top}
.searchForm input[type=text]{ margin:0 -6px 0 0; border:1px solid #d5d5d5}
.searchForm input[type=submit],
.searchForm input[type=button]{ border:0; background:url(/images/btn/btn-search.png) no-repeat; cursor:pointer; text-indent:-9999px}
.searchForm .data-result span,
.searchForm .data-result strong{ display:inline-block; vertical-align:middle}
.searchForm .data-result strong{ color:#609ff4; font-weight:700}
/* Button */
.buttonWrap { position:relative}
.button-centered { text-align:center}
.button-right { text-align:right}
/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0 1px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; overflow:visible; color:#fff !important}
.button { padding:0; vertical-align:middle; background-position:left top}
.button a,
.button button,
.button input { left:0; vertical-align:top; cursor:pointer; background-position:right top}
/* Button Color */
.button.blue,
.button.red,
.button.grey { text-align:center}
.button.blue a,
.button.blue button,
.button.blue input { background-color:#609ff4 !important}
.button.red a,
.button.red button,
.button.red input { background-color:#e00129 !important}
.button.grey a,
.button.grey button,
.button.grey input { background-color:#77757e !important}
/* Board List-View */
.boardWrap,
.boardList { position:relative}
.board-content h1 { font-size:2em}
.board-content h1,.board-content h2,.board-content h3,.board-content h4{ font-weight:700; line-height:normal}
.board-content em { font-style:italic}
.board-content s { text-decoration:line-through}
.board-content strong { font-weight:700 !important}
.board-content a { display:inline-block !important; float:none !important}
.board-content img { max-width:100%}
.board-content table { width:100%; border-collapse:collapse; margin:10px 0}
.board-content caption { padding-bottom:8px; font-size:13px; color:#777; text-align:left}
.board-content table,.board-content tbody,.board-content tfoot,.board-content thead,.board-content tr,.board-content th,.board-content td{ padding:3px 10px; border-collapse:collapse; border-spacing:0; border:1px solid}
.board-content table table,
.board-content table table thead,
.board-content table table tbody,
.board-content table table tr,
.board-content table table td,
.board-content table table table,
.board-content table table table thead,
.board-content table table table tbody,
.board-content table table table tr,
.board-content table table table td,
.board-content table table table table
.board-content table table table thead thead,
.board-content table table table thead tbody,
.board-content table table table table tr,
.board-content table table table table td{ border:0 !important}
div.board-content div { margin:0 !important; min-height:auto}
/* List-thumb Mixed */
.thumb-list { padding-bottom:1px}
.thumb-list ul { margin:0; padding:0; list-style:none}
.thumb-list li { position:relative; margin:0 0 -1px 0; border:1px solid #e3e3e3; border-left:0; border-right:0; vertical-align:top}
.thumb-list li:first-child { border-top:2px solid #808080}
.thumb-list li:last-child { border-bottom-color:#808080}
.thumb-list li:after { display:block; clear:both; content:""}
.thumb-list .no { text-align:center}
.thumb-list img,
.thumb-list .no,
.thumb-list .u-name,
.thumb-list .approval,
.thumb-list .approval em,
.thumb-list .title,
.thumb-list .title strong,
.thumb-list .edu-institution{ display:inline-block; vertical-align:middle}
.thumb-list a { color:#555; text-decoration:none; cursor:pointer}
.thumb-list strong { font-weight:500; vertical-align:top}
.thumb-list a:hover,
.thumb-list a:active,
.thumb-list a:focus,
.thumb-list a:hover .title,
.thumb-list a:active .title,
.thumb-list a:focus .title { color:#609ff4; text-decoration:underline}
.thumb-list .thumb,
.thumb-list .thumb2 { display:inline-block; float:left; padding:0; border:1px solid #ddd; overflow:hidden}
.thumb-list .thumb2 { display:block; float:none; border:0}
.thumb-list .thumb img { display:block; width:100%; border:0}
.thumb-list .thumb2 img { display:inline-block; margin-bottom:5px; max-width:100%}
.thumb-list .title strong { color:#609ff4}
.thumb-list div,
.thumb-list .title,
.thumb-list .list-numeral { color:#666}
.thumb-list .list-numeral { display:block; letter-spacing:0}
.thumb-list .numeral,
.thumb-list .postedby { display:inline-block; margin:0; width:auto; text-transform:uppercase}
.thumb-list .numeral span,
.thumb-list .postedby span { display:inline-block; vertical-align:middle; letter-spacing:0}
.thumb-list .continue { font-family:'Tahoma'; margin:10px 0 0 0; font-size:11px; color:#00be88; font-weight:500; font-style:italic; line-height:11px; letter-spacing:0}
.thumb-list .continue a { font-size:11px; line-height:11px}
.thumb-list .continue span { font-family:'돋움'; font-style:normal; font-size:12px}
.thumb-list .notify { background:url(/images/btn/notice.png) no-repeat}
.thumb-list .notify a span { color:#609ff4}
.thumb-list .add-file { display:block; text-align:right}
.thumb-list .add-file em { color:#888; font-weight:500}
.thumb-list .no-message { display:block; text-align:center}
.thumb-list.view { padding-bottom:0}
.thumb-list.view li:first-child{ border-top-color:#609ff4}
.thumb-list.view span { padding:0}
.thumb-list.view .title { display:block}
.thumb-list.view .title strong{ color:#333}
.thumb-list.view .edu-institution{ width:auto; color:#609ff4}
.thumb-list.view .numeral span{ color:#666}
.thumb-list.view .add-file { display:inline-block; vertical-align:middle; text-align:left}
.thumb-list.view .add-file a{ display:inline-block; vertical-align:middle; color:#fff; font-weight:500; background:#609ff4; text-transform:lowercase; letter-spacing:0}
.thumb-list.view .thumb { border:0; height:auto}
.thumb-list.view .thumb2 img{ margin-bottom:0}
.thumb-list.view div.board-content{ min-height:150px}
.thumb-list.view.qna li:last-child{ border-bottom-color:#e3e3e3}
/* Next - Prev */
.next-prev ul { margin:0; padding:0; list-style:none}
.next-prev li { position:relative; margin:-1px 0; padding:0; color:#666; border:1px solid #e3e3e3; border-right:0; border-left:0; vertical-align:top}
.next-prev li:after { display:block; clear:both; content:""}
.next-prev li:first-child { border-top-color:#808080}
.next-prev li a { display:inline-block; color:#666; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.next-prev li a.prev,
.next-prev li a.next { color:#666; font-weight:700; text-align:center; background:#f8f8f8}
.next-prev li span { position:absolute; letter-spacing:0}
/* Board Write-Edit */
.write-con textarea,
.write-con input[type=email],
.write-con input[type=password],
.write-con input[type=text],
.write-tit input[type=text] { width:100%}
.write-con .fl-left,.write-con .fl-right{ width:49%}
.write-tit { margin:-1px 0; padding:10px 0; border:1px solid #eee; border-left:0; border-right:0; border-top:1px solid #808080}
.write-con label,
.write-tit .title { margin:0; font-weight:500}
.editor,
.write-con { position:relative; margin:-1px 0; padding:10px 0; border:1px solid #eee; border-left:0; border-right:0}
.write-con.e-mail { margin-bottom:1px; border-bottom:1px solid #609ff4}
.editor textarea,
.write-con textarea { width:100%; border:1px solid #eee}
.write-con label,
.write-con span,
.write-tit .title label,
.write-tit .title span { display:inline-block; margin:0}
.write-con span,
.write-tit .title span { margin-left:-4px}
.editor div,
.write-con .tarea { padding:10px 0}
.write-con .upload { padding:10px 0}
.write-con .file-upload { padding:15px 20px; background:#fff; border:1px solid #ddd}
.write-con .file-upload div { margin-top:10px}
.write-con .file-upload label,
.write-con .file-upload span{ padding:0; width:auto; height:auto; line-height:normal}
.write-con .file-upload label{ padding:0 15px 0 0; border:0}
.write-con .file-upload span{ width:75%}
.write-con .file-upload img { margin:0; vertical-align:middle}
.write-con .file-upload p { }
.write-con .file-upload input[type=checkbox]{ width:auto; padding:0; margin:0 2px 0 10px; vertical-align:middle; border:0; background:none}
.write-con .file-upload input[type=file]{ width:100%; padding:5px; border:1px solid #ddd; border-radius:0; background:#fff}
.write-con .file-upload .file{ font-size:13px; color:#609ff4; margin-top:3px; padding-left:12px; background:url(/images/btn/icon-attach.gif) 0 2px no-repeat}
.write-con .file-upload .discrip-photo{ margin:2px 0 5px 0}
.write-con .file-upload .discrip-attach{ margin:5px 0}
.write-con .file-browser { width:100%}
.write-con .file-input-div { top:0}
/* Comment */
.reply-list { margin:30px 0}
.reply-list p { position:relative; margin:0 !important; padding:12px 10px; font-size:14px; text-align:left !important}
.reply-list p strong { color:#ff6d60; font-weight:500}
.reply-list p span { position:absolute; top:12px; right:10px; font-weight:500}
ul.ul-reply { margin-top:1px}
ul.ul-reply li { position:relative; margin:-1px 0; padding:12px 10px; border:1px solid #e3e5e8; border-left:0; border-right:0}
ul.ul-reply li strong,
ul.ul-reply li span { display:block; font-size:14px; line-height:24px}
ul.ul-reply li strong { color:#609ff4; font-weight:500}
ul.ul-reply li span a { display:inline-block; margin-left:10px; width:16px; height:16px; background:url(/images/btn/btn-delete.png) 0 0 no-repeat; text-indent:-9999px; vertical-align:middle}
ul.ul-reply .write-date { position:absolute; top:13px; right:10px; font-size:13px}
.reply-list.reply-write { margin:0}
.write-reply { border-top:1px solid #609ff4}
.write-reply p strong { color:#666}
.write-reply p span { position:absolute; top:12px; right:10px; font-size:13px; color:#9da4a7; font-weight:500}
.write-reply .write-info { position:relative}
.write-reply .write-info label,
.write-reply .write-info input{ display:inline-block; vertical-align:middle}
.write-reply .write-info label{ width:80px}
.write-reply .input-box,
.write-reply .button-box { height:70px; overflow:hidden}
.write-reply .input-box { float:left; border:1px solid #e3e5e8}
.write-reply .button-box { float:right}
.write-reply .input-box textarea,
.write-reply a,
.write-reply input[type=submit],
.write-reply input[type=button]{ display:inline-block; width:100%; height:70px; line-height:70px; text-align:center; border:0}
.write-reply a,
.write-reply input[type=submit],
.write-reply input[type=button]{ color:#fff; font-weight:500; background:#e00028; cursor:pointer}
.write-reply .input-box textarea{ text-align:left; line-height:normal}
ul.reply-comment li { position:relative; border-bottom:1px solid #e3e3e3}
ul.reply-comment li.blue-line{ background:#609ff4}
ul.reply-comment li strong { color:#fff; font-weight:400}
.button-edit,.button-cancel { padding:5px 10px; font-size:14px; color:#fff; border:0; cursor:pointer}
.button-edit { background:#609ff4}
.button-cancel { background:#444}
.edit-delete { position:absolute}
.edit-delete button { color:#609ff4; border:0; background:#fff; cursor:pointer}
/* Masonry List */
.inline-box { position:relative; margin:-10px -20px -30px 0}
.grid-box {
position:relative;
float:left;
margin:0;
padding:0;
background:#fff;
border:1px solid #d7d7d7;
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease}
.grid-box a { display:block}
.grid-box a.view { display:inline-block; vertical-align:middle; color:#707070; background:url(/images/common/go-arrow.png) 100% 70% no-repeat}
.grid-box strong { display:block; color:#333; font-weight:500}
.grid-box .imgholder { padding:0; font-size:0}
.grid-box .imgholder img { display:block; width:100%; background:#fff}
.grid-box .dv-line { height:1px; background:url(/images/common/dot-line.gif) repeat-x}
.grid-box .post-memo { margin:0; color:#666}
.grid-box .scrap-name span,
.grid-box .scrap-name strong{ display:inline-block; vertical-align:middle}
.grid-box .scrap-day { position:relative}
.grid-box .scrap-day span { position:absolute; top:0; color:#999; line-height:normal; letter-spacing:0}
.grid-box .dv-line,
.grid-box .scrap-name,
.grid-box .scrap-day { display:none}
/* Pagenation */
.pagenation{ position:relative}
.basic{ margin:0}
.pageButton{ position:absolute; top:0; right:0}
.pagenation ul{
display:inline-block;
margin-bottom:0;
margin-left:0}
.pagenation ul > li { display:inline; position:relative}
.pagenation ul > li > a,
.pagenation ul > li > span {
float:left;
margin:0 2px;
text-decoration:none;
color:#333;
border:1px solid #333}
.pagenation ul > .active > a,
.pagenation ul > .active > span { color:#fff; font-weight:500; cursor:default; border:1px solid #609ff4; background:#609ff4}
.pagenation ul > .disabled > span,
.pagenation ul > .disabled > a,
.pagenation ul > .disabled > a:hover { cursor:default}
.pagenation ul > .pg-arrow > span,
.pagenation ul > .pg-arrow > a,
.pagenation ul > .pg-arrow > a:hover{ font-size:16px; color:#c0c0c0; border:0; font-weight:700; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px}
.pagenation ul > .pg-arrow.prev > a{ background-image:url(/images/common/pg-arrow-prev.png)}
.pagenation ul > .pg-arrow.pprev > a{ background-image:url(/images/common/pg-arrow-pprev.png)}
.pagenation ul > .pg-arrow.next > a{ background-image:url(/images/common/pg-arrow-next.png)}
.pagenation ul > .pg-arrow.nnext > a{ background-image:url(/images/common/pg-arrow-nnext.png)}
.pagenation ul > .atfl > span,
.pagenation ul > .atfl > a,
.pagenation ul > .atfl > a:hover{ font-weight:700}
.pagenation-centered{ text-align:center}
.pagenation-righted { text-align:right}
/* Daum Map */
#map-zoom > h3 { margin:45px 0 15px 0; padding:0; font-size:16px; font-weight:500}
#map-zoom strong { font-size:14px; font-weight:500}
#map-zoom .point { margin-top:35px; line-height:24px}
#map-zoom > span { display:block; margin-bottom:4px; font-size:12px; color:#FE4940; letter-spacing:0.02em; line-height:1.5; border-bottom:1px dotted #afb2b9; padding-bottom:12px}
#map-zoom code { background:#f1f1f1; border:1px solid #e9e9e9; padding:1px 4px; border-radius:4px}
#d-roadview { display:none; margin-top:5px}
.map-wrap { position:relative; overflow:hidden}
.radius-border { border:1px solid #919191;border-radius:5px;}
.map-wrap .custom-typecontrol{position:absolute;top:10px;left:10px;overflow:hidden;width:132px;height:30px;margin:0;padding:0;z-index:200;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.map-wrap .custom-typecontrol a{display:block;width:65px;height:30px;float:left;color:#425470;text-align:center;line-height:30px;cursor:pointer;}
.map-wrap .custom-typecontrol .btn{background:#fff;background:linear-gradient(#fff, #e6e6e6);}
.map-wrap .custom-typecontrol .btn:hover{background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.map-wrap .custom-typecontrol .btn:active{background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.map-wrap .custom-typecontrol .selected-btn{color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.map-wrap .custom-typecontrol .selected-btn:hover{color:#fff;}
.map-wrap .custom-zoomcontrol{position:absolute;top:50px;left:10px;width:74px;height:40px;overflow:hidden;z-index:200;background-color:#f5f5f5;}
.map-wrap .custom-zoomcontrol a{display:block;float:left;width:36px;height:40px;text-align:center;cursor:pointer;}
.map-wrap .custom-zoomcontrol a img{width:15px;height:15px;padding:12px 0;border:none;}
.map-wrap .custom-zoomcontrol a:first-child{border-right:1px solid #bfbfbf;}
.map-wrap .custom-zoomcontrol a:focus, .map-wrap .custom-zoomcontrol a:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1)}
.map-wrap .custom-zoomcontrol a:active{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9)}
#map,#d-map { width:100%;position:relative;overflow:hidden;}
.infowindow { font-size:14px; text-align:center; padding:6px 0; width:180px; line-height:18px}
/* 모달윈도우 */
.mw { display:none; position:fixed; _position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%}
.mw-close { position:absolute; cursor:pointer}
.mw .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50)}
.mw .pop-layer { position:absolute; top:0; left:50%; padding:0; text-align:center; background:#fff}
.pop-layer.wp .layer-header,
.mw .pop-layer .layer-header{ position:relative; background:#37b0e4}
.pop-layer.wp .layer-header h1,
.mw .pop-layer .layer-header h1{ color:#fff; font-weight:400; text-align:center}
.mw .pop-layer .layer-body .write-con{ padding:0 0 10px 0; border:0}
.pop-layer.wp { padding:0; text-align:center; background:#fff}
/* 레이어팝업 */
.layer-pop { position:relative}
.layer-pop .mw-close { position:absolute; cursor:pointer}
.layer-pop.pop-layer { padding:0; text-align:center; background:#fff}
.layer-pop.pop-layer .layer-header{ position:relative; background:#e00129}
.layer-pop.pop-layer .layer-header h1{ color:#fff; font-weight:400; text-align:center}
.layer-pop.pop-layer .layer-body{ text-align:left}
.layer-pop.pop-layer .layer-body .default table{ border-color:#e0e0e0}
.layer-pop.pop-layer .layer-body .default thead th{ padding:12px; background-color:#e0e0e0}
.layer-pop.pop-layer .layer-body .default th,.layer-pop.pop-layer .layer-body .default td{ padding:12px; border:1px solid #e0e0e0}
.layer-pop.pop-layer .layer-body .default tbody th{ padding:10px; background-color:#fafafa}
.layer-pop.pop-layer.aha .layer-header h1{ text-align:left}
.layer-pop.pop-layer.aha .layer-body{ border:1px solid #e3e3e3}
.layer-pop.pop-layer.aha .layer-body span,
.layer-pop.pop-layer.aha .layer-body strong{ display:block}
.layer-pop.pop-layer.aha .layer-body strong{ color:#e00129; font-weight:500}
.layer-pop.pop-layer.aha .layer-body .user-check{ text-align:center; background:#e3e3e3}
.layer-pop.pop-layer.aha .layer-body .user-check input[type=checkbox]{ margin-left:5px}
/* Table */
.default h3 { color:#202020; font-weight:500}
.default table { width:100%; border-bottom:1px solid #f4f2f5; border-collapse:collapse}
.default caption { display:none; position:absolute; top:-9999px; padding-bottom:10px; text-align:left}
.default thead th,
.default tfoot th { color:#505050; font-weight:500; background:#f4f2f5}
.default th,.default td { color:#505050; vertical-align:middle; border-top:1px solid #f4f2f5; border-left:1px solid #fff}
.default th:first-child,.default td:first-child{ border-left:0}
.default thead th button.all-check{ padding:0; background:transparent; color:#505050; font-weight:700}
.default a { color:#505050}
.default img,.default button,.default.my .aha-update a,.default input[type=button]{ display:inline-block; vertical-align:middle}
.default button,.default.my .aha-update a,.default input[type=button]{ padding:0 10px; height:25px; line-height:25px; font-size:13px; color:#fff; border:0; cursor:pointer; background:#cecece}
.default button.blue,.default.my .aha-update a.blue{ background-color:#37b0e4}
.default button.grey,.default.my .aha-update a.grey{ background-color:#77757e}
.default button.red,.default.my .aha-update a.red{ background-color:#e00129}
.default button.black,.default.my .aha-update a.black{ background-color:#202020}
.default button.orange { background-color:#ff9c00}
.default button.green { background-color:#A0A030}
.default button.violet { background-color:#B065B0}
.default td.align-left,.default.center td.align-left{ text-align:left}
.default td.align-right,.default.center td.align-right{ text-align:right}
.default.center th,.default.center td{ text-align:center; padding-left:0; padding-right:0}
.default.cap table { border-top:1px solid #f4f2f5}
.default.line table { border-color:#e0e0e0}
.default.line thead th,.default.line tbody th{ background-color:#fafafa}
.default.line tfoot th{ color:#000; font-weight:400; background-color:#fafafa}
.default.line th,.default.line td{ border:1px solid #e0e0e0}
/* Popover */
.popover{
position:absolute;
top:0;
left:0;
z-index:1010;
display:none;
max-width:276px;
padding:1px;
text-align:left;
white-space:normal;
background-color:#ffffff;
border:1px solid #ccc;
border:1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box;
}
.popover-content { padding:9px 20px; font-size:14px; line-height:20px}
.popover.top { margin-top:-10px}
.popover.top .arrow {
bottom:-6px;
left:50%;
margin-left:-6px;
border-top-color:#999;
border-top-color:rgba(0, 0, 0, 0.25);
border-bottom-width:0;
}
.popover.top .arrow:after {
bottom:6px;
margin-left:-6px;
border-top-color:#fff;
border-bottom-width:0;
}
.popover.right { margin-left:10px}
.popover.right .arrow{
top:50%;
left:-6px;
margin-top:-6px;
border-right-color:#999;
border-right-color:rgba(0, 0, 0, 0.25);
border-left-width:0;
}
.popover.right .arrow:after {
bottom:-6px;
left:1px;
border-right-color:#fff;
border-left-width:0;
}
.popover.left { margin-left:-10px}
.popover.left .arrow {
top: 50%;
right:-6px;
margin-top:-6px;
border-left-color:#999;
border-left-color:rgba(0, 0, 0, 0.25);
border-right-width:0;
}
.popover.left .arrow:after {
right:1px;
bottom:-6px;
border-left-color:#fff;
border-right-width:0;
}
.popover .arrow { border-width:6px}
.popover .arrow, .popover .arrow:after{
position:absolute;
display:block;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.fade{
opacity:0;
-webkit-transition:opacity 0.15s linear;
-moz-transition:opacity 0.15s linear;
-o-transition:opacity 0.15s linear;
transition:opacity 0.15s linear;
}
.fade.in { opacity:1}
/* Tab Menu */
ul.tab-menu { margin:0 auto}
ul.tab-menu li { float:left; border:1px solid #e0e0e0; border-left:0}
ul.tab-menu li:first-child { border-left:1px solid #e0e0e0}
ul.tab-menu li a,ul.tab-menu li span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%}
ul.tab-menu li span { color:#505050}
ul.tab-menu li.active { border-color:#e00028}
ul.tab-menu li.active span { color:#fff; background:#e00028}
ul.tab-menu.blue li.active { border-color:#609ff4}
ul.tab-menu.blue li.active span{ background:#609ff4}
/* Layout */
.container,.body { position:relative}
.content,section { outline:0; margin:0}
.body:after,section:after,article:after{ content:""; display:block; clear:both}
.header,.header-content,.footer,.footer-content,section article{ position:relative; margin:0 auto}
.header { background:url(/images/common/back-header.jpg) 0 0 repeat-x}
.header-content h1 { float:left; background:url(/images/common/logo.png) 0 0 no-repeat; background-size:contain}
.header-content h1 a { display:block; width:100%; height:100%; text-indent:-9999px}
.header-content ul li { position:relative; display:inline-block; vertical-align:middle}
.header-content ul li a { display:block; color:#78808d; text-transform:uppercase}
.header-content ul.social { float:left}
.header-content ul.social li{ background-position:50% 50%; background-repeat:no-repeat}
.header-content ul.social li a{ display:block; width:100%; height:100%; text-indent:-9999px}
.header-content ul.social li.twitter{ background-image:url(/images/common/twitter.png)}
.header-content ul.social li.facebook{ background-image:url(/images/common/facebook.png)}
.header-content .info-utility{ float:right}
.header-content ul.t-utitlity{ float:left}
.header-content ul.t-utitlity li{ background:url(/images/common/division-utility.png) 100% 50% no-repeat}
.header-content ul.t-utitlity li:first-child{ padding-left:0}
.header-content ul.t-utitlity li.admin{ padding-right:0}
.header-content ul.t-utitlity li.admin a{ padding:4px 10px; color:#fff; font-size:12px; background:#e00028}
.header .instructor-info { float:left}
.header .instructor-info select{ height:30px; background-color:#fff}
.header .instructor-info .login-info{ position:relative; display:inline-block; vertical-align:top}
.header .instructor-info .login-info em,
.header .instructor-info .login-info span,
.header .instructor-info .login-info button{ display:inline-block; vertical-align:middle}
.header .instructor-info .login-info button{ background:transparent url(/images/common/select-icons.png) 100% -118px no-repeat; padding:0; border:0; cursor:pointer}
.header .instructor-info .login-info em{ font-size:0; background:#e00028 url(/images/ts/user.png) 50% 40% no-repeat; border-radius:100px}
.header .instructor-info .login-info span{ color:#78808d}
.header .instructor-info .login-info ul{ display:none; position:absolute; z-index:10; background:#fff; border:1px solid #e0e0e0; border-radius:5px}
.header .instructor-info .login-info ul li{ display:block; background-position:10px 48%; background-repeat:no-repeat; border-top:1px solid #e0e0e0}
.header .instructor-info .login-info ul li:first-child{ border-top:0}
.header .instructor-info .login-info ul li a{ color:#78808d}
.header .instructor-info .login-info ul li.mypage{ background-image:url(/images/ts/my.png)}
.header .instructor-info .login-info ul li.logout{ background-image:url(/images/ts/logout.png)}
.header-content .all-menu { position:absolute; right:0}
.header-content .all-menu>button{ display:block; color:#202020; background:url(/images/common/all-menu.png) 0 6px no-repeat; border:0; cursor:pointer}
.footer { background:#77757e}
.footer,
.footer a,
.footer a:hover,
.footer a:active,
.footer a:focus { color:#fff; text-decoration:none}
.footer em { font-size:0; line-height:0}
.footer mark,.footer small { display:inline-block; vertical-align:middle}
.footer mark { color:#77757e; font-weight:700; background:#fff}
.footer .footer-content h2 { font-weight:500}
.footer .copyright { letter-spacing:0}
.footer .copyright strong { text-transform:uppercase}
.footer .footer-menu { background:#626169}
.footer .footer-menu ul { display:flex}
.footer .footer-menu li { display:inline-block}
.footer .footer-menu li:first-child{ margin-left:0}
.footer .footer-menu li:nth-child(3) a{ color:#ffe100; font-weight:500}
.footer .related-link .social,
.footer .related-link .select-wrap.site-link,
.footer .related-link .select-wrap.affiliation-link{ display:inline-block; vertical-align:top}
.footer .related-link select{ padding-right:40px; width:200px; height:36px; color:#fff; font-size:14px; border-color:#fff; background-image:url(/images/common/select-related.png); background-position:100% 50%}
.footer .related-link select option{ color:#505050; background-color:#fff}
.footer .related-link .social li{ display:inline-block; vertical-align:top; width:36px; height:36px; border:1px solid #fff; background-position:50% 50%; background-repeat:no-repeat}
.footer .related-link .social li a{ display:block; width:100%; height:100%; text-indent:-9999px}
.footer .related-link .social li.facebook{ background-image:url(/images/common/facebook2.png)}
.footer .related-link .social li.twitter{ background-image:url(/images/common/twitter2.png)}
/* Global Navigation Bar */
.gnb { position:relative; float:right}
.gnb ul li { position:relative; float:left; background:url(/images/common/division-gnb.png) 0 50% no-repeat}
.gnb ul li:first-child { padding-left:0; background-image:none}
.gnb ul li:last-child { padding-right:0}
.gnb ul li span,
.gnb ul li strong { text-transform:capitalize}
.gnb ul li span { color:#3b3f48}
.gnb ul li.active strong { color:#e00028; font-weight:500}
.gnb ul li.ts span,
.gnb ul li.ts strong,
.gnb ul li.active.ts span,
.gnb ul li.active.ts strong { color:#37b0e4}
.gnb ul li:hover span,
.gnb ul li:active span,
.gnb ul li:focus span { color:#e00028; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.gnb ul li.ts:hover span,
.gnb ul li.ts:active span,
.gnb ul li.ts:focus span { color:#37b0e4}
/* Full Down Menu */
.full-down-menu { display:none; position:absolute; z-index:100; left:0; width:100%; border-bottom:1px solid #e00028; background:#f3f4f7 url(/images/common/back-fullmenu.png) 50% 50% no-repeat; background-size:contain}
.full-down-menu .gnb-full { position:relative; margin:0 auto}
.full-down-menu .gnb-full button{ position:absolute; display:block; border:0; background:#e00028 url(/images/common/close.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px}
.full-down-menu .gnb-full li{ float:left; border-right:1px solid #dadde2}
.full-down-menu .gnb-full li:first-child{ border-left:1px solid #dadde2}
.full-down-menu .gnb-full li a,
.full-down-menu .gnb-full li span,
.full-down-menu .gnb-full li strong{ display:block}
.full-down-menu .gnb-full li a{ width:100%; height:auto}
.full-down-menu .gnb-full li span,
.full-down-menu .gnb-full li strong{ color:#3b3f48}
.full-down-menu .gnb-full li strong{ font-weight:500; border-bottom:1px solid #dadde2}
.full-down-menu .gnb-full li li{ float:none; width:100%; height:auto; clear:both; padding:0; border:0}
.full-down-menu .gnb-full li li:first-child{ border:0}
.full-down-menu .gnb-full li li:last-child{ position:static; right:auto; top:auto}
.full-down-menu .gnb-full li li:hover span,
.full-down-menu .gnb-full li li:active span,
.full-down-menu .gnb-full li li:focus span{ color:#fff; background:#e00028 url(/images/common/dot-white.png) 93% 50% no-repeat; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
/* Local Navigation Bar */
#location { border-top:1px solid #e6e4e7; border-bottom:1px solid #e6e4e7; background:#f8f6f9}
#location .head { position:relative; z-index:7; margin:0 auto}
#location .head ul.sub { position:absolute; z-index:5; display:none}
#location .head ul.sub li { vertical-align:top}
#location .head a { color:#fff; text-decoration:none}
#location .head div.depth1 span a,
#location .head div.depth2 > a,
#location .head div.depth3 > a{ color:#333}
#location .head div.home { float:left; background:url(/images/common/home.png) 0 0 no-repeat; text-indent:-9999px}
#location .head div.home a { display:block}
#location .head div.depth1,
#location .head div.depth2,
#location .head div.depth3 { float:left; background-repeat:no-repeat; background-position:100% 0; height:100%}
#location .head div.depth1 { background-image:url(/images/common/lnb-depth1.png)}
#location .head div.depth2 { background-image:url(/images/common/lnb-depth2.png)}
#location .head div.depth3 { background-image:url(/images/common/lnb-depth3.png)}
#location .head div.depth1 a,
#location .head div.depth2 a,
#location .head div.depth3 a{ display:flex; align-items:center}
#location .head div.depth1 a{ text-transform:uppercase}
#location .head div.depth2 a{ /*text-transform:capitalize*/}
#location .head div.depth2 a.active,
#location .head div.depth3 a.active{ color:#e00129}
/* color */
#location.red,#location.blue{ width:100%; position:relative}
#location.red .head ul.sub li,#location.blue .head ul.sub li{ background:#fff; border:1px solid #e6e4e7; border-top:0}
#location.red .head ul.sub li a,#location.blue .head ul.sub li a{ color:#666}
#location.red .head ul.sub li:hover,#location.blue .head ul.sub li:hover{ border-top:0}
#location.red .head ul.sub li a:hover,#location.blue .head ul.sub li a:hover{ color:#fff !important}
#location.red .head ul.sub li:hover{ background:#e00129; border:1px solid #e00129}
#location.blue .head ul.sub li:hover{ background:#37b0e4; border:1px solid #37b0e4}
#location.blue .head div.depth2 a.active,
#location.blue .head div.depth3 a.active{ color:#37b0e4}
#location.red .head .my-menu{ position:absolute; top:12px; right:0}
#location.red .head .my-menu ul li,
#location.red .head .my-menu ul li a{ display:inline-block; vertical-align:middle}
#location.red .head .my-menu ul li a{ margin-left:2px; padding:3px 7px; font-size:13px; background:#505050; border-radius:3px}
/* Membership */
.membership {}
.membership label { display:inline-block; vertical-align:middle; cursor:pointer}
.membership label.hidden { display:none}
/* Mypage */
.descrip-color-point { position:relative; margin:0 auto; background:#f2dede; border:1px solid #eed3d7; border-radius:3px}
.descrip-color-point span,.descrip-color-point strong{ display:block; font-weight:400}
.descrip-color-point strong{ color:#b94a48}
.descrip-color-point.blue { background-color:#d9edf7; border-color:#bce8f1}
.descrip-color-point.blue span{ color:#3a87ad}
.descrip-color-point.blue strong{ color:#3a87ad; font-weight:500; text-decoration:underline}
.descrip-color-point.green { background-color:#dff0d8; border-color:#d6e9c6}
.descrip-color-point.green span{ color:#468847}
.descrip-color-point.green strong{ color:#468847; font-weight:500; text-decoration:underline}
button.aha-ebook-down,.descrip-color-point.blue button{ position:absolute; border:0; color:#fff; font-weight:500; background:#4179c4; border-radius:3px; cursor:pointer}
button.aha-ebook-down { color:#303030; background-color:#fff; border:1px solid #eed3d7; background-image:url(/images/common/aha-ebook.png); background-position:50% 10px; background-repeat:no-repeat; background-size:25px}
button.aha-ebook-down.useinfo,button.aha-ebook-down.solution{ background-image:url(/images/common/pdf-down.png)}
button.print-faculty { position:absolute; border:0; color:#505050; font-weight:400; background:#fff url(/images/ts/print-b.png) 15px 50% no-repeat; border:1px solid #eed3d7; border-radius:3px; cursor:pointer}
.default.my table { border-color:#e0e0e0}
.default.my thead th { background-color:#eee}
.default.my th,.default.my td{ border:1px solid #e0e0e0}
.default.my tbody th { background-color:#fafafa}
.default.my td a { display:inline-block; color:#37b0e4; font-weight:700}
.default.my td a.quick { background:url(/images/common/go-arrow2.png) no-repeat right bottom 3px}
.my-education .my-list { margin:-1px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.my-education .my-list button{ color:#fff; text-align:center; border:0; cursor:pointer}
.my-education .my-list button.red{ background:#e00129}
.my-education .my-list button.blue{ background:#609ff4}
.my-education .my-list button.grey{ background:#77757e}
.my-education .my-list button.empty{ background:transparent; color:#505050; cursor:default}
.my-education .my-list .my-info span{ display:inline-block; vertical-align:top}
.my-education .my-list .edu-info span,
.my-education .my-list .edu-info strong{ display:block}
.my-education .my-list .edu-info strong{ color:#303030; font-weight:400}
.my-education .my-list .my-info .pretest{ text-align:center}
.my-education .my-list .my-info .pass-fail .pass{ color:#609ff4}
.my-education .my-list .my-info .pass-fail .fail{ color:#e00129}
ol.number-list { counter-reset:item; list-style-type:decimal}
ol.number-list li { text-align:left}
ol.number-list li:before { content:'(' counter(item, decimal) ') '; counter-increment:item}
.additional-certifi { margin:0 auto; background:#f2dede; text-align:center; border:1px solid #eed3d7; border-radius:3px}
.additional-certifi span,
.additional-certifi strong { display:block; text-align:left}
/* 회원탈퇴시 교육내역삭제 확인체크 */
.confirm-deletion span { display:block}
/* 로그인 */
.login-wrap h2 { color:#505050; font-weight:500; text-align:center}
ul.login input[type=tel],
ul.login input[type=text],
ul.login input[type=email],
ul.login input[type=button],
ul.login input[type=submit],
ul.login input[type=password]{ line-height:normal; border:0; background:#f8f6f9}
ul.login input[type=password]{ background:#f8f6f9 url(/images/membership/password.png) no-repeat}
ul.login input[type=text].user-name{ background:#f8f6f9 url(/images/membership/user-name.png) no-repeat}
ul.login input[type=text].user-id{ background:#f8f6f9 url(/images/membership/user-id.png) no-repeat}
ul.login input[type=button],
ul.login input[type=submit] { color:#fff !important; font-weight:500; background:#e00129; background:linear-gradient(to right, #e00129, #e00129); cursor:pointer}
ul.login input[type=checkbox]{ border:0; background:#e5e3e8}
ul.login select { border:0; background-color:#f8f6f9}
ul.login li.agree-check { color:#75797d}
ul.login li.agree-check span{ display:block}
ul.login li.agree-check strong{ color:#e00129; font-weight:400}
ul.login .at { text-align:center}
ul.login li:first-child { margin-top:0}
ul.login li:after { content:""; display:block; clear:both}
ul.login em,
ul.login span { display:inline-block; vertical-align:top; color:#333}
ul.login em { font-weight:500; font-style:normal}
ul.login a { color:#333}
ul.link-kacpr { text-align:center; border-bottom:1px solid #d7d7d7}
ul.link-kacpr li,
ul.link-kacpr li img,
ul.link-kacpr li em { display:inline-block; vertical-align:middle}
ul.link-kacpr li strong { display:block; color:#333; font-weight:400}
ul.link-kacpr li.newsletter em{ background:#ff9a41}
ul.link-kacpr li.promotion em{ background:#609ff4}
ul.link-kacpr li.support em { background:#e00129}
ul.signup-step li { float:left}
ul.signup-step li span,
ul.signup-step li strong { display:block; color:#222}
ul.signup-step li strong { font-weight:700}
ul.signup-step li .step-bar { position:relative; padding-top:3px; height:7px}
ul.signup-step li .step-bar em{ position:absolute; left:0; top:0; width:7px; height:7px; background:#222}
ul.signup-step li .step-bar em,
ul.signup-step li .step-bar span{ margin:0; font-size:0}
ul.signup-step li .step-bar span{ height:1px; background:#d7d7d7}
ul.signup-step li.active .step-bar{ padding-top:2px}
ul.signup-step li.active .step-bar em{ background:#e00129}
ul.signup-step li.active .step-bar span{ height:3px; background:#e00129}
ul.signup-step li.active span,
ul.signup-step li.active strong{ color:#e00129}
/* 이메일체크 */
.login-wrap h3,.check-wrap h3{ text-align:center; font-weight:300}
.login-wrap h3 strong,.check-wrap h3 strong{ color:#e00129; font-weight:300}
.check-wrap.find-idpw { text-align:center}
.check-wrap.find-idpw .form-check.find-result{ color:#222; font-weight:500}
.check-wrap.find-idpw button{ color:#fff; font-weight:500; border:0; background:#e00129; cursor:pointer}
.check-wrap .form-check { margin:0 auto}
.form-check ul.check input[type=tel],
.form-check ul.check input[type=text],
.form-check ul.check input[type=email],
.form-check ul.check input[type=submit],
.form-check ul.check input[type=button],
.form-check ul.check input[type=password]{ line-height:normal; border:0; background:#f8f6f9}
.form-check ul.check input[type=password]{ background:#f8f6f9 url(/images/membership/code.png) no-repeat}
.form-check ul.check input[type=text].user-name{ background:#f8f6f9 url(/images/membership/user-name.png) no-repeat}
.form-check ul.check input[type=button],
.form-check ul.check input[type=submit]{ color:#fff !important; font-weight:500; background:#e00129 !important; cursor:pointer}
.form-check ul.check .at,
.form-check ul.check .dash { text-align:center}
.form-check ul.check li:first-child{ margin-top:0}
.form-check ul.check li:after{ content:""; display:block; clear:both}
.form-check .select-check button{ border:0; background:#fff url(/images/membership/select-check.png) 0 50% no-repeat; cursor:pointer}
.form-check ul.check .check-sms{ display:none}
/* 이메일 수신 설정 체크 */
.form-check ul.unsubscribe em,
.form-check ul.unsubscribe label,
.form-check ul.unsubscribe span{ display:inline-block; vertical-align:middle}
.form-check ul.unsubscribe em{ margin-right:7px; width:7px; height:7px; background:url(/images/membership/check.png) 0 0 no-repeat; text-indent:-9999px}
.form-check ul.unsubscribe label{ float:left; width:25%}
.form-check ul.unsubscribe span{ float:right; width:75%}
.form-check ul.unsubscribe input[type=submit],
.form-check ul.unsubscribe input[type=button],
.form-check ul.unsubscribe input[type=password]{ width:100%; line-height:normal; border:1px solid #e3e3e3; background:#f8f6f9}
.form-check ul.unsubscribe input[type=submit],
.form-check ul.unsubscribe input[type=button]{ height:40px; color:#fff; border:0; background-color:#e00028; cursor:pointer}
.form-check ul.unsubscribe li{ margin-top:15px; text-align:left}
.form-check ul.unsubscribe li:first-child{ margin-top:0}
.form-check ul.unsubscribe li:after{ content:""; display:block; clear:both}
.setting-info { margin-top:30px}
.setting-info h4 { margin-bottom:15px; color:#333; font-size:18px; font-weight:500}
.setting-info a { display:inline-block; vertical-align:middle; color:#fff; border:0; background:#e00028}
.setting-info span { display:block; margin-bottom:30px}
.setting-info strong { color:#e00028; font-weight:500}
.setting-info a { padding:0 20px; height:45px; line-height:42px}
/* 회원약관동의 */
.accept-terms h2,
.membership-form h2,
section.sub-content h2.con-title,
section.sub-content.complete-application h3{ color:#222; font-weight:500}
section.sub-content.complete-application h2.con-title{ text-align:center}
.accept-terms .terms-box { text-align:justify; border:1px solid #d7d7d7; overflow:auto}
.accept-terms .terms-box h1,
.accept-terms .terms-box h2 { color:#444; font-weight:500}
.accept-terms .agree-check.all{ text-align:center}
.accept-terms .agree-check input[type=checkbox]{ background:#fff; border:1px solid #6f7170}
/* 등록폼(회원가입-수정,센터정보,교육과정등록) */
ul.form-input { border-bottom:1px solid #f0eef1; border-right:1px solid #f0eef1}
ul.form-input li:after { display:block; clear:both; content:""}
ul.form-input li:first-child .item{ border-color:#f0eef1}
ul.form-input li .item,
ul.form-input li .item-contents{ position:relative; float:left; border-top:1px solid #f0eef1}
ul.form-input li .item { border-color:#fff; background:#f0eef1}
ul.form-input li .item-contents img,
ul.form-input li .item-contents button{ display:inline-block; vertical-align:middle; color:#666; border:0; cursor:pointer; background:#e0e0e0}
ul.form-input li .item-contents img{ margin-left:5px; background:none}
/* 회원가입완료 */
.signed-up h2 span,
.signed-up h2 strong { display:block; color:#333; text-align:center}
.signed-up h2 span { font-weight:300}
.signed-up h2 strong { font-weight:500}
ul.kacpr-service { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7}
ul.kacpr-service li { float:left}
ul.kacpr-service li a { width:100%; height:100%}
ul.kacpr-service li a,
ul.kacpr-service li em,
ul.kacpr-service li span,
ul.kacpr-service li strong { display:block; text-align:center}
ul.kacpr-service li em { font-size:0}
ul.kacpr-service li span { color:#909090}
ul.kacpr-service li strong { color:#333; font-weight:700}
/* 교육코스 검색 */
.course-search select{ border-color:#d7d7d7; background-color:#fff; background-image:url(/images/common/select.png); background-position:100% 50%}
.course-search input[type=text],
.course-search input[type=button],
.course-search input[type=submit]{ display:inline-block; vertical-align:top; margin-right:5px; line-height:normal; border-color:#d7d7d7}
.course-search input[type=button],
.course-search input[type=submit]{ color:#fff !important; background-color:#e00028; background:linear-gradient(to right, #e00028, #e00028); border:0; cursor:pointer}
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text],
.sub-content.application .course-search input[type=button],
.sub-content.application .course-search input[type=submit]{ float:left; margin-right:0}
.sub-content.application .course-search select{ margin-right:0; width:100%}
.sub-content.application .course-search .select-wrap.sel-area{ margin-left:0}
.sub-content.application .course-search .select-wrap.sel-area select{ background-image:url(/images/common/select-area.png)}
/* 교육신청폼 상세 */
.sub-content.application-form h2{ color:#222; font-weight:400; text-align:center}
.sub-content.application-form .course-title{ background:#609ff4}
.sub-content.application-form .course-title em,
.sub-content.application-form .course-title strong,
.sub-content.application-form .course-title span{ display:inline-block; vertical-align:middle; font-weight:500; letter-spacing:0}
.sub-content.application-form .course-title em{ padding:5px 10px 6px 10px; font-size:14px; color:#609ff4; background:#fff}
.sub-content.application-form .course-title strong,
.sub-content.application-form .course-title span{ color:#fff}
.sub-content.application-form .course-title span{ font-weight:300}
ul.course-info { border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}
ul.course-info li { position:relative; float:left}
ul.course-info li em,
ul.course-info li span,
ul.course-info li strong { display:inline-block; vertical-align:middle}
ul.course-info li em { border-right:1px solid #e7e7e7}
ul.course-info li em,
ul.course-info li strong { color:#000; font-weight:500}
.popover-edu { display:none; position:absolute; z-index:1000; left:10px; color:#3a87ad; border:1px solid #bce8f1; background:#d9edf7; border-radius:5px}
.popover-edu>img.win-close { display:block; position:absolute; cursor:pointer}
.sub-content.application-form .place .map-info{ border:1px solid #e7e7e7; overflow:hidden; text-align:center}
.sub-content.application-form .place .map-info img.map-image{ display:inline-block; height:100%}
.sub-content.application-form .place .place-info li:first-child{ margin-top:0}
.sub-content.application-form .place .place-info em,
.sub-content.application-form .place .place-info span{ display:block}
.sub-content.application-form .place .place-info em{ color:#000; font-weight:700}
.sub-content.application-form .place .place-info img{ max-width:100%}
.sub-content.application-form .etc-info>div{ display:inline-block; vertical-align:top}
.sub-content.application-form .etc-info>div:first-child{ margin-left:0}
.sub-content.application-form .etc-info>div ul.etc li span,
.sub-content.application-form .etc-info>div ul.etc li strong{ display:block}
.sub-content.application-form .etc-info>div ul.etc li strong{ color:#fff; font-weight:400; background:#a7a7a7}
.sub-content.application-form .etc-info>div ul.etc li a{ color:#505050}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li a{ display:inline-block; vertical-align:middle; color:#fff; background:#e00028}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li strong{ color:#222; background-color:transparent}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em,
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span{ float:left}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em{ overflow:hidden; font-size:0}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em img{ max-width:100%}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span span{ float:none; padding:0; width:auto}
.sub-content.application-form .course-description h3{ color:#222; font-weight:500}
.sub-content.application-form .course-description .descript iframe{ overflow-x:hidden; overflow:auto; width:100%; min-height:200px}
.sub-content.application-form .enter-information li{ position:relative; margin:-1px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}
.sub-content.application-form .enter-information li:first-child{ background:#f5f5f5}
.sub-content.application-form .enter-information li.title{ background:#609ff4}
.sub-content.application-form .enter-information li.title strong,.sub-content.application-form .enter-information li.title span{ color:#fff}
.sub-content.application-form .enter-information li em,
.sub-content.application-form .enter-information li span,
.sub-content.application-form .enter-information li button,
.sub-content.application-form .enter-information li strong{ display:inline-block; vertical-align:middle}
.sub-content.application-form .enter-information li em,
.sub-content.application-form .enter-information li strong{ color:#222; font-weight:400}
.sub-content.application-form .enter-information li button{ color:#fff; border:0; cursor:pointer}
.sub-content.application-form .enter-information li:first-child button{ position:absolute; background:#609ff4}
.sub-content.application-form .enter-information.additional{ margin-top:0}
.sub-content.application-form .enter-information.additional li span span{ width:auto}
.sub-content.application-form .enter-information.applicant .name{ text-transform:uppercase}
.sub-content.application-form .enter-information.additional .write-con{ padding:0; border:0}
.sub-content.application-form .enter-information.additional button{ background:#999}
.sub-content.application-form .enter-information.additional li.title-course{ padding-top:50px; border:0; color:#222; font-weight:700; letter-spacing:0}
.sub-content.application-form .completed{ color:#e00028; text-align:center; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}
.mw .pop-layer.inquiry .layer-body{ text-align:left}
.mw .pop-layer.inquiry .layer-body li{ border-top:1px solid #e7e7e7}
.mw .pop-layer.inquiry .layer-body li:after{ display:block; clear:both; content:""}
.mw .pop-layer.inquiry .layer-body li:first-child{ border-top:1px solid #4f5153}
.mw .pop-layer.inquiry .layer-body li:last-child{ border-bottom:1px solid #4f5153}
.mw .pop-layer.inquiry .layer-body li span{ display:block}
.mw .pop-layer.inquiry .layer-body .captcha img,
.mw .pop-layer.inquiry .layer-body .captcha button,
.mw .pop-layer.inquiry .layer-body .captcha input[type=submit]{ display:inline-block; vertical-align:top; color:#fff; border:0; cursor:pointer}
.mw .pop-layer.inquiry .layer-body .captcha input[type=submit]{ background:#77757e}
.mw .pop-layer.inquiry .layer-body .captcha button{ background:url(/images/common/refresh.png) 50% 50% no-repeat; border:1px solid #e7e7e7; text-indent:-9999px}
/* Main */
.swiper-container { width:100%}
.swiper-slide{
text-align:center;
/* Center slide text vertically */
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
overflow:hidden;
}
.swiper-slide img{ display:block}
.swiper-button-next,.swiper-button-prev{ background-image:url(/images/common/sprite-arrow.png) !important; background-size:auto !important; -moz-background-size:auto !important; -webkit-background-size:auto !important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:0 !important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:0 !important}
.swiper-pagination-bullet{ margin:0 3px !important; width:17px !important; height:17px !important; background-color:#fff !important; opacity:1 !important}
.swiper-pagination-bullet-active{ background-color:#e00028 !important; opacity:1 !important}
.swiper-button-prev1,.swiper-button-next1{ width:41px !important; height:82px !important}
.swiper-button-prev2,.swiper-button-next2{ width:36px !important; height:36px !important; background-color:transparent; background-image:url(/images/common/pop-prev-next.png) !important}
.swiper-button-prev1{ background-position:0 -120px !important}
.swiper-button-next1{ background-position:-59px -120px !important}
.swiper-button-prev2{ background-position:0 0 !important}
.swiper-button-next2{ background-position:-39px 0 !important}
.swiper-button-prev7,.swiper-button-next7,
.swiper-button-prev6,.swiper-button-next6,
.swiper-button-prev5,.swiper-button-next5,
.swiper-button-prev4,.swiper-button-next4,
.swiper-button-prev3,.swiper-button-next3{ width:20px !important; height:36px !important}
.swiper-button-prev3,.swiper-button-prev4,.swiper-button-prev5,.swiper-button-prev6,.swiper-button-prev7{ background-position:0 -210px !important}
.swiper-button-next3,.swiper-button-next4,.swiper-button-next5,.swiper-button-next6,.swiper-button-next7{ background-position:-80px -210px !important}
section.promotion-box .swiper-slide.slider-1,
section.promotion-box .swiper-slide.slider-2,
section.promotion-box .swiper-slide.slider-3{ background-position:50% 0; background-repeat:no-repeat; background-size:cover}
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link,
section.sponsorship { background-repeat:no-repeat}
section.promotion-box article,
section.sponsorship article{ width:100%}
section.promotion-box h1,
section.promotion-box p { color:#fff}
section.promotion-box h1 { font-weight:700}
section.course-schedule { position:relative; background-color:#f7f7f7; background-image:url(/images/main/back-section1.png)}
section.course-schedule .swiper-slide.back-popup{ position:relative; background:#ff6c61 url(/images/main/back-popup.png) 100% 0 no-repeat; background-size:cover}
/* 봄 */
section.course-schedule .swiper-slide.back-popup.empty{ background-image:url(/images/main/back-popup-empty-spring.png)}
/* 가을 */
/* section.course-schedule .swiper-slide.back-popup.empty{ background-image:url(/images/main/back-popup-empty.png)} */
/* 겨울 */
/* section.course-schedule .swiper-slide.back-popup.empty{ background-image:url(/images/main/back-popup-empty-winter.png)} */
/* 신규팝업(7일간) */
section.course-schedule .swiper-slide.back-popup.new{ background-color:#ae6cf1; background-image:url(/images/main/back-popup-new.png)}
section.course-schedule .swiper-slide.back-popup.new .icon-new{ position:absolute; background:transparent url(/images/main/back-new.png) 0 0 no-repeat; background-size:contain}
section.course-schedule .swiper-slide.back-popup.new .icon-new em{ display:block; color:#222; font-weight:800; text-align:center; text-transform:uppercase}
section.course-schedule .swiper-slide.back-popup.new ul li strong{ color:#fff200}
section.course-schedule .swiper-slide.back-popup.new ul li a,
section.course-schedule .swiper-slide.back-popup.new ul li a:hover,
section.course-schedule .swiper-slide.back-popup.new ul li a:active,
section.course-schedule .swiper-slide.back-popup.new ul li a:focus{ background-color:#fff200; color:#222; border-color:#fff200}
section.course-schedule .search-popup .popup ul{ width:100%}
section.course-schedule .search-popup .popup ul li span,
section.course-schedule .search-popup .popup ul li strong{ display:block; color:#fff; text-align:left}
section.course-schedule .search-popup .popup ul li strong{ font-weight:500}
section.course-schedule .search-popup .popup ul li a{ position:absolute; color:#fff; border:1px solid #fff; background:transparent; cursor:pointer}
section.course-schedule .search-popup .popup ul li a:hover,
section.course-schedule .search-popup .popup ul li a:active,
section.course-schedule .search-popup .popup ul li a:focus{ background-color:#fff; color:#ff6c61; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
section.course-schedule .swiper-pagination2 .swiper-pagination-bullet{ background-color:transparent !important; border:2px solid #fff !important; opacity:.5 !important}
section.course-schedule .swiper-pagination2 .swiper-pagination-bullet-active{ background-color:transparent !important; opacity:1 !important}
section.course-schedule .search-popup .total-search{ position:relative; z-index:10; background:#609ff4}
section.course-schedule .search-popup .total-search span,
section.course-schedule .search-popup .total-search strong{ display:block; color:#fff}
section.course-schedule .search-popup .total-search strong{ font-weight:500}
section.course-schedule .search-popup .total-search input{ float:left}
section.course-schedule .search-popup .total-search input[type=text]{ border:0}
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ color:#fff !important; border:0; background:#4179c4 !important; cursor:pointer}
section.course-schedule .course-guide{ text-align:center}
/* 보건의료인-일반인 교육과정 다운로드 */
.course-guide ul.two-course li { float:left}
.course-guide ul.two-course li em,
.course-guide ul.two-course li a{ display:inline-block; vertical-align:middle}
.course-guide ul.two-course li span,
.course-guide ul.two-course li strong{ display:block; color:#fff}
.course-guide ul.two-course li em{ width:1px; background:#fff}
.course-guide ul.two-course li strong{ font-weight:700}
.course-guide ul.two-course li a{ color:#fff; background:transparent; border:1px solid #fff; cursor:pointer}
.course-guide ul.two-course li a:hover,
.course-guide ul.two-course li a:active,
.course-guide ul.two-course li a:focus{ background-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.course-guide ul.two-course li.aha-course a:hover,
.course-guide ul.two-course li.aha-course a:active,
.course-guide ul.two-course li.aha-course a:focus{ color:#e00028}
.course-guide ul.two-course li.kacpr-course a:hover,
.course-guide ul.two-course li.kacpr-course a:active,
.course-guide ul.two-course li.kacpr-course a:focus{ color:#609ff4}
.course-guide ul.two-course li.aha-course{ background:#e00028}
.course-guide ul.two-course li.kacpr-course{ background:#609ff4}
/* 심폐소생술 가이드라인 다운로드 */
.course-guide .guide { position:relative; text-align:center}
.course-guide .guide a { display:block; width:100%; color:#e00028; background:#fff; border:1px solid #e00028; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.course-guide .guide a:hover,.course-guide .guide a:active,.course-guide .guide a:focus{ color:#fff; background-color:#e00028}
.course-guide .guide .guideline{ border:1px solid #909090}
.course-guide .guide .guideline em{ display:inline-block; vertical-align:middle; font-size:0}
.course-guide .guide .guideline strong{ display:block; color:#202020; font-family:'Nanum Myeongjo'}
.course-guide .guide ul.guide-down li{ float:left; border:1px solid}
.course-guide .guide ul.guide-down li:first-child{ margin-left:0}
.course-guide .guide ul.guide-down li em,
.course-guide .guide ul.guide-down li strong{ display:block; font-weight:700}
.course-guide .guide ul.guide-down li em{ font-size:0}
.course-guide .guide ul.guide-down li a{ display:inline-block; border:1px solid; background:transparent; cursor:pointer}
.course-guide .guide ul.guide-down li a:hover,
.course-guide .guide ul.guide-down li a:active,
.course-guide .guide ul.guide-down li a:focus{ -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.course-guide .guide ul.guide-down li.aha a{ color:#e00028}
.course-guide .guide ul.guide-down li.kacpr a{ color:#609ff4}
.course-guide .guide ul.guide-down li.aha a:hover,
.course-guide .guide ul.guide-down li.aha a:active,
.course-guide .guide ul.guide-down li.aha a:focus{ color:#fff; background-color:#e00028; border-color:#e00028}
.course-guide .guide ul.guide-down li.kacpr a:hover,
.course-guide .guide ul.guide-down li.kacpr a:active,
.course-guide .guide ul.guide-down li.kacpr a:focus{ color:#fff; background-color:#609ff4; border-color:#609ff4}
.course-guide .guide ul.guide-down li.aha{ border-color:#e00028}
.course-guide .guide ul.guide-down li.kacpr{ border-color:#609ff4}
.course-guide .guide ul.guide-down li:hover,
.course-guide .guide ul.guide-down li:active,
.course-guide .guide ul.guide-down li:focus{ border:2px solid; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.course-guide .guide ul.guide-down li.aha:hover,
.course-guide .guide ul.guide-down li.aha:active,
.course-guide .guide ul.guide-down li.aha:focus{ border-color:#e00028}
.course-guide .guide ul.guide-down li.kacpr:hover,
.course-guide .guide ul.guide-down li.kacpr:active,
.course-guide .guide ul.guide-down li.kacpr:focus{ border-color:#609ff4}
.course-guide .guide ul.guide-down li.aha strong{ color:#e00028}
.course-guide .guide ul.guide-down li.kacpr strong{ color:#609ff4}
/* 교육일정 검색 */
.schedule-search .cpr-slogan span,
.schedule-search .cpr-slogan strong{ display:block; text-align:center}
.schedule-search .cpr-slogan span{ color:#707070}
.schedule-search .cpr-slogan span:first-child{ margin-top:0}
.schedule-search .cpr-slogan strong{ color:#202020; font-weight:500}
.schedule-search .cpr-slogan span strong{ color:#609ff4; font-weight:300}
.schedule-search .course-wrap .course-image{ background:url(/images/main/back-training.jpg) 0 0 no-repeat; background-size:cover}
.schedule-search .course-wrap .course-image strong{ display:block; color:#fff; font-weight:700; text-align:center}
.schedule-search .course-wrap .course-search{ position:relative; overflow:hidden}
.schedule-search .course-wrap .course-search input,
.schedule-search .course-wrap .course-search select{ float:left}
.schedule-search .course-wrap .course-search input[type=submit],
.schedule-search .course-wrap .course-search input[type=button]{ position:absolute; right:0; bottom:0; background-color:#303030 !important}
section.institution-archive { background-color:#fff; background-image:url(/images/main/back-section2.png); background-position:50% 0}
h2.section-title { position:relative}
h2.section-title span,
h2.section-title strong { display:block}
h2.section-title span { color:#505050}
h2.section-title strong { color:#202020; font-weight:500}
h2.section-title a { color:#303030; border:1px solid #303030; background:#fff; cursor:pointer}
.institution-archive .institution-find{ position:relative}
.institution-find h2.section-title a{ position:absolute; right:0; background:url(/images/main/right-arrow.png) 85% 50% no-repeat}
.institution-find .area-logo{ position:relative; background:#fff; border:1px solid #d7d7d7}
.institution-find .area-logo a{ display:block; width:100%; height:100%}
.institution-find .area-logo span,
.institution-find .area-logo strong{ display:block; color:#666; font-weight:400}
.institution-find .area-logo img{ display:inline-block; vertical-align:middle; max-width:100%}
/* 용어사전-동영상 */
.institution-archive .term-dictionary{ }
.institution-archive .term-dictionary h2.section-title span,
.institution-archive .term-dictionary h2.section-title strong{ color:#fff}
.institution-archive .term-dictionary h2.section-title a{ display:block; color:#ae6cf1; font-weight:500; text-align:center; border:0}
.institution-archive .term-dictionary h2.section-title.dic,
.institution-archive .term-dictionary h2.section-title.youtube{ background-position:0 0; background-repeat:no-repeat}
.institution-archive .term-dictionary h2.section-title.dic{ background-image:url(/images/main/back-term-dictionary.png)}
.institution-archive .term-dictionary h2.section-title.youtube{ background-image:url(/images/main/back-youtube.png)}
ul.korean-index { border-left:1px solid #fff; border-top:1px solid #fff}
ul.korean-index li { float:left; border:1px solid #fff; border-left:0; border-top:0}
ul.korean-index li a { display:block; width:100%; height:100%; color:#fff; font-weight:500; text-align:center}
ul.korean-index li a:hover,
ul.korean-index li a:active,
ul.korean-index li a:focus { background-color:#fff; color:#ae6cf1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
/* 사회공헌 */
section.social-contribution { background-color:#fbfbfb; background-image:url(/images/main/back-section3.png); background-position:50% 0}
section.social-contribution h2.section-title{ text-align:center}
ul.contribution { width:100%}
ul.contribution li { position:relative; border:1px solid #e0e0e0; text-align:left; background:#fff}
ul.contribution li a,
ul.contribution li em,
ul.contribution li span,
ul.contribution li strong { display:block; letter-spacing:-0.1em}
ul.contribution li span,
ul.contribution li strong { word-break:keep-all}
ul.contribution li em { font-size:0}
ul.contribution li img { max-width:100%}
ul.contribution li span { color:#707070}
ul.contribution li strong { color:#202020; font-weight:500}
ul.contribution li a { display:block; position:absolute; color:#707070; border:0; background:#fff url(/images/common/go-arrow.png) 100% 70% no-repeat; cursor:pointer}
/* 뉴스레터 */
section.newsletter-link { background-color:#fff; background-image:url(/images/main/back-section4.png); background-position:50% 0}
section.newsletter-link .newsletter-sns{}
.newsletter-sns .newsletter { position:relative}
ul.kacpr-letter {}
ul.kacpr-letter li { position:relative; border:1px solid #e0e0e0; text-align:left; background-position:100% 0; background-repeat:no-repeat}
ul.kacpr-letter li em,
ul.kacpr-letter li span,
ul.kacpr-letter li span span,
ul.kacpr-letter li span strong{ display:block; color:#fff}
ul.kacpr-letter li em,
ul.kacpr-letter li span { position:absolute}
ul.kacpr-letter li em { overflow:hidden; right:0; top:-1px; background:#fff; font-size:0; text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
ul.kacpr-letter li em img { display:inline-block; max-width:100%}
ul.kacpr-letter li span { top:-1px; left:-1px; background:#ff9a41}
ul.kacpr-letter li span span{ position:static; top:auto; left:auto; width:auto; height:auto; padding:0; background-color:transparent}
ul.kacpr-letter li span strong{ font-weight:700}
ul.kacpr-letter li span a { display:block; margin-top:55px; color:#fff; text-align:center; border:1px solid #fff; background:transparent url(/images/main/white-arrow.png) 85% 50% no-repeat; cursor:pointer}
/*.newsletter-sns .facebook { border:1px solid #e0e0e0; overflow:auto}*/
/* 협회 이달의 일정 */
section.newsletter-link .link-service{ margin-top:140px}
.link-service .month-schedule{}
.link-service .month-schedule h2.section-title a{ color:#202020; border:0}
.link-service .month-schedule h2.section-title span{ }
.link-service .month-schedule h2.section-title span em,
.link-service .month-schedule h2.section-title span em a,
.link-service .month-schedule h2.section-title span span,
.link-service .month-schedule h2.section-title span strong{ display:inline-block; vertical-align:middle}
.link-service .month-schedule h2.section-title span em{ font-size:0}
.link-service .month-schedule h2.section-title span em a{ border:0}
.link-service .month-schedule h2.section-title span span{ color:#202020; font-weight:300}
.link-service .month-schedule h2.section-title span strong{ font-weight:500}
ul.schedule-list {}
ul.schedule-list li { border-bottom:1px solid #e9ebef; background:#fff}
ul.schedule-list li:first-child{ border-top:1px solid #e9ebef}
ul.schedule-list li a,
ul.schedule-list li em,
ul.schedule-list li span,
ul.schedule-list li strong { display:inline-block; vertical-align:middle}
ul.schedule-list li em { color:#fff; text-align:center; border-radius:3px}
ul.schedule-list li em.event{ background:#ff6c61}
ul.schedule-list li em.seminar{ background:#ae6cf1}
ul.schedule-list li em.conference{ background:#609ff4}
ul.schedule-list li em.etc { background:#aebdc8}
ul.schedule-list li em.rental{ background:#a3a3a3}
ul.schedule-list li span { color:#75797d}
ul.schedule-list li strong { color:#303030; font-weight:400}
/* 수료증(회비)발급/환불신청 */
.link-service .link-item {}
.link-service .link-item .cpr-order{ border:1px solid #e0e0e0; border-right:0; background:#fff; overflow:hidden}
.link-service .link-item .cpr-order h2.section-title strong{ font-weight:700; text-align:center}
/* 교육기관신청 */
ul.apply {}
ul.apply li { float:left; border:1px solid #e0e0e0; border-left:0; background:#fff; text-align:center}
ul.apply li:first-child { border-left:1px solid #e0e0e0}
ul.apply li em { display:inline-block; font-size:0; width:1px; background:#cdcbce}
ul.apply li span,
ul.apply li strong { display:block; color:#303030; font-weight:700}
ul.apply li span { background-position:50% 0; background-repeat:no-repeat}
ul.apply li:first-child span{ background-image:url(/images/main/institution.png)}
ul.apply li:last-child span { background-image:url(/images/main/issued-refunded.png)}
ul.apply li strong { letter-spacing:-0.1em}
ul.apply li a { display:inline-block; vertical-align:middle; color:#505050; border:1px solid #e0e0e0; background:#fff; cursor:pointer}
ul.apply li:hover,
ul.apply li:active,
ul.apply li:focus { border:2px solid #e00028; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.apply li:hover strong,
ul.apply li:active strong,
ul.apply li:focus strong { color:#e00028}
ul.apply li:hover em,
ul.apply li:active em,
ul.apply li:focus em { background-color:#e00028}
ul.apply li:hover span,
ul.apply li:active span,
ul.apply li:focus span { background-position:50% -55px}
ul.apply li a:hover,
ul.apply li a:active,
ul.apply li a:focus { color:#fff; border-color:#e00028; background-color:#e00028; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
/* 후원안내 */
section.sponsorship { text-align:center; background-image:url(/images/main/back-support.jpg); background-size:cover}
section.sponsorship h1 { color:#fff; font-weight:700}
section.sponsorship span,
section.sponsorship a { display:inline-block; vertical-align:middle}
section.sponsorship span { color:#fff}
section.sponsorship a { color:#fff; border:0; background:#e00028 url(/images/main/heart.png) no-repeat; cursor:pointer}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{}
section.related-organizations .organ-logo{ width:100%; text-align:center; font-size:0; line-height:0; border:1px solid #e0e0e0}
section.related-organizations .organ-logo img{ display:inline-block}
section.related-organizations .organ-logo{ padding:5px 0}
/* Content */
section.sub-content {}
/* Hgroup */
.hgroup { display:block; position:relative; margin:0 auto; text-align:center; background-position:50% 50%; background-repeat:no-repeat}
.hgroup.default { background-image:url(/images/common/back-default.jpg)}
.hgroup.education { background-image:url(/images/common/back-education.jpg)}
.hgroup.cpr { background-image:url(/images/common/back-cpr.jpg)}
.hgroup.community { background-image:url(/images/common/back-community.jpg)}
.hgroup.archive { background-image:url(/images/common/back-archive.jpg)}
.hgroup.kacpr { background-image:url(/images/common/back-kacpr.jpg)}
.hgroup.search { background-image:url(/images/common/back-search.jpg)}
.hgroup.mypage { background-image:url(/images/common/back-mypage.jpg) ! important}
.hgroup.membership { background-image:url(/images/common/back-membership.jpg) ! important}
.hgroup.event { background-image:url(/images/common/back-event.jpg) ! important}
.hgroup h2.depth2-title strong{ display:block; color:#fff; font-weight:500}
/* Individual Classes */
label { display:inline-block; vertical-align:middle; cursor:pointer}
label.hidden { display:none}
input[type=number] { text-align:right}
.box-line { border:1px solid #d7d7d7}
.red,.info-red { font-size:14px; color:#e00129; line-height:20px}
.red img,.info-red img { display:inline-block; vertical-align:middle}
.info-red { text-align:right}
.input-full { width:100%}
.input-half { width:45%}
.help-inline { display:inline-block; vertical-align:middle; margin-left:10px}
.help-block { display:block; margin-top:10px}
.help-block a { color:#37b0e4}
.input-date,.input-time { background-position:92% 50%; background-repeat:no-repeat}
.input-date { background-image:url(/images/common/mini-calendar.png)}
.input-time { background-image:url(/images/common/mini-time.png)}
.red-point { color:#e00129}
.diagram { text-align:center; font-size:0; line-height:0}
.diagram img { max-width:100%}
/* 교육신청(리스트형) */
ul.flag-group { border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7}
ul.flag-group li { float:left; border:1px solid #d7d7d7; border-top:0; border-left:0}
ul.flag-group li a { display:block; width:100%; height:100%}
ul.flag-group li span { display:inline-block; vertical-align:middle}
ul.flag-group li span { font-size:13px; color:#454545}
.flag em { display:inline-block; vertical-align:middle; padding:4px 0 5px 0; width:21px; font-size:11px; color:#fff; text-align:center; font-style:normal; letter-spacing:0; line-height:11px; text-transform:uppercase; border-radius:3px}
.flag em.bp,.flag em.bi { background:#609ff4}
.flag em.bm { background:#787878}
.flag em.ap,.flag em.ai,.flag em.am{ background:#e00129}
.flag em.dp { background:#f6d041}
.flag em.pp,.flag em.pi,.flag em.pm{ background:#925cbc}
.flag em.kp,.flag em.ki,.flag em.km{ background:#ff7e76}
.flag em.r { background:#96cc5c}
.flag em.pb { background:#56a496}
.flag em.pd { background:#00c3a1}
.flag em.pl,.flag em.pr { background:#bcc93b}
.flag em.pl,.flag em.pr2 { background:#bcc93b; width:28px}
.flag em.pl,.flag em.pr3 { background:#bcc93b; width:35px}
.flag em.pl,.flag em.pr4 { background:#bcc93b; width:43px}
/*.flag em.pl,.flag em.pr,.flag em.pb,.flag em.pd{ padding-left:4px; padding-right:5px; width:auto}*/
.edu-list h3 { color:#222; font-weight:300; text-align:center}
.edu-list p { color:#fff; background:#609ff4}
.year-month button { border:0; background:url(/images/common/prev-next.png) no-repeat; text-indent:-9999px; cursor:pointer}
.year-month button.prev-month{ background-position:0 0}
.year-month button.next-month{ background-position:100% 0}
.year-month button,
.year-month span,
.year-month strong { display:inline-block; vertical-align:middle}
.year-month span,
.year-month strong { color:#222; font-weight:300; letter-spacing:0}
.year-month strong { color:#609ff4}
.annual-schedule a { display:inline-block; vertical-align:middle; color:#fff; background:#e00129}
section.sub-content.application ul.tab-menu.tab2 li span{ background-repeat:no-repeat; text-align:left}
section.sub-content.application ul.tab-menu.tab2 li:first-child span{ background-image:url(/images/common/mini-calendar.png)}
section.sub-content.application ul.tab-menu.tab2 li:last-child span{ background-image:url(/images/common/list.png)}
section.sub-content.application ul.tab-menu.tab2 li.active{ border-color:#609ff4}
section.sub-content.application ul.tab-menu.tab2 li.active span{ background-color:#609ff4}
section.sub-content.application ul.tab-menu.tab2 li:first-child.active span{ background-image:url(/images/common/mini-calendar-white.png)}
section.sub-content.application ul.tab-menu.tab2 li:last-child.active span{ background-image:url(/images/common/list-white.png)}
/* 가로형달력 */
.h-calendar ul li { position:relative; float:left; width:3.2%; text-align:center; border:1px solid #e0e0e0; border-left:0}
.h-calendar ul li:first-child{ border-left:1px solid #e0e0e0}
.h-calendar ul li a { display:block; width:100%; height:100%}
.h-calendar ul.week li { color:#fff; border-bottom:0; border-top-color:#bababa; background:#bababa}
.h-calendar ul.day li { border-top:0}
.h-calendar ul.week li a { color:#fff}
.h-calendar ul.day li a { color:#505050}
.h-calendar ul.week li.today,.h-calendar ul.day li.today{ width:4%}
.h-calendar ul.week li.sunday,
.h-calendar ul.week li.holiday{ background:#ff6c61; border-color:#ff6c61}
.h-calendar ul.week li.sat{ background:#609ff4; border-color:#609ff4}
.h-calendar ul.day li.sunday,
.h-calendar ul.day li.holiday,
.h-calendar ul.day li.sunday a,
.h-calendar ul.day li.holiday a{ color:#ff6c61}
.h-calendar ul.day li.sat,
.h-calendar ul.day li.sat a{ color:#609ff4}
.h-calendar ul.week li.today,
.h-calendar ul.day li.today { border-color:#609ff4; border-left:1px solid #609ff4; border-bottom:2px solid; background:url(/images/common/pointer-day.png) 50% 100% no-repeat}
.h-calendar ul.week li.today{ background:#609ff4}
.h-calendar ul.day li.today a,.h-calendar ul.day li.today{ color:#609ff4; font-weight:700}
/* 일정표-리스트 */
ul.month-list li { position:relative; margin:-1px 0; border:1px solid #e0e0e0}
ul.month-list li:after { content:""; display:block; clear: both}
ul.month-list li:first-child{ background:#f4f2f5}
ul.month-list li:first-child strong{ color:#333; font-weight:700; text-align:center}
ul.month-list li span,
ul.month-list li strong { display:inline-block; vertical-align:middle}
ul.month-list .course-name span,
ul.month-list .training-time span,
ul.month-list .personnel span,
ul.month-list .personnel strong{ letter-spacing:0}
ul.month-list .personnel { text-align:center}
ul.month-list .personnel strong{ color:#609ff4; font-weight:500}
ul.month-list .institution-name{ color:#333; font-weight:500}
ul.month-list button { position:absolute; color:#a0a0a0; line-height:normal; text-align:left; background:url(/images/common/plus-application.png) 90% 0 no-repeat; border:1px solid #e0e0e0; cursor:pointer}
ul.month-list button:hover,
ul.month-list button:active,
ul.month-list button:focus { color:#fff; background-color:#609ff4; border-color:#609ff4}
ul.month-list li.finished button,
ul.month-list li.finished button:hover,
ul.month-list li.finished button:active,
ul.month-list li.finished button:focus{ padding:0; color:#666; text-align:center; background-color:#e0e0e0; border-color:#e0e0e0; background-image:none}
ul.month-list li.finished .course-name,
ul.month-list li.finished .training-time,
ul.month-list li.finished .personnel,
ul.month-list li.finished .personnel strong,
ul.month-list li.finished .institution-name{ color:#bababa}
ul.month-list li.two-days em.days{ width:auto; font-weight:700; background:#bababa; border-radius:0}
/* 교육신청(캘린더형) */
/* 일정표-달력 */
ul.cal-head { border-top:1px solid #e0e0e0}
ul.cal-head li { color:#454545; text-align:center; font-weight:500}
ul.cal-head li,
ul.cal-body li { position:relative; float:left; margin:0; width:14%; border:1px solid #e0e0e0; border-left:0; border-top:0; background:#fff}
ul.cal-head li:first-child,ul.cal-head li:last-child,
ul.cal-body li:nth-child(1),ul.cal-body li:nth-child(7),
ul.cal-body li:nth-child(8),ul.cal-body li:nth-child(14),
ul.cal-body li:nth-child(15),ul.cal-body li:nth-child(21),
ul.cal-body li:nth-child(22),ul.cal-body li:nth-child(28),
ul.cal-body li:nth-child(29),ul.cal-body li:nth-child(35),
ul.cal-body li:nth-child(36),ul.cal-body li:nth-child(42){ width:15%}
ul.cal-head li:first-child,
ul.cal-body li:nth-child(1),ul.cal-body li:nth-child(8),
ul.cal-body li:nth-child(15),ul.cal-body li:nth-child(22),
ul.cal-body li:nth-child(29),ul.cal-body li:nth-child(36){ border-left:1px solid #e0e0e0}
ul.cal-head li.sun { background:#f7e4e4}
ul.cal-head li.sat { background:#e1eef9}
ul.cal-body li,ul.cal-body li span span{ color:#454545}
ul.cal-body li>strong { display:block; font-weight:500}
ul.cal-body li>a { display:block}
ul.cal-body li span { display:block; margin-bottom:5px}
ul.cal-body li span span { display:inline-block; vertical-align:middle; margin:0; word-break:normal}
ul.cal-body li.holiday,
ul.cal-body li.sun { color:#ff4f42}
ul.cal-body li.sat { color:#0091db}
ul.cal-body li.select-today { border:1px solid #454545}
ul.cal-body li.select-day { border:1px solid #ff4f42}
ul.cal-body li.empty { background:#f8f6f9}
ul.cal-body li .deadline span,
.mw .pop-layer.list-all ul li.deadline span{ color:#cdcdcd}
ul.cal-body li>button { display:block; position:absolute; bottom:0; right:0; border:0; color:#fff; font-weight:700; padding:0; background:#e00129 url(/images/common/more.png) no-repeat; cursor:pointer}
/*
ul.cal-body li .more-layer { display:none; position:absolute; top:-1px; right:179px; z-index:100; border:3px solid #666; background:#fff; overflow:auto}
ul.cal-body li .more-layer>button{ position:absolute; z-index:150; top:0; right:0; width:40px; height:40px; background:#666 url(/images/common/pop-close.png) 50% 50% no-repeat; border:0; text-indent:-9999px; cursor:pointer}
ul.cal-body li .more-layer ul li:first-child{ margin-top:0}
ul.cal-body .more-layer ul li,
ul.cal-body .more-layer ul li:nth-child(1),ul.cal-body .more-layer ul li:nth-child(7),
ul.cal-body .more-layer ul li:nth-child(8),ul.cal-body .more-layer ul li:nth-child(14),
ul.cal-body .more-layer ul li:nth-child(15),ul.cal-body .more-layer ul li:nth-child(21),
ul.cal-body .more-layer ul li:nth-child(22),ul.cal-body .more-layer ul li:nth-child(28),
ul.cal-body .more-layer ul li:nth-child(29),ul.cal-body .more-layer ul li:nth-child(35),
ul.cal-body .more-layer ul li:nth-child(36),ul.cal-body .more-layer ul li:nth-child(42){ float:none; padding:0; width:auto; height:auto; border:0}
ul.cal-body li .more-layer ul li span{ display:inline-block; vertical-align:middle; margin:0; color:#454545}
*/
.mw .pop-layer .layer-body ul.all-list li,
.mw .pop-layer .layer-body ul.all-list li:nth-child(1),.mw .pop-layer .layer-body ul.all-list li:nth-child(7),
.mw .pop-layer .layer-body ul.all-list li:nth-child(8),.mw .pop-layer .layer-body ul.all-list li:nth-child(14),
.mw .pop-layer .layer-body ul.all-list li:nth-child(15),.mw .pop-layer .layer-body ul.all-list li:nth-child(21),
.mw .pop-layer .layer-body ul.all-list li:nth-child(22),.mw .pop-layer .layer-body ul.all-list li:nth-child(28),
.mw .pop-layer .layer-body ul.all-list li:nth-child(29),.mw .pop-layer .layer-body ul.all-list li:nth-child(35),
.mw .pop-layer .layer-body ul.all-list li:nth-child(36),.mw .pop-layer .layer-body ul.all-list li:nth-child(42){ float:none; padding:0; width:auto; height:auto; border:0}
.mw .pop-layer .layer-body ul.all-list li span{ display:inline-block; vertical-align:middle; margin:0; color:#454545}
.mw .pop-layer.list-all{ text-align:left}
.mw .pop-layer.list-all .layer-header{ background-color:#609ff4}
.mw .pop-layer.list-all .layer-body{ overflow:auto}
.mw .pop-layer.list-all .layer-body ul.all-list li span{ width:auto}
.mw .pop-layer.list-all .layer-body ul.all-list li>a{ display:inline-block}
/* 평가설문지 */
.questionnaire-title { text-align:center}
.questionnaire-title strong { color:#303030; font-weight:500}
.questionnaire h3 { text-align:center; font-weight:300}
.questionnaire .questionnaire-wrap h3{ text-align:left; font-weight:500}
.questionnaire-wrap .course-title{ background:#454545}
.questionnaire-wrap .public-info label,
.questionnaire-wrap .public-job label,
.questionnaire-wrap .public-info span,
.questionnaire-wrap .public-job span,
.questionnaire-wrap .course-title span,
.questionnaire-wrap .course-title strong{ color:#fefefe}
.questionnaire-wrap .course-title strong{ font-weight:500}
.questionnaire-wrap .public-info span,
.questionnaire-wrap .public-job span{ display:inline-block; vertical-align:middle}
.questionnaire-wrap .public-info,
.questionnaire-wrap .public-job{ background:#454545}
.questionnaire-wrap .public-info div{ border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a}
.questionnaire-wrap .course-title input[type=text],
.questionnaire-wrap .public-info input[type=text]{ color:#fff; text-align:center; background:#868686; border:0}
/*.questionnaire-wrap .rating-question{ border:1px solid #f4f2f5; border-bottom:0}*/
.questionnaire-wrap .rating-question .question{ }
.questionnaire-wrap .rating-question .rating{ }
ul.ratings-5 li { float:left}
ul.ratings-5 li:first-child { }
/*ul.ratings-5 li label { display:block; cursor:pointer}*/
ul.ratings-5 li input[type=radio],
ul.item-selection-type li [type=radio]{ margin:0; padding:0}
ul.item-selection-type li { }
ul.item-selection-type li span,
ul.item-selection-type li strong{ display:block}
ul.item-selection-type li label{ cursor:pointer}
ul.item-selection-type li span span{ display:inline-block; vertical-align:middle}
ul.item-selection-type li span span:first-child{ margin-left:0}
.questionnaire-wrap .description textarea{ width:100%; border:1px solid #f4f2f5}
/* PreTest */
.pre-test h3 { position:relative; background:#444}
.pre-test h3 span { float:right}
.pre-test h3 strong { float:left}
.pre-test h3 span,
.pre-test h3 strong { color:#fff; font-weight:500}
.pre-test h3 button { position:absolute; border:0; background:#fff url(/images/ts/print-b.png) no-repeat; color:#444; cursor:pointer}
.pre-test .question-answer { color:#468847; background:#dff0d8; border:1px solid #d6e9c6; border-radius:3px}
.pre-test .question-answer strong{ display:block; font-weight:500}
.pre-test .pre-test-wrap:first-of-type{ margin-top:0}
.pre-test .pre-description { position:relative}
.pre-test .pre-description span{ display:block}
.pre-test .pre-description .pre-button button{ display:inline-block; vertical-align:middle; border:0; cursor:pointer; color:#fff; font-weight:700}
.pre-test .pre-description .pre-button button:first-child{ background:#e00028}
.pre-test .pre-description .pre-button button:last-child{ background:#609ff4}
ul.PreTest li { margin:-1px 0; border:1px solid #f4f2f5}
ul.PreTest li:after { content:""; display:block; clear:both}
ul.PreTest li em,
ul.PreTest li span { float:left}
ul.PreTest li label,
ul.PreTest li input[type=radio]{ display:inline-block; vertical-align:middle}
ul.PreTest li input[type=text]{ margin:0 2.5%; width:95%}
ul.PreTest li em { text-align:center}
/* 교육과정소개 */
.course-list .course-box { float:left; text-align:center; border:1px solid #e3e3e3; background:#fff; cursor:pointer}
.course-list .course-box span,
.course-list .course-box strong{ display:block; color:#222}
.course-list .course-box strong{ font-weight:500}
.course-list .course-box a,
.course-list .course-box button{ display:inline-block; vertical-align:middle; border:1px solid; background:#fff; cursor:pointer}
.course-list .course-box a.view{ color:#609ff4; border-color:#609ff4}
.course-list .course-box a.pdf-down{ color:#444; border-color:#444}
.course-list .course-box a.application{ color:#e00129; border-color:#e00129}
.course-list .course-box button.address-list{ color:#444; border-color:#444}
.course-list .course-box:hover a,
.course-list .course-box:active a,
.course-list .course-box:focus a,
.course-list .course-box:hover button,
.course-list .course-box:active button,
.course-list .course-box:focus button{ border-color:#fff}
.course-list .course-box.bls:hover,.course-list .course-box.bls:active,.course-list .course-box.bls:focus{ background-color:#609ff4; border-color:#609ff4}
.course-list .course-box.blsm:hover,.course-list .course-box.blsm:active,.course-list .course-box.blsm:focus{ background-color:#787878; border-color:#787878}
.course-list .course-box.acls:hover,.course-list .course-box.acls:active,.course-list .course-box.acls:focus{ background-color:#e00129; border-color:#e00129}
.course-list .course-box.kals:hover,.course-list .course-box.kals:active,.course-list .course-box.kals:focus{ background-color:#ff7e76; border-color:#ff7e76}
.course-list .course-box.kbls:hover,.course-list .course-box.kbls:active,.course-list .course-box.kbls:focus{ background-color:#f247a2; border-color:#f247a2}
.course-list .course-box.kpals:hover,.course-list .course-box.kpals:active,.course-list .course-box.kpals:focus{ background-color:#23a096; border-color:#23a096}
.course-list .course-box.pals:hover,.course-list .course-box.pals:active,.course-list .course-box.pals:focus{ background-color:#925cbc; border-color:#925cbc}
.course-list .course-box.dals:hover,.course-list .course-box.dals:active,.course-list .course-box.dals:focus{ background-color:#f6d041; border-color:#f6d041}
.course-list .course-box.ie:hover,.course-list .course-box.ie:active,.course-list .course-box.ie:focus{ background-color:#6eae8c; border-color:#6eae8c}
.course-list .course-box.basic:hover,.course-list .course-box.basic:active,.course-list .course-box.basic:focus{ background-color:#56a496; border-color:#56a496}
.course-list .course-box.deep:hover,.course-list .course-box.deep:active,.course-list .course-box.deep:focus{ background-color:#00c3a1; border-color:#00c3a1}
.course-list .course-box.lecturer:hover,.course-list .course-box.lecturer:active,.course-list .course-box.lecturer:focus{ background-color:#bcc93b; border-color:#bcc93b}
.course-list .course-box.knbls:hover,.course-list .course-box.knbls:active,.course-list .course-box.knbls:focus{ background-color:#74c93b; border-color:#74c93b}
.course-list .course-box:hover,
.course-list .course-box:active,
.course-list .course-box:focus{ -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.course-list .course-box:hover span,
.course-list .course-box:active span,
.course-list .course-box:focus span,
.course-list .course-box:hover strong,
.course-list .course-box:active strong,
.course-list .course-box:focus strong{ color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s}
.course-headtitle strong { color:#303030; font-weight:500}
.course-details { position:relative}
.course-details h3 { color:#303030; font-weight:300}
.course-details h3 mark { color:#e00129; background:transparent}
.course-details .course-summary{ position:relative}
.course-summary .qualifications-wrap{ width:100%}
ul.qualifications li { position:relative; background:#ededed 100% 100% no-repeat; border:2px solid #ededed; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.qualifications li:first-child{ margin-left:0}
ul.qualifications li strong { color:#222; font-weight:700}
ul.qualifications li.active,
.course-summary .details-contents{ border:2px solid; background-color:#fff}
ul.qualifications li.con1 { background-image:url(/images/education/back-con1.png)}
ul.qualifications li.con2 { background-image:url(/images/education/back-con2.png)}
ul.qualifications li.con3 { background-image:url(/images/education/back-con3.png)}
ul.qualifications li .point-bullet{ display:none; position:absolute; left:50%; text-align:center; line-height:0}
ul.qualifications li .point-bullet em{ display:inline-block; vertical-align:middle}
ul.qualifications li .point-bullet em{ border:2px solid; background:#fff}
ul.qualifications li .point-bullet em:first-child{ border:0; border-radius:0}
ul.qualifications li.active .point-bullet{ display:block}
.course-summary .details-contents strong{ display:block; color:#e00129; font-weight:400; border-top:1px solid #e00129}
.details-contents.content2,
.details-contents.content3{ display:none}
.course-details .course-imagery{ box-shadow:0 5px 0 #f2f2f2; -moz-box-shadow:0 5px 0 #f2f2f2; -webkit-box-shadow:0 5px 0 #f2f2f2}
.program { text-align:center}
.program h4 { color:#fff; font-weight:500}
ul.show-step { display:inline-block; background:#505050}
ul.show-step li span,
ul.show-step li strong { color:#fff}
ul.show-step li span { display:block}
ul.show-step li strong { display:inline-block; border-bottom:2px solid #858585; font-weight:500}
ul.program-step li { position:relative; border:1px solid #e3e3e3}
ul.program-step li:first-child{ margin-top:0}
ul.program-step li:after { content:""; display:block; position:absolute; z-index:10; left:0; width:100%; background:url(/images/education/step-arrow.png) 50% 0 no-repeat}
ul.program-step li:last-child:after{ display:none}
ul.program-step li.sub-list { text-align:left}
ul.program-step li.sub-list ul li{ border:0; background:#f8f8f8 url(/images/education/bullet-arrow.png) no-repeat}
ul.program-step li.sub-list ul li:after{ display:none; bottom:auto; height:0}
ul.program-step.color { margin-top:0}
ul.program-step.color li { color:#fff; text-align:center; border-radius:5px}
ul.program-step.color li span,
ul.program-step.color li strong{ display:block}
ul.program-step.color li span{ font-weight:300}
ul.program-step.color li strong{ font-weight:500}
ul.program-step.color li:after{ background-image:url(/images/education/step-arrow2.png)}
ul.program-step.color.bls li:nth-child(1){ border-color:#0777b9; background-color:#058ec4}
ul.program-step.color.bls li:nth-child(2){ border-color:#2d6ebe; background-color:#367acb}
ul.program-step.color.bls li:nth-child(3){ border-color:#3853ac; background-color:#3864d1}
ul.program-step.color.bls li:nth-child(4){ border-color:#4b44a1; background-color:#5953cd}
ul.program-step.color.bls li:nth-child(5){ border-color:#5845b0; background-color:#6655bf}
ul.program-step.color.bls li:nth-child(6){ border-color:#7243a3; background-color:#8f53c4}
ul.program-step.color.bls li:nth-child(7){ border-color:#9647a2; background-color:#b451be}
ul.program-step.color.acls li:nth-child(1){ border-color:#004e94; background-color:#0464bb}
ul.program-step.color.acls li:nth-child(2){ border-color:#1e89a2; background-color:#31aecc}
ul.program-step.color.acls li:nth-child(3){ border-color:#2b948e; background-color:#48bbb4}
ul.program-step.color.acls li:nth-child(4){ border-color:#3e9630; background-color:#60bb51}
ul.program-step.color.acls li:nth-child(5){ border-color:#5e8213; background-color:#82b31a}
ul.program-step.color.acls li:nth-child(6){ border-color:#9e7729; background-color:#c99937}
ul.program-step.color.acls li:nth-child(7){ border-color:#ca6338; background-color:#f68658}
ul.program-step.color.kals li{ border-color:#634784; background-color:#8165a2}
ul.program-step.color.public li{ border-color:#9aa52a; background-color:#bcc93b}
/* 교육과정별 컬러색 */
section.sub-content.bls .program h4{ background:#609ff4}
section.sub-content.bls ul.qualifications li.active,
section.sub-content.bls .course-summary .details-contents,
section.sub-content.bls ul.qualifications li .point-bullet em{ border-color:#609ff4}
section.sub-content.bls ul.qualifications li .point-bullet em:first-child{ background:#609ff4}
section.sub-content.blsm .program h4{ background:#787878}
section.sub-content.blsm ul.qualifications li.active,
section.sub-content.blsm .course-summary .details-contents,
section.sub-content.blsm ul.qualifications li .point-bullet em{ border-color:#787878}
section.sub-content.blsm ul.qualifications li .point-bullet em:first-child{ background:#787878}
section.sub-content.acls .program h4{ background:#e00129}
section.sub-content.acls ul.qualifications li.active,
section.sub-content.acls .course-summary .details-contents,
section.sub-content.acls ul.qualifications li .point-bullet em{ border-color:#e00129}
section.sub-content.acls ul.qualifications li .point-bullet em:first-child{ background:#e00129}
section.sub-content.kals .program h4{ background:#ff7e76}
section.sub-content.kals ul.qualifications li.active,
section.sub-content.kals .course-summary .details-contents,
section.sub-content.kals ul.qualifications li .point-bullet em{ border-color:#ff7e76}
section.sub-content.kals ul.qualifications li .point-bullet em:first-child{ background:#ff7e76}
section.sub-content.kbls .program h4{ background:#f247a2}
section.sub-content.kbls ul.qualifications li.active,
section.sub-content.kbls .course-summary .details-contents,
section.sub-content.kbls ul.qualifications li .point-bullet em{ border-color:#f247a2}
section.sub-content.kbls ul.qualifications li .point-bullet em:first-child{ background:#f247a2}
section.sub-content.pals .program h4{ background:#925cbc}
section.sub-content.pals ul.qualifications li.active,
section.sub-content.pals .course-summary .details-contents,
section.sub-content.pals ul.qualifications li .point-bullet em{ border-color:#925cbc}
section.sub-content.pals ul.qualifications li .point-bullet em:first-child{ background:#925cbc}
section.sub-content.kpals .program h4{ background:#23a096}
section.sub-content.kpals ul.qualifications li.active,
section.sub-content.kpals .course-summary .details-contents,
section.sub-content.kpals ul.qualifications li .point-bullet em{ border-color:#23a096}
section.sub-content.kpals ul.qualifications li .point-bullet em:first-child{ background:#23a096}
section.sub-content.dals .program h4{ background:#f6d041}
section.sub-content.dals ul.qualifications li.active,
section.sub-content.dals .course-summary .details-contents,
section.sub-content.dals ul.qualifications li .point-bullet em{ border-color:#f6d041}
section.sub-content.dals ul.qualifications li .point-bullet em:first-child{ background:#f6d041}
section.sub-content.basic .program h4{ background:#56a496}
section.sub-content.basic ul.qualifications li.active,
section.sub-content.basic .course-summary .details-contents,
section.sub-content.basic ul.qualifications li .point-bullet em{ border-color:#56a496}
section.sub-content.basic ul.qualifications li .point-bullet em:first-child{ background:#56a496}
section.sub-content.deep .program h4{ background:#00c3a1}
section.sub-content.deep ul.qualifications li.active,
section.sub-content.deep .course-summary .details-contents,
section.sub-content.deep ul.qualifications li .point-bullet em{ border-color:#00c3a1}
section.sub-content.deep ul.qualifications li .point-bullet em:first-child{ background:#00c3a1}
section.sub-content.lecturer .program h4{ background:#bcc93b}
section.sub-content.lecturer ul.qualifications li.active,
section.sub-content.lecturer .course-summary .details-contents,
section.sub-content.lecturer ul.qualifications li .point-bullet em{ border-color:#bcc93b}
section.sub-content.lecturer ul.qualifications li .point-bullet em:first-child{ background:#bcc93b}
/* 교육과정단계 */
section.sub-content.course-step .default table{ border-color:#e0e0e0}
section.sub-content.course-step .default thead th{ background-color:#eee; border:1px solid #e0e0e0}
section.sub-content.course-step .default th,
section.sub-content.course-step .default td{ border:1px solid #e0e0e0; background-color:#fafafa}
section.sub-content.course-step .default tbody th{ font-weight:700}
section.sub-content.course-step .default tbody td{ padding:0}
section.sub-content.course-step .default tbody td span{ display:block; padding:15px 20px}
section.sub-content.course-step .default tbody td span:nth-child(2){ border-top:1px dashed #d7dbdd}
section.sub-content.course-step .default .public{ color:#869027; background-color:#f5fcfe}
section.sub-content.course-step .default .kbls{ color:#568888; background-color:#f1f9f9}
section.sub-content.course-step .default .kals{ color:#e66f68; background-color:#fefcfa}
section.sub-content.course-step .default .dals{ color:#a28829; background-color:#fff}
section.sub-content.course-step .default .kpals{ color:#7e51a2; background-color:#fefcfa}
section.sub-content.course-step .default .bls{ color:#558dda; background-color:#fefcfa}
section.sub-content.course-step .default .acls{ color:#d10126; background-color:#fff}
section.sub-content.course-step .default .pals{ color:#838c26; background-color:#f5fcfe}
section.sub-content.course-step .default .knbls{ color:#74c93b; background-color:#fff}
/*
section.sub-content.course-step .default .public{ color:#97a22c; background-color:#eeefe1}
section.sub-content.course-step .default .kbls{ color:#6dabab; background-color:#e7f3f3}
section.sub-content.course-step .default .kals{ color:#ff7e76; background-color:#f7edec}
section.sub-content.course-step .default .dals{ color:#b2962e; background-color:#f2eede}
section.sub-content.course-step .default .kpals{ color:#925cbc; background-color:#f0ebf3}
section.sub-content.course-step .default .bls{ color:#609ff4; background-color:#eaf0f8}
section.sub-content.course-step .default .acls{ color:#e00129; background-color:#fceaed}
*/
/* 교육기관찾기 */
.find-institution { border:1px solid #d7d7d7}
.find-institution .image-map,
.find-institution .select-area{ vertical-align:top}
.find-institution .find-title{ border-bottom:1px solid #d7d7d7; text-align:left; background:#faf8fb}
.find-institution .image-map{ text-align:center; border-right:1px solid #d7d7d7}
.find-institution .image-map .map-holder,
.find-institution .find-title span,
.find-institution .find-title img,
.find-institution .find-title strong{ display:inline-block; vertical-align:middle}
.find-institution .find-title strong{ color:#000; font-weight:400}
.find-institution .find-title img{ width:13px}
.find-institution .find-descrip span,
.find-institution .area-search span{ display:block}
.find-institution .area-search span:first-child{ margin-top:0}
.find-institution .area-search p{ color:#888; border-top:1px solid #d7d7d7}
.find-institution .area-search label{ color:#609ff4; font-weight:400}
.find-institution .area-search label,
.find-institution .area-search select,
.find-institution .area-search input{ float:left; vertical-align:top}
.find-institution .area-search select{ border-color:#d7d7d7; background-image:url(/images/common/select.png); background-position:100% 50%}
.find-institution .area-search select.sel-area{ background-image:url(/images/common/select-area.png)}
.find-institution .area-search input[type=button],
.find-institution .area-search input[type=submit]{ color:#fff !important; border:0; background:#565457; cursor:pointer; background:linear-gradient(to right, #565457, #565457)}
.find-institution .find-descrip{ text-align:center}
.find-institution .find-descrip span{ color:#888}
.institution-list p strong { color:#609ff4; font-weight:500}
.institution-list .thumb-list span,
.institution-list .thumb-list strong{ float:left; vertical-align:top; font-weight:400}
.institution-list .no-message{ width:100%; text-align:center}
.institution-list .no,
.institution-list .institution-location{ text-align:center}
.institution-list button { color:#505050; border:1px solid #d7d7d7; cursor:pointer; background:#fff 0 0 no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.institution-list button.map{ background-image:url(/images/education/map.png)}
.institution-list button.inquiry{ background-image:url(/images/education/inquiry.png)}
ul.institution-infomation2,
ul.institution-infomation { overflow:auto; border-bottom:1px solid #4f5153}
ul.institution-infomation2 li,
ul.institution-infomation li{ border-top:1px solid #e3e3e3}
ul.institution-infomation li:after,
ul.institution-infomation2 li:after{ content:""; display:block; clear:both}
ul.institution-infomation li:first-child{ border-top:2px solid #808080}
ul.institution-infomation2 li span,
ul.institution-infomation li span{ float:left}
ul.institution-infomation li em,
ul.institution-infomation li img,
ul.institution-infomation li span span,
ul.institution-infomation li strong{ float:none; display:inline-block; vertical-align:middle; margin:0; width:auto}
ul.institution-infomation2 li strong,
ul.institution-infomation li strong{ color:#666; font-weight:400}
ul.institution-infomation2 li:first-child{ border-top:0}
ul.institution-infomation2 li em,
ul.institution-infomation2 li img,
ul.institution-infomation2 li span span,
ul.institution-infomation2 li strong{ float:none; display:inline-block; vertical-align:middle; margin:0; width:auto}
/* 교육기관신청 */
.training-site .button-online,
.training-site .button-offline{ display:inline-block; color:#fff; font-weight:500}
.training-site .button-online{ background:#e00129}
.training-site .button-offline{ background:#505050}
.training-site .program .goals h4,
.training-site .program .overview h4{ background-color:#b7b7b7}
.training-site .program .approval-description{ text-align:left}
/* 신청서 작성 */
.complete-application p,
.complete-application ul.form-input,
section.sub-content.complete-application h3{ margin:0 auto}
.complete-application ul.form-input li.both-side .both-l,
.complete-application ul.form-input li.both-side .both-r{ width:50%}
.complete-application ul.form-input li.both-side .both-l{ float:left}
.complete-application ul.form-input li.both-side .both-r{ float:right}
.complete-application .agree-use,
.complete-application .agree-use input{ text-align:center}
.complete-application .agree-use p{ width:100%}
.complete-application .agree-use span{ display:inline-block; vertical-align:middle}
.complete-application .agree-use strong{ display:block; color:#222; font-weight:700}
.complete-application .support-description{ margin:0 auto; background:#f2dede; text-align:center; border:1px solid #eed3d7; border-radius:3px}
.complete-application .support-description em{ font-size:0}
.complete-application .support-description em,
.complete-application .support-description span{ display:inline-block; text-align:left; vertical-align:middle}
.complete-application .support-description span span{ display:block; color:#b94a48}
/* 수료증발급-환불 안내 */
ul.certificates-apply li { float:left; background-color:#ededed; background-repeat:no-repeat}
ul.certificates-apply li:first-child{ margin-left:0; margin-top:0}
ul.certificates-apply li:nth-child(2){ background-image:url(/images/education/back-step2.png)}
ul.certificates-apply li:nth-child(3){ background-image:url(/images/education/back-step3.png)}
ul.certificates-apply li a { display:inline-block; color:#fff; background:#e00028 url(/images/common/check-white.png) no-repeat}
ul.certificates-apply li span,
ul.certificates-apply li strong{ display:block}
ul.certificates-apply li span{ background:url(/images/common/dot-grey.png) 0 50% no-repeat}
ul.certificates-apply li strong{ color:#222; font-weight:500; text-align:center}
ul.certificates-apply li .btn-apply{ background-image:none; margin:0; padding:0; line-height:normal; text-align:center}
ul.certificates-apply ul.show-step{ margin:0; text-align:center; background-color:#767676}
ul.certificates-apply ul.show-step li{ float:none; margin:0; padding:0; width:67px; height:67px; background-color:#767676}
ul.certificates-apply ul.show-step li span,
ul.certificates-apply ul.show-step li strong{ color:#fafbfb}
ul.certificates-apply ul.show-step li span{ background-image:none; margin-left:0; padding:0; line-height:normal}
ul.certificates-apply ul.show-step li strong{ display:inline-block; margin-top:3px; margin-bottom:0; border-color:#d1d2d4}
section.certificates-guide .default table{ border-color:#d9dbdc}
section.certificates-guide .default thead th,
section.certificates-guide .default tfoot th{ background-color:#f5f5f5}
section.certificates-guide .default th,section.certificates-guide .default td{ border:1px solid #d9dbdc}
section.certificates-guide .default thead th{ border-top:2px solid #e00028}
section.certificates-guide .default thead tr:nth-child(2) th{ border-top:1px solid #d9dbdc}
section.certificates-guide .default td.public{ background-color:#fdfdfd}
section.certificates-guide .default td.provider{ background-color:#f5fcfe}
section.certificates-guide .default td.instructor{ background-color:#fcfefa}
ul.dot-list li { background:url(/images/common/dot-grey.png) no-repeat}
.refund-info h4 { text-align:center}
.refund-info h4 span,
.refund-info h4 strong { display:inline-block; vertical-align:top; color:#222; font-weight:500}
.refund-info ul li { float:left; text-align:center; background:#ededed}
.refund-info ul li:first-child{ margin-left:0; margin-top:0}
.refund-info ul li a,
.refund-info ul li em,
.refund-info ul li span { display:inline-block; vertical-align:middle}
.refund-info ul li a { color:#fff; background:#e00028 url(/images/common/check-white.png) no-repeat}
.refund-info ul li em { font-size:0}
.refund-info ul li span { color:#222}
/* 검증프로그램 안내 */
section.certificates-guide .default.verification tbody th{ background-color:#f5f5f5}
section.certificates-guide .default.verification tbody td{ padding-left:30px}
.program-down { text-align:center; border:1px solid #d9dbdc}
.program-down a,
.program-down span { display:inline-block; vertical-align:middle}
.program-down a { color:#fff; background:#e00028 url(/images/common/download.png) no-repeat}
.description-box div { display:inline-block; vertical-align:top}
.description-box figure,
.description-box figure img { display:block}
.description-box figure,
.description-box figure figcaption{ margin:0; padding:0}
.description-box figure img { max-width:100%}
.description-box div h3 { font-weight:500; color:#222}
.description-box ul li em,
.description-box ul li span { display:inline-block; vertical-align:top}
.description-box ul li img { display:block; max-width:100%}
/* 심폐소생술이란? */
section.heart-attack-cpr h2.con-title span,
section.heart-attack-cpr h2.con-title strong{ display:inline-block; vertical-align:middle}
section.heart-attack-cpr h2.con-title span{ font-weight:400}
section.heart-attack-cpr .red-size,
section.heart-attack-cpr h2.con-title span.red-block{ display:block; color:#e00028}
section.heart-attack-cpr .cpr-summary .cpr-image1,
section.heart-attack-cpr .cpr-summary .cpr-image2{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
section.heart-attack-cpr .cpr-summary .cpr-image1{ background-image:url(/images/cpr/cpr-image1.jpg)}
section.heart-attack-cpr .cpr-summary .cpr-image2{ background-image:url(/images/cpr/cpr-image2.jpg)}
section.heart-attack-cpr .cpr-summary .cpr-summary1,
section.heart-attack-cpr .cpr-summary .cpr-summary2{ position:relative}
ul.cpr-item li { position:relative; float:left; background:#fff; border:1px solid #d9dbdc}
ul.cpr-item li:first-child { margin-top:0; margin-left:0}
ul.cpr-item li a { display:none; position:absolute; top:0; right:0; width:27px; height:27px; background:#fff url(/images/common/add-blue.png) 50% 50% no-repeat; text-indent:-9999px}
ul.cpr-item li em,
ul.cpr-item li span { display:block; text-align:center}
ul.cpr-item li em { margin:0 auto; background-position:50% 100%; background-repeat:no-repeat}
ul.cpr-item li.cpr-item1 em { background-image:url(/images/cpr/cpr-1.png)}
ul.cpr-item li.cpr-item2 em { background-image:url(/images/cpr/cpr-2.png)}
ul.cpr-item li.cpr-item3 em { background-image:url(/images/cpr/cpr-3.png)}
ul.cpr-item li.cpr-item4 em { background-image:url(/images/cpr/cpr-4.png)}
ul.cpr-item li.cpr-item5 em { background-image:url(/images/cpr/cpr-5.png)}
ul.cpr-item li:hover,
ul.cpr-item li:active,
ul.cpr-item li:focus { border-color:#619ff4; background-color:#619ff4; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.cpr-item li:hover a,
ul.cpr-item li:active a,
ul.cpr-item li:focus a { display:block}
ul.cpr-item li:hover em,
ul.cpr-item li:active em,
ul.cpr-item li:focus em { background-position:50% 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.cpr-item li:hover span,
ul.cpr-item li:active span,
ul.cpr-item li:focus span { color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s}
.cpr-down { text-align:center}
.cpr-down span,
.cpr-down span a { display:inline-block; vertical-align:middle; text-decoration:none}
.cpr-down span { background:#609ff4}
.cpr-down span a { width:100%; height:100%; color:#fff; background:url(/images/common/download.png) no-repeat}
section.heart-attack-cpr .acute-myocardial-infarction{}
section.heart-attack-cpr .acute-myocardial-infarction-image{ background:url(/images/cpr/cpr-image3.jpg) 50% 50% no-repeat; background-size:cover}
section.heart-attack-cpr .acute-myocardial-infarction-summary{}
ul.hash-list li:first-child { margin-top:0}
ul.hash-list li span { display:inline-block; background:#f7f8f8}
section.heart-attack-cpr .survival-chain p{ width:100%; clear:both; text-align:center}
section.heart-attack-cpr .survival-chain p img{ max-width:100%}
section.heart-attack-cpr .survival-chain div{ float:left}
section.heart-attack-cpr .survival-chain div.chain1{ margin-left:0; margin-top:0}
section.heart-attack-cpr .survival-chain div h4{ color:#fff; font-weight:500; text-align:center; background:#619ff4}
section.heart-attack-cpr .survival-chain div span,
section.heart-attack-cpr .survival-chain div strong{ display:block}
section.heart-attack-cpr .survival-chain div strong{ color:#222; font-weight:500}
section.heart-attack-cpr .main-point{ text-align:center; border:1px solid #d9dbdc}
section.heart-attack-cpr .main-point span,
section.heart-attack-cpr .main-point strong{ display:block}
section.heart-attack-cpr .main-point strong{ color:#e00028; font-weight:400}
section.heart-attack-cpr .main-point span span,
section.heart-attack-cpr .main-point span strong{ display:inline-block; vertical-align:middle; color:#222; font-weight:500}
section.heart-attack-cpr .main-point .info-grey em,
section.heart-attack-cpr .main-point .info-grey span{ display:inline-block; vertical-align:middle}
section.heart-attack-cpr .main-point .info-grey em{ font-size:0}
section.heart-attack-cpr .cpr-step .step{ border-right:1px solid #d9dbdc}
section.heart-attack-cpr .cpr-step .step em{ float:right}
section.heart-attack-cpr .cpr-step .step span{ float:left}
section.heart-attack-cpr .cpr-step .step em{ font-size:0; width:17px; height:17px; border-radius:100px; background:#e00028}
section.heart-attack-cpr .cpr-step .step span{ color:#e00028; font-weight:700; text-transform:uppercase}
section.heart-attack-cpr .cpr-step .action ul li{ text-align:right}
section.heart-attack-cpr .cpr-step:nth-child(odd) em{ text-align:left}
section.heart-attack-cpr .cpr-step .action ul li em,
section.heart-attack-cpr .cpr-step .action ul li span{ display:inline-block; vertical-align:middle}
section.heart-attack-cpr .cpr-step .action ul li em{ font-size:0}
section.heart-attack-cpr .cpr-step .action ul li em img{ max-width:100%}
section.heart-attack-cpr .cpr-step .action ul li span span,
section.heart-attack-cpr .cpr-step .action ul li span strong{ display:block; text-align:left}
section.heart-attack-cpr .cpr-step .action ul li span span,
section.heart-attack-cpr .cpr-step:last-child .action ul li span span,
section.heart-attack-cpr.public .cpr-step:last-child .action ul li span span,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li span span{ width:auto}
section.heart-attack-cpr .cpr-step .action ul li span strong{ color:#222; font-weight:500}
/* 심폐소생술통계 */
.cpr-statistics {}
/* 국민행동지침 */
ul.guidelines { text-align:center; border-top:1px solid #d9dbdc}
ul.guidelines li { float:left}
ul.guidelines li:first-child{ margin-left:0; margin-top:0}
ul.guidelines li span,
ul.guidelines li strong { display:block}
ul.guidelines li em,
ul.guidelines li span span,
ul.guidelines li span span span{ display:inline-block; vertical-align:middle}
ul.guidelines li em { font-size:0; width:17px; height:17px; background:#e00028; border-radius:100px}
ul.guidelines li strong { color:#e00028; font-weight:700; text-transform:uppercase; letter-spacing:0}
ul.guidelines li span span { width:100%; border:1px solid #f0f1f3; background:#fff; border-radius:500px}
ul.guidelines li span span span{ margin:0; width:100%; height:100%; background:#f7f8f9}
ul.guidelines li span span span em{ width:auto; height:auto; background:transparent}
ul.guidelines li span span span em img{ max-width:100%}
ul.guidelines li .guideline-item span{ padding:0; height:auto; border-radius:0; border:0}
ul.guidelines li .guideline-item strong{ margin:0; color:#222; font-weight:500}
ul.prevention li { float:left; border:1px solid #d9dbdc; border-top:0}
ul.prevention li:after { content:""; display:block; clear:both}
ul.prevention li em,
ul.prevention li span { float:left}
ul.prevention li em { font-size:0; text-align:center; border-right:1px solid #d9dbdc; background:#f5f5f5}
/* 후원안내 */
.sponsorship-guide h2.con-title{ color:#e00028 !important}
.sponsorship-guide .summary-kacpr .summary{ background:#f5f5f5}
.sponsorship-guide .summary-kacpr .kacpr-image{ background:url(/images/cpr/kacpr-image.jpg) 50% 50% no-repeat; background-size:cover}
ul.about-kacpr li { float:left; border:1px solid #d9dbdc; background:#fff}
ul.about-kacpr li:first-child{ margin-left:0}
ul.about-kacpr li:nth-child(2){ background-color:#f5f5f5}
ul.about-kacpr li:nth-child(3){ background-color:#f2faeb}
ul.about-kacpr li em,
ul.about-kacpr li strong { display:block; text-align:center}
ul.about-kacpr li em { font-size:0; line-height:normal}
ul.about-kacpr li strong { color:#505050; font-weight:500}
.sponsorship-guide .support-info{ text-align:center}
.sponsorship-guide .support-info .bank-info{ background:#e9f7fc}
.sponsorship-guide .support-info .bank-info h4,
.sponsorship-guide .support-info .bank-info span,
.sponsorship-guide .support-info .bank-info strong{ display:block; font-weight:500}
.sponsorship-guide .support-info .bank-info h4 span,
.sponsorship-guide .support-info .bank-info h4 strong{ display:inline-block; vertical-align:middle; margin:0; font-weight:700}
.sponsorship-guide .support-info .bank-info span{ color:#222}
.sponsorship-guide .support-info .bank-info strong{ color:#e00028}
.sponsorship-guide .support-info .bank-info a{ display:inline-block; color:#fff; background:#e00028 url(/images/cpr/heart.png) no-repeat}
.sponsorship-guide .support-info .sponsorship-inquiry{ background:#fff url(/images/cpr/back-sponsorship.png) 100% 0 no-repeat; border:1px solid #d9dbdc}
.sponsorship-guide .support-info .sponsorship-inquiry span,
.sponsorship-guide .support-info .sponsorship-inquiry strong{ display:block; font-weight:500}
.sponsorship-guide .support-info .sponsorship-inquiry span{ color:#e00028}
.sponsorship-guide .support-info .sponsorship-inquiry strong{ color:#222}
.sponsorship-guide .info-grey{ text-align:right}
.sponsorship-guide .info-grey em{ font-size:0}
.sponsorship-guide .info-grey em,
.sponsorship-guide .info-grey span{ display:inline-block; vertical-align:middle; line-height:normal}
/* 10년사 */
.ten-years { text-align:center}
.ten-years .summary { background:#f8f8f8}
.ten-years .summary em { font-size:0}
.ten-years .summary em,
.ten-years .summary span,
.ten-years .summary strong { display:block}
.ten-years .summary span { font-weight:300}
.ten-years .summary strong { font-weight:400; color:#22619f}
.ten-years .summary button { color:#fff; border:0; background:#e00028 url(/images/common/download.png) 90% 50% no-repeat; cursor:pointer}
.ten-years .ten-years-image { background:url(/images/etc/ten-years-image.jpg) 50% 50%}
/* 협회일정 */
section.sub-content.kacpr-schedule .year-month{ text-align:center}
ul.schedule-icon li:first-child{ margin-left:0}
ul.schedule-icon li,
ul.schedule-icon li em,
ul.schedule-icon li span { display:inline-block; vertical-align:middle}
ul.schedule-icon li em { width:18px; height:18px; line-height:19px; text-align:center; font-family:'돋움'; font-size:11px; color:#fff; border-radius:3px}
ul.schedule-icon li em.event{ background:#8f7adc}
ul.schedule-icon li em.seminar{ background:#ff3c6a}
ul.schedule-icon li em.conference{ background:#a4c61e}
ul.schedule-icon li em.etc { background:#aebdc8}
ul.schedule-icon li em.rental{ background:#a3a3a3}
section.sub-content.kacpr-schedule .flag em{ padding:0; width:18px; height:18px; line-height:18px}
section.sub-content.kacpr-schedule .flag em.event{ background:#8f7adc}
section.sub-content.kacpr-schedule .flag em.seminar{ background:#ff3c6a}
section.sub-content.kacpr-schedule .flag em.conference{ background:#a4c61e}
section.sub-content.kacpr-schedule .flag em.etc{ background:#aebdc8}
section.sub-content.kacpr-schedule .flag em.rental{ background:#a3a3a3}
ul.calendar-detail li { position:relative; border-bottom:1px solid #e3e3e3}
ul.calendar-detail li:after{ content:""; display:block; clear:both}
ul.calendar-detail li:first-child{ border-top:2px solid #619ff4}
ul.calendar-detail li strong{ display:block; color:#333; font-weight:500; text-align:center}
ul.calendar-detail li span,
ul.calendar-detail li span span,
ul.calendar-detail li .add-file button{ display:inline-block; vertical-align:middle}
ul.calendar-detail li .add-file button{ color:#fff; border:0; background:#619ff4; cursor:pointer}
ul.calendar-detail li span span:first-child,
ul.calendar-detail li .add-file button:first-child{ margin-left:0}
ul.calendar-detail li .add-image{ display:block; text-align:center}
ul.calendar-detail li .add-image img{ max-width:100%}
div.schedule-item { text-align:center}
div.schedule-item div { display:inline-block; vertical-align:top; border:1px solid #d7d7d7}
div.schedule-item div strong,
div.schedule-item div span { display:block; color:#000}
div.schedule-item div span em,
div.schedule-item div span strong{ display:inline-block; vertical-align:middle; font-weight:700; border:0}
div.schedule-item div strong{ border-top:1px solid #d7d7d7; font-weight:500}
/* 용어사전 */
section.sub-content.dictionary .institution-archive h3{ color:#202020; font-weight:300; text-align:center; letter-spacing:0}
section.sub-content.dictionary .institution-archive .search-word{ text-align:right}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ border:1px solid #ae6cf1}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ color:#fff !important; background:#ae6cf1; border:0; cursor:pointer; background:linear-gradient(to right, #ae6cf1, #ae6cf1)}
section.sub-content.dictionary .institution-archive .term-dictionary{ padding:0; width:100%; background-image:url(/images/etc/back-dictionary.png)}
section.sub-content.dictionary .institution-archive ul.korean-index li a{ color:#ae6cf1}
section.sub-content.dictionary .institution-archive ul.korean-index li a:hover,
section.sub-content.dictionary .institution-archive ul.korean-index li a:active,
section.sub-content.dictionary .institution-archive ul.korean-index li a:focus{ background-color:#ae6cf1; color:#fff}
ul.word-list li { border-bottom:1px solid #e3e3e3}
ul.word-list li:first-child { border-top:1px solid #e3e3e3}
ul.word-list li span,
ul.word-list li strong { display:inline-block; vertical-align:middle; color:#222; letter-spacing:0}
ul.word-list li strong { font-weight:400}
/* 검색결과 */
.kacpr-search h3 { text-align:center}
.kacpr-search h3 span,
.kacpr-search h3 strong { display:inline-block; vertical-align:middle}
.kacpr-search h3 span { color:#222; font-weight:400}
.kacpr-search h3 strong { color:#619ff4; font-weight:500}
.kacpr-search .search-keyword{ text-align:center}
.kacpr-search .search-keyword input[type=text],
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ vertical-align:top}
.kacpr-search .search-keyword input[type=text]{ margin-right:-5px; border:1px solid #e00129}
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ color:#fff !important; border:0; background:#e00129 !important; cursor:pointer}
.kacpr-search .result-wrap { margin:-1px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.kacpr-search .result-wrap h4{ color:#222; font-weight:300}
.kacpr-search .result-wrap div span{ display:block; color:#666}
.kacpr-search .result-wrap div mark,
.kacpr-search .result-wrap div span span{ display:inline-block; vertical-align:baseline}
.kacpr-search .result-wrap div mark{ background:transparent; font-weight:700}
.kacpr-search .result-wrap div span mark{ color:#666}
.kacpr-search .result-wrap div span span,
.kacpr-search .result-wrap div span span a,
.kacpr-search .result-wrap div span span mark{ color:#619ff4; text-decoration:underline}
.kacpr-search .result-wrap p{ text-align:right}
.kacpr-search .result-wrap p a{ color:#619ff4; text-decoration:underline; background:url(/images/common/arrow-blue.png)100% 50% no-repeat}
/* Newsletter(소식지) */
h2.con-headtitle span,
h2.con-headtitle strong { display:block}
h2.con-headtitle span { color:#444; font-weight:300}
h2.con-headtitle strong { color:#222; font-weight:400}
.newsletter-list .list-select strong{ color:#333; font-weight:500}
.newsletter-list .list-select select{ padding-right:50px; color:#619ff4}
.newsletter-list .newsletter-image{ position:relative; text-align:center; background:url(/images/etc/back-newsletter.jpg) 50% 50% no-repeat; background-size:cover}
.newsletter-list .newsletter-image em{ overflow:hidden; display:inline-block; vertical-align:middle; font-size:0; border:1px solid #e3e3e3}
.newsletter-list .newsletter-image em img{ max-width:100%}
.newsletter-list .newsletter-image span{ position:absolute; background:#fff url(/images/etc/devide-vertical.png) 50% 51% no-repeat}
.newsletter-list .newsletter-image button{ display:block; border:0; opacity:.35; background:url(/images/etc/up-down.png) no-repeat; text-indent:-9999px; cursor:pointer}
.newsletter-list .newsletter-image button:hover,
.newsletter-list .newsletter-image button:active,
.newsletter-list .newsletter-image button:focus{ opacity:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.newsletter-list .newsletter-con{ border:1px solid #e3e3e3}
.newsletter-list .newsletter-con span,
.newsletter-list .newsletter-con strong{ display:block}
.newsletter-list .newsletter-con a{ display:inline-block; color:#505050}
.newsletter-list .newsletter-con span{ color:#909090}
.newsletter-list .newsletter-con strong{ color:#333; font-weight:500}
.newsletter-list .newsletter-con .button-down{ color:#303030; border:1px solid #303030; background:#fff; text-align:center; cursor:pointer}
.newsletter-list .newsletter-con .button-down em,
.newsletter-list .newsletter-con .button-down span{ display:inline-block; vertical-align:top}
.newsletter-list .newsletter-con .button-down:hover,
.newsletter-list .newsletter-con .button-down:active,
.newsletter-list .newsletter-con .button-down:focus{ color:#fff; background-color:#303030; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.newsletter-list .newsletter-con ol li{ /*list-style:decimal; list-style-position:outside; margin:0; padding-left:20px; */word-break:break-all}
.newsletter-list .newsletter-con ol li a{display:block; margin-left:-15px; vertical-align:top}
/* 백서 */
.white-book { position:relative; background:url(/images/etc/image-white-book.jpg) 0 0 no-repeat}
.white-book .book { background:url(/images/etc/back-white-book.png) 100% 100% no-repeat}
.white-book .book .book-wrap{ background:#fff; border:1px solid #d9d9d9; text-align:center}
.white-book .book a { display:inline-block; vertical-align:middle; color:#fff; background:#e00028 url(/images/common/download.png) 90% 45% no-repeat}
.white-book .book span { display:block; color:#d2d3d3; font-weight:500; letter-spacing:0}
.white-book .book .kacpr { background:#848484}
.white-book .book .kacpr span{ margin:0; padding:0; text-align:left}
.white-book .message span { display:block}
/* FAQ */
.faq:after { content:""; display:block; clear:both}
.faq .question { text-transform:uppercase}
.trigger-button {
position:relative;
float:left;
width:100%;
margin-bottom:10px;
text-align:left;
text-decoration:none;
border:1px solid #e3e3e3;
background:#fff url(/images/etc/bullet-toggle.png) no-repeat;
cursor:pointer}
.trigger-button span,
.trigger-button .question { display:inline-block; vertical-align:middle}
.trigger-button span span,
.trigger-button span strong { display:block; margin:0; padding:0}
.trigger-button span strong { color:#a1a1a1; font-weight:400}
.trigger-button .question { color:#333; font-weight:300}
.trigger-button.active { border-color:#609ff4; border-bottom:0; background:#fff url(/images/etc/bullet-toggle.png) no-repeat}
.trigger-button.active span,
.trigger-button.active .question{ color:#609ff4}
.accordion {
float:left;
margin-top:-10px;
margin-bottom:10px;
width:100%;
text-align:justify;
border:1px solid #e3e3e3;
border-top:0}
.accordion.active { border-color:#609ff4; border-top:1px solid #e3e3e3}
.accordion div strong { font-weight:500; color:#609ff4}
.accordion div img { margin-top:10px}
.accordion div a { color:#609ff4; border:1px solid #609ff4; background:#fff; cursor:pointer}
.accordion div a:hover,
.accordion div a:active,
.accordion div a:focus { color:#fff; background-color:#609ff4; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.accordion.active table { width:100%; border:1px solid #e3e3e3; border-collapse:collapse}
.accordion.active caption { display:none; position:absolute; top:-9999px; padding-bottom:10px; text-align:left}
.accordion.active thead th { color:#505050; font-weight:700; background:#e3e3e3; text-align:center}
.accordion.active tbody th,.accordion.active tbody td{ color:#505050; vertical-align:middle; border:1px solid #e3e3e3}
.accordion.active tbody td strong{ color:#333; font-weight:700}
.accordion.active .provider-job24{ border:1px solid #e3e3e3; background:#f8f8f8}
.accordion.active .provider-job24 strong{ display:block; color:#609ff4; font-weight:700}
.accordion.active ul.block-list li{ float:left}
.accordion.active ul.block-list li span{ display:block}
.no-result{ display:flex; align-items:center; justify-content:center; padding:30px 0; border:1px solid #e3e3e3}
/* 홍보영상(Youtube) */
ul.media li { position:relative; float:left; background-size:450px; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer}
ul.media li span,
ul.media li strong { position:relative; z-index:4; display:block; color:#fff; font-weight:300}
ul.media li span.media-cover{ position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.4}
ul.media li span em,
ul.media li span button { display:inline-block; vertical-align:top; height:30px}
ul.media li span em { width:90px; color:#fff; font-size:14px; font-weight:300; line-height:26px; text-align:center; border:1px solid #fff; letter-spacing:0}
ul.media li span a,
ul.media li span button { display:none; width:30px; border:0; background:#609ff4 url(/images/etc/media-view.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px}
ul.media li:hover,
ul.media li:active,
ul.media li:focus { background-position:40% 50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.media li:hover span em,
ul.media li:active span em,
ul.media li:focus span em { border-color:#609ff4; background-color:#609ff4; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s}
ul.media li:hover strong,
ul.media li:active strong,
ul.media li:focus strong { color:#609ff4; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s}
ul.media li:hover span a,
ul.media li:active span a,
ul.media li:focus span a,
ul.media li:hover span button,
ul.media li:active span button,
ul.media li:focus span button{ display:inline-block}
ul.media li:hover span.media-cover{ opacity:.7}
ul.media li.no-message { display:block; width:100%; text-align:center; border:0; height:auto !important; border-top:2px solid #808080; border-bottom:1px solid #808080}
ul.media li.no-message:hover,
ul.media li.no-message:active,
ul.media li.no-message:focus{ background-color:#fff !important}
div.youtube { margin:0 auto !important}
.webhard-info { background:#d9edf7 url(/images/etc/back-media.png) 50% 0 no-repeat; border:1px solid #bce8f1; border-radius:5px}
.webhard-info span,
.webhard-info strong { display:block; color:#3a87ad}
.webhard-info span span { display:inline-block; vertical-align:middle}
.webhard-info span span a { color:#3a87ad}
.webhard-info strong { font-weight:500}
/* 서식다운로드 */
ul.media.archive li { background-color:#fff; border:1px solid #e3e3e3}
ul.media.archive li span,
ul.media.archive li strong { color:#444}
ul.media.archive li span em { width:103px; color:#444; border:1px solid #444}
ul.media.archive li span a,
ul.media.archive li span button{ width:auto; color:#609ff4; background-color:#fff; background-image:none; text-indent:0}
ul.media.archive.event li span a em,
ul.media.archive.event li span button em,
ul.media.archive li span a em,
ul.media.archive li span button em{ margin:0; padding:0; width:auto; height:auto; color:#609ff4; text-align:left; margin-top:-1px; font-size:28px; line-height:14px; border:0; background-color:#fff}
ul.media.archive li span.archive-con{ display:none}
ul.media.archive li span.archive-date{ position:absolute; letter-spacing:0}
ul.media.archive li:hover,
ul.media.archive li:active,
ul.media.archive li:focus { background-color:#609ff4; border-color:#609ff4}
ul.media.archive li:hover span em,
ul.media.archive li:active span em,
ul.media.archive li:focus span em{ display:none}
ul.media.archive li:hover strong,
ul.media.archive li:active strong,
ul.media.archive li:focus strong{ margin-top:-3px; color:#fff}
ul.media.archive li:hover span a em,
ul.media.archive li:active span a em,
ul.media.archive li:focus span a em,
ul.media.archive li:hover span button em,
ul.media.archive li:active span button em,
ul.media.archive li:focus span button em{ display:inline-block}
ul.media.archive li:hover span.archive-con,
ul.media.archive li:active span.archive-con,
ul.media.archive li:focus span.archive-con{ display:block; color:#fff}
ul.media.archive li:hover span.archive-date,
ul.media.archive li:active span.archive-date,
ul.media.archive li:focus span.archive-date{ color:#fff}
ul.media.archive li.no-message{ border:0; border-top:2px solid #808080; border-bottom:1px solid #808080}
ul.media.archive.event li span em{ color:#fff; border-color:#e00028; background-color:#e00028}
ul.media.archive.event li span em.accepting{ border-color:#609ff4; background-color:#609ff4}
ul.media.archive.event li span em.deadline{ border-color:#404040; background-color:#404040}
ul.media.archive.event li span em.accepting,
ul.media.archive.event li span em.deadline{ padding:0 10px; width:auto}
ul.media.archive li.ended span,
ul.media.archive li.ended strong,
ul.media.archive li.ended:hover span.archive-date,
ul.media.archive li.ended:active span.archive-date,
ul.media.archive li.ended:focus span.archive-date{ color:#808080}
ul.media.archive li.ended span em{ background:#909090; color:#fff; border-color:#909090}
ul.media.archive li.ended:hover,
ul.media.archive li.ended:active,
ul.media.archive li.ended:focus{ background-color:#f5f5f5; border-color:#e3e3e3}
ul.media.archive li.ended span a,
ul.media.archive li.ended span button,
ul.media.archive li.ended span a em,
ul.media.archive li.ended span button em{ color:#fff; background-color:#909090}
/* 협회소개 */
section.sub-content.greeting em,
section.sub-content.greeting span,
section.sub-content.greeting strong{ display:block; color:#222}
section.sub-content.greeting .greeting-head{ background:url(/images/kacpr/back-greeting.jpg) 50% 50% no-repeat}
section.sub-content.greeting .greeting-head>div{ position:relative; margin:0 auto}
section.sub-content.greeting .greeting-head em{ font-size:0}
section.sub-content.greeting .greeting-head strong{ font-weight:700; letter-spacing:0}
section.sub-content.greeting .greeting-message{ margin:0 auto}
section.sub-content.greeting .greeting-message strong{ color:#505050; font-weight:400}
section.sub-content.organization h2.con-headtitle,
section.sub-content.introduction h2.con-headtitle{ text-align:center}
.organization-chart { position:relative; margin:0 auto; background:url(/images/kacpr/back-line.png) 50% 0 repeat-y}
.organization-chart .chart-box{ float:left; vertical-align:top; background-repeat:no-repeat; background-position:50% 0; box-shadow:3px 3px 0 #e5e5e5; -moz-box-shadow:3px 3px 0 #e5e5e5; -webkit-box-shadow:3px 3px 0 #e5e5e5}
.organization-chart .chart-box.general{ background-color:#e00028; background-image:url(/images/kacpr/back-organ1.png)}
.organization-chart .chart-box.grey1{ background-color:#727475; background-image:url(/images/kacpr/back-organ2.png)}
.organization-chart .chart-box.grey2{ background-color:#727475; background-image:url(/images/kacpr/back-organ3.png)}
.organization-chart ul li span,
.organization-chart ul li strong,
.organization-chart .chart-box span,
.organization-chart .chart-box strong{ display:block; color:#fff; text-align:center}
.organization-chart .chart-box span{ font-weight:300; letter-spacing:0}
.organization-chart .chart-box strong{ font-weight:500}
.organization-chart .row1,.organization-chart .row3,.organization-chart .row5{ margin:0 auto}
.organization-chart .row2,.organization-chart .row4{ background:url(/images/kacpr/back-line.png) repeat-x}
.organization-chart .row4 .chart-box,
.organization-chart .row5 .chart-box{ float:none}
.organization-chart .row5 { position:absolute; bottom:0}
.organization-chart ul li { background:#fff; border:1px solid #e0e0e0; box-shadow:3px 3px 0 #f7f7f7; -moz-box-shadow:3px 3px 0 #f7f7f7; -webkit-box-shadow:3px 3px 0 #f7f7f7}
.organization-chart ul li:first-child{ margin-top:0}
.organization-chart ul li span,
.organization-chart ul li strong{ color:#505050}
.organization-chart ul li span{}
.organization-chart ul li strong{ text-transform:uppercase}
section.introduction .default table{ border-color:#e0e0e0}
section.introduction .default thead th,
section.introduction .default tfoot th{ background-color:#e0e0e0}
section.introduction .default th,section.introduction .default td{ border:1px solid #e0e0e0}
section.introduction .default tbody th{ background-color:#fafafa}
section.introduction .default td.sky{ color:#3987ad; background-color:#d9edf6}
section.introduction .default td.green{ color:#478846; background-color:#e0efd8}
.history { background:url(/images/kacpr/back-line.png) 50% 0 repeat-y}
.history h2.his-headtitle { text-align:center; background:#fff}
.history h2.his-headtitle span,
.history h2.his-headtitle strong{ display:block; color:#222}
.history h2.his-headtitle span{ font-weight:300}
.history h2.his-headtitle strong{ font-weight:700; letter-spacing:0}
.wrap-history { background:url(/images/kacpr/back-road.png) 50% 0 repeat-y}
.wrap-history .year-tab em,
.wrap-history .year-tab strong{ display:inline-block; vertical-align:bottom}
.wrap-history .year-tab em { font-size:0}
.wrap-history .year-tab strong{ color:#505050; font-weight:500}
.wrap-history ul.history-list li:after{ content:""; display:block; clear:both}
.wrap-history ul.history-list li:first-child{ margin-top:0}
.wrap-history ul.history-list li em{ display:block; border:1px solid #dbd9dc; font-size:0; line-height:0}
.wrap-history ul.history-list li em img{ max-width:100%}
.wrap-history ul.history-list li span,
.wrap-history ul.history-list li strong{ display:inline-block; vertical-align:top}
.wrap-history ul.history-list li strong{ font-weight:500; letter-spacing:0}
.wrap-history .history-l .year-tab,
.wrap-history .history-l ul.history-list li{ text-align:right}
.wrap-history .history-r ul.history-list li{ text-align:left}
.vision h3 { color:#222; font-weight:500; text-align:center; text-transform:uppercase}
.vision .vision-summary h3 { color:#444; font-weight:300; text-align:left}
.vision .vision-summary h3:first-child{ margin-top:0}
ul.vision-item { text-align:center}
ul.vision-item li { display:inline-block; vertical-align:top; background-position:0 0; background-repeat:no-repeat; background-size:contain}
ul.vision-item li span,
ul.vision-item li strong { display:block; color:#fff}
ul.vision-item li span { font-weight:300}
ul.vision-item li strong { font-weight:700}
ul.vision-item li:nth-child(odd){ background-image:url(/images/kacpr/back-vision1.png)}
ul.vision-item li:nth-child(even){ background-image:url(/images/kacpr/back-vision2.png)}
ul.core-values li { float:left; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
ul.core-values li:first-child{ margin-left:0; margin-top:0}
ul.core-values li span,
ul.core-values li strong { display:block; color:#fff}
ul.core-values li span { display:none}
ul.core-values li strong { font-weight:700; text-align:center}
ul.core-values li.values1 { background-image:url(/images/kacpr/back-core1.jpg)}
ul.core-values li.values2 { background-image:url(/images/kacpr/back-core2.jpg)}
ul.core-values li.values3 { background-image:url(/images/kacpr/back-core3.jpg)}
ul.core-values li.values4 { background-image:url(/images/kacpr/back-core4.jpg)}
ul.core-values li.values5 { background-image:url(/images/kacpr/back-core5.jpg)}
section.finance-accounting h2.con-headtitle{ text-align:center}
section.finance-accounting .default table{ border-color:#e0e0e0}
section.finance-accounting .default thead th{ background-color:#e0e0e0}
section.finance-accounting .default tfoot th{ color:#000; font-weight:400; background-color:#fafafa}
section.finance-accounting .default th,section.finance-accounting .default td{ border:1px solid #e0e0e0}
section.finance-accounting .default tfoot th:last-child,
section.finance-accounting .default tbody td:last-child{ text-align:right; letter-spacing:0}
section.finance-accounting .default p,
section.finance-accounting .graph-chart p{ text-align:right}
section.finance-accounting .graph-chart div{ border:1px solid #e0e0e0}
section.finance-accounting .graph-chart div div{ border:0}
/* 슬라이딩 그래프 */
ul.sliding-graph li { position:relative; text-transform:uppercase}
ul.sliding-graph li:first-child{ margin-top:0}
ul.sliding-graph li em,
ul.sliding-graph li div,
ul.sliding-graph li span,
ul.sliding-graph li strong { display:inline-block; vertical-align:middle; font-style:normal}
ul.sliding-graph li div { background-color:rgba(0, 0, 0, 0.03); border-style:none none solid none; border-width:0 0 1px 0; border-color:rgba(0, 0, 0, 0.03)}
#income ul.sliding-graph li.graph1 span{ background-color:#ff9a40}
#income ul.sliding-graph li.graph2 span{ background-color:#ff6c62}
#income ul.sliding-graph li.graph3 span{ background-color:#ffd668}
#income ul.sliding-graph li.graph4 span{ background-color:#eb70da}
#income ul.sliding-graph li.graph5 span{ background-color:#ae6cf0}
#income ul.sliding-graph li.graph6 span{ background-color:#8a63f4}
#expenditure ul.sliding-graph li.graph1 span{ background-color:#ff9a40}
#expenditure ul.sliding-graph li.graph2 span{ background-color:#ff6c62}
#expenditure ul.sliding-graph li.graph3 span{ background-color:#ffd668}
#expenditure ul.sliding-graph li.graph4 span{ background-color:#eb70da}
#expenditure ul.sliding-graph li.graph5 span{ background-color:#ae6cf0}
#expenditure ul.sliding-graph li.graph6 span{ background-color:#8a63f4}
#expenditure ul.sliding-graph li.graph7 span{ background-color:#6075f4}
#expenditure ul.sliding-graph li.graph8 span{ background-color:#619ff4}
#expenditure ul.sliding-graph li.graph9 span{ background-color:#f8795a}
#expenditure ul.sliding-graph li.graph10 span{ background-color:#6bc7c8}
#expenditure ul.sliding-graph li.graph11 span{ background-color:#7aa925}
ul.sliding-graph li span { text-align:right}
ul.sliding-graph li em,
ul.sliding-graph li strong { font-weight:400}
ul.sliding-graph li strong { position:absolute; right:0; color:#222; text-align:right; letter-spacing:0}
.kacpr-map .map-area { font-size:0; border:1px solid #e0e0e0}
.kacpr-map .map-area img { max-width:100%}
.kacpr-map .address-info em,
.kacpr-map .address-info span{ text-align:center}
.kacpr-map .address-info em { float:right; background:#444}
.kacpr-map .address-info span{ float:left; color:#fff; background:#e00028}
.kacpr-map .address-info img{ display:inline-block; vertical-align:middle}
.kacpr-map .address-info button{ display:block; width:100%; height:100%; color:#fff; border:0; background:#444; text-transform:uppercase; cursor:pointer}
.kacpr-info { text-align:center}
.kacpr-info em,
.kacpr-info strong { display:block}
.kacpr-info em { font-size:0}
.kacpr-info strong { color:#222; font-weight:300}
.kacpr-info ul li { border-top:1px solid #e0e0e0}
.kacpr-info ul li span,
.kacpr-info ul li strong { display:block}
.kacpr-info ul li strong { color:#666; font-weight:500}
.kacpr-info .help,
.kacpr-info .work-info,
.kacpr-info .public-transport{ border:1px solid #e0e0e0}
.kacpr-info .public-transport ul li span span,
.kacpr-info .public-transport ul li span strong{ display:inline-block; vertical-align:middle}
.association-constitution .constitution-head{ background:url(/images/kacpr/back-kacpr-constitution.png) 0 0 no-repeat; background-size:cover}
.association-constitution .constitution-head h2,
.association-constitution .constitution-head span{ color:#222; text-align:center}
.association-constitution .constitution-head h2{ font-weight:700}
.association-constitution .constitution-head span{ display:block; font-weight:300}
.association-constitution .constitution-box h1{ color:#222; font-weight:500}
.association-constitution .constitution-box h2{}
.association-constitution .constitution-box .constitution-conditions a{ color:#fff; background:#77757e url(/images/common/download.png) 88% 50% no-repeat; background-size:13px}
.association-constitution .constitution-box .constitution-conditions:last-child{ margin-bottom:0}
/* 이벤트 */
section.event { margin:0 auto}
section.event .default table{ border-color:#dfdfdf}
section.event .default thead th,
section.event .default tbody th,
section.event .default tbody td{ border:1px solid #dfdfdf}
section.event .default tbody td{ background-color:#fff}
section.event .default thead th,
section.event .default tbody th{ background:#f8f8f3}
.ev-wrap,h2.ev-header { margin:0 auto}
h2.ev-header em,
h2.ev-header span,
h2.ev-header strong { display:inline-block; vertical-align:middle}
h2.ev-header span span,
h2.ev-header span strong { display:block; letter-spacing:-0.05em}
h2.ev-header em { font-family:'Nanum Myeongjo', serif; color:#fff; font-weight:400; background:url(/images/event/academy.png) no-repeat; border-radius:100px}
h2.ev-header strong { font-weight:500}
h2.ev-header span strong { font-weight:700}
.ev-footer { color:#000; font-weight:700; text-align:center}
.ev-summary { position:relative; margin:0 auto}
.ev-summary h3 { color:#000; font-weight:700}
.ev-summary em,
.ev-summary span,
.ev-summary strong { display:block}
.ev-summary strong span { display:inline-block}
.ev-body .check-title { text-align:center}
.ev-body .check-title em,
.ev-body .check-title strong{ display:inline-block; vertical-align:middle}
.ev-body .check-title em { font-size:0}
.ev-body .check-title strong{ color:#000; font-weight:700}
.ev-body,
.ev-apply { position:relative}
.ev-apply a,
.ev-apply.ev-footer button,
.ev-apply input[type=button],
.ev-apply input[type=reset],
.ev-apply input[type=submit]{ display:inline-block; vertical-align:top; color:#fff !important; text-align:left; background-repeat:no-repeat; text-decoration:none; cursor:pointer; border:0}
.ev-apply .map { padding:0; background-color:#fe7303; background-image:url(/images/event/map.png); text-indent:-9999px}
.ev-apply .blue { padding:0; text-align:center; background-color:#298bd6}
.ev-apply .agenda { background-color:#7f8183; background-image:url(/images/event/list.png)}
.ev-apply .blue-link { background-color:#298bd6; background-image:url(/images/event/link.png)}
.ev-apply .registration { background-color:#ff8c9f !important; background-image:url(/images/event/check-white.png)}
.ev-apply.ev-footer .registration.deadline{ background-color:#404040 !important}
.ev-apply .how-to-apply { margin:0 auto; background:#fff; border:1px solid #dbdddd}
.ev-apply .how-to-apply span{ position:relative; display:block; background:#dbdddd}
.ev-apply .how-to-apply p,
.ev-apply .how-to-apply strong{ color:#000; font-weight:500}
.ev-apply .how-to-apply img,
.ev-apply .how-to-apply strong{ display:inline-block; vertical-align:middle}
ul.form-apply { margin:0 auto}
ul.form-apply li label.hidden{ display:none !important}
ul.form-apply li:after { content:""; display:block; clear:both}
ul.form-apply li:first-child{ margin:0}
ul.form-apply li label,
ul.form-apply li span { float:left; margin:0 !important}
ul.form-apply li label { color:#666; background:url(/images/event/dot.png) 0 50% no-repeat}
ul.form-apply li span { padding:0 !important; background-color:transparent !important}
ul.form-apply li span em,
ul.form-apply li label em,
ul.form-apply li span label,
ul.form-apply li span span { float:none; display:inline-block !important; vertical-align:middle; width:auto; background-image:none; padding:0}
ul.form-apply li span strong{ display:block !important; color:#666 !important; background-color:#f2f4f4}
ul.form-apply li.dot { font-size:0; height:1px; line-height:0; border-bottom:1px dashed #ddd}
ul.form-apply li select,
ul.form-apply li textarea,
ul.form-apply li input[type=date],
ul.form-apply li input[type=text],
ul.form-apply li input[type=email]{ width:100%}
ul.form-apply li button { display:inline-block; vertical-align:middle; padding:0 10px; color:#fff; border:0; background:#aaa; cursor:pointer}
ul.round-title { margin:0 auto}
ul.round-title li { background:url(/images/event/dot.png) no-repeat}
ul.round-title li:first-child{ margin-top:0; padding:0; background-image:none}
ul.round-title li:first-child strong{ display:inline-block; color:#333 !important; font-weight:700; background:#e5e6e6}
ul.round-title li span,
ul.round-title li strong { display:block; font-weight:400}
ul.round-title li span span,
ul.round-title li span strong{ display:inline-block; vertical-align:middle; margin:0}
ul.check-list { margin:0}
ul.check-list li { display:inline-block; vertical-align:middle; margin:0 !important}
.wave-top,
.wave-bottom { background-repeat:no-repeat; background-size:cover}
.wave-top { background-position:0 0; background-image:url(/images/event/wave-top.png)}
.wave-bottom { background-position:0 100%; background-image:url(/images/event/wave-bottom.png)}
.document-down a { display:inline-block; vertical-align:middle; color:#fff; background:url(/images/event/download.png) no-repeat}
.round-content { border:3px solid #9eb6e1}
.round-content em { float:left}
.round-content span { float:right}
.round-content em { background:#ea9ecf; border-radius:50px; text-align:center}
.round-content span span,
.round-content span strong { display:block; float:none; clear:both; width:auto}
.round-content span span span,
.round-content span span mark,
.round-content span span strong{ display:inline-block; vertical-align:middle; font-weight:400; background:transparent}
.round-content span span mark{ border-bottom:1px solid #a62ca2}
.round-content span strong { color:#d91c49}
.round-content span span mark,
.round-content span span strong{ color:#a62ca2}
/* 이벤트 - 소식지신청 */
.ev-newsletter { background:#37bdc9}
.ev-newsletter h2.ev-header span,
.ev-newsletter h2.ev-header strong{ color:#fff}
.ev-newsletter .ev-apply .back-image{ position:absolute; top:0; left:0}
.ev-newsletter .ev-apply .how-to-apply{ position:absolute; z-index:10; border:0}
.ev-newsletter .white-box { margin:0 auto; border:1px solid #82d5d9}
.ev-newsletter .white-box p { color:#fff}
.ev-newsletter .white-box .short-line{ display:block; height:1px; font-size:0; line-height:0}
.ev-newsletter .white-box .short-line em{ display:inline-block; width:25px; height:1px; font-size:0; line-height:0; background:#fff}
.ev-newsletter .white-box .mail-tel em,
.ev-newsletter .white-box .mail-tel span{ display:inline-block; vertical-align:middle; color:#fff}
.ev-newsletter .white-box .mail-tel em{ font-size:0}
/* 이벤트 - 연수강좌신청 */
section.event .ev-training .default thead th{ border-top:2px solid #fe6703}
.ev-training { background:#fefef7}
.ev-training h2.ev-header { text-align:center; background:url(/images/event/back-event2-1.png) 0 0 no-repeat}
.ev-training h2.ev-header span{ color:#f55600}
.ev-training h2.ev-header strong{ color:#000}
.ev-training .ev-summary { text-align:center}
.ev-training .ev-summary strong{ font-family:'Nanum Myeongjo', serif; color:#f55600; font-weight:700}
.ev-training .ev-footer.ev-apply{ background:url(/images/event/back-event2-2.png) 0 0 no-repeat}
.ev-training ul.round-title li strong{ color:#fe6703}
/* 이벤트 - ACLS 디브리핑피드백워크숍신청 */
.acls-workshop { background:url(/images/event/back-acls.jpg) 0 0 no-repeat}
section.event .acls-workshop .default{ margin-bottom:0}
section.event .acls-workshop .default tbody th{ color:#fff; background-color:#7f8183}
section.event .acls-workshop .default table,
section.event .acls-workshop .default tbody th,
section.event .acls-workshop .default tbody td{ border-color:#ebebee}
.acls-workshop h2.ev-header span{ color:#000}
.acls-workshop h2.ev-header strong{ color:#da5a5c; text-transform:uppercase}
.acls-workshop .ev-summary em{ background:#da5a5c; text-align:center; border-radius:100px}
.acls-workshop .ev-summary strong{ color:#da5a5c}
.acls-workshop .ev-body,
.acls-workshop .ev-footer.ev-apply{ margin:0 auto; background:#ebebee}
.acls-workshop .ev-footer.ev-apply p{ color:#da5a5c; text-align:center}
.acls-workshop .greeting-acls h3{ color:#000; font-weight:700; text-align:center}
.acls-workshop .greeting-acls mark{ padding:0 5px; color:#fff; background:#da5a5c}
.acls-workshop .greeting-acls span{ color:#333; font-weight:700}
.acls-workshop .greeting-acls strong{ color:#da5a5c; font-weight:400}
.acls-workshop .greeting-acls strong mark{ display:block; background:transparent; padding:0; color:#da5a5c; font-weight:700}
/* 이벤트 - 심포지엄 */
.symposium { background:#fff url(/images/event/back-symposium.jpg) 0 0 no-repeat}
.symposium .ev-info sup,
.symposium .ev-summary sup { display:inline-block; vertical-align:top}
.symposium .ev-summary sup,
.symposium .ev-summary strong{ color:#2175b6; font-weight:500}
.symposium .ev-info { border-bottom:1px dashed #979595}
.symposium .ev-info h3 { color:#dd7175; font-weight:700; text-align:center; letter-spacing:0}
.symposium .ev-info p { color:#2175b6; text-align:right}
.symposium .ev-info ul { background:#ee8589}
.symposium .ev-info ul li:first-child{ margin-top:0}
.symposium .ev-info ul li em,
.symposium .ev-info ul li span{ display:inline-block; vertical-align:middle; color:#fff}
.symposium .ev-info ul li em{ background:url(/images/event/dot-white.png) 0 50% no-repeat}
.symposium .symposium-notice span,
.symposium .symposium-notice strong{ display:block; text-align:center; font-weight:400}
.symposium .symposium-notice strong{ color:#fff; background:#ee8589; border-radius:7px}
.symposium .symposium-notice .notice em{ float:left; color:#fff; font-weight:700; text-align:center; border-radius:300px}
.symposium .symposium-notice .notice.item1 em{ background-color:#59c8d3}
.symposium .symposium-notice .notice.item2 em{ background-color:#f2c856}
.symposium .symposium-notice .notice.item3 em{ background-color:#59c8d3}
.symposium .symposium-notice .notice ul{ float:right}
.symposium .symposium-notice .notice mark{ display:block; color:#2175b6; background:transparent}
.symposium .symposium-notice .notice li{ background:url(/images/event/dot.png) no-repeat}
.symposium .symposium-notice .notice li:first-child{ margin-top:0}
ul.symposium-link li { float:left; background:#31abd2}
ul.symposium-link li span,
ul.symposium-link li strong { display:block}
ul.symposium-link li strong { color:#faffa3; font-weight:500}
ul.symposium-link li a,
ul.symposium-link li span em,
ul.symposium-link li span span{ display:inline-block; vertical-align:middle; color:#fff}
ul.symposium-link li a { color:#333; background:#e5e6e6; border-radius:20px}
ul.symposium-link li strong sup{ display:inline-block; vertical-align:top}
ul.symposium-link li span em{ background:url(/images/event/time.png) 0 50% no-repeat}
.symposium-regi { text-align:center}
.symposium-regi a,.symposium-regi button{ display:inline-block; vertical-align:middle; color:#fff; font-weight:500; border-radius:5px; cursor:pointer}
.symposium-regi a { background:url(/images/event/symposium-regi.png) 0 0 no-repeat; background-size:cover}
.symposium-regi button { border:0; background:#31abd2}
.symposium-option ul.round-title li span,
.symposium-option ul.round-title li span strong{ display:inline-block; vertical-align:top}
.symposium-option ul.round-title li span strong{ color:#e00028}
.symposium-option p { text-align:center; line-height:0; font-size:0}
.symposium-option p img { max-width:100%}
/* 이벤트 - 소생의학아카데미기본과정신청 */
.academy-basic { background:#bbe1d8 url(/images/event/back-academy1.jpg) 0 0 no-repeat}
section.event .academy-basic .default tbody th{ color:#298bd6; background-color:#eceef1}
section.event .academy-basic .default tbody tr:nth-child(odd) td{ background-color:#fbfcfc}
section.event .academy-basic .default tbody td strong{ display:block; color:#298bd6}
.academy-basic h2.ev-header { text-align:center}
.academy-basic h2.ev-header span{ display:block; color:#000}
.academy-basic h2.ev-header strong{ color:#298bd6}
.academy-basic h2.ev-header span span,
.academy-basic h2.ev-header span strong{ display:inline-block; font-weight:700}
.academy-basic .ev-summary strong{ color:#2175b6; font-weight:700}
.academy-basic .ev-summary p:last-child{ border-bottom:1px dashed #979595}
.academy-basic .ev-body,
.academy-basic .ev-summary,
.academy-basic .ev-footer.ev-apply{ background:url(/images/event/wave-back.png) 0 0 repeat-y}
.academy-basic .ev-footer.ev-apply .buttonWrap{ margin-top:0}
.academy-basic ul.round-title li strong,
.academy-basic ul.round-title li span strong{ color:#2175b6}
/* 이벤트 - 소생의학아카데미기초연구심화과정신청 */
.academy-basic.deepening { background-color:#ffcdcb; background-image:url(/images/event/back-academy2.jpg)}
section.event .academy-basic.deepening .default tbody th,
section.event .academy-basic.deepening .default tbody td strong,
.academy-basic.deepening h2.ev-header strong,
.academy-basic.deepening .ev-summary strong,
.academy-basic.deepening ul.round-title li strong,
.academy-basic.deepening ul.round-title li span strong{ color:#e64d87}
.academy-basic.deepening h2.ev-header em,
.academy-basic.deepening .document-down a{ background-color:#e64d87}
/* 이벤트 - 소생의학아카데미임상연구심화과정신청 */
.academy-basic.deepening2 { background-color:#e7e5aa; background-image:url(/images/event/back-academy3.jpg)}
section.event .academy-basic.deepening2 .default tbody th,
section.event .academy-basic.deepening2 .default tbody td strong,
.academy-basic.deepening2 h2.ev-header strong,
.academy-basic.deepening2 .ev-summary strong,
.academy-basic.deepening2 ul.round-title li strong,
.academy-basic.deepening2 ul.round-title li span strong{ color:#299347}
.academy-basic.deepening2 h2.ev-header em,
.academy-basic.deepening2 .document-down a{ background-color:#299347}
/* 이벤트 - KALS CDC 신청 */
section.event .kals-cdc .default{ margin-bottom:0}
section.event .kals-cdc .default tbody th{ color:#f66a03; background-color:#eceef1}
section.event .kals-cdc .default tbody tr:nth-child(odd) td{ background-color:#fbfcfc}
section.event .kals-cdc .default tbody td strong{ display:block; color:#f66a03}
.kals-cdc { background:#fef7dd url(/images/event/back-kals.png) 100% 0 no-repeat}
.kals-cdc h2.ev-header { border:3px solid #333; text-align:center; background:#fff}
.kals-cdc h2.ev-header span,
.kals-cdc h2.ev-header span span,
.kals-cdc h2.ev-header span strong{ display:inline-block; vertical-align:middle; color:#f66a03}
.kals-cdc .ev-summary { border-bottom:1px dashed #979595}
.kals-cdc .ev-summary strong{ color:#f66a03; font-weight:700}
.kals-cdc ul.round-title li strong,
.kals-cdc ul.round-title li span strong{ color:#f66a03}
.kals-cdc ul.round-title li:first-child strong{ background-color:#97dbdc}
/* 이벤트 - BLS CDC 신청 */
section.event .bls-cdc .default{ margin-bottom:0}
section.event .bls-cdc .default tbody th{ color:#a62ca2; background-color:#eceef1}
section.event .bls-cdc .default tbody tr:nth-child(even) td{ background-color:#fbfcfc}
section.event .bls-cdc .default tbody td span{ color:#a62ca2}
section.event .bls-cdc .default tbody td strong{ display:block}
section.event .bls-cdc .default tbody td li{ border-top:1px solid #dedfdf}
section.event .bls-cdc .default tbody td li:first-child{ border-top:0}
section.event .bls-cdc .default tbody td li em,
section.event .bls-cdc .default tbody td li span{ display:inline-block; vertical-align:middle}
section.event .bls-cdc .default tbody td li span{ color:#666}
section.event .bls-cdc .default tbody td li:nth-child(odd){ background-color:#fbfcfc}
section.event .bls-cdc .default tbody td li:nth-child(even){ background-color:#fff}
section.event .bls-cdc .default tbody td li:nth-child(1) em{ color:#ff8c9f}
section.event .bls-cdc .default tbody td li:nth-child(2) em{ color:#f2af49}
section.event .bls-cdc .default tbody td li:nth-child(3) em{ color:#9bbb49}
section.event .bls-cdc .default tbody td li:nth-child(4) em{ color:#6ebfe8}
.bls-cdc { background:#e2effe url(/images/event/back-bls.png) 100% 0 no-repeat}
.bls-cdc h2.ev-header { border:3px solid #333; text-align:center; background:#fff}
.bls-cdc h2.ev-header span,
.bls-cdc h2.ev-header span span,
.bls-cdc h2.ev-header span strong{ display:inline-block; vertical-align:middle; color:#a62ca2}
.bls-cdc .ev-summary { border-bottom:1px dashed #979595}
.bls-cdc .ev-summary strong { color:#a62ca2; font-weight:700}
.bls-cdc ul.round-title li { display:inline-block; vertical-align:middle; width:49%}
.bls-cdc ul.round-title li strong,
.bls-cdc ul.round-title li span strong{ color:#a62ca2}
.bls-cdc ul.round-title li:first-child{ display:block; width:100%}
.bls-cdc ul.round-title li:first-child strong{ background-color:#ecbfdc}
.bls-cdc .ev-footer.ev-apply p{ color:#a62ca2; text-align:center}
.bls-cdc .ev-footer.ev-apply a:nth-child(2){ background-color:#f2af49}
.bls-cdc .ev-footer.ev-apply a:nth-child(3){ background-color:#9bbb49}
.bls-cdc .ev-footer.ev-apply a:nth-child(4){ background-color:#6ebfe8}
/* 이벤트 - 교육 CDC 신청 */
section.event .edu-cdc .default tbody th{ color:#f66a03; background-color:#eceef1}
section.event .edu-cdc .default tbody tr:nth-child(even) td{ background-color:#fbfcfc}
section.event .edu-cdc .default tbody td span{ color:#1d7d07}
section.event .edu-cdc .default tbody td strong{ display:block}
section.event .edu-cdc .default tbody td li{ border-top:1px solid #dedfdf}
section.event .edu-cdc .default tbody td li:first-child{ border-top:0}
section.event .edu-cdc .default tbody td li em,
section.event .edu-cdc .default tbody td li span,
section.event .edu-cdc .default tbody td li strong{ display:inline-block; vertical-align:middle}
section.event .edu-cdc .default tbody td li span{ color:#666}
section.event .edu-cdc .default tbody td li strong{ color:#1d7d07; font-weight:400}
section.event .edu-cdc .default tbody td li:nth-child(odd){ background-color:#fff}
section.event .edu-cdc .default tbody td li:nth-child(even){ background-color:#fbfcfc}
.edu-cdc { background:#fffbf7 url(/images/event/back-cdc.png) 100% 0 no-repeat}
.edu-cdc h2.ev-header { border:3px solid #333; text-align:center; background:#fff}
.edu-cdc h2.ev-header span,
.edu-cdc h2.ev-header span span,
.edu-cdc h2.ev-header span strong{ display:inline-block; vertical-align:middle; color:#1d7d07}
.edu-cdc .ev-summary { border-bottom:1px dashed #979595}
.edu-cdc .ev-summary strong { color:#1d7d07; font-weight:700}
.edu-cdc ul.round-title li:first-child{ background-image:url(/images/event/dot.png)}
/* 이벤트 - 일반인 강사 온라인 보수교육 신청(2021.01.08 추가) */
section.event .edu-general .default tbody th{ color:#000; background-color:#eceef1}
section.event .edu-general .default tbody tr:nth-child(even) td{ background-color:#fbfcfc}
section.event .edu-general .default tbody td span{ color:#56a496}
section.event .edu-general .default tbody td strong{ display:block}
section.event .edu-general .default tbody td li{ border-top:1px solid #dedfdf}
section.event .edu-general .default tbody td li:first-child{ border-top:0}
section.event .edu-general .default tbody td li em,
section.event .edu-general .default tbody td li span,
section.event .edu-general .default tbody td li strong{ display:inline-block; vertical-align:middle}
section.event .edu-general .default tbody td li span{ color:#666}
section.event .edu-general .default tbody td li strong{ color:#56a496; font-weight:400}
section.event .edu-general .default tbody td li:nth-child(odd){ background-color:#fff}
section.event .edu-general .default tbody td li:nth-child(even){ background-color:#fbfcfc}
.edu-general { background:#fefff0 url(/images/event/back-general.png) 100% 0 no-repeat}
.edu-general h2.ev-header { border:3px solid #333; text-align:center; background:#fff}
.edu-general h2.ev-header span,
.edu-general h2.ev-header span span,
.edu-general h2.ev-header span strong{ display:inline-block; vertical-align:middle; color:#56a496}
.edu-general .ev-summary { border-bottom:1px dashed #979595}
.edu-general .ev-summary strong { color:#56a496; font-weight:700}
.edu-general ul.round-title li:first-child{ background-image:url(/images/event/dot.png)}
.edu-general .ev-apply .registration{ background-color:#56a496 !important}
.edu-general .ev-apply .registration.regi{ background-color:#ff8c9f !important}
/* 이벤트 연도선택 */
.last-event-wrap { position:relative}
.last-event-wrap > a,
.last-event-wrap ul { display:block; float:right}
.last-event-wrap > a { color:#e00028; border:1px solid #e00028; background:url(/images/common/select-icons-red.png) 100% -120px no-repeat}
.last-event-wrap ul { display:none; position:absolute; z-index:10; right:0; border:1px solid #e3e3e3; border-bottom:0}
.last-event-wrap ul li { border-bottom:1px solid #e3e3e3}
.last-event-wrap ul li a { display:block; color:#555; background:#fff}
/* 올림차순-내림차순 */
.button-sort,
.button-sort a { display:inline-block; vertical-align:middle}
.button-sort a { margin-top:-5px; width:20px; height:20px; background:#609ff4 url(/images/common/up-down.png) no-repeat; text-indent:-9999px}
.button-sort a.sort-up { background-position:0 0}
.button-sort a.sort-down { background-position:0 -20px}
/* PC버전보기 */
.pc-link { text-align:center; background:#77757e}
.pc-link a { display:inline-block; vertical-align:middle; color:#77757e; font-weight:500; text-transform:capitalize; background:#f5f5f5}
.pc-link a:hover,.pc-link a:active,.pc-link a:focus{ color:#77757e}
/* 이벤트 - 온라인 CDC 테이블 추가(2021.12.02 추가) */
.table-program { display:none}
.table-program h3 { color:#303030; font-weight:400; text-align:center}
.table-program .default p { padding:0; text-align:right}
section.event .edu-cdc .table-program .default th.title{ text-align:left; color:#298bd6; background-color:#e9f5ff}
/* 이벤트 - 대한응급의학회 전공의 교육평점(크레딧) 등록(2022.05.02 추가) */
section.event .ksem-credit .default h4{ color:#000; font-weight:400}
section.event .ksem-credit .default thead th,
section.event .ksem-credit .default tbody th{ color:#000; font-weight:400; background-color:#eceef1}
section.event .ksem-credit .default tbody tr:nth-child(even) td{ background-color:#fbfcfc}
section.event .ksem-credit .default tbody td span{ display:block; color:#505050; text-align:center}
section.event .ksem-credit .default tbody td strong{ display:block; color:#e00028; font-weight:400}
section.event .ksem-credit .default tbody td li{ border-top:1px solid #dedfdf}
section.event .ksem-credit .default tbody td li:first-child{ border-top:0}
section.event .ksem-credit .default tbody td li em,
section.event .ksem-credit .default tbody td li span,
section.event .ksem-credit .default tbody td li strong{ display:inline-block; vertical-align:middle}
section.event .ksem-credit .default tbody td li span{ color:#666}
section.event .ksem-credit .default tbody td li strong{ }
section.event .ksem-credit .default tbody td li:nth-child(odd){ background-color:#fff}
section.event .ksem-credit .default tbody td li:nth-child(even){ background-color:#fbfcfc}
.ksem-credit { background:#ecfdff url(/images/event/back-ksem.png) 100% 0 no-repeat}
.ksem-credit h2.ev-header { border:3px solid #333; text-align:center; background:#fff}
.ksem-credit h2.ev-header span,
.ksem-credit h2.ev-header span span,
.ksem-credit h2.ev-header span strong{ display:inline-block; vertical-align:middle; color:#0089fd}
.ksem-credit .ev-summary { border-bottom:1px dashed #979595}
.ksem-credit .ev-summary strong { color:#0089fd; font-weight:700}
.ksem-credit ul.round-title li:first-child{ background-image:url(/images/event/dot.png)}
.ksem-credit .ev-apply .registration{ background-color:#0089fd !important}
.ksem-credit .ev-apply .reset{ background-image:none; background-color:#505050 !important; text-align:center}
.default input[type=button]{ padding:0 15px; height:30px; line-height:28px; border:1px solid #e3e3e3}
section.event .ksem-credit .how-to-apply .default .input-date{ cursor:pointer}
section.event .ksem-credit .how-to-apply .default button{ height:30px; line-height:28px; color:#0089fd; font-weight:500; background-color:#f8f8f8; border:1px solid #0089fd}
section.event .ksem-credit .how-to-apply .default table tbody th{ border-left:0}
section.event .ksem-credit .how-to-apply .default table tbody td:last-child{ border-right:0}
section.event .ksem-credit .how-to-apply .default table tbody th em{ display:inline-block; font-style:normal; color:#e00028}
section.event .ksem-credit .how-to-apply .default tbody td ul.checklist li{ border:0}
section.event .ksem-credit .how-to-apply .default tbody td li:nth-child(odd),
section.event .ksem-credit .how-to-apply .default tbody td li:nth-child(even),
section.event .ksem-credit .how-to-apply .default tbody tr:nth-child(even) td{ background-color:#fff}
ul.checklist { display:flex; flex-wrap:wrap; align-items:center; margin:0}
ul.checklist li { display:flex; align-items:center}
ul.edu-info { border:1px solid #dedfdf}
/* 심폐소생협회, TS 공통 */
/* 등록폼(회원가입-수정,센터정보,교육과정등록) */
ul.form-input { margin-top:15px}
ul.form-input li .item,
ul.form-input li .item-contents{ padding:0 20px 0 25px; height:70px; line-height:65px}
ul.form-input li .item { padding-top:20px; width:15%; line-height:normal}
ul.form-input li .item-contents{ width:85%}
ul.form-input li .item-contents button{ margin-left:5px; padding:0 20px; height:40px; font-size:14px; line-height:normal}
ul.form-input li.height-auto .item,
ul.form-input li.height-auto .item-contents{ height:auto}
ul.form-input li.height-auto{ background:linear-gradient(90deg, #f0eef1 50%, #fff 50%)}
ul.form-input li.height-auto .item-contents{ padding-top:15px; padding-bottom:15px; background:#fff; line-height:28px}
ul.form-input li.height-auto .item-contents strong{ font-weight:500; text-decoration:underline}
/*ul.form-input li.text-editor .item,
ul.form-input li.text-editor .item-contents{ height:340px}*/
ul.form-input li.text-editor .item-contents textarea{ height:310px}
/*ul.form-input li.cancel-guide .item,
ul.form-input li.cancel-guide .item-contents{ height:155px}*/
ul.form-input li.cancel-guide .item-contents textarea{ height:125px}
ul.form-input li.fee-donation{}
ul.form-input li.fee-donation .fee,
ul.form-input li.fee-donation .re-fee{ width:50%}
ul.form-input li.fee-donation .fee{ float:left}
ul.form-input li.fee-donation .re-fee{ float:right}
ul.form-input li.fee-donation .fee .item,
ul.form-input li.fee-donation .re-fee .item{ width:30%}
ul.form-input li.fee-donation .fee .item-contents,
ul.form-input li.fee-donation .re-fee .item-contents{ width:70%}
ul.form-input li.multiple-rows .item-contents{ padding:0}
ul.form-input li.multiple-rows .item-contents ul{ margin:0; padding:0}
ul.form-input li.multiple-rows .item-contents ul li{ border-top:1px solid #f0eef1}
ul.form-input li.multiple-rows .item-contents ul li:first-child{ border-top:0}
ul.form-input li.multiple-rows .item-contents ul li span{ display:inline-block; vertical-align:middle}
ul.form-input li .item-contents .write-con{ margin:0; padding:0; border:0}
ul.form-input li .item-contents .write-con .file-input-div{ top:15px}
ul.form-input li .item-contents .write-con span{ height:40px}
ul.form-input li .item-contents .select-wrap select{ width:185px; padding-right:30px}
ul.form-input li .item-contents.bank .select-wrap select{ width:250px}
.membership-form ul.form-input li .item,
.complete-application ul.form-input li .item{ width:20%}
.membership-form ul.form-input li .item-contents,
.complete-application ul.form-input li .item-contents{ width:80%}
.complete-application ul.form-input li .item-contents.many input:first-child{ margin-top:0}
.complete-application ul.form-input li .item-contents.file-down a{ display:inline-block; vertical-align:middle; color:#fff; line-height:normal}
.complete-application ul.form-input li .item-contents.file-down .down-bls{ background:#609ff4}
.complete-application ul.form-input li .item-contents.file-down .down-acls{ background:#e00129}
.complete-application ul.form-input li .item-contents.file-down .down-kals{ background:#ff7e76}
.complete-application ul.form-input li .item-contents.file-down .down-public{ background:#bcc93b}
/* 수료증에 영문명 수정 중요공지(2020.01.31추가) */
.english-name-notice { text-align:center; background:#77767e}
.english-name-notice a,.english-name-notice strong{ display:inline-block; vertical-align:middle; font-weight:400}
.english-name-notice a { color:#77767e; text-align:left; border-radius:3px; background:#fff url(/images/education/go-arrow.png) 87% 50% no-repeat}
.english-name-notice strong { color:#fff}
/* 교육코스 검색 */
.course-search select { margin-right:5px; padding-right:40px; width:200px; height:60px}
.course-search input[type=text]{ width:200px}
.course-search input[type=text],
.course-search input[type=button],
.course-search input[type=submit]{ height:60px}
.course-search input[type=button],
.course-search input[type=submit]{ width:80px}
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ width:18.46%}
.sub-content.application .course-search input[type=button],
.sub-content.application .course-search input[type=submit]{ width:5.7%}
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ margin-left:0.5%}
/* Layout */
.header { height:129px}
.header-content h1 { margin-top:15px; width:168px; height:42px}
.header-content .utitlity { height:54px}
.header-content ul li a { font-size:13px}
.header-content ul.social { margin-top:12px}
.header-content ul.social li{ margin-right:5px; width:20px; height:20px}
.header-content .info-utility{ margin:4px 80px 0 0}
.header-content ul.t-utitlity{ margin-top:10px; margin-right:20px}
.header-content ul.t-utitlity li{ padding:0 20px 0 15px}
.header-content ul.t-utitlity li.red-point a{ color:#e00028}
.header .instructor-info { margin-top:3px}
.header .instructor-info select{ margin-top:4px; width:auto; font-size:13px; padding-right:30px; background-position:100% -124px}
.header .instructor-info .login-info em{ width:40px; height:40px}
.header .instructor-info .login-info button{ padding-right:40px; height:40px}
.header .instructor-info .login-info span{ margin:0 10px; font-size:13px}
.header .instructor-info .login-info ul{ top:50px; right:10px}
.header .instructor-info .login-info ul li{ padding:7px 10px 10px 35px}
.header .instructor-info .login-info ul li a{ font-size:13px}
.header-content .all-menu { top:18px}
.header-content .all-menu>button{ padding-left:15px; font-size:12px}
.footer { font-size:14px}
.footer .footer-content { padding:35px 0}
.footer .footer-content h2 { margin-bottom:12px; font-size:22px}
.footer .address,
.footer .copyright { line-height:24px}
.footer em,
.footer .address,
.footer .footer-menu ul { float:left}
.footer em { margin-right:30px}
.footer .address { margin-top:5px}
.footer mark { padding:0 5px; font-size:12px}
.footer .address2 { margin-left:30px}
.footer .copyright { float:right}
.footer .copyright,
.footer .footer-menu ul { vertical-align:top}
.footer .footer-menu li { margin-left:25px}
.footer .footer-menu .footer-content{ padding:30px 0}
.footer .related-link { float:right}
.footer .related-link .social,
.footer .related-link .site-link,
.footer .related-link .affiliation-link{ height:36px}
.footer .related-link .social li{ width:36px; height:36px}
.footer .related-link .site-link{}
.footer .related-link .affiliation-link{}
/* Global Navigation Bar */
.gnb { margin-top:23px}
.gnb ul li { padding:0 30px 0 33px}
.gnb ul li span,
.gnb ul li strong { font-size:17px}
/* 평가설문지 */
.questionnaire h3 { margin-bottom:55px; font-size:23px; line-height:36px}
.questionnaire .questionnaire-wrap h3{ margin-bottom:15px; line-height:30px}
.questionnaire-wrap .course-title{ padding:25px 30px}
.questionnaire-wrap .course-title span,
.questionnaire-wrap .course-title strong{ display:inline-block; vertical-align:middle; line-height:30px}
.questionnaire-wrap .course-title strong{ font-size:32px}
.questionnaire-wrap .date-place span{ margin-left:30px; font-size:20px}
.questionnaire-wrap .public-info,
.questionnaire-wrap .public-job{ padding-left:30px; padding-right:30px}
.questionnaire-wrap .public-job,
.questionnaire-wrap .public-info .information,
.questionnaire-wrap .public-info .information.info2,
.questionnaire-wrap .public-info .experience{ height:80px; line-height:74px}
.questionnaire-wrap .public-info .information{ width:40%}
.questionnaire-wrap .public-info .information.info2{ width:100%}
.questionnaire-wrap .public-info .information.info2 span{ margin-right:30px}
.questionnaire-wrap .public-info .experience{ width:60%; text-align:right}
.questionnaire-wrap .course-title input[type=text]{ font-size:20px}
.questionnaire-wrap .public-info input[type=text]{ height:50px; font-size:20px}
.questionnaire-wrap .public-job input[type=radio],
.questionnaire-wrap .public-info .experience input[type=radio],
.questionnaire-wrap .public-info .information input[type=radio]{ margin-left:25px; margin-right:2px}
.questionnaire-wrap .public-info .information input.input-mini{ margin-left:25px}
.questionnaire-wrap .public-info .input-auto{ min-width:300px}
.questionnaire-wrap .rating-question h3{ display:block; clear:both; float:none; width:100%; margin:0; padding:50px 0 15px 0}
.questionnaire-wrap .rating-question h3:first-child{ padding-top:0}
ul.ratings-5 li { padding:15px 10px}
.questionnaire-wrap .rating-question .rating{ margin-bottom:30px}
.questionnaire-wrap .rating-question .rating,
.questionnaire-wrap .rating-question .question{ width:100%}
.questionnaire-wrap .rating-question .question{ padding:15px 30px 15px 0; font-size:18px}
ul.ratings-5 li { width:20%}
/*ul.ratings-5 li { width:33%}
ul.ratings-5 li:nth-child(1),
ul.ratings-5 li:nth-child(4),
ul.ratings-5 li:nth-child(7),
ul.ratings-5 li:nth-child(10){ width:34%}*/
ul.ratings-5 li:nth-child(7),
ul.ratings-5 li:nth-child(8),
ul.ratings-5 li:nth-child(9){ border-bottom:0}
ul.ratings-5 li input[type=radio]{ width:15px; height:15px}
ul.ratings-5 li label { margin:3px 0 5px 3px; font-size:18px}
ul.item-selection-type li { padding:20px 30px}
ul.item-selection-type li span{ font-size:14px}
ul.item-selection-type li strong{ margin-bottom:15px}
ul.item-selection-type li span span{ width:33%}
.questionnaire-wrap .description textarea{ height:100px}
/* 교육준비파일출력 */
section.sub-content.print { position:relative; padding:10px 0}
section.sub-content.print .button-print{ display:block; position:absolute; z-index:10; top:10px; left:10px; padding:10px 15px 10px 45px;background:#000 url(/images/ts/print-w.png) 15px 50% no-repeat; border:0; font-size:16px; color:#fff; cursor:pointer}
section.sub-content.print .button-print.roster{ left:50%; width:108px}
section.sub-content.print h2{ margin-bottom:40px; font-size:20px; color:#222; font-weight:700; text-align:center}
section.sub-content.print p { margin-bottom:10px; font-size:16px; color:#222; text-align:center}
section.sub-content.print .date-place{ text-align:right}
section.sub-content.print .date-place span{ display:block; font-size:14px; color:#222; line-height:30px; letter-spacing:0}
section.sub-content.print .default{ margin-top:15px}
section.sub-content.print .default table{ border-color:#e0e0e0}
section.sub-content.print .default thead th,
section.sub-content.print .default tfoot th{ background-color:#eee; border:1px solid #e0e0e0; line-height:16px}
section.sub-content.print .default th,section.sub-content.print .default td{ padding:10px 5px; font-family:"돋움"; font-size:12px; line-height:24px; border:1px solid #e0e0e0}
section.sub-content.print .default tbody th{ background-color:#fafafa}
section.sub-content.print .default tbody td{ color:#000 !important}
section.sub-content.print .default td.sky{ color:#3987ad; background-color:#d9edf6}
section.sub-content.print .default td.green{ color:#478846; background-color:#e0efd8}
section.sub-content.print .default td.indent{ padding-left:25px}
section.sub-content.print .default.sheet table{ margin:0 auto; width:500px}
section.sub-content.print .default.sheet tbody tr:nth-child(even){ background-color:#fafafa}
section.sub-content.print .default.sheet2 thead th,
section.sub-content.print .default.sheet2 tbody th,
section.sub-content.print .default.sheet2 tbody td,
section.sub-content.print .default.sheet thead th,
section.sub-content.print .default.sheet tbody th,
section.sub-content.print .default.sheet tbody td{ padding:8px 5px; font-family:"Noto Sans KR"; font-weight:700; font-size:14px; line-height:20px}
section.sub-content.print .default.sheet2 tbody td span{ margin:0 5px; font-size:20px}
section.sub-content.print .default.provider thead th,
section.sub-content.print .default.provider tbody th,
section.sub-content.print .default.provider tbody td,
section.sub-content.print .default.participants thead th,
section.sub-content.print .default.participants tbody th,
section.sub-content.print .default.participants tbody td{ padding:8px 5px; font-family:"Noto Sans KR"; font-weight:500; font-size:12px; line-height:20px}
section.sub-content.print .default.participants thead th{ line-height:16px}
section.sub-content.print .default.participants thead th span,
section.sub-content.print .default.participants thead th strong{ display:block; font-style:italic}
section.sub-content.print .default.participants thead th span{ padding:0 10px; font-size:11px}
section.sub-content.print .default.participants thead th strong{ font-size:13px; font-weight:700}
section.sub-content.print .default.participants tbody td em,
section.sub-content.print .default.participants tbody td span{ display:inline-block; vertical-align:middle; font-size:12px}
section.sub-content.print .default.participants tbody td span{ width:15px}
section.sub-content.print .default.provider thead th,
section.sub-content.print .default.provider tbody th,
section.sub-content.print .default.provider tbody td{ padding:8px 8px; border-color:#222}
section.sub-content.print .default.provider thead th{ color:#fff; font-weight:700; background:#222}
section.sub-content.print .default.provider tbody td{ vertical-align:top}
section.sub-content.print .default.provider tbody td em,
section.sub-content.print .default.provider tbody td span{ display:inline-block; vertical-align:middle}
section.sub-content.print .default.provider tbody td strong{ display:block}
section.sub-content.print .default.provider tbody td .inst{ width:40%; text-align:right}
section.sub-content.print .default.provider tbody td .inst-name{ width:10%}
section.sub-content.print .default.provider tbody td .inst-sign{ width:45%; color:#aaa; text-align:right}
section.sub-content.print .default.provider tbody td .group,
section.sub-content.print .default.provider tbody td .session{ text-align:right}
section.sub-content.print .default.provider tbody td .group{ width:56%}
section.sub-content.print .default.provider tbody td .session{ width:78.5%}
section.sub-content.print .default.provider tbody td .half-block{ width:48%}
section.sub-content.print .default.provider tbody td .third-block{ width:33%}
section.sub-content.print .aha-kacpr{ margin-top:30px; text-align:center}
section.sub-content.print .aha-kacpr em{ display:inline-block; vertical-align:middle; font-size:0; margin:0 30px}
section.sub-content.print .aha-kacpr em img{ height:60px}
section.sub-content.print .teachers{ margin-bottom:20px}
section.sub-content.print .teachers span,
section.sub-content.print .teachers strong{ display:block; font-size:14px; line-height:24px}
section.sub-content.print .teachers span span:first-child{ width:110px}
section.sub-content.print .teachers strong{ color:#333; font-weight:700; text-decoration:underline}
section.sub-content.print .teachers span span{ display:inline-block; vertical-align:middle; width:auto; text-align:right}
section.sub-content.print .answer-sheet{ font-size:14px; text-align:center}
section.sub-content.print .answer-sheet em{ width:200px; border-bottom:1px solid #666}
section.sub-content.print .answer-sheet em,
section.sub-content.print .answer-sheet span{ display:inline-block; vertical-align:middle}
section.sub-content.print .answer-sheet span:last-child em{ width:80px}
section.sub-content.print .sheet-description{ margin:30px 0 10px 0; font-size:13px; text-align:left}
/* 교육준비파일출력(2022.12.09 추가) */
section.sub-content.print ul.course.kpals li span{ display:inline-block; vertical-align:middle; width:49%; line-height:35px}
/* 교육준비파일출력(2023.07.04 추가) */
section.sub-content.print2 { position:relative; padding:10px 0}
section.sub-content.print2 .button-print2{ display:block; position:absolute; z-index:10; top:10px; left:10px; padding:10px 15px 10px 45px;background:#000 url(/images/ts/print-w.png) 15px 50% no-repeat; border:0; font-size:16px; color:#fff; cursor:pointer}
section.sub-content.print2 .button-print2.roster{ left:50%; width:108px}
section.sub-content.print2 h2{ margin-bottom:20px; font-size:20px; color:#222; font-weight:700; text-align:center}
section.sub-content.print2 p{ margin-bottom:10px; font-size:12px; color:#222; text-align:center}
section.sub-content.print2 .date-place{ text-align:right}
section.sub-content.print2 .date-place span{ display:block; font-size:14px; color:#222; line-height:12px; letter-spacing:0}
section.sub-content.print2 .default{ margin-top:10px}
section.sub-content.print2 .default table{ border-color:#e0e0e0}
section.sub-content.print2 .default thead th,
section.sub-content.print2 .default tfoot th{ background-color:#eee; border:1px solid #e0e0e0; line-height:16px}
section.sub-content.print2 .default th,section.sub-content.print2 .default td{ padding:5px 5px; font-family:"돋움"; font-size:12px; line-height:24px; border:1px solid #e0e0e0}
section.sub-content.print2 .default tbody th{ background-color:#fafafa}
section.sub-content.print2 .default tbody td{ color:#000 !important}
section.sub-content.print2 .default td.sky{ color:#3987ad; background-color:#d9edf6}
section.sub-content.print2 .default td.green{ color:#478846; background-color:#e0efd8}
section.sub-content.print2 .default td.indent{ padding-left:25px}
section.sub-content.print2 .default.sheet table{ margin:0 auto; width:500px}
section.sub-content.print2 .default.sheet tbody tr:nth-child(even){ background-color:#fafafa}
section.sub-content.print2 .default.sheet2 thead th,
section.sub-content.print2 .default.sheet2 tbody th,
section.sub-content.print2 .default.sheet2 tbody td,
section.sub-content.print2 .default.sheet thead th,
section.sub-content.print2 .default.sheet tbody th,
section.sub-content.print2 .default.sheet tbody td{ padding:8px 5px; font-family:"Noto Sans KR"; font-weight:700; font-size:12px; line-height:10px}
section.sub-content.print2 .default.sheet2 tbody td span{ margin:0 20px; font-size:14px}
section.sub-content.print2 .default.provider thead th,
section.sub-content.print2 .default.provider tbody th,
section.sub-content.print2 .default.provider tbody td,
section.sub-content.print2 .default.participants thead th,
section.sub-content.print2 .default.participants tbody th,
section.sub-content.print2 .default.participants tbody td{ padding:8px 5px; font-family:"Noto Sans KR"; font-weight:500; font-size:12px; line-height:10px}
section.sub-content.print2 .default.participants thead th{ line-height:12px}
section.sub-content.print2 .default.participants thead th span,
section.sub-content.print2 .default.participants thead th strong{ display:block; font-style:italic}
section.sub-content.print2 .default.participants thead th span{ padding:0 10px; font-size:11px}
section.sub-content.print2 .default.participants thead th strong{ font-size:13px; font-weight:700}
section.sub-content.print2 .default.participants tbody td em,
section.sub-content.print2 .default.participants tbody td span{ display:inline-block; vertical-align:middle; font-size:12px}
section.sub-content.print2 .default.participants tbody td span{ width:15px}
section.sub-content.print2 .default.provider thead th,
section.sub-content.print2 .default.provider tbody th,
section.sub-content.print2 .default.provider tbody td{ padding:8px 8px; border-color:#222}
section.sub-content.print2 .default.provider thead th{ color:#fff; font-weight:700; background:#222}
section.sub-content.print2 .default.provider tbody td{ vertical-align:top}
section.sub-content.print2 .default.provider tbody td em,
section.sub-content.print2 .default.provider tbody td span{ display:inline-block; vertical-align:middle}
section.sub-content.print2 .default.provider tbody td strong{ display:block}
section.sub-content.print2 .default.provider tbody td .inst{ width:40%; text-align:right}
section.sub-content.print2 .default.provider tbody td .inst-name{ width:10%}
section.sub-content.print2 .default.provider tbody td .inst-sign{ width:45%; color:#aaa; text-align:right}
section.sub-content.print2 .default.provider tbody td .group,
section.sub-content.print2 .default.provider tbody td .session{ text-align:right}
section.sub-content.print2 .default.provider tbody td .group{ width:56%}
section.sub-content.print2 .default.provider tbody td .session{ width:78.5%}
section.sub-content.print2 .default.provider tbody td .half-block{ width:48%}
section.sub-content.print2 .default.provider tbody td .third-block{ width:33%}
section.sub-content.print2 .aha-kacpr{ margin-top:30px; text-align:center}
section.sub-content.print2 .aha-kacpr em{ display:inline-block; vertical-align:middle; font-size:0; margin:0 30px}
section.sub-content.print2 .aha-kacpr em img{ height:60px}
section.sub-content.print2 .teachers{ margin-bottom:20px}
section.sub-content.print2 .teachers span,
section.sub-content.print2 .teachers strong{ display:block; font-size:12px; line-height:24px}
section.sub-content.print2 .teachers span span:first-child{ width:110px}
section.sub-content.print2 .teachers strong{ color:#333; font-weight:700; text-decoration:underline}
section.sub-content.print2 .teachers span span{ display:inline-block; vertical-align:middle; width:auto; text-align:right}
section.sub-content.print2 .answer-sheet{ font-size:14px; text-align:center}
section.sub-content.print2 .answer-sheet em{ width:200px; border-bottom:1px solid #666}
section.sub-content.print2 .answer-sheet em,
section.sub-content.print2 .answer-sheet span{ display:inline-block; vertical-align:middle}
section.sub-content.print2 .answer-sheet span:last-child em{ width:80px}
section.sub-content.print2 .sheet-description{ margin:15px 0 10px 0; font-size:13px; text-align:left}
/* 교육준비파일출력(2023.07.04 추가) */
ul.name-card { margin:0 auto; width:100%; text-align:center}
ul.name-card li { position:relative; display:inline-block; vertical-align:top; margin:10px 5px; padding:58px 0 50px 0; width:340px; height:270px; border:1px solid #666}
ul.name-card li em,
ul.name-card li span,
ul.name-card li strong { display:block; color:#222; font-weight:700; letter-spacing:-0.03em}
ul.name-card li em,
ul.name-card li strong { position:absolute; left:0; font-size:0; width:100%}
ul.name-card li em { bottom:0}
ul.name-card li em img { height:50px}
ul.name-card li strong { top:0; padding:8px 0 12px 0; color:#609ff4; font-size:24px; border-bottom:2px solid #666}
ul.name-card li .card-height{
text-align:center;
/* Center slide text vertically */
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
overflow:hidden;
height:162px}
ul.name-card li .ins,
ul.name-card li .name,
ul.name-card li .affiliation{ width:100%}
ul.name-card li .ins { }
ul.name-card li .name { padding:0 10px; overflow:hidden}
ul.name-card li .ins { margin-top:-5px; font-size:26px; font-weight:900}
ul.name-card li .affiliation{ margin-top:15px; font-size:18px; line-height:20px; letter-spacing:-0.07em}
ul.name-card li .name { font-size:32px; font-weight:900; line-height:36px}
ul.name-card li.inst strong { color:#e00028}
section.sub-content.print .course-roster{ position:relative; line-height:32px; letter-spacing:0}
section.sub-content.print .course-roster .aha-kacpr{ position:absolute; top:0; right:0; margin-top:0; text-align:right}
section.sub-content.print .course-roster .aha-kacpr em{ margin:0}
section.sub-content.print .course-roster h2{ text-align:left}
section.sub-content.print .course-roster h2 span,
section.sub-content.print .course-roster h2 strong{ display:block}
section.sub-content.print .course-roster h2 span{ font-size:16px}
section.sub-content.print .course-roster h2 strong{ font-weight:900}
/* 교육준비파일출력(2022.12.09 추가) */
section.sub-content.print .course-roster h2 em{ display:inline-block; font-style:normal; padding:0 25px; color:#fff; line-height:40px; background:#404040}
ul.course { width:45%}
ul.course li { line-height:26px}
ul.course li span,
ul.course li strong { display:block; font-size:12px; font-weight:700}
ul.course li label { display:inline-block; vertical-align:middle; cursor:pointer; font-size:12px; font-weight:700}
ul.course li span { padding:0 5px}
ul.course li strong { padding:3px 5px; color:#fff; background:#222}
ul.training-info { margin-top:35px; width:52%}
ul.training-info li { border-bottom:1px solid #222; background:#f8f8f8}
ul.training-info li em,
ul.training-info li span { display:inline-block; vertical-align:middle; margin-bottom:-1px; font-size:12px}
ul.training-info li em { padding-left:10px}
ul.training-info li span { padding:3px 15px 3px 0; background:#fff}
ul.info-box { margin-top:25px; padding:5px 10px 10px 10px; border:1px solid #222}
ul.info-box li { float:left; margin-left:2%; width:35%}
ul.info-box li:first-child { margin-left:0}
ul.info-box li:last-child { width:26%}
ul.info-box li span { display:block; margin-top:5px; border-bottom:1px solid #222; background:#f8f8f8}
ul.info-box li span em,
ul.info-box li span span { display:inline-block; vertical-align:middle; border:0; margin-bottom:-1px; font-size:12px}
ul.info-box li span em { padding-left:8px}
ul.info-box li span span { margin-top:0; padding:3px 10px 3px 0; background-color:#fff}
/* 교육준비파일출력(2022.12.09 추가) */
ul.info-box.kpals li { width:49%}
ul.info-box.kpals li:first-child{ margin-left:0}
ul.info-box.kpals li:last-child{ width:49%}
.assisting-instructor { margin-top:10px; border:1px solid #222}
.assisting-instructor h3 { padding:3px 5px; background:#222}
.assisting-instructor h3 span,
.assisting-instructor h3 strong{ display:inline-block; vertical-align:middle; font-size:12px; color:#fff}
.assisting-instructor h3 span{ margin-left:20px; font-style:italic}
.assisting-instructor h3 strong{ font-weight:700}
.assisting-instructor li ul { }
.assisting-instructor li ul:first-child li{ border-left:0}
.assisting-instructor li li { border-top:1px solid #222; border-left:1px solid #222}
.assisting-instructor li li:first-child{ border-top:0}
.assisting-instructor li li:first-child span{ background:transparent}
.assisting-instructor li li:first-child span:first-child{ width:67%}
.assisting-instructor li li:first-child span:last-child{ width:31%}
.assisting-instructor li li em,
.assisting-instructor li li span{ display:inline-block; vertical-align:middle; font-size:12px}
.assisting-instructor li li span{ padding-left:10px; background:#f8f8f8}
.assisting-instructor li li em{ padding-right:3px; width:4%; text-align:right}
.assisting-instructor li li .name-id{ width:62%}
.assisting-instructor li li .card-exp{ width:32%}
.sign { padding:30px 10px}
section.sub-content.print .sign p{ margin-bottom:5px; font-size:12px; text-align:left}
.sign span { display:inline-block; vertical-align:middle; width:48%}
.sign span em,
.sign span strong { display:block; font-size:12px}
.sign span em { background:#f8f8f8; border-bottom:1px solid #222}
.sign span strong { font-weight:700}
.sign .signature { margin-right:3%}
.course-participants { margin-top:25px}
.course-participants span { float:left; background:#f8f8f8; border-bottom:1px solid #222; width:25%}
.course-participants span span{ float:none; width:auto; background-color:#fff; border:0; margin-bottom:-1px; padding:4px 10px 4px 0}
.course-participants span em,
.course-participants span span{ display:inline-block; vertical-align:middle; font-size:12px}
.course-participants span em{ padding-left:10px}
.course-participants .date,
.course-participants .course{ width:20%}
.course-participants .lead { width:30%}
.course-participants .instr-id{ width:24%}
.course-participants .course,
.course-participants .lead,
.course-participants .instr-id{ margin-left:2%}
ul.e-card { margin:0 auto; width:100%; text-align:center}
ul.e-card li { position:relative; display:inline-block; vertical-align:top; margin:20px 20px; padding:0 20px; width:325px; height:205px; background-position:0 0; background-repeat:no-repeat}
ul.e-card li span,
ul.e-card li strong { display:block; font-family:'Nanum Square'; color:#222; font-weight:800; text-align:left}
ul.e-card li span span { display:inline-block; vertical-align:middle}
ul.e-card li strong { }
ul.e-card li span { margin-top:67px; font-size:10px; letter-spacing:0.03em}
ul.e-card li.kr strong { margin-top:82px; font-size:16px; letter-spacing:0.3em}
ul.e-card li.en strong { margin-top:85px; font-size:14px; letter-spacing:0.1em}
ul.e-card li.kr .expire { margin-left:48px}
ul.e-card li.en .expire { margin-left:46px}
ul.e-card li.kals-kr { background-image:url(/images/membership/kals-kr.jpg)}
ul.e-card li.kals-en { background-image:url(/images/membership/kals-en.jpg)}
ul.e-card li.kbls-kr { background-image:url(/images/membership/kbls-kr.jpg)}
ul.e-card li.kbls-en { background-image:url(/images/membership/kbls-en.jpg)}
ul.e-card li.knr-kr { background-image:url(/images/membership/knr-kr.jpg)}
ul.e-card li.knr-en { background-image:url(/images/membership/knr-en.jpg)}
ul.e-card li.kpals-kr { background-image:url(/images/membership/kpals-kr.jpg)}
ul.e-card li.kpals-en { background-image:url(/images/membership/kpals-en.jpg)}
ul.e-card li.gen-basic-kr { background-image:url(/images/membership/gen-basic-kr.jpg)}
ul.e-card li.gen-basic-en { background-image:url(/images/membership/gen-basic-en.jpg)}
ul.e-card li.gen-advanced-kr{ background-image:url(/images/membership/gen-advanced-kr.jpg)}
ul.e-card li.gen-advanced-en{ background-image:url(/images/membership/gen-advanced-en.jpg)}
.print-option { padding-top:50px; font-size:18px; font-weight:700; text-align:center; text-decoration:underline}
/* 수료증에 영문명 중요공지(2020.01.31추가) */
.english-name-notice.blue { margin-top:15px; padding:13px 0 17px 0; background-color:#37b0e4; border-radius:5px}
.english-name-notice.blue strong{ font-size:18px}
/* 기부금영수증출력 */
section.sub-content.print .default.receipt{ margin:0 auto; width:800px}
section.sub-content.print .default.receipt caption{ display:block; position:static; top:auto; font-size:14px; text-align:left}
section.sub-content.print .default.receipt th,
section.sub-content.print .default.receipt td{ padding:8px 10px; font-family:"Noto Sans KR"; font-size:14px; line-height:20px}
section.sub-content.print .default.receipt th{ text-align:center}
section.sub-content.print .default.receipt strong{ font-weight:500}
section.sub-content.print .default.receipt .form-title{ position:relative; padding:15px 0; text-align:center}
section.sub-content.print .default.receipt .form-title span{ position:absolute; top:10px; left:10px; display:block; border:1px solid #e0e0e0}
section.sub-content.print .default.receipt .form-title em{ display:inline-block; vertical-align:middle; padding:5px 10px; font-size:12px; border-left:1px solid #e0e0e0}
section.sub-content.print .default.receipt .form-title em:first-child{ border-left:0}
section.sub-content.print .default.receipt .form-title strong{ font-size:20px}
section.sub-content.print .default.receipt .align-center{ text-align:center}
section.sub-content.print .default.receipt .align-right{ text-align:right}
section.sub-content.print .default.receipt p{ margin:10px 0 0 0; font-size:14px}
section.sub-content.print .default.receipt ul{ margin-left:20px}
section.sub-content.print .default.receipt ul li span,
section.sub-content.print .default.receipt ul li strong{ display:inline-block; vertical-align:middle; font-size:13px; font-weight:400; line-height:18px}
section.sub-content.print .default.receipt ul li span{ width:30%}
section.sub-content.print .default.receipt ul li strong{ width:51%}
section.sub-content.print .default.receipt .form-size{ text-align:right; margin:5px 0 0 0; font-size:12px}
/* 기부금신청서 */
section.sub-content.print h2.apply{ font-size:28px}
section.sub-content.print .default.receipt.apply th{ font-weight:500; text-align:left}
section.sub-content.print .default.receipt.apply em{ display:inline-block; vertical-align:middle; margin-right:5px; color:#e00028}
section.sub-content.print .default.receipt.apply input{ height:40px}
section.sub-content.print .default.receipt.apply span{ display:block; margin-top:5px}
section.sub-content.print .default.receipt.apply h3{ margin-bottom:10px; font-size:14px; font-weight:500}
section.sub-content.print .default.receipt.apply ul{ margin:0}
section.sub-content.print .default.receipt.apply ul li{ float:left; border:1px solid #e0e0e0; border-left:0}
section.sub-content.print .default.receipt.apply ul li:first-child{ border-left:1px solid #e0e0e0}
section.sub-content.print .default.receipt.apply ul li span,
section.sub-content.print .default.receipt.apply ul li strong{ display:block; text-align:center; margin:0; padding:5px 0; width:auto}
section.sub-content.print .default.receipt.apply ul li strong{ font-weight:500; background:#f5f5f5; border-bottom:1px solid #e0e0e0}
section.sub-content.print .default.receipt.apply ul.col3 li{ width:33%}
section.sub-content.print .default.receipt.apply ul.col3 li:first-child{ width:34%}
section.sub-content.print .default.receipt.apply ul.col4 li{ width:25%}
section.sub-content.print .default.receipt.apply ul.col4 li span{ padding:5px 10px; height:45px; text-align:left}
section.sub-content.print .default.receipt.apply .buttonWrap{ margin-top:30px}
section.sub-content.print .default.receipt.apply .buttonWrap span{ display:inline-block; vertical-align:middle; margin:0; padding:0}
section.sub-content.print .default.receipt.apply .buttonWrap input[type=submit],
section.sub-content.print .default.receipt.apply .buttonWrap input[type=button],
section.sub-content.print .default.receipt.apply .buttonWrap button{ margin:0; padding:0; width:100px; height:40px; font-size:16px}
/* 센터정보-공문양식 팝업 */
.center-forms-doc h3 { margin-bottom:15px; color:#222; font-weight:500; font-size:23px}
.center-forms-doc .center-info{ position:relative; padding:15px 30px; background:#f2dede; border:1px solid #eed3d7; border-radius:5px}
.center-forms-doc .center-info p{ margin-top:10px; line-height:30px}
.center-forms-doc .center-info span,
.center-forms-doc .center-info strong{ display:inline-block; vertical-align:middle; width:auto; color:#b94a48}
.center-forms-doc .center-info strong{ font-weight:500; text-decoration:underline}
.center-forms-doc .center-info p span{ color:#555}
.center-forms-doc .center-info p strong{ font-weight:400; text-decoration:none}
.center-forms-doc .center-info button{ display:block; position:absolute; bottom:20px; right:30px; padding:10px 15px; color:#fff; background:#b94a48; border:0; cursor:pointer}
.center-forms-doc .default.forms-doc{ margin-top:10px}
.center-forms-doc .default.forms-doc table{ border-color:#e0e0e0}
.center-forms-doc .default.forms-doc thead th,
.center-forms-doc .default.forms-doc th,
.center-forms-doc .default.forms-doc td{ padding:10px 5px; line-height:24px; border:1px solid #e0e0e0}
.center-forms-doc .default.forms-doc tbody th{ font-weight:500; background-color:#fafafa}
.center-forms-doc .default.forms-doc thead th,
.center-forms-doc .default.forms-doc tbody th,
.center-forms-doc .default.forms-doc th{ text-align:center}
.center-forms-doc .default.forms-doc td{ padding:10px 10px}
.center-forms-doc .default.forms-doc em{ display:block; color:#e00028}
.center-forms-doc .default.forms-doc p{ margin-top:5px; color:#e00028}
/* 한국 CoSTR(2020.09.11 추가) */
ul.costr-list { margin:0; padding:0; list-style:none}
ul.costr-list li { position:relative; margin:0; border-bottom:1px solid #e3e3e3; vertical-align:top}
ul.costr-list li:after { display:block; clear:both; content:""}
ul.costr-list li.no-list { padding-left:0; text-align:center; border-top:1px solid #e3e3e3}
ul.costr-list li.no-list span,ul.costr-list .reviewer-etc,ul.costr-list.view .attach-file{ display:block}
ul.costr-list a,ul.costr-list em,ul.costr-list img,ul.costr-list span,ul.costr-list strong,ul.costr-list .costr-con{ display:inline-block; vertical-align:middle; font-weight:300; color:#666}
ul.costr-list em { font-style:normal; text-align:center; border:1px solid; background:transparent}
ul.costr-list .title strong { color:#404040}
ul.costr-list .notify .title strong,ul.costr-list .notify .date span,ul.costr-list .notify .date strong{ color:#609ff4}
ul.costr-list .date span,ul.costr-list .date strong,ul.costr-list .link-button,ul.costr-list .link-button a{ display:block; text-align:center; letter-spacing:0}
ul.costr-list .date span,ul.costr-list .date strong{ color:#b7b7b7}
ul.costr-list .date strong { font-weight:400}
ul.costr-list .title strong { color:#404040}
ul.costr-list .reviewer-etc span,ul.costr-list.view .reviewer-etc strong,ul.costr-list.view .attach-file span,ul.costr-list.view .attach-file strong{ float:left; margin:0; width:auto; letter-spacing:0.05em; background:no-repeat 0 55%}
ul.costr-list .reviewer-etc .time{ background-image:url(/images/costr/time.png)}
ul.costr-list .reviewer-etc .comment{ background-image:url(/images/costr/comment.png)}
ul.costr-list .reviewer-etc .views{ background-image:url(/images/costr/view.png)}
ul.costr-list .link-button { right:0; width:31px; height:39px}
ul.costr-list .link-button a{ width:100%; height:100%; background:url(/images/costr/go.png) -10px 0 no-repeat; text-indent:-9999px}
ul.costr-list li.no-list:hover,ul.costr-list li.no-list:active,ul.costr-list li.no-list:focus{ border-color:#e3e3e3}
ul.costr-list li:hover,ul.costr-list li:active,ul.costr-list li:focus{ border-color:#609ff4; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.costr-list li:hover a,ul.costr-list li:active a,ul.costr-list li:focus a{ background-position:-10px -39px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.costr-list li:hover .title strong,ul.costr-list li:active .title strong,ul.costr-list li:focus .title strong{ font-weight:400}
ul.costr-list li:hover .date span,ul.costr-list li:active .date span,ul.costr-list li:focus .date span,
ul.costr-list li:hover .date strong,ul.costr-list li:active .date strong,ul.costr-list li:focus .date strong{ color:#609ff4}
ul.costr-list.view li:hover .title strong,ul.costr-list.view li:active .title strong,ul.costr-list.view li:focus .title strong{ font-weight:700}
ul.costr-list.view li { border-bottom:1px solid #e3e3e3}
ul.costr-list.view .attach-file{ border-top:1px solid #e3e3e3}
ul.costr-list.view .attach-file a{ display:inline-block; width:25px; height:20px; background:url(/images/costr/download.png) 50% 50% no-repeat; text-indent:-9999px}
ul.costr-list.view .costr-contents{ border-bottom-color:#808080}
ul.costr-list.view .pico-wrap{ font-family:'Noto Sans KR'; color:#666}
ul.costr-list.view .pico-wrap h2.pico,ul.costr-list.view .pico-wrap h3{ color:#303030; font-weight:500}
ul.costr-list.view .pico-wrap .pico-con,ul.costr-list.view .pico-wrap .references{ text-align:justify}
ul.costr-list.view .pico-wrap .pico-con,ul.costr-list.view .pico-wrap .references,ul.costr-list.view .pico-wrap .review-type{ font-weight:300; letter-spacing:0}
.costr-logout { display:block; float:left}
.costr-logout a { display:inline-block; color:#fff; background:#565457}
/* 코멘트 */
.comment-wrap h4 span { color:#909090; font-weight:300}
.comment-wrap h4 strong { color:#303030; font-weight:500}
.comment-wrap .comment-list li.comment-indent{ background:url(/images/costr/comment-tree.png) no-repeat}
.comment-wrap .comment-list .comment-box{ background:#f8f8f8}
.comment-wrap .comment-list .comment-box span,.comment-wrap .comment-list .comment-box strong{ letter-spacing:0.05em}
.comment-wrap .comment-list .comment-box span{ display:inline-block; vertical-align:middle; color:#909090; font-weight:300}
.comment-wrap .comment-list .comment-box strong{ display:block; color:#303030; font-weight:500}
.comment-wrap .comment-list .comment-box button{ color:#303030; font-weight:500; background:transparent 0 0 no-repeat; border:0; cursor:pointer; text-align:right; text-transform:uppercase}
.comment-wrap .comment-list .comment-box .reply button{ background-image:url(/images/costr/write-reply.png)}
.comment-wrap .comment-list .comment-box .edit button{ background-image:url(/images/costr/edit-comment.png)}
.comment-wrap .comment-list .comment-box .delete button{ background-image:url(/images/costr/delete-comment.png)}
.comment-wrap .comment-list .comment-box .user-comment{ color:#666; font-weight:300}
.comment-wrap .comment-list #input-reply,.comment-wrap .comment-list #edit-reply{ display:none}
.comment-wrap .comment-write{ border-top:1px #eee solid}
.comment-wrap .input-reply textarea,
.comment-wrap .input-reply input[type=text],
.comment-wrap .input-reply input[type=submit]{ float:left; vertical-align:top}
.comment-wrap .input-reply input[type=text],.comment-wrap .input-reply input[type=submit]{ color:#fff !important; background:#77767e; background:linear-gradient(to right, #77767e, #77767e); border:0; cursor:pointer}
/* 마이페이지(2020.09.18 추가) */
.pcard-notice { margin-bottom:15px; color:#e00129; font-weight:500; line-height:22px}
/* 마이페이지(2020.11.19 추가) */
.default.my .aha-update em,.default.my .aha-update a{ text-align:center}
.default.my .aha-update span{ display:block}
.default.my .aha-update span span,.default.my .aha-update span strong{ display:inline-block; vertical-align:middle; font-weight:400}
.default.my .aha-update a { font-weight:400}
/* 마이페이지(2021.02.19 추가) */
.default.my .aha-update mark{ font-style:normal; color:#e00129; font-weight:500; background:transparent}
/* eCode 검색(2021.12.15 추가) */
section.course-schedule .search-popup .total-search span,
section.course-schedule .search-popup .total-search strong{ display:inline-block; vertical-align:middle}
section.course-schedule .search-popup .total-search.eCode-search{ background-color:#ae6cf1}
section.course-schedule .search-popup .total-search.eCode-search input[type=button],
section.course-schedule .search-popup .total-search.eCode-search input[type=submit]{ background-color:#303030 !important}
.kacpr-search .result-wrap.eCardNo .no-descript{ color:#666; font-weight:400; text-align:center}
ul.eCardNo { margin:0 auto}
ul.eCardNo li:after { content:""; display:block; clear:both}
ul.eCardNo li:first-child { margin-top:0}
ul.eCardNo li span,ul.eCardNo li strong{ border:1px solid #e3e3e3; color:#303030}
ul.eCardNo li span { float:right; font-weight:300; letter-spacing:0}
ul.eCardNo li strong { float:left; font-weight:400}
/* 교육과정소개 KBLS(2022.1.14 추가) */
ul.program-step.color.kbls li{ border-color:#4f86b8; background-color:#5b9bd5}
/* New Tab Menu(2023.2.24 추가) */
ul.new-tab-menu { display:flex; align-items:center; margin:0 auto; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0}
ul.new-tab-menu.row { flex-wrap:wrap}
ul.new-tab-menu li { border-bottom:1px solid #e0e0e0}
ul.new-tab-menu li span { display:flex; align-items:center; justify-content:center; width:100%; height:100%}
ul.new-tab-menu li span { border-right:1px solid #e0e0e0; color:#505050}
ul.new-tab-menu li.active span{ color:#fff; border-color:#e00028; background:#e00028}
ul.new-tab-menu.blue li.active span{ border-color:#609ff4; background:#609ff4}
/* 협회소개 - 역대임원진소개 서브탭(2023.07.31 추가) */
ul.sub-tab-menu { display:flex; align-items:center; justify-content:center; margin:0 auto}
ul.sub-tab-menu li { border:1px solid #e0e0e0; border-radius:13px}
ul.sub-tab-menu li span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; text-align:center; color:#505050}
ul.sub-tab-menu li.active span{ color:#e00028; border-color:#e00028}
/* 로그인(14세미만 회원가입) 추가 2023.09.14 */
.member-selection,.member-selection .selection-box{ display:flex; align-items:center; justify-content:center}
.member-selection .selection-box{ flex-direction:column; border:2px solid}
.member-selection .selection-box h3{ font-weight:700; color:#303030}
.member-selection .selection-box.normal{ border-color:#e00129}
.member-selection .selection-box.under{ border-color:#609ff4}
.form-check ul.check .birth-date{ display:flex; flex-wrap: wrap; align-items:center; justify-content:flex-start}
.form-check ul.check .captcha{ display:flex; align-items:center}
.form-check ul.check .captcha .captcha-img{ overflow:hidden; display:flex; font-size:0}
.form-check ul.check .captcha .captcha-img img{ display:block; width:100%; max-width:100%; height:100%; object-fit:contain; cursor:pointer}
.form-check ul.check .captcha .bu-refresh{ display:block; border:0; background:url(/images/membership/refresh.png) center no-repeat; cursor:pointer; text-indent:-9999px}
.form-check ul.check .captcha .captcha{ background-color:#fff; border:1px solid #e3e3e3}
.legal-representative h4{ font-weight:500; color:#303030}
.legal-representative ul.info{ display:flex; flex-wrap:wrap; align-items:center; border:1px solid #e3e3e3}
.legal-representative ul.info li{ display:flex; align-items:center; justify-content:space-between}
.legal-representative ul.info li:nth-child(1),.legal-representative ul.info li:nth-child(2){ border-bottom:1px solid #e3e3e3}
.legal-representative ul.info li:nth-child(2),.legal-representative ul.info li:nth-child(4){ border-left:1px solid #e3e3e3}
.legal-representative ul.info li span,.legal-representative ul.info li strong{ display:flex; align-items:center}
.legal-representative ul.info li strong{ font-weight:500; color:#303030; background:#f0eef1; border-right:1px solid #e3e3e3}
/* 간행물 - 10년사,20년사,스토릴텔링으로 살펴본 20년사 스타일 추가 2023.12.08 */
.years { display:flex; justify-content:space-between; align-items:center}
.years .summary { text-align:center}
.years .summary em { font-size:0}
.years .summary em,
.years .summary span,
.years .summary strong { display:block}
.years .summary span { font-weight:300}
.years .summary strong { font-weight:400; color:#22619f}
.years .summary button { color:#fff; border:0; background:#e00028 url(/images/common/download.png) right 20px center no-repeat; cursor:pointer}
.years .summary,.years .cover-image{ width:50%}
.years .cover-image { background:center no-repeat}
.years .cover-image.ten { background-image:url(/images/etc/ten-years-image.jpg)}
.years .cover-image.twenty { background-image:url(/images/etc/20years-image.jpg)}
.years .cover-image.storytelling{ background-image:url(/images/etc/20years-storytelling.jpg)}
/* 개인정보처리방침 스타일 추가 2023.12.08 */
ul.labeling{ display:flex; flex-wrap:wrap; justify-content:space-between}
ul.labeling li,ul.labeling li:first-child strong{ display:flex; justify-content:center; align-items:center; width:calc(33.333% - 0px); height:180px; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
ul.labeling li:first-child,ul.labeling li:first-child strong{ width:100%; height:50px; text-align:center; border:0}
ul.labeling li:nth-child(2),ul.labeling li:nth-child(5){ border-left:0}
ul.labeling li:first-child strong{ font-weight:500; color:#202020; background:#f5f5f5; border-top:1px solid #1b4bba; border-bottom:1px solid #e3e3e3}
ul.labeling figure { margin:0; width:100%; text-align:center}
ul.labeling figure figcaption{ margin-top:5px}
ul.labeling.list { margin:40px 0}
ul.labeling.list li { padding:20px 0; width:100%; height:auto}
ul.labeling.list li:first-child{ padding:0}
ul.labeling.list li ul.list-item{ display:flex; flex-wrap:wrap; width:80%}
ul.labeling.list li ul.list-item li{ justify-content:flex-start; padding:0; height:40px; border:0}
ul.labeling.list li ul.list-item li:nth-child(odd){ width:40%}
ul.labeling.list li ul.list-item li:nth-child(even){ width:60%}
ul.labeling.list li ul.list-item li a{ color:#505050; line-height:20px; text-decoration:none}
.terms-box .summary.label { display:flex; align-items:center; margin-bottom:15px}
.terms-box .summary.label h4{ margin:0}
.terms-box .summary.label img{ margin-right:10px; width:40px}
.terms-box ul li { padding-left:0; background-image:none}
.terms-box ul li a { color:#202020; text-decoration:underline}
.accept-terms .terms-box .summary.label h2{ margin:0}
.terms-box .default { margin:20px 0}
.terms-box .default thead th{ border-top:1px solid #e00028; text-align:center}
.terms-box .default th,.terms-box .default td{ border:1px solid #e3e3e3; text-align:left}
.terms-box .default.center th,.terms-box .default.center td{ text-align:center}
.open-url { display:inline-block; vertical-align:middle; width:20px; height:20px; background:#fff url(/images/common/open-url.png) center no-repeat; text-indent:-9999px}
/* 콘텐츠내용 히든 스타일 추가 2024.06.05 */
.word-hidden{ position:absolute; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); width:1px; height:1px}
/* 게시판용 팝업상세 */
.board-content div.board-popview{ margin:0 auto !important; background-position:50% 0; background-repeat:no-repeat}
.board-content div.board-popview.type1{ background-image:url(/images/common/back-popview1.jpg)}
.board-content div.board-popview.type2{ background-image:url(/images/common/back-popview2.jpg)}
.board-content div.board-popview.type3{ background-image:url(/images/common/back-popview3.jpg)}
.board-content div.board-popview.type3.short{ background-image:url(/images/common/back-popview3-2.jpg)}
.board-content div.board-popview.type3.short.short2{ background-image:url(/images/common/back-popview3-3.jpg)}
.board-content div.board-popview.type3.short.grey{ background-image:url(/images/common/back-popview-yellow.jpg)}
.board-content div.board-popview.type4{ background-image:url(/images/common/back-popview4.jpg)}
.board-content div.board-popview.type4.navi3{ background-image:url(/images/common/back-popview4-2.jpg)}
.board-content div.board-popview.type4.navi3.ebook{ background-color:#f0f0f0; background-image:url(/images/common/back-popview-ebook.jpg)}
.board-content div.board-popview.type5{ background-image:url(/images/common/back-popview5.jpg)}
.board-content div.board-popview.type6{ background-image:url(/images/common/back-popview6.jpg)}
.board-content div.board-popview.type6.short{ background-image:url(/images/common/back-popview7.jpg)}
.board-content div.board-popview.type6.type8{ background-image:url(/images/common/back-popview8.jpg)}
.board-content div.board-popview.type9{ background-image:url(/images/common/back-popview9.jpg)}
.board-content div.board-popview.type9.type10{ background-image:url(/images/common/back-popview6.jpg)}
.board-content div.board-popview.type11{ background-image:url(/images/common/back-popview8.jpg)}
.board-content div.board-popview.type11.type12{ background-image:url(/images/common/back-popview9.jpg)}
.board-content div.board-popview.type13{ background-image:url(/images/common/back-popview12.jpg?v=20241010)}
.board-content div.board-popview.symposium{ background-image:url(/images/common/back-symposium.jpg)}
.board-content div.board-popview.red{ background-color:#e95c5c; background-image:url(/images/common/back-popview10.jpg)}
.board-content div.board-popview.red2{ background-image:url(/images/common/back-popview11.jpg)}
.board-content div.board-popview.symposium.online-cdc{ background-image:url(/images/event/back-cdc.png)}
.board-content div.board-popview.symposium.online-general{ background-image:url(/images/event/back-general.png)}
.board-content div.board-popview.red.research{ background-image:url(/images/common/back-research.jpg)}
.board-content div.board-popview.red.research2{ background-image:url(/images/common/back-research2.jpg)}
.board-content div.board-popview h1 span,
.board-content div.board-popview h1 strong{ display:block; text-align:center; letter-spacing:-0.08em}
.board-content div.board-popview h1 small,
.board-content div.board-popview h1 span{ font-weight:500}
.board-content div.board-popview h1 strong{ font-weight:700}
.board-content div.board-popview mark{ font-style:normal; background:transparent}
.board-content div.board-popview.type13 h1 mark,
.board-content div.board-popview.type11 h1 span,
.board-content div.board-popview.type11 h1 strong,
.board-content div.board-popview.type9 h1 span,
.board-content div.board-popview.type9 h1 strong,
.board-content div.board-popview.type1 h1 span,
.board-content div.board-popview.type1 h1 strong{ color:#fff}
.board-content div.board-popview.type2 h1 span,
.board-content div.board-popview.type2 h1 strong{ color:#191c45}
.board-content div.board-popview.type3 h1 span,
.board-content div.board-popview.type3 h1 strong{ color:#662d91}
.board-content div.board-popview.type4 h1 span,
.board-content div.board-popview.type4 h1 strong{ color:#4c5994}
.board-content div.board-popview.type5 h1 span span,
.board-content div.board-popview.type5 h1 span strong{ display:inline-block; vertical-align:top; font-weight:700}
.board-content div.board-popview.type5 h1 span span{ color:#fff}
.board-content div.board-popview.type5 h1 span strong{ color:#f7a777}
.board-content div.board-popview.type6 h1 span,
.board-content div.board-popview.type6 h1 strong,
.board-content div.board-popview.red2 h1 span,
.board-content div.board-popview.red2 h1 strong,
.board-content div.board-popview.red h1 span,
.board-content div.board-popview.red h1 strong{ color:#fff}
.board-content div.board-popview.type4.ebook h1 span,
.board-content div.board-popview.type4.ebook h1 strong{ color:#333}
.board-content div.board-popview .con-box { border:3px solid; border-radius:10px; background:#fff}
.board-content div.board-popview.type4.ebook .con-box,
.board-content div.board-popview.type3.grey .con-box,
.board-content div.board-popview.red .con-box,
.board-content div.board-popview.type11 .con-box,
.board-content div.board-popview.type9 .con-box,
.board-content div.board-popview.type6 .con-box{ border:20px solid; border-radius:0}
.board-content div.board-popview .box-dash{ border-top:1px dashed #979595; border-bottom:1px dashed #979595; background:#f6faef}
.board-content div.board-popview.type1 .con-box{ border-color:#84b16b}
.board-content div.board-popview.type2 .con-box{ border-color:#6bafb1}
.board-content div.board-popview.type3 .con-box{ border-color:#662d91}
.board-content div.board-popview.type3.grey .con-box{ border-color:#eeeeec}
.board-content div.board-popview.type4 .con-box{ border-color:#4c5994}
.board-content div.board-popview.type5 .con-box{ border-color:#325aff}
.board-content div.board-popview.type6 .con-box{ border-color:#eeeeec}
.board-content div.board-popview.type9 .con-box{ border-color:#eeeeec}
.board-content div.board-popview.type11 .con-box{ border-color:#eeeeec}
.board-content div.board-popview.symposium .con-box{ border:0; border-radius:0}
.board-content div.board-popview.red .con-box{ border-color:#eeeeec}
.board-content div.board-popview.red2 .con-box{ border-color:#b40020}
.board-content div.board-popview.type4.ebook .con-box{ border-color:#c8c8c8}
.board-content div.board-popview .con-box .con-head h3{ color:#666; font-weight:400; text-align:left}
.board-content div.board-popview.red .con-box .con-head h3,
.board-content div.board-popview.type6 .con-box .con-head h3{ font-weight:700; text-align:center; border-bottom:1px solid #e6e9ea}
.board-content div.board-popview.type11 .con-box .con-head h3,
.board-content div.board-popview.type6.type8 .con-box .con-head h3,
.board-content div.board-popview.type6.type7 .con-box .con-head h3{ border-bottom:0}
.board-content div.board-popview.type11 .con-box .con-head p,
.board-content div.board-popview.type6.type8 .con-box .con-head p,
.board-content div.board-popview.type6.type7 .con-box .con-head p{ border-bottom:1px solid #e6e9ea}
.board-content div.board-popview.type11 .con-box .con-head p strong,
.board-content div.board-popview.type6.type8 .con-box .con-head p strong,
.board-content div.board-popview.type6.type7 .con-box .con-head p strong{ display:block; margin-top:15px; color:#0089fc}
.board-content div.board-popview.type6.type8 .con-box .con-head p strong{ margin-top:20px; font-size:20px; color:#2bafd1; text-decoration:none}
.board-content div.board-popview.type11 .con-box .con-head p strong{ font-size:20px; font-weight:500 !important; color:#609ff4; text-decoration:none}
.board-content div.board-popview.type11.type12 .con-box .con-head p strong{ color:#a200ff}
.board-content div.board-popview.red2 .con-box .con-head strong{ color:#e00028; text-decoration:none}
.board-content div.board-popview.symposium h1 strong{ color:#2175b6}
.board-content div.board-popview.symposium.online-general h1 strong{ color:#56a496}
.board-content div.board-popview.symposium .con-box .con-head{ border-bottom:1px solid #e6e9ea}
.board-content div.board-popview .con-box .con-head em,
.board-content div.board-popview .con-box .con-head span{ float:left; color:#666}
.board-content div.board-popview .con-box .con-head em{ width:35px; height:35px; line-height:40px; text-align:center; border-radius:200px}
.board-content div.board-popview .con-box .con-head strong{ color:#2bb6ca; font-weight:400; text-decoration:underline}
.board-content div.board-popview.type1 .con-box .con-head em{ background-color:#2bb6ca}
.board-content div.board-popview.type2 .con-box .con-head em{ background-color:#59b0eb}
.board-content div.board-popview.type2 .con-box .con-head mark{ color:#e00028}
.board-content div.board-popview.type3 .con-box .con-head span{ color:#662d91}
.board-content div.board-popview.type3 .con-box .con-head strong{ color:#e00028; text-decoration:none}
.board-content div.board-popview.type4 .con-box .con-head strong{ color:#e00028}
.board-content div.board-popview.type5 .con-box .con-head strong{ color:#325aff; text-decoration:none}
.board-content div.board-popview.type5 .con-box .con-head strong span{ float:none; color:#e00028; font-weight:500}
.board-content div.board-popview.ebook .con-box .con-head strong{ color:#dc3900; font-weight:500; text-decoration:none}
.board-content div.board-popview.ebook .box-dash{ border:3px solid #db672e; background-color:#fff}
.board-content div.board-popview.type3.grey .box-dash{ border:0; background-color:#fff}
.board-content div.board-popview .box-dash h3{ display:inline-block; color:#fff; font-weight:500; border-radius:100px}
.board-content div.board-popview.type1 .box-dash h3{ background:#48c3d5}
.board-content div.board-popview.type2 .box-dash h3{ background:#59b0eb}
.board-content div.board-popview.type3 .box-dash h3{ background:#662d91}
.board-content div.board-popview.type4 .box-dash h3{ background:#4c5994}
.board-content div.board-popview.type5 .box-dash h3{ background:#325aff}
.board-content div.board-popview.ebook .box-dash h3{ background:#db672e}
.board-content div.board-popview .box-dash p strong{ display:block; color:#000; font-weight:700}
.board-content div.board-popview.type3 .box-dash p strong{ color:#e00028; font-weight:400 ! important}
.board-content div.board-popview.type5 .box-dash p strong{ color:#325aff; font-weight:400}
.board-content div.board-popview .box-white h3{ color:#666; font-weight:700; text-align:center}
.board-content div.board-popview .box-white p span,
.board-content div.board-popview .box-white p strong{ display:block; font-weight:700}
.board-content div.board-popview .box-white p span{ color:#2bb6ca}
.board-content div.board-popview .box-white p strong{ color:#000}
.board-content div.board-popview.red .box-white p strong,
.board-content div.board-popview.type6 .box-white p strong{ color:#e00028}
.board-content div.board-popview.red .box-white h3{ color:#000; text-align:left; font-weight:500}
.board-content div.board-popview.type6.type7 .box-white h3{ text-align:left; font-weight:500; text-decoration:underline}
.board-content div.board-popview.red .box-white p span,
.board-content div.board-popview.type6.type7 .box-white p span{ color:#666; font-weight:400}
.board-content div.board-popview.red .box-white p strong,
.board-content div.board-popview.type6.type7 .box-white p strong{ color:#000}
.board-content div.board-popview.red .box-white p span strong,
.board-content div.board-popview.type6.type7 .box-white p span strong{ color:#e00028; font-weight:400 ! important}
.board-content div.board-popview.symposium .box-white h3{ color:#e00028; text-align:left}
.board-content div.board-popview .box-white .download-group{ text-align:center}
.board-content div.board-popview .box-white .download-group a{ display:inline-block; vertical-align:middle; color:#fff; border-radius:100px; text-decoration:none}
.board-content div.board-popview .box-white .download-group a.btn1{ background-color:#48c3d5}
.board-content div.board-popview .box-white .download-group a.btn2{ background-color:#4887d5}
.board-content div.board-popview .box-white .download-group a.btn3{ background-color:#7048d5}
.board-content div.board-popview.type5 .box-white .download-group a.btn1{ background-color:#000}
.board-content div.board-popview .box-dash ul li,
.board-content div.board-popview .box-dash ul li:first-child,
.board-content div.board-popview .box-dash ul li:last-child{ margin:0; padding:0; border:0}
.board-content div.board-popview.type3 .box-dash ul li{ color:#662d91}
.board-content div.board-popview.type4 .box-dash ul li strong{ color:#4c5994}
.board-content div.board-popview.type5 .box-dash ul.num li{ list-style-type:decimal; list-style-position:inside}
.board-content div.board-popview.type5 .box-dash ul li strong{ color:#325aff}
.board-content div.board-popview.ebook .box-dash ul li strong{ color:#dc3900; font-weight:400 ! important}
.board-content div.board-popview.type8 .box-white h3{ display:inline-block; color:#fff; font-weight:500; border-radius:100px; background:#2bbbd3}
.board-content div.board-popview.type8 .box-white h3.bls{ background-color:#609ff4}
.board-content div.board-popview.type8 .box-white h3.kbls{ background-color:#f247a2}
.board-content div.board-popview.type9 mark{ color:#a200ff}
.board-content div.board-popview.type11 mark{ color:#609ff4}
.board-content div.board-popview.type11.type12 mark{ color:#a200ff}
.board-content div.board-popview.type11 .box-white h3,
.board-content div.board-popview.type10 .box-white h3,
.board-content div.board-popview.type9 .box-white h3{ display:inline-block; color:#fff; font-weight:500; border-radius:100px; background:#a200ff}
.board-content div.board-popview.type10 .box-white h3{ background-color:#e00028}
.board-content div.board-popview.type11 .box-white h3{ background-color:#609ff4}
.board-content div.board-popview.type11.type12 .box-white h3{ background-color:#a200ff}
.board-content div.board-popview.type11 .box-white strong{ color:#101010; font-weight:500 !important}
.board-content div.board-popview.type9 .box-white p span,
.board-content div.board-popview.type9 .box-white p strong{ display:block; font-weight:400}
.board-content div.board-popview.type9 .box-white p span{ color:#505050}
.board-content div.board-popview.type9 .box-white p strong{ color:#a200ff; font-weight:400 !important; text-decoration:underline}
.board-content div.board-popview.type11 .box-white p strong{ display:block; font-size:15px; color:#e00028; text-decoration:underline}
.board-content div.board-popview.type11.type12 .box-white p strong{ font-size:16px; color:#a200ff; text-decoration:none}
.board-content div.board-popview.type13 h1 mark{ letter-spacing:-0.1em}
.link-view { font-size:14px; color:#662d91}
a.link-view:hover,a.link-view:active,a.link-view:focus{ color:#662d91; text-decoration:none}
.link-view img { display:inline-block; vertical-align:middle; margin-top:-3px}
ul.red-point li { color:#d91c49; font-weight:700}
ul.table-type,
ul.inline-box { width:100%; text-align:center}
ul.down-box li,
ul.inline-box li { float:left; border:3px solid; border-radius:10px; background:#fff}
ul.inline-box li:first-child{ margin-top:0}
.board-content div.board-popview ul.down-box li a,
.board-content div.board-popview ul.inline-box li a{ display:inline-block; color:#fff; border-radius:20px; text-decoration:none}
ul.down-box li span,
ul.down-box li strong,
ul.inline-box li span,
ul.inline-box li strong{ display:block; color:#666}
ul.inline-box li:nth-child(2){ background-color:#f6faef}
ul.inline-box.col3 li{ margin-left:2%; width:32%}
ul.inline-box.col3 li:first-child{ margin-left:0}
ul.download-box { text-align:center}
ul.download-box li { display:inline-block; vertical-align:top; border:1px solid #e0e0e0 ! important; border-radius:5px; box-shadow:0 3px 0 #e0e0e0; -moz-box-shadow:0 3px 0 #e0e0e0; -webkit-box-shadow:0 3px 0 #e0e0e0}
ul.download-box li span,
ul.download-box li strong { display:block; background-repeat:no-repeat; text-align:left}
ul.download-box li strong { color:#303030; font-weight:500}
ul.download-box li a { display:inline-block; color:#505050 ! important; border:1px solid #e0e0e0; border-radius:50px; text-decoration:none ! important}
.board-content div.board-popview.type1 ul.down-box li,
.board-content div.board-popview.type1 ul.inline-box li{ border-color:#84b16b}
.board-content div.board-popview.type1 ul.down-box li a,
.board-content div.board-popview.type1 ul.inline-box li a{ background-color:#aeaeae}
.board-content div.board-popview.type2 ul.down-box li,
.board-content div.board-popview.type2 ul.inline-box li{ border-color:#6bafb1}
.board-content div.board-popview.type2 ul.down-box li a,
.board-content div.board-popview.type2 ul.inline-box li a{ background-color:#aeaeae}
.board-content div.board-popview ul.table-type li{ float:left; margin:0; padding:0; width:50%; border:1px solid #389396; border-left:0}
.board-content div.board-popview ul.table-type li:first-child{ border-left:1px solid #389396; border-radius:10px 0 0 10px}
.board-content div.board-popview ul.table-type li:last-child{ border-radius:0 10px 10px 0}
.board-content div.board-popview ul.table-type li span,
.board-content div.board-popview ul.table-type li strong{ display:block}
.board-content div.board-popview ul.table-type li span{ color:#666; border-top:1px solid #6bafb1; background:#fff}
.board-content div.board-popview ul.table-type li strong{ color:#fff; background:#6bafb1; border-radius:10px 10px 0 0}
.board-content div.board-popview ul.table-type li:first-child strong{ border-radius:10px 0 0 0}
.board-content div.board-popview ul.table-type li:first-child span:last-child{ border-radius:0 0 0 10px}
.board-content div.board-popview ul.table-type li:last-child strong{ border-radius:0 10px 0 0}
.board-content div.board-popview ul.table-type li:last-child span:last-child{ border-radius:0 0 10px 0}
.board-content div.board-popview .board-table table caption{ display:none}
.board-content div.board-popview .board-table table,
.board-content div.board-popview .board-table tbody,
.board-content div.board-popview .board-table tfoot,
.board-content div.board-popview .board-table thead,
.board-content div.board-popview .board-table tr,
.board-content div.board-popview .board-table th,
.board-content div.board-popview .board-table td{ margin:0; border-color:#e3e3e3}
.board-content div.board-popview .board-table th{ background-color:#f5f5f5; color:#202020}
.board-content div.board-popview .board-table td{ background-color:#fff}
.board-content div.board-popview .board-table.notice tbody th{ background-color:#fff; text-align:left; color:#000}
.board-content div.board-popview .board-table .grey{ background-color:#e3e3e3}
.board-content div.board-popview .board-table .mint{ background-color:#48c3d5; color:#fff}
.board-content div.board-popview .board-table .blue{ background-color:#59b0eb; color:#fff}
.board-content div.board-popview.type1 .board-table td strong{ color:#48c3d5}
.board-content div.board-popview.type2 .board-table td strong{ color:#59b0eb}
.board-content div.board-popview.type3 .board-table td strong{ color:#662d91; font-weight:400 ! important}
.board-content div.board-popview.type4 .board-table td strong{ color:#4c5994; font-weight:400 ! important}
.board-content div.board-popview.type5 .board-table td strong{ color:#325aff; font-weight:400 ! important}
.board-content div.board-popview.type11 .board-table td strong{ color:#609ff4}
.board-content div.board-popview.type11.type12 .board-table td strong{ color:#a200ff}
.board-content div.board-popview.type11 .board-table td span,.board-content div.board-popview.type11 .board-table td strong{ display:block; text-align:center}
.board-content div.board-popview.type4 .board-table th,
.board-content div.board-popview.type3 .board-table th,
.board-content div.board-popview.type4 .board-table td,
.board-content div.board-popview.type3 .board-table td{ padding-left:0; padding-right:0; text-align:center}
.board-content div.board-popview.type3.short .board-table td{ padding-left:15px; padding-right:15px; text-align:left}
.board-content div.board-popview.type3.short .board-table td strong{ font-weight:500 ! important}
.board-content div.board-popview.type3.short.grey .board-table td{ padding-left:10px; padding-right:10px}
.board-content div.board-popview.type8 .board-table th{ text-align:left}
.board-content div.board-popview.type8 .board-table tbody tr:nth-child(odd) th{ background:#e3e3e3}
.board-content div.board-popview.type8 .board-table tbody tr:nth-child(even) th{ color:#fff; background:#b9b9b9}
.board-content div.board-popview.type9 .board-table td strong{ display:block; text-align:center; color:#a200ff; font-weight:400 ! important; text-decoration:none}
.board-content div.board-popview.type11 .board-table th{ line-height:20px}
.board-content div.board-popview.ebook .board-table th strong,
.board-content div.board-popview.ebook .board-table td strong{ color:#dc3900; font-weight:400 ! important}
.board-content div.board-popview .board-table.blue thead th{ background-color:#009bff; color:#fff}
/* 게시판용 팝업상세(TS 공통) */
.board-content div.board-popview{ padding:0 25px 40px 25px; width:800px}
.board-content div.board-popview.type3{ padding:0 45px 40px 45px; width:1000px}
.board-content div.board-popview.type3.short{ width:800px}
.board-content div.board-popview.symposium{ width:860px}
.board-content div.board-popview.red{ padding-bottom:25px}
.board-content div.board-popview h1{ padding:40px 0}
.board-content div.board-popview h1 span{ margin-bottom:10px; font-size:26px}
.board-content div.board-popview h1 strong{ font-size:36px}
.board-content div.board-popview h1 small{ font-size:26px}
.board-content div.board-popview.type13 h1 small{ display:block}
.board-content div.board-popview.type5 h1 span span,
.board-content div.board-popview.type5 h1 span strong{ font-size:36px}
.board-content div.board-popview .con-box{ padding:35px 0}
.board-content div.board-popview .box-dash{ padding:35px 35px}
.board-content div.board-popview.ebook .box-dash{ margin-top:10px !important; padding:30px 20px}
.board-content div.board-popview.type3.grey .box-dash{ padding:35px 35px 0 35px}
.board-content div.board-popview .con-box .con-head{ padding:0 35px 35px 35px}
.board-content div.board-popview .con-box .con-head h3{ margin-top:20px; font-size:23px}
.board-content div.board-popview.red .con-box .con-head h3,
.board-content div.board-popview.type6 .con-box .con-head h3{ margin-top:0; padding-bottom:40px}
.board-content div.board-popview.ebook .con-box .con-head h3{ margin:10px 0 40px 0; padding-bottom:45px; font-size:26px; font-weight:700; text-align:center; border-bottom:1px solid #e6e9ea}
.board-content div.board-popview.red .con-box .con-head p,
.board-content div.board-popview.type11 .con-box .con-head p,
.board-content div.board-popview.type6.type8 .con-box .con-head p,
.board-content div.board-popview.type6.type7 .con-box .con-head p{ padding-bottom:40px}
.board-content div.board-popview.symposium h1 span,
.board-content div.board-popview.symposium h1 strong{ font-size:24px}
.board-content div.board-popview .con-box .con-head em{ margin-right:15px}
.board-content div.board-popview .con-box .con-head span{ width:92%}
.board-content div.board-popview .con-box .con-head span,
.board-content div.board-popview .con-box .con-head strong{ font-size:15px; line-height:26px}
.board-content div.board-popview.type11 .box-white h3,
.board-content div.board-popview.type10 .box-white h3,
.board-content div.board-popview.type9 .box-white h3,
.board-content div.board-popview.type8 .box-white h3,
.board-content div.board-popview .box-dash h3{ margin-bottom:20px; padding:7px 25px; font-size:16px}
.board-content div.board-popview.red .box-white h3{ margin-bottom:10px; font-size:18px}
.board-content div.board-popview .box-dash ul{ margin-left:40px}
.board-content div.board-popview.ebook .box-dash ul{ margin-left:15px}
.board-content div.board-popview.red .con-box li,
.board-content div.board-popview.red .con-box li:first-child,
.board-content div.board-popview.red .con-box li:last-child{ margin:0; padding:0}
.board-content div.board-popview.red .con-box li,
.board-content div.board-popview.red .con-box li:first-child{ border:0}
.board-content div.board-popview.red .con-box ul li em,
.board-content div.board-popview.red .con-box ul li span{ display:inline-block; vertical-align:top; color:#666}
.board-content div.board-popview.red .con-box ul li em{ width:2%; font-weight:700}
.board-content div.board-popview.red .con-box ul li span{ width:97%}
ul.down-box li,
ul.inline-box li,
ul.inline-box li:first-child,
ul.inline-box li:last-child,
.board-content div.board-popview .box-dash ul li,
.board-content div.board-popview .box-dash ul li:first-child,
.board-content div.board-popview .box-dash ul li:last-child{ font-size:15px; line-height:26px}
.board-content div.board-popview .box-dash p{ margin:20px 0 20px 40px; font-size:15px; line-height:26px}
.board-content div.board-popview .box-white{ padding:35px 35px 0 35px}
.board-content div.board-popview.type6 .box-white{ padding:0 35px}
.board-content div.board-popview.type11 .box-white{ padding:0 35px}
.board-content div.board-popview .box-white h3{ font-size:23px}
.board-content div.board-popview.type6.type7 .box-white h3{ margin-bottom:5px; font-size:16px}
.board-content div.board-popview.symposium .box-white h3{ font-size:20px}
.board-content div.board-popview .box-white p{ margin-left:40px; font-size:15px; line-height:26px}
.board-content div.board-popview .box-white .download-group{ margin:40px 0 !important}
.board-content div.board-popview .box-white .download-group a{ margin:0 3px; padding:7px 20px; font-size:15px}
.board-content div.board-popview.type5 .box-white .download-group{ margin:0 0 20px 0 !important}
ul.inline-box { margin-top:30px}
ul.inline-box li { padding:20px 15px !important; height:210px}
ul.inline-box li:first-child,
ul.inline-box li:last-child { padding:20px 15px !important}
ul.down-box li a,
ul.inline-box li a { margin-top:20px; padding:7px 0; width:90px}
ul.down-box li span,
ul.down-box li strong,
ul.inline-box li a,
ul.inline-box li span,
ul.inline-box li strong { font-size:15px !important; line-height:24px !important}
ul.down-box li strong,
ul.inline-box li strong { margin-bottom:10px}
ul.inline-box li .add-mar { margin-top:39px}
ul.down-box { margin:0 auto; margin-top:30px; width:235px; text-align:center}
ul.down-box li { float:none; padding:30px 10px !important}
ul.down-box li a { font-size:14px !important; line-height:18px !important}
ul.download-box { margin-top:40px}
ul.download-box li { margin:0 8px; padding:25px 30px ! important; width:300px; height:160px}
ul.download-box li strong { padding-top:5px; font-size:18px; line-height:22px}
ul.download-box li.down-pdf span{ background-image:url(/images/common/down-pdf.png); background-position:100% 0}
ul.download-box li a { margin-top:25px; width:120px; height:40px; font-size:14px; line-height:37px}
.board-content div.board-popview ul.table-type{ margin-top:30px}
.board-content div.board-popview ul.table-type li span,
.board-content div.board-popview ul.table-type li strong{ padding:7px 0; font-size:15px}
.board-content div.board-popview .board-table table{ margin:10px 0}
.board-content div.board-popview .board-table table,
.board-content div.board-popview .board-table tbody,
.board-content div.board-popview .board-table tfoot,
.board-content div.board-popview .board-table thead,
.board-content div.board-popview .board-table tr,
.board-content div.board-popview .board-table th,
.board-content div.board-popview .board-table td{ padding:17px 15px; font-size:15px; line-height:24px}
.board-content div.board-popview .board-table th{ padding:12px 15px}
.board-content div.board-popview.type11 .board-table table{ margin:0}
.board-content div.board-popview.symposium .board-table th{ font-weight:500}
.board-content div.board-popview.symposium .board-table th,
.board-content div.board-popview.symposium .board-table td{ padding:10px 10px; font-size:14px; text-align:left}
.board-content div.board-popview.symposium .board-table td a{ display:inline-block; vertical-align:middle; width:21px; height:23px; background:url(/images/common/pdf.png) 50% 50% no-repeat; text-indent:-9999px}
.board-content div.board-popview.symposium .board-table td a.zip{ background-image:url(/images/ts/zip.png)}
.board-content div.board-popview.symposium .board-table td.center{ padding-left:0; padding-right:0; text-align:center}
.down-pdf span { float:right}
.down-pdf strong { float:left; font-size:16px; margin-top:3px}
.down-pdf span,.down-pdf strong,.down-pdf a,.down-pdf img{ display:inline-block; vertical-align:middle}
.down-pdf a { width:80px; height:35px; line-height:32px; font-size:14px; color:#505050; text-align:center; border:1px solid #e0e0e0; border-radius:35px; background:#fff}
.down-pdf a:hover,.down-pdf a:active,.down-pdf a:focus{ color:#fff; border-color:#2bafd1; background-color:#2bafd1; text-decoration:none; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.board-popview.ebook .down-pdf a:hover,.board-popview.ebook .down-pdf a:active,.board-popview.ebook .down-pdf a:focus{ border-color:#db672e; background-color:#db672e}
.down-pdf img { width:22px; margin-right:10px}
ul.down-pdf { text-align:center}
ul.down-pdf li { display:inline-block; vertical-align:middle; margin:0 5px; padding:25px 30px; border:1px solid #e3e3e3; border-radius:5px; box-shadow:0 5px 0 #f7f7f7; -moz-box-shadow:0 5px 0 #f7f7f7; -webkit-box-shadow:0 5px 0 #f7f7f7}
ul.down-pdf li:first-child,ul.down-pdf li:last-child{ border:1px solid #e3e3e3 !important}
ul.down-pdf li img { float:right}
ul.down-pdf li span { display:block; float:none; clear:both; width:100%}
ul.down-pdf li strong { float:left}
ul.down-pdf li img,ul.down-pdf li strong{ margin:0}
ul.down-pdf li a { margin-top:25px; width:120px; height:40px; line-height:38px}
ul.down-pdf li img { width:auto}
ul.down-pdf li strong { font-size:18px; line-height:22px; text-align:left}
ul.down-pdf.col1 li { width:100%}
ul.down-pdf.col2 li { width:47%}
button.changes { margin:20px 0; padding:0 60px; color:#fff; font-size:24px; font-weight:400; line-height:58px; height:60px; background:#db672e; border-radius:5px; border:0; cursor:pointer}
.down-pdf-red { display:inline-block; padding:10px 85px 10px 35px; color:#fff !important; font-weight:400; background:#e00028 url(/images/common/manual-down.png) 85% 50% no-repeat}
.down-pdf-red:hover,.down-pdf-red:active,.down-pdf-red:focus{ text-decoration:none !important}
.down-pdf-red.excel { padding-left:45px; padding-right:105px; background-image:url(/images/common/excel-down.png)}
.down-pdf-red.doc { padding-left:45px; padding-right:105px; background-image:url(/images/common/doc-down.png); background-position:90% 50%}
.down-pdf-red.hwp { padding-left:45px; padding-right:105px; background-image:url(/images/common/hwp-down.png); background-position:90% 50%}
ul.bullet-list li { margin-top:12px; padding:0 0 0 22px !important; background:0 7px no-repeat; border:0 !important}
ul.bullet-list li:first-child{ margin-top:0}
ul.bullet-list li span { color:#101010; font-weight:500}
ul.bullet-list.cyan li { background-image:url(/images/common/bullet-cyan.png)}
ul.bullet-list.cyan li strong{ color:#2bafd1 !important}
ul.bullet-list.purple li { background-image:url(/images/common/bullet-purple.png)}
ul.bullet-list.purple li strong{ color:#a200ff !important}
/* 2025 대한심폐소생협회 상반기 챌린지/숏폼 영상 공모전 공고 안내 버튼 */
.challenge-short{
display:flex;
justify-content:center;
align-items:center;
}
.challenge-short > a{
margin:8px;
padding:10px 20px;
border:none;
background:#ff8197 !important;
color:#fff !important;
border-radius:5px;
text-decoration:none;
font-size:14px;
line-height:18px;
font-weight:400;
}
.challenge-short > a:hover,.challenge-short > a:focus,.challenge-short > a:visited{ text-decoration:none}
@media all and (max-width:550px){
.challenge-short{ flex-direction:column}
.challenge-short > a{ margin-top:5px}
}
/* 마이페이지 - 신문고 추가(2025.05.13) */
.complaint-form ul li{ display:flex; align-items:center; border-bottom:1px solid #eee}
.complaint-form ul li:first-child{ border-top:1px solid #eee}
.complaint-form ul li label{ display:flex; align-items:center; background-color:#f8f8f8}
.complaint-form .reply{ padding:0; line-height:0; height:4px; background:#4179c4}
.complaint-form .complaint-file{ border-bottom:none}
.complaint-form.view .drop span{ display:flex}
.complaint-button{ display:flex; justify-content:center}
.complaint-form .write-con.attach input[type="button"],
.complaint-form .write-con.attach input[type="button"]:read-only{
background-color:#202020 !important;
color:#fff !important;
}
.complaint-form .mulifileName ul li,.complaint-form .mulifileName ul li:first-child{ border-top:none}
.complaint-form .mulifileName ul li:last-child{ border-bottom:none}
.complaint-form .mulifileName .thumbnail-container{
overflow:hidden;
display:flex;
flex-shrink:0;
align-items:center;
justify-content:center;
border:1px solid #e3e3e3;
border-radius:5px;
}
.complaint-form .mulifileName .thumbnail{
display:block;
object-fit:cover;
}
.complaint-button input[type="button"],
.complaint-button input[type="submit"],
.complaint-button input[type="submit"]:read-only{
border:none;
background:#e00028 !important;
color:#fff !important;
cursor:pointer;
}
.complaint-button a{
margin-left:10px;
border:none;
background:#707070 !important;
color:#fff !important;
cursor:pointer;
}
.complaint-button input[type="button"].cancel{ margin-left:10px; background-color:#707070 !important}
.my-complaint-list{ display:flex; align-items:center}
.my-complaint-list a{ margin-left:auto; background:#b94a48; display:flex; align-items:center; justify-content:center; border-radius:3px}
.my-complaint-list a span{ margin:0; color:#fff; font-weight:500}
.default.complaint th{ padding:10px 0; line-height:20px ! important}
.default.complaint td{ padding:15px 0; line-height:24px ! important}
.default.complaint td a,
.default.complaint td div,
.default.complaint td strong{ display:flex; align-items:center; justify-content:center}
.default.complaint .align-left a,.default.complaint .align-left div{ justify-content:flex-start}
/* 처리상태 표시 */
/* .default.complaint .processing em,.default.complaint .processing div{ align-items:flex-start} */
.processing em{ color:#4179c4}
.processing strong{ color:#e00028}
/* .default.complaint td.processing{ vertical-align:top} */
.processing div,
.default.complaint .processing div{ background-position:left top; background-repeat:no-repeat}
.default.complaint .processing .step1{ justify-content:flex-start}
.default.complaint .processing .step4{ justify-content:flex-end}
.processing .step1,
.default.complaint .processing .step1{ background-image:url(/images/common/step1.png)}
.processing .step2,
.default.complaint .processing .step2{ background-image:url(/images/common/step2.png)}
.processing .step3,
.default.complaint .processing .step3{ background-image:url(/images/common/step3.png)}
.processing .step4,
.default.complaint .processing .step4{ background-image:url(/images/common/step4.png)}
/* 만족도 별점(list,view) */
#starRating2{ border-top:none}
#starRating2 div{ display:flex}
#starRating2 span{
/* font-size:12px;
color:#ccc;
transition:color 0.3s; */
display:inline-block;
vertical-align:middle;
color:transparent;
background:url(/images/common/star.png) 0 0 no-repeat;
background-size:contain;
text-indent:-9999px;
cursor:pointer;
}
/* #starRating2 span:hover{ color:Gold} */
.starRating-c{ color:#e00028}
/* 만족도 별점(view) */
#starRating{ display:flex; align-items:center}
#starRating span{
/* font-size:12px;
color:#ccc;
transition:color 0.3s; */
background:url(/images/common/star-none.png) center no-repeat;
background-size:17px;
transition:background 0.3s; /* 부드럽게 색상 전환 */
text-indent:-9999px;
cursor:pointer;
}
#starRating .selected {
/* 선택: 노란색으로 내부까지 채움 */
/* color:orange; */
background-image:url(/images/common/star.png);
}
#starRating input[type="submit"]{
font-weight:500;
color:#684510 !important;
border:1px solid #e19d34;
border-radius:5px;
background:#f9ae3a !important;
cursor:pointer;
}
/* 이벤트 - 강사모집 등록(2025.08.11 추가) */
.ev-instructor-info{ background:url(/images/event/back-heart.jpg) top center no-repeat}
.ev-instructor-info h2.ev-header{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.ev-instructor-info h2.ev-header span{
color:#fff;
font-weight:700;
}
.ev-instructor-info h3{
color:#000;
font-weight:500;
}
.ev-instructor-info .ev-summary,
.ev-instructor-info .ev-body,
.ev-instructor-info .ev-footer{
background-color:#fff;
border:20px solid #eeeeec;
}
.ev-instructor-info .ev-summary{ border-bottom:none; text-align:center}
.ev-instructor-info .ev-body{
border-top:none;
border-bottom:none;
}
.ev-instructor-info .ev-footer{ border-top:none}
.ev-instructor-info .ev-summary span{ border-bottom:1px solid #e3e3e3}
.ev-instructor-info .text-info span{ display:block}
.ev-instructor-info mark,
.ev-instructor-info .default strong,
.ev-instructor-info .text-info strong{
font-weight:500;
color:#7f5a34;
background:transparent;
}
.ev-instructor-info .accent-info{
display:flex;
flex-direction:column;
justify-content:center;
background:#f9f4ef;
border-radius:3px;
}
.ev-instructor-info mark{ text-decoration:underline}
.ev-instructor-info .text-info:last-child{ padding-bottom:0}
.ev-instructor-info .ev-apply .registration { background-color:#986f45 !important}
.ev-instructor .descrip-color-point.blue mark{
color:#3a87ad;
font-weight:500;
background-color:transparent;
}