@charset "utf-8";
/* Desktop */
body,table,input,textarea,select,optgroup,button{ font-size:16px}
/* 네이티브 화살표 대체 */
select{ background-position:100% -120px}
/* Forms */
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="file"],
input[type="number"],
input[type="tel"] { height:40px}
textarea { height:auto}
/* File Browser */
.write-con.file-add .file-input{ width:65% !important}
.write-con.file-add .file-input-div .file-button{ margin-right:16% !important}
.write-con.file-add .button-add,
.write-con.file-add .button-minus{ width:40px; height:40px}
.write-con.file-add .button-add{ right:45px}
/* Scroll To Top */
#back-top { right:50px; bottom:15px}
/* Search Form */
.searchForm { margin-bottom:20px}
.searchForm input[type=text]{ width:250px; height:40px; line-height:normal}
.searchForm input[type=submit],
.searchForm input[type=button]{ width:40px; height:40px; background-size:contain}
.searchForm select { padding-right:40px}
.searchForm .data-result { display:none; position:absolute; bottom:0; left:0}
/* Button */
.buttonWrap { margin:30px 0 0 0}
.button a,
.button button,
.button input { padding:0 30px; height:50px; line-height:50px}
.button.grey,
.button.red,
.button.blue { height:50px}
.button.grey a,
.button.grey button,
.button.grey input,
.button.red a,
.button.red button,
.button.red input,
.button.blue a,
.button.blue button,
.button.blue input { padding:0 30px}
/* Board List-View */
.endLine { padding-bottom:40px}
.board-content,
.board-content div,
.thumb-list.view div,
.board-content p { font-size:16px; line-height:28px}
.thumb-list.view div { margin:0}
/* List-thumb Mixed */
.thumb-list li { padding:25px 0}
.thumb-list .thumb { margin:0 30px 0 0; width:150px; height:80px}
.thumb-list .title,
.thumb-list .edu-institution{ font-size:18px}
.thumb-list .title img { margin-top:-3px}
.thumb-list .title strong { margin-top:-5px}
.thumb-list .title strong { font-size:15px}
.thumb-list div { margin:5px 0 0 0; font-size:14px; line-height:20px}
.thumb-list .no { width:55px}
.thumb-list .edu-institution{ width:410px}
.thumb-list .numeral,
.thumb-list .list-numeral { font-size:16px}
.thumb-list .add-file,
.thumb-list .list-numeral { position:absolute; top:25px}
.thumb-list .add-file { right:180px}
.thumb-list .add-file em { font-size:14px}
.thumb-list .list-numeral { right:30px}
.thumb-list .numeral span { margin-left:50px}
.thumb-list .postedby span { margin-left:0}
.thumb-list .no-message,
.thumb-list .notify .title { font-size:18px}
.thumb-list .notify { background-position:20px 50%}
.thumb-list .notify .title { padding-left:60px}
.thumb-list .reply .no { display:inline-block}
.thumb-list.view li { padding:17px 30px}
.thumb-list.view li:first-child,
.thumb-list.view li:last-child{ padding:30px 30px}
.thumb-list.view .title,
.thumb-list.view .title strong{ font-size:20px}
.thumb-list.view .thumb2 { margin:25px 0}
.thumb-list.view div.board-content{ line-height:28px}
.thumb-list.view .add-file { position:static; display:block}
.thumb-list.view .add-file a{ padding:7px 15px; font-size:13px}
/* Next - Prev */
.next-prev li { line-height:55px}
.next-prev li a.prev,
.next-prev li a.next { margin:0 20px 0 0; width:55px; height:55px; line-height:55px; background:#f8f8f8 url(/images/common/next-prev.png) no-repeat; text-indent:-9999px}
.next-prev li a.prev { background-position:50% 22px}
.next-prev li a.next { background-position:50% -68px}
.next-prev li span { right:20px}
/* Board Write-Edit */
.write-con label,
.write-con span,
.write-tit .title label,
.write-tit .title span { height:40px; line-height:40px}
.write-con .file-button input[type=button]{ font-size:16px}
.write-tit .cate-select { margin-bottom:10px}
.write-tit .cate-select select{ width:100%}
/* Comment */
.write-reply { margin-top:1px; padding:30px; font-size:16px}
.write-reply p { padding-bottom:20px}
.write-reply .write-info { padding:30px; font-size:16px}
.write-reply .write-info span{ display:block}
.write-reply .write-info span:first-child{ margin-bottom:15px}
.write-reply .input-box { width:90%}
.write-reply .button-box { width:10%}
.write-reply .input-box textarea{ font-size:16px}
ul.reply-comment li { padding:30px}
ul.reply-comment li:first-child{ padding:18px 30px}
ul.reply-comment li span { line-height:30px}
ul.reply-comment li strong { margin-right:30px}
ul.reply-comment li.blue-line{ padding:18px 30px}
.edit-delete { top:14px; right:30px}
.edit-delete button { height:25px; line-height:25px; font-size:14px}
/* Masonry List */
.grid-box strong { margin-top:30px; padding:0 20px; font-size:18px; line-height:24px}
.grid-box .block-con { padding:20px}
.grid-box .block-con a.view { margin-top:25px; padding-right:40px; font-size:14px}
.grid-box .post-memo,
.grid-box .scrap-name { font-size:14px; line-height:22px}
.grid-box .scrap-name strong{ margin:0 0 0 10px; padding:0; font-size:14px; line-height:22px}
.grid-box .dv-line { margin:15px 0}
.grid-box .scrap-day { margin-top:5px; padding-bottom:20px}
.grid-box .scrap-day span { left:0; font-size:14px}
/* Pagenation */
.pagenation { margin-top:30px}
.pagenation ul > li > a,
.pagenation ul > li > span { padding:7px 15px; line-height:24px; font-size:16px}
.pagenation ul > .pg-arrow.prev > a{ padding-right:25px}
.pagenation ul > .pg-arrow.next > a{ padding-left:25px}
/* Daum Map */
#map,#d-map,
#d-roadview { height:400px}
/* 모달윈도우 */
.mw-close { top:17px; right:25px}
.pop-layer.wp .layer-header h1,
.mw .pop-layer .layer-header h1{ padding:15px 0; font-size:23px}
.pop-layer.wp .layer-body,
.mw .pop-layer .layer-body { padding:30px 35px; line-height:28px}
.pop-layer.wp .layer-body .color-point,
.mw .pop-layer .layer-body .color-point{ color:#e00129; font-weight:400}
.pop-layer.wp .layer-body .input-wrap,
.mw .pop-layer .layer-body .input-wrap{ margin-top:25px}
.pop-layer.wp .layer-body .align-left,
.mw .pop-layer .layer-body .align-left{ text-align:left}
.pop-layer.wp .layer-body .additional,
.mw .pop-layer .layer-body .additional{ margin-top:10px}
.pop-layer.wp .layer-body .button-wrap,
.mw .pop-layer .layer-body .button-wrap{ margin-top:20px; text-align:center}
.pop-layer.wp .layer-body button,
.mw .pop-layer .layer-body button{ margin:0 2px; width:80px; height:50px; line-height:50px; color:#fff; border:0; cursor:pointer}
.pop-layer.wp .layer-body button.auto,
.mw .pop-layer .layer-body button.auto{ width:auto; padding:0 20px}
.pop-layer.wp .layer-body button.redB,
.mw .pop-layer .layer-body button.redB{ background-color:#e00129}
.pop-layer.wp .layer-body button.blue,
.mw .pop-layer .layer-body button.blue{ background-color:#37b0e4}
.pop-layer.wp .layer-body button.grey,
.mw .pop-layer .layer-body button.grey{ background-color:#77757e}
.mw .pop-layer .layer-body h3{ margin-bottom:10px; color:#202020; font-size:18px; font-weight:400; text-align:left}
.mw .pop-layer .layer-body .support-agree{ margin-top:15px}
.mw .pop-layer .layer-body .support-agree label{ width:auto; font-size:14px}
.mw .pop-layer.w600 { width:600px; margin:50px 0 0 -300px}
.mw .pop-layer.w800 { width:800px; margin:50px 0 0 -400px}
.mw .pop-layer.w1000 { width:1000px; margin:50px 0 0 -500px}
.pop-layer.w600.wp { width:600px}
.pop-layer.w800.wp { width:800px}
.pop-layer.w750.wp { width:750px}
.pop-layer.w850.wp { width:850px}
.pop-layer.w800.wp .layer-body .default,
.mw .pop-layer.w800 .layer-body .default,
.mw .pop-layer.w1000 .layer-body .default{ overflow:auto; height:450px}
.pop-layer.w750.wp .layer-body{ text-align:left}
.pop-layer.w750.wp .layer-body ul.form-input li:first-child .item,
.pop-layer.w750.wp .layer-body ul.form-input li:first-child .item-contents,
.pop-layer.w750.wp .layer-body ul.form-input li.border-point .item,
.pop-layer.w750.wp .layer-body ul.form-input li.border-point .item-contents{ border-top-color:#37b0e4}
.pop-layer.w750.wp .layer-body ul.form-input li:last-child .item,
.pop-layer.w750.wp .layer-body ul.form-input li:last-child .item-contents{ border-bottom:1px solid #37b0e4}
.pop-layer.w750.wp .layer-body ul.form-input li .item-contents .write-con span{ height:30px}
.pop-layer.w750.wp .layer-body ul.form-input li .item-contents .write-con .file-input-div{ top:10px}
.pop-layer.w750.wp .layer-body ul.form-input li select{ padding-right:40px}
.mw .pop-layer.inquiry { width:800px; margin:50px 0 0 -400px}
.mw .pop-layer.inquiry .layer-body{ padding:0 0 30px 0}
.mw .pop-layer.inquiry .layer-body .button-wrap{ margin-top:30px}
.mw .pop-layer.inquiry .layer-body li{ padding:15px 50px}
.mw .pop-layer.inquiry .layer-body li:last-child{ padding:25px 50px}
.mw .pop-layer.inquiry .layer-body li span.name,
.mw .pop-layer.inquiry .layer-body li span.phone{ width:48%}
.mw .pop-layer.inquiry .layer-body .captcha button,
.mw .pop-layer.inquiry .layer-body .captcha input[type=submit]{ height:40px}
.mw .pop-layer.inquiry .layer-body .captcha button{ width:40px}
.mw .pop-layer.inquiry .layer-body .captcha input[type=submit]{ width:50px; font-size:14px}
.mw .pop-layer.w600.change-name .input-wrap{ text-align:left}
.mw .pop-layer.w600.change-name .input-wrap .write-con input{ font-size:16px}
.mw .pop-layer.w800.application{ margin-top:50px}
.mw .pop-layer.application .layer-body{ overflow:auto; padding:20px; text-align:left; height:600px}
.mw .pop-layer.application .layer-body ul.form-application li span button{ padding:0 10px; height:40px; line-height:40px; font-size:14px; color:#505050; background:#e0e0e0; vertical-align:middle}
.mw .pop-layer.w800.application .layer-body ul.form-application li span strong{ display:block; color:#e00129; font-size:14px; line-height:20px}
.mw .pop-layer.w800.application .layer-body ul.form-application li span label.small-check{ padding:0; width:auto; height:auto; float:none; display:inline-block; vertical-align:middle; background:none; font-size:14px}
ul.form-application li:after{ content:""; display:block; clear:both}
ul.form-application li span { background:#fff; border:1px solid #f4f2f5; border-left:0; border-top:0}
ul.form-application li label{ background:#f4f2f5; border-top:1px solid #fff; border-bottom:1px solid #f4f2f5}
ul.form-application li:first-child span,
ul.form-application li:first-child label{ border-top:1px solid #f4f2f5}
ul.form-application li span,
ul.form-application li label{ float:left; padding:0 15px; height:60px; line-height:56px}
ul.form-application li label{ width:20%}
ul.form-application li span { width:30%}
ul.form-application li span.col3{ width:80%}
ul.form-application li span.col3 label{ float:none; padding:0; width:auto; height:auto; line-height:28px; border:0; background:transparent}
ul.form-application li.heightauto{ background:#f4f2f5}
ul.form-application li.heightauto span.col3{ padding:15px; height:auto; line-height:28px}
ul.form-application .amount { width:160px; text-align:right}
ul.form-application input[type=number]{ width:90px}
ul.form-application input.button-ok{ display:inline-block; vertical-align:middle; margin-left:-6px; width:80px; height:40px; color:#fff; background:#e00129; border:0; cursor:pointer}
ul.form-application li .file-input-div .file-button{ float:right; height:40px; line-height:40px}
.mw .pop-layer.institution-map .layer-body{ padding:0; text-align:left}
.mw .pop-layer.institution-map .layer-body #map{ width:100%; height:400px}
/* 레이어팝업 */
.layer-pop { }
.layer-pop .mw-close { top:17px; right:25px}
.layer-pop.pop-layer .layer-header h1{ padding:15px 0; font-size:23px}
.layer-pop.pop-layer .layer-body{ padding:30px 35px; line-height:28px}
.layer-pop.pop-layer.w800 { width:800px}
.layer-pop.pop-layer.aha .layer-header{ margin-top:40px}
.layer-pop.pop-layer.aha .layer-header h1{ padding-left:35px; padding-right:35px}
.layer-pop.pop-layer.aha .layer-body strong{ margin:25px 0 30px 0; font-size:18px}
.layer-pop.pop-layer.aha .layer-body .user-check{ padding:7px 0 10px 0}
/* Table */
.default h3 { margin-bottom:15px; font-size:20px}
.default thead th,.default tfoot th{ padding:17px 0}
.default th,.default td { font-size:15px; line-height:20px}
.default td { padding:18px 10px}
.default button.all-check { font-size:15px}
.default td.align-left { padding-left:20px}
.default td.day2 { padding:8px 10px}
/* Tab Menu */
ul.tab-menu { margin-bottom:50px}
ul.tab-menu li { height:60px}
ul.tab-menu li.costr { line-height:18px}
ul.tab-menu.col2 { width:480px}
ul.tab-menu.col3 { width:720px}
ul.tab-menu.col4 { width:960px}
ul.tab-menu.col4 li,
ul.tab-menu.col3 li,
ul.tab-menu.col2 li { width:240px}
ul.tab-menu.col5 li { width:calc(100% / 5)}
ul.tab-menu.col6 li { width:calc(100% / 6)}
ul.tab-menu.col7 li { width:calc(100% / 7)}
/* Mypage */
ul.tab-menu.col8 li { width:calc(100% / 8)}
ul.tab-menu.col8 li:nth-child(6) span,
ul.tab-menu.col8 li:nth-child(7) span,
ul.tab-menu.col8 li:nth-child(8) span{ padding:0 20px; line-height:20px}
/* Mypage end */
ul.tab-menu.col9 li { width:calc(100% / 9)}
ul.tab-menu.col11 li { width:calc(100% / 11)}
ul.tab-menu.col12 li { width:calc(100% / 12)}
/* Layout */
.header-content,.footer-content,section article,nav .gnb,#location .head{ width:1200px}
.body,.header { padding:0}
/* CPRVerify 바로가기 버튼 */
.CPRVerify { position:absolute; z-index:100; top:65px; right:-130px}
.CPRVerify > a { display:block; padding:7px 20px; font-size:14px; color:#fff; line-height:18px; text-align:center; text-decoration:none; background:#4179c4; letter-spacing:0}
/* Global Navigation Bar */
/* Full Down Menu */
.full-down-menu { top:129px}
.full-down-menu .gnb-full { width:1200px}
.full-down-menu .gnb-full button{ right:-50px; top:0; width:50px; height:50px}
.full-down-menu .gnb-full li{ padding:15px; width:16%; height:480px}
.full-down-menu .gnb-full li:first-child{ width:20%}
.full-down-menu .gnb-full li strong{ padding:10px 10px 20px 10px}
.full-down-menu .gnb-full li li:first-child{ margin-top:10px; width:100%}
.full-down-menu .gnb-full li li span{ padding:8px 12px; font-size:13px}
/* Local Navigation Bar */
#location .head a { font-size:16px}
#location .head ul.sub { top:51px; width:241px}
#location .head div.home,
#location .head div.home a { width:61px; height:50px}
#location .head div.depth1,
#location .head div.depth2 { width:241px}
#location .head div.depth3 { width:380px}
#location .head div.depth1 a,
#location .head div.depth2 a,
#location .head div.depth3 a{ height:50px; line-height:20px; padding-left:20px}
#location.red,
#location.red .head ul.sub li
#location.blue,
#location.blue .head ul.sub li{ height:52px}
#location .head div.depth3 ul.sub{ width:380px}
/* Mobile Menu */
.all-menu-area { display:none; position:absolute;top:0;right:0;z-index:100}
ul.m-utitlity { float:right}
ul.m-utitlity li { float:left; border-right:1px solid #e6e6e6; background-position:50% 45%; background-repeat:no-repeat}
ul.m-utitlity li:first-child{ border-left:1px solid #e6e6e6}
ul.m-utitlity li.login { background-image:url(/images/common/m-logout.png)}
ul.m-utitlity li.logout { background-image:url(/images/common/m-logined.png)}
ul.m-utitlity li.facebook { background-image:url(/images/common/facebook3.png)}
ul.m-utitlity li.twitter { background-image:url(/images/common/twitter3.png)}
ul.m-utitlity li a { display:block; width:100%; height:100%; text-indent:-9999px}
.all-menu2 { display:none; position:fixed; right:-270px; top:0; background:url(/images/common/trans-black.png) repeat left center; width:100%; height:100%; z-index:1001; overflow-y:auto}
#scroller .back-scroller { position:absolute; top:0; right:0; background:#fff; z-index:1002}
.all-menu2 .all-menu2-con { background:#609ff4}
.all-menu2 .all-menu2-con > li{ float:left; background:url(/images/common/division-mutility.png) 0 45% no-repeat}
.all-menu2 .all-menu2-con > li:nth-child(odd){ background-image:none}
.all-menu2 .all-menu2-con > li > img,
.all-menu2 .all-menu2-con > li > a{ display:inline-block; vertical-align:middle}
.all-menu2 .all-menu2-con > li > a{ color:#fff}
.btn-nav2 { display:none}
#mask { position:absolute; z-index:1001; background-color:#000; display:none; right:0; top:0}
/* Trigger Wing Nav */
.trigger-nav-wing{ z-index:9999;position:absolute;right:0;top:0;overflow:hidden;display:none;background:#fff;text-decoration:none;outline:0;border:0;cursor:pointer}
.trigger-nav-wing [class*="line-"]{ position:absolute;overflow:hidden;display:none;background:#bdbdbd;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}
.trigger-nav-wing .line-m{ text-indent:-999px}
.wing-is-open{ overflow:hidden}
.wing-is-open .trigger-nav-wing{ position:fixed;top:0;right:0;background:#fff; cursor:pointer}
.wing-is-open .trigger-nav-wing .line-m{ background:transparent;-webkit-transition:background .3s;transition:background .3s}
.wing-is-open .trigger-nav-wing .line-t{ -webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:margin .3s, -webkit-transform .3s .3s;transition:margin .3s, transform .3s .3s;background:#fff}
.wing-is-open .trigger-nav-wing .line-b{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:margin .3s, -webkit-transform .3s .3s;transition:margin .3s, transform .3s .3s;background:#fff}
.all-menu2 .btn-nav2.close.trigger-nav-wing{ background:#609ff4}
.all-menu2 .btn-nav2.close.trigger-nav-wing [class*="line-"]{ background:#fff}
/* Vertical Navigation */
.vNav { position:relative; line-height:normal}
.vNav ul { margin:0; padding:0; list-style:none}
.vNav li { position:relative; margin:0 0 -1px 0; vertical-align:top}
.vNav li a { display:block; position:relative; color:#609ff4; font-weight:700; text-decoration:none; background:#fff; border:1px solid #eee}
.vNav li a .i { position:absolute; top:50%; left:100%; color:#666; background:url(/images/common/icon-sub.png) left top no-repeat}
.vNav li ul { padding:0; background:#fff}
.vNav li li { margin:0}
.vNav li li a { border:0; background:#fff; font-weight:400}
.vNav li li a span { color:#303030}
.vNav li.active { z-index:2; border-top:1px solid #eee}
.vNav li li.active { border:0}
.vNav li.active a { border:0; color:#609ff4}
.vNav li.active ul { display:block; border:1px solid #eee; border-top:0}
.vNav li.active li { font-weight:700; color:#609ff4; border-top:1px solid #eee}
.vNav li.active li a { border:0}
.vNav li.active li.active a { background:#609ff4}
.vNav li.active li.active a span{ font-weight:700; color:#fff}
/* Mypage */
.descrip-color-point { padding:15px 30px}
.descrip-color-point.mar-10 { margin-bottom:10px}
.descrip-color-point.mar-40 { margin-bottom:40px}
.descrip-color-point span,.descrip-color-point strong{ font-size:15px; line-height:26px}
.descrip-color-point.blue span{ margin-top:5px; width:65%}
.descrip-color-point.blue button{ bottom:20px; right:30px; padding:13px 30px; font-size:15px}
.descrip-color-point.blue button.code-regi{ top:31px; bottom:auto; padding:41px 10px 15px 10px; background-image:url(/images/ts/course-regi.png); background-position:50% 16px; background-repeat:no-repeat}
.descrip-color-point.blue button.code-regi{ width:150px}
.descrip-color-point.blue button.code-regi,.descrip-color-point.blue button.manual-down{ font-size:14px; line-height:18px}
.descrip-color-point.blue button.manual-down{ padding-left:10px; padding-right:62px; background-color:#505050; background-image:url(/images/common/manual-down.png); background-position:96% 50%; background-repeat:no-repeat}
.descrip-color-point.blue button.manual-down{ right:185px; width:360px}
.descrip-color-point.blue button.manual-down.manual1{ bottom:auto; top:31px}
.descrip-color-point.blue button.manual-down.manual2{ bottom:32px}
.descrip-color-point.blue button.edu-flowchart,
.mw .pop-layer .layer-body button.edu-flowchart,
.sub-content.application-form .enter-information.additional button.edu-flowchart{ position:static; top:auto; right:auto; padding:5px 10px; color:#3a87ad; font-size:14px; background:#fff; border:1px solid #bce8f1}
.mw .pop-layer .layer-body button.edu-flowchart,
.sub-content.application-form .enter-information.additional button.edu-flowchart{ margin:0 0 0 5px; width:auto; height:auto; line-height:normal; color:#468847; border-color:#d6e9c6}
.sub-content.application-form .enter-information.additional button.edu-flowchart{ color:#3a87ad; border-color:#bce8f1}
#edu-flowchart img { max-width:100%}
button.aha-ebook-down { padding:45px 10px 13px 10px; top:19px; right:20px; width:180px}
button.aha-ebook-down.useinfo{ right:205px}
button.aha-ebook-down.solution{ right:340px}
button.aha-ebook-down.useinfo,button.aha-ebook-down.solution{ width:130px; background-position:50% 12px; background-size:45px}
button.aha-ebook-down,button.aha-ebook-down.useinfo,button.aha-ebook-down.solution{ font-size:14px; line-height:18px}
button.aha-ebook-down:hover,
button.aha-ebook-down:active,
button.aha-ebook-down:focus { color:#fff; background-image:url(/images/common/aha-ebook-white.png); background-color:#505050; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
button.aha-ebook-down.solution:hover,
button.aha-ebook-down.solution:active,
button.aha-ebook-down.solution:focus,
button.aha-ebook-down.useinfo:hover,
button.aha-ebook-down.useinfo:active,
button.aha-ebook-down.useinfo:focus { background-image:url(/images/common/pdf-down-white.png)}
button.print-faculty { padding:7px 15px 10px 45px; top:9px; right:20px; font-size:14px}
button.print-faculty:hover,
button.print-faculty:active,
button.print-faculty:focus { color:#fff; background-image:url(/images/ts/print-w.png); background-color:#505050; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
.default.my thead th { padding:10px 0}
.default.my th,.default.my td{ font-size:15px !important; line-height:20px !important}
.default.my td { padding:20px 3px}
.default.my td.align-left { padding-left:10px}
.default.my td.red-color { color:#e00129; font-weight:500}
.default.my td a.quick { margin-top:5px; padding-right:7px}
.default.my em { display:inline-block; vertical-align:middle; /*margin:0 2px 로 수정해야됨*/margin:3px; padding:0 10px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:#f5f5f5}
.default.my button,.default.my .aha-update a{ margin:4px 2px; padding:0 10px; height:35px; line-height:35px; font-size:14px}
.default.my.my5 em.fixed,.default.my.my5 button.fixed,.default.my em.fixed,.default.my .aha-update a.fixed,
.default.my button.fixed { width:120px}
.default.my em.fixed2,
.default.my button.fixed2 { width:100px}
.default.my em.red { background:#e00129}
.default.my em.blue { background:#37b0e4}
.default.my em.grey { background:#77757e}
.default.my em.ing { background:#a3a3a3}
.default.my button.mini { height:35px; line-height:35px}
.default.my.my7 td { padding:10px 5px}
.default.my td .pass { display:inline-block; margin:5px 0}
.my-education { margin-top:40px}
.my-education .my-list { padding:30px 20px}
.my-education .my-list button{ font-size:14px; height:30px; padding:0 10px}
.my-education .my-list button:first-child{ margin-bottom:10px}
.my-education .my-list .my-info{ width:68%}
.my-education .my-list .edu-info{ width:32%; text-align:right}
.my-education .my-list .edu-info strong{ margin-top:15px; font-size:18px}
.my-education .my-list .my-info .no{ width:5%}
.my-education .my-list .my-info .doc-no{ width:15%}
.my-education .my-list .my-info .course{ width:18%}
.my-education .my-list .my-info .name{ width:15%}
.my-education .my-list .my-info .edu-date{ width:12%}
.my-education .my-list .my-info .pretest{ width:130px}
.my-education .my-list .my-info .pretest button{ width:130px; letter-spacing:-0.03em}
.my-education .my-list .my-info .pass-fail{ margin-left:20px; width:12%}
.my-education .my-list .my-info .area-center{ margin-top:-20px; padding-left:5.5%}
ol.number-list li { padding:5px 0}
ol.number-list li:first-child{ padding-top:0}
.additional-certifi { margin-top:10px; padding:15px}
.additional-certifi span,
.additional-certifi strong { margin:5px 0; font-size:14px; color:#b94a48; line-height:20px}
.additional-certifi strong { font-weight:500}
/* 회원탈퇴시 교육내역삭제 확인체크 */
.confirm-deletion { margin-top:20px}
.confirm-deletion span { margin-bottom:10px; font-size:14px}
.confirm-deletion input[type=button],
.confirm-deletion input[type=submit]{ padding:10px 25px; font-size:18px; font-weight:500; border:0; color:#fff !important; background:linear-gradient(to right, #e00129, #e00129); cursor:pointer}
/* Membership */
.membership {}
/* 로그인 */
.login-wrap { margin-top:80px}
.login-wrap h2 { margin-bottom:50px; font-size:28px}
.login-wrap .form-login,
.login-wrap .kacpr-item { padding:50px 70px; width:575px; height:550px}
.login-wrap .kacpr-item p { line-height:30px}
ul.login select,
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]{ float:left; padding-left:30px; height:60px}
ul.login input[type=tel] { width:30%}
ul.login input[type=text].email{ width:45%}
ul.login select { background-position:97% -110px}
ul.login select,
ul.login input[type=text],
ul.login input[type=button],
ul.login input[type=submit],
ul.login input[type=password]{ width:100%}
ul.login input[type=password],
ul.login input[type=text].user-id,
ul.login input[type=text].user-name{ padding-left:55px; background-position:28px 50%}
ul.login input[type=button],
ul.login input[type=submit] { padding-left:0; font-size:20px}
ul.login input[type=checkbox]{ width:20px; height:20px}
ul.login .at { float:left; width:10%; line-height:60px}
ul.login li { margin-top:10px}
ul.login li.save-id,
ul.login li.agree-check,
ul.login li.link-item { margin:20px 0}
ul.login li.agree-check { line-height:24px}
ul.login li.agree-check span{ margin-top:20px; padding-bottom:10px}
ul.login em,
ul.login span { line-height:16px}
ul.login em { margin:0 15px 0 10px; font-size:20px}
ul.link-kacpr { margin-bottom:20px; padding-bottom:35px}
ul.link-kacpr li em { width:95px; height:65px; line-height:63px}
ul.link-kacpr li strong { margin-top:15px; font-size:14px}
ul.link-kacpr li { margin:0 15px}
ul.signup-step { margin-bottom:120px}
ul.signup-step li { width:25%}
ul.signup-step li span { font-size:18px}
ul.signup-step li strong { margin:12px 0 7px 0; font-size:26px}
/* 2018.12.27 로그인폼 변경 */
.login-wrap .form-login.login2,
.login-wrap .kacpr-item.item2{ height:480px}
.login-wrap .form-login.login2{ padding:50px 50px; width:725px}
.login-wrap .kacpr-item.item2{ padding:50px 30px; width:425px}
.login-wrap .form-login.login2 ul.login select{ width:35%}
.login-wrap .form-login.login2 ul.login input[type=text].email{ width:29%}
.login-wrap .form-login.login2 ul.login select{ margin-left:1%}
.login-wrap .form-login.login2 ul.login .at{ width:6%}
.login-wrap .kacpr-item.item2 ul.link-kacpr li em{ width:85px}
/* 이메일체크 */
.login-wrap h3,.check-wrap h3{ margin-bottom:55px; font-size:23px; line-height:36px}
.check-wrap.find-idpw { margin-top:100px}
.check-wrap.member-out { margin-top:40px}
.check-wrap.find-idpw .form-check.find-result{ font-size:20px}
.check-wrap.find-idpw button{ margin-top:60px; padding:0 90px; height:60px; font-size:20px}
.check-wrap .form-check { padding:70px; width:575px}
.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]{ float:left; padding-left:30px; height:60px}
.form-check ul.check input[type=tel]{ width:27%}
.form-check ul.check input[type=text].email{ width:45%}
.form-check ul.check input[type=text],
.form-check ul.check input[type=submit],
.form-check ul.check input[type=button],
.form-check ul.check input[type=password]{ width:100%}
.form-check ul.check input[type=password],
.form-check ul.check input[type=text].user-name{ padding-left:60px; background-position:28px 50%}
.form-check ul.check input[type=button],
.form-check ul.check input[type=submit]{ padding-left:0; font-size:20px}
.form-check ul.check input[type=checkbox]{ width:20px; height:20px}
.form-check ul.check .at,
.form-check ul.check .dash { float:left; line-height:60px}
.form-check ul.check .at { width:10%}
.form-check ul.check .dash { width:9.5%}
.form-check ul.check li { margin-top:10px}
.form-check ul.check li:last-child{ margin-top:20px}
.form-check .select-check { margin-bottom:20px}
.form-check .select-check button{ margin-right:10px; padding-left:20px}
.form-check .select-check button.active{ background-position:-186px 50%}
/* 회원약관동의 */
.accept-terms h2,
.membership-form h2,
section.sub-content h2.con-title{ margin-bottom:25px; font-size:36px}
section.sub-content.complete-application h2.con-title{ margin-bottom:60px}
.accept-terms .terms-box { padding:40px; height:400px}
.accept-terms .terms-box h1 { margin-bottom:20px; font-size:23px}
.accept-terms .terms-box h2 { margin-bottom:10px; font-size:18px}
.accept-terms .terms-box .terms-conditions{ margin-bottom:40px; line-height:28px}
.accept-terms .agree-check { margin-top:15px}
.accept-terms .agree-check.all{ margin-top:30px}
.accept-terms .agree-check input[type=checkbox]{ width:20px; height:20px}
/* 회원가입완료 */
.signed-up h2 { margin-bottom:60px}
.signed-up h2 span { font-size:23px}
.signed-up h2 strong { margin-bottom:30px; font-size:34px}
ul.kacpr-service li { padding:55px 0; width:25%}
ul.kacpr-service li em { margin-bottom:20px}
ul.kacpr-service li span { line-height:22px}
ul.kacpr-service li strong { margin-bottom:10px; font-size:18px}
/* 교육신청폼 상세 */
.sub-content.application-form h2{ margin-bottom:70px; font-size:36px}
.sub-content.application-form .course-title{ padding:25px 30px}
.sub-content.application-form .course-title strong{ margin-left:40px; font-size:40px; line-height:30px}
.sub-content.application-form .course-title span{ margin-left:15px; font-size:20px}
.sub-content.application-form .course-title .guideline{ margin-left:40px}
.sub-content.application-form .course-title .guideline span,.sub-content.application-form .course-title .guideline strong{ margin-left:0}
.sub-content.application-form .course-title div:last-child{ margin-top:16px}
ul.course-info { margin-top:10px}
ul.course-info li { width:50%}
ul.course-info li em { margin-right:30px; padding:15px 27px; width:30%}
ul.course-info li span.long { width:60%}
ul.course-info li:nth-child(1) em,
ul.course-info li:nth-child(2) em{ padding-top:30px}
/*ul.course-info li:nth-child(11) em,
ul.course-info li:nth-child(12) em{ padding-bottom:30px}*/
ul.course-info li:nth-child(1) span,
ul.course-info li:nth-child(2) span{ padding-top:12px}
/*ul.course-info li:nth-child(11) span,
ul.course-info li:nth-child(12) span{ padding-bottom:12px}*/
ul.course-info li li { width:100%}
ul.course-info li:nth-child(9) li:nth-child(2) em,
ul.course-info li:nth-child(10) li:nth-child(2) em,
ul.course-info li:nth-child(9) li:nth-child(1) em,
ul.course-info li:nth-child(10) li:nth-child(1) em{ padding-top:15px}
ul.course-info li:nth-child(9) li:nth-child(2) span,
ul.course-info li:nth-child(10) li:nth-child(2) span,
ul.course-info li:nth-child(9) li:nth-child(1) span,
ul.course-info li:nth-child(10) li:nth-child(1) span{ padding-top:0px}
ul.course-info li.last em,
ul.course-info li.receipt1 em,
ul.course-info li.receipt2 em{ padding-bottom:30px}
ul.course-info li.receipt1 span,
ul.course-info li.receipt2 span{ padding-bottom:12px}
ul.course-info li li.total-fee{ background:#e3e3e3}
ul.course-info li.fee-info { width:100%; background:#f5f5f5}
ul.course-info li li.total-fee em{ padding-top:15px; width:15%}
ul.course-info li li.total-fee span{ padding-top:0}
ul.course-info li li.total-fee.descrip em{ padding-top:0}
ul.course-info li li.total-fee.descrip span{ padding-bottom:20px}
ul.course-info li em img { display:inline-block; vertical-align:middle; margin:-4px 0 0 7px; cursor:pointer}
.popover-edu { bottom:40px; padding:10px 50px 10px 10px; font-size:14px; line-height:20px}
.popover-edu>img.win-close { top:13px; right:13px}
#popover-edu3 { bottom:55px}
/* 센터정보 */
.popover { max-width:600px; width:300px !important; background-color:#d9edf7; border-color:#bce8f1}
.popover-content { padding:9px 10px; color:#3a87ad}
.popover.top .arrow { border-top-color:#bce8f1; border-top-color:rgba(188, 232, 241, 1)}
.popover.right .arrow { border-right-color:#bce8f1; border-right-color:rgba(188, 232, 241, 1)}
.popover.left .arrow { border-left-color:#bce8f1; border-left-color:rgba(188, 232, 241, 1)}
.sub-content.application-form .place{ margin-top:20px}
.sub-content.application-form .place .map-info{ height:300px}
.sub-content.application-form .place .map-info,
.sub-content.application-form .place .place-info{ width:50%}
.sub-content.application-form .place .place-info li{ margin-top:10px}
.sub-content.application-form .place .place-info em{ padding:10px 27px}
.sub-content.application-form .place .place-info span{ padding-left:27px; line-height:28px}
.sub-content.application-form .etc-info{ margin-top:50px}
.sub-content.application-form .etc-info>div{ margin-left:0.5%; width:49.5%}
.sub-content.application-form .etc-info>div ul.etc{ min-height:160px}
.sub-content.application-form .etc-info>div ul.etc li strong{ margin-bottom:15px; padding:10px 30px 13px 30px; font-size:20px}
.sub-content.application-form .etc-info>div ul.etc li span{ padding-left:30px; line-height:28px; min-height:28px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks{ min-height:auto}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li .textbook2{ margin-top:10px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li a{ padding:5px 15px; font-size:14px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em{ width:20%}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span{ padding:0 0 0 20px; width:80%; line-height:26px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li strong{ margin-bottom:5px; padding:0; font-size:16px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span span{ font-size:14px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em{ height:210px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em img{ max-width:auto; width:210px}
/*
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em{ margin-bottom:15px; width:100%}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em img{ max-width:auto; width:200px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i span{ width:100%; padding-left:0}
*/
.sub-content.application-form .course-description{ margin-top:100px}
.sub-content.application-form .course-description h3{ margin-bottom:30px; font-size:26px}
.sub-content.application-form .course-description .descript{ line-height:28px}
.sub-content.application-form .enter-information{ margin-top:50px}
.sub-content.application-form .enter-information li{ padding:15px 40px}
.sub-content.application-form .enter-information li.title,
.sub-content.application-form .enter-information li:first-child{ padding-top:10px; padding-bottom:10px}
.sub-content.application-form .enter-information li.title input[type=checkbox]{ margin-left:5px; width:23px; height:23px}
.sub-content.application-form .enter-information li.title span{ display:inline-block; vertical-align:middle; width:auto !important; font-size:14px}
.sub-content.application-form .enter-information li strong{ font-size:22px}
.sub-content.application-form .enter-information li button{ padding:7px 15px}
.sub-content.application-form .enter-information li:first-child button{ top:5px; right:40px}
/*.sub-content.application-form .enter-information.applicant li span{ width:39%}*/
/* 2021.11.22 추가 */
.sub-content.application-form .enter-information.applicant li em{ width:10%}
.sub-content.application-form .enter-information.applicant li span{ width:29%}
.sub-content.application-form .enter-information.applicant li span:last-child{ width:49%}
.sub-content.application-form .enter-information.additional li em{ width:20%}
.sub-content.application-form .enter-information.additional li span{ width:79%}
.sub-content.application-form .enter-information.additional .write-con span{ height:40px; line-height:40px}
.sub-content.application-form .enter-information.additional .write-con input{ font-size:16px}
.sub-content.application-form .enter-information.additional button{ height:40px}
.sub-content.application-form .enter-information.additional select{ padding-right:40px}
.sub-content.application-form .enter-information.additional li.title-course{ font-size:18px}
.sub-content.application-form .completed{ padding:20px 0; font-size:18px}
/* 교육신청(리스트형)(2022.12.06 수정) */
ul.flag-group { margin:40px 0}
ul.flag-group li { padding:9px 15px; width:20%; height:50px}
.edu-list { margin-top:40px}
.edu-list h3 { margin-bottom:40px; font-size:26px}
.edu-list p { padding:13px 30px 15px 30px; font-size:22px}
.year-month { margin-top:9px}
.year-month button { width:29px; height:29px}
.year-month button.prev-month{ margin-top:2px; margin-right:60px}
.year-month button.next-month{ margin-top:2px; margin-left:60px}
.year-month span,
.year-month strong { font-size:36px; line-height:30px}
.year-month strong { margin-left:10px}
.annual-schedule { margin-left:40px}
.annual-schedule a { padding:0 25px; height:50px; line-height:46px}
section.sub-content.application ul.tab-menu.tab2 li{ width:150px; height:50px; line-height:46px}
section.sub-content.application ul.tab-menu.tab2 li:first-child span{ padding-left:45px; background-position:20px 50%}
section.sub-content.application ul.tab-menu.tab2 li:last-child span{ padding-left:55px; background-position:30px 50%}
.h-calendar { margin-top:20px}
.h-calendar ul li a { padding:10px 0; font-size:15px}
.h-calendar ul.week { border-left:1px solid #fff}
.h-calendar ul.day { border-left:1px solid #e0e0e0}
.h-calendar ul.day li.empty { display:none}
ul.month-list li { padding:0 30px; height:75px; line-height:70px}
ul.month-list li:first-child{ height:60px; line-height:55px}
ul.month-list .course-name { width:17%}
ul.month-list .training-time{ width:18%}
ul.month-list .personnel { width:15%}
ul.month-list .institution-name{ width:48%}
ul.month-list li.two-days { padding-top:7px; line-height:normal}
ul.month-list li.two-days em.days{ margin:3px 15px 3px 0; padding:5px 5px; font-size:16px; line-height:14px}
ul.month-list button { top:17px; right:30px; padding-left:20px; width:130px; height:40px; font-size:15px}
ul.month-list button:hover,
ul.month-list button:active,
ul.month-list button:focus { background-position:90% -40px}
ul.month-list .course-name span{ padding-left:5px; width:75%; line-height:20px}
/* 교육신청(캘린더형) */
.calendar-month,ul.cal-head { display:block}
.calendar-month { position:relative}
ul.cal-head li { height:45px; font-size:14px; line-height:43px}
ul.cal-body li { padding:10px; height:220px}
ul.cal-body li>strong { margin-bottom:10px; font-size:16px}
ul.cal-body li span span { font-size:13px; width:65%}
ul.cal-body li>button { padding-top:11px; width:40px; height:40px; font-size:12px; background-position:50% 7px}
ul.cal-body li span span { width:82%}
ul.cal-body li span span.pr4{ width:65%}
ul.cal-body li .renewal span{ width:64%}
ul.cal-body li .more-layer { padding:20px; width:337px; height:660px}
ul.cal-body li .more-layer ul li{ margin-top:5px; font-size:13px}
ul.cal-body li .more-layer ul li span{ width:91%}
ul.cal-body li .more-layer ul li.renewal span{ width:81%}
.mw .pop-layer.list-all { width:800px; margin:50px 0 0 -400px}
.mw .pop-layer.list-all .layer-body{ height:700px}
/* Main */
section.promotion-box .swiper-button-prev1{ left:5% !important}
section.promotion-box .swiper-button-next1{ right:5% !important}
section.promotion-box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:165px}
section.promotion-box .swiper-slide.slider-1,
section.promotion-box .swiper-slide.slider-2{ height:450px}
section.promotion-box .swiper-slide.slider-1{ background-image:url(/images/@tmp/slider-1.jpg)}
section.promotion-box .swiper-slide.slider-2{ background-image:url(/images/@tmp/slider-4.jpg)}
section.promotion-box .promotion-title{ margin-top:-95px}
section.promotion-box h1 { font-size:54px}
section.promotion-box p { margin-top:10px; font-size:21px}
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link { padding:70px 0}
section.course-schedule { background-position:50% 100%}
section.course-schedule .search-popup{ margin-top:-170px}
section.course-schedule .swiper-slide.back-popup{ height:200px}
section.course-schedule .search-popup .popup,
section.course-schedule .search-popup .total-search{ width:50%; height:200px}
/* 신규팝업(7일간) */
section.course-schedule .swiper-slide.back-popup.new .icon-new{ top:20px; right:30px; width:74px; height:74px}
section.course-schedule .swiper-slide.back-popup.new .icon-new em{ margin-top:21px; font-size:21px}
section.course-schedule .search-popup .popup ul{ margin-top:-55px}
section.course-schedule .search-popup .popup ul li{ padding:0 35px}
section.course-schedule .search-popup .popup ul li span{ margin-top:10px; padding-right:100px; font-size:14px; line-height:20px}
section.course-schedule .search-popup .popup ul li strong{ margin-right:100px; font-size:22px; line-height:26px}
section.course-schedule .search-popup .popup ul li a{ left:35px; bottom:20px; width:120px; height:30px; font-size:14px; line-height:30px}
section.course-schedule .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:25px; right:120px; left:auto; width:auto}
section.course-schedule .swiper-button-prev2,.swiper-button-next2{ top:auto !important; bottom:20px !important}
section.course-schedule .swiper-button-prev2{ left:auto !important; right:70px !important}
section.course-schedule .swiper-button-next2{ right:30px !important}
section.course-schedule .search-popup .total-search{ padding:50px 35px}
section.course-schedule .search-popup .total-search strong{ margin-bottom:15px; font-size:26px}
section.course-schedule .search-popup .total-search input[type=text]{ width:85%}
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ width:15%}
section.course-schedule .search-popup .total-search input[type=text],
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ height:50px}
section.course-schedule .course-guide{ margin-top:70px}
/* 보건의료인-일반인 교육과정 다운로드 */
.course-guide ul.two-course { width:58.5%}
.course-guide ul.two-course li{ width:50%; height:300px}
.course-guide ul.two-course li em{ margin:15px 0 20px 0;height:22px}
.course-guide ul.two-course li span{ line-height:24px}
.course-guide ul.two-course li strong{ margin-bottom:15px; font-size:30px}
.course-guide ul.two-course li a{ width:160px; height:48px; font-size:14px; line-height:45px}
.course-guide ul.two-course li .pc{ display:block}
.course-guide ul.two-course li a.pc{ display:inline-block}
.course-guide ul.two-course li a.mobile,.course-guide ul.two-course li .mobile{ display:none}
.course-guide ul.two-course li.aha-course{ padding:40px 20px}
.course-guide ul.two-course li.kacpr-course{ padding:40px 30px}
/* 심폐소생술 가이드라인 다운로드 */
.course-guide .guide { width:37.5%}
.course-guide .guide a { margin-top:40px; height:60px; font-size:18px; line-height:58px}
.course-guide .guide .guideline{ padding:40px 20px 20px 20px; height:300px}
.course-guide .guide .guideline em{ margin:0 3px}
.course-guide .guide .guideline strong{ margin-top:25px; font-size:28px}
.course-guide .guide ul.guide-down{ margin-top:5px}
.course-guide .guide ul.guide-down li{ margin-left:1%; padding:20px; width:49.5%; height:170px}
.course-guide .guide ul.guide-down li em{ margin-bottom:5px}
.course-guide .guide ul.guide-down li strong{ margin-bottom:20px; font-size:24px}
.course-guide .guide ul.guide-down li a{ width:100px; height:30px; font-size:14px; line-height:28px}
/* 교육일정 검색 */
section.course-schedule .schedule-search{ margin-top:65px}
.schedule-search .cpr-slogan span{ margin-top:10px}
.schedule-search .cpr-slogan strong,
.schedule-search .cpr-slogan span strong{ font-size:24px; line-height:34px}
.schedule-search .course-wrap{ margin-top:30px}
.schedule-search .course-wrap .course-image{ width:30.5%; height:127px}
.schedule-search .course-wrap .course-image strong{ font-size:24px; line-height:125px}
.schedule-search .course-wrap .course-search{ width:68.5%; height:127px}
.schedule-search .course-wrap .course-search select,
.schedule-search .course-wrap .course-search input[type=text]{ margin:0 0 7px 1.25%}
.schedule-search .course-wrap .course-search select{ width:38.75%}
.schedule-search .course-wrap .course-search input[type=text]{ width:20%}
.schedule-search .course-wrap .course-search input[type=submit],
.schedule-search .course-wrap .course-search input[type=button]{ margin:0; width:20%}
h2.section-title { margin-bottom:25px}
h2.section-title span { margin-top:10px; font-size:16px}
h2.section-title strong { font-size:24px}
h2.section-title a { top:0}
.institution-archive .institution-find{ padding-right:35px; width:46.5%; height:220px}
.institution-archive .institution-find .swiper-button-prev3{ left:-35px !important}
.institution-archive .institution-find .swiper-button-next3{ right:0 !important}
.institution-archive .institution-find .swiper-button-prev3,
.institution-archive .institution-find .swiper-button-next3{ top:63% !important}
.institution-find h2.section-title{ margin-bottom:20px}
.institution-find h2.section-title a{ font-size:14px; padding:0 35px 0 20px; height:35px; line-height:35px}
.institution-find .area-logo{ padding:12px 14px; height:56px}
.institution-find .area-logo strong{ font-size:13px}
.institution-find .area-logo img{ margin-bottom:5px}
/* 용어사전-동영상 */
.institution-archive .term-dictionary{ width:49%; height:220px}
.institution-archive .term-dictionary h2.section-title{ margin:0; padding:35px 35px; width:50%}
.institution-archive .term-dictionary h2.section-title span{ font-size:14px}
.institution-archive .term-dictionary h2.section-title strong{ margin-top:-3px}
.institution-archive .term-dictionary h2.section-title a{ margin-top:27px; width:150px; height:48px; font-size:15px; line-height:46px}
.institution-archive .term-dictionary h2.section-title.youtube a{ width:140px; font-size:30px; color:#fff; text-align:left; background:transparent url(/images/main/play.png) 100% 50% no-repeat}
ul.korean-index { width:50%}
ul.korean-index li { width:20%; height:50px}
ul.korean-index li a { font-size:24px; line-height:45px}
/* 사회공헌 */
section.social-contribution { }
section.social-contribution .swiper-button-prev4,
section.social-contribution .swiper-button-next4{ display:none}
ul.contribution li { height:441px}
ul.contribution li em { height:150px; overflow:hidden}
ul.contribution li span,
ul.contribution li strong { padding:0 20px}
ul.contribution li span { margin-top:10px; font-size:14px; line-height:20px}
ul.contribution li strong { margin-top:25px; font-size:18px; line-height:24px}
ul.contribution li a { left:15px; bottom:25px; padding-right:40px; font-size:14px}
/* 뉴스레터 */
section.newsletter-link {}
section.newsletter-link .newsletter-sns{}
.newsletter-sns .newsletter { padding-right:35px; width:53.5%; height:250px}
.newsletter-sns .newsletter .swiper-button-prev5{ left:-35px !important}
.newsletter-sns .newsletter .swiper-button-next5{ right:0 !important}
ul.kacpr-letter { width:100%}
ul.kacpr-letter li { height:250px}
ul.kacpr-letter li em { padding:0 3%; width:46%; height:250px}
ul.kacpr-letter li span { padding:50px 0 0 25px; width:50%; height:202px}
ul.kacpr-letter li span span{ font-size:20px}
ul.kacpr-letter li span strong{ font-size:28px}
ul.kacpr-letter li span a { padding-right:20px; width:120px; height:35px; font-size:14px; line-height:35px}
.newsletter-sns .facebook { width:500px; height:252px}
/* 협회 이달의 일정 */
section.newsletter-link .link-service{}
.link-service .month-schedule{ width:39%}
.link-service .month-schedule h2.section-title{ margin-bottom:15px}
.link-service .month-schedule h2.section-title span{ position:absolute; right:0; top:0; margin:0}
.link-service .month-schedule h2.section-title span em{ margin:4px 4px 0 0}
.link-service .month-schedule h2.section-title span span{ position:static; right:auto; top:auto}
.link-service .month-schedule h2.section-title span span,
.link-service .month-schedule h2.section-title span strong{ font-size:24px}
ul.schedule-list {}
ul.schedule-list li { padding:12px 0}
ul.schedule-list li a {}
ul.schedule-list li em { width:50px; height:25px; font-size:13px; line-height:25px}
ul.schedule-list li span,
ul.schedule-list li strong { margin-left:5px}
ul.schedule-list li span { width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
ul.schedule-list li strong { width:95px}
/* 수료증(회비)발급/환불신청 */
.link-service .link-item { width:57%}
.link-service .link-item .cpr-order{ width:34%; height:251px}
.link-service .link-item .cpr-order h2.section-title{ margin:25px 0 13px 0}
.link-service .link-item .cpr-order h2.section-title strong{ font-size:22px}
.link-service .link-item .cpr-order .swiper-button-prev6{ left:10px !important}
.link-service .link-item .cpr-order .swiper-button-next6{ right:10px !important}
/* 교육기관신청 */
ul.apply { width:66%}
ul.apply li { padding:15px 15px; width:50%; height:251px}
ul.apply li em { margin:16px 0 14px 0; height:22px}
ul.apply li span { height:55px}
ul.apply li strong { margin-top:20px; font-size:21px; line-height:24px}
ul.apply li a { height:40px; font-size:14px; line-height:36px}
ul.apply li:first-child a { width:120px}
ul.apply li:last-child a { width:80px}
ul.apply li strong.pc { display:block}
ul.apply li a.pc { display:inline-block}
ul.apply li a.mobile,
ul.apply li strong.mobile { display:none}
/* 후원안내 */
section.sponsorship { padding:40px 0; height:180px}
section.sponsorship h1 { font-size:36px}
section.sponsorship span { margin-right:20px}
section.sponsorship a { padding:0 25px 0 65px; height:40px; font-size:15px; background-position:25px 50%; line-height:40px}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{ padding-bottom:70px}
.related-organizations .swiper-button-prev7,.related-organizations .swiper-button-next7{ top:55% !important}
.related-organizations .swiper-button-prev7{ left:-35px !important}
.related-organizations .swiper-button-next7{ right:-35px !important}
/* Content */
section.sub-content { padding:60px 0 80px 0}
h2.con-headtitle { margin-bottom:40px}
h2.con-headtitle span { margin-top:10px; font-size:23px}
h2.con-headtitle strong { font-size:36px}
/* Hgroup */
.hgroup { height:150px; line-height:148px}
.hgroup h2.depth2-title strong{ font-size:38px}
/* Individual Classes */
input[type=number],.input-mini{ width:60px}
.input-small { width:120px}
.input-small2 { width:145px}
.input-large { width:400px}
.input-birth { width:90px}
input[type=number].input-medium,.input-medium{ width:270px}
.input-date,.input-time { width:160px}
.input-email { width:200px}
.input-select { width:250px}
/* 평가설문지 */
.questionnaire-title { margin-bottom:50px}
.questionnaire-title strong { font-size:36px}
/* PreTest */
.pre-test h3 { margin-bottom:40px; padding:20px 30px}
.pre-test h3 span,
.pre-test h3 strong { font-size:20px}
.pre-test h3 span { margin-right:140px}
.pre-test h3 button { top:15px; right:30px; padding:0 15px 0 45px; height:40px; font-size:16px; background-position:15px 50%}
.pre-test .pre-test-wrap { margin-top:30px}
.pre-test .question-answer { margin-bottom:10px; padding:15px 30px; line-height:30px}
.pre-test .pre-description span{ font-size:14px; line-height:24px}
.pre-test .pre-description .pre-button{ position:absolute; right:0; bottom:0}
.pre-test .pre-description .pre-button button{ font-size:14px; height:40px; padding:0 20px}
ul.PreTest li { padding:15px 0}
ul.PreTest li em { width:7%}
ul.PreTest li span { width:93%}
/* 교육과정소개 */
.course-list .course-box { margin:2% 0 0 2%; padding:35px 10px; width:32%; height:250px}
.course-list .course-box:nth-child(1),
.course-list .course-box:nth-child(2),
.course-list .course-box:nth-child(3){ margin-top:0}
.course-list .course-box:nth-child(1),
.course-list .course-box:nth-child(4),
.course-list .course-box:nth-child(7),
.course-list .course-box:nth-child(10),
.course-list .course-box:nth-child(13){ margin-left:0}
.course-list .course-box span{ font-size:18px; line-height:26px}
.course-list .course-box strong{ margin-bottom:15px; font-size:26px}
.course-list .course-box a,
.course-list .course-box button{ width:80px; height:30px; line-height:28px; font-size:14px}
.course-list .course-box .link-button{ margin-top:40px}
.course-list .course-box a.application.mobile{ display:none}
.course-headtitle { margin-bottom:40px}
.course-headtitle strong { font-size:36px}
.course-details { height:520px}
.course-details h3 { margin-bottom:55px; font-size:21px; line-height:36px}
.course-details .course-summary{ width:60%; height:520px}
.sub-content.kpals .course-details,
.sub-content.kpals .course-details .course-summary{ height:600px}
.course-summary .qualifications-wrap{ position:absolute; bottom:0}
ul.qualifications li { float:left; margin-left:2.75%; padding:48px 0 0 35px; width:31.5%; height:150px}
ul.qualifications li strong { font-size:21px; line-height:28px}
ul.qualifications li .point-bullet{ bottom:-32px; margin-left:-10px; width:20px}
ul.qualifications li .point-bullet em:first-child{ width:2px; height:10px}
ul.qualifications li .point-bullet em{ width:20px; height:20px; border-radius:100px}
.course-summary .details-contents{ margin-top:18px; padding:20px 30px; height:100px}
section.sub-content.acls .course-details,
section.sub-content.acls .course-details .course-summary{ height:650px}
section.sub-content.acls.monitor .course-details,
section.sub-content.acls.monitor .course-details .course-summary{ height:520px}
section.sub-content.bls.instructor .course-summary .details-contents{ height:185px}
section.sub-content.kpals .course-summary .details-contents,
section.sub-content.acls .course-summary .details-contents,
section.sub-content.bls.provider .course-summary .details-contents{ height:130px}
section.sub-content.acls.monitor .course-summary .details-contents{ height:100px}
section.sub-content.lecturer .course-summary .details-contents{ height:150px}
.course-summary .details-contents p{ line-height:28px}
.course-summary .details-contents strong{ font-size:14px; line-height:20px}
.course-summary .details-contents strong{ margin-top:13px; padding-top:8px}
.course-details .course-imagery{ position:absolute; bottom:0; right:0; width:35.5%}
.course-details .course-imagery.no-image,
section.sub-content.deep .course-details .course-imagery,
section.sub-content.basic .course-details .course-imagery{ border:1px solid #f2f2f2; border-bottom:0}
.program { margin-top:55px}
.program h4 { padding:20px 0 50px 0; font-size:26px}
.program .goals,
.program .overview { width:48.5%}
ul.show-step { margin-top:-35px}
ul.show-step li { width:67px; height:67px}
ul.show-step li span { margin-top:5px; font-size:13px}
ul.show-step li strong { margin-top:3px; padding:0 10px 3px 10px; font-size:20px}
ul.program-step { margin-top:20px}
ul.program-step li { margin-top:7px; padding:23px 10px}
ul.program-step li:after { bottom:-19px; height:19px}
ul.program-step li.sub-list { padding-left:30px; padding-right:30px}
ul.program-step li.sub-list ul{ margin-top:15px}
ul.program-step li.sub-list ul li{ margin-top:1px; padding:10px 30px 10px 45px; background-position:30px 50%}
ul.program-step.color { width:48.5%}
ul.program-step.color li { margin-top:15px}
ul.program-step.color li:after{ bottom:-18px; height:19px}
ul.program-step.color li span{ font-size:14px}
ul.program-step.color li strong{ font-size:18px}
ul.program-step.color.public li:nth-child(1),
/*ul.program-step.color.kals li:nth-child(1),
ul.program-step.color.kals li:nth-child(2),
ul.program-step.color.acls li:nth-child(6),*/
ul.program-step.color.acls li:nth-child(4),
ul.program-step.color.acls li:nth-child(3),
ul.program-step.color.acls li:nth-child(2),
ul.program-step.color.acls li:nth-child(1),
ul.program-step.color.bls li:nth-child(1){ padding:11px 0}
/*ul.program-step.color.kals li:nth-child(3){ padding:0 0 2px 0}*/
/* 교육기관찾기 */
.find-institution .image-map,
.find-institution .select-area{ width:50%}
.find-institution .find-title{ padding:15px 40px}
.find-institution .find-title span{ margin-right:10px}
.find-institution .image-map .map-holder{ margin:35px 40px}
.find-institution .area-search{ margin:60px 40px 90px 40px}
.find-institution .area-search span{ margin-top:10px}
.find-institution .area-search p{ margin-top:25px; padding-top:10px; padding-right:90px; font-size:13px; line-height:20px}
.find-institution .area-search label{ width:14%; line-height:60px}
.find-institution .area-search select{ margin-left:1.5%; padding-right:40px; width:35%; height:60px}
.find-institution .area-search input[type=text],
.find-institution .area-search select.sel-course{ margin-left:1.5%; width:71.5%}
.find-institution .area-search label,
.find-institution .area-search input[type=text],
.find-institution .area-search input[type=button],
.find-institution .area-search input[type=submit]{ height:60px}
.find-institution .area-search input[type=button],
.find-institution .area-search input[type=submit]{ width:13%}
.find-institution .find-descrip span{ line-height:24px}
.institution-list { margin-top:40px}
.institution-list p { margin-bottom:10px}
.institution-list .thumb-list .no-message,
.institution-list .thumb-list strong{ line-height:28px}
.institution-list .thumb-list span{ line-height:38px}
.institution-list .no { width:4%}
.institution-list .institution-name{ width:27%}
.institution-list .institution-address{ width:47%}
.institution-list .institution-location{ width:22%}
.institution-list button { padding-left:35px; padding-right:15px; height:40px}
.institution-list button:hover,
.institution-list button:active,
.institution-list button:focus{ color:#fff; background-position:0 -40px}
.institution-list button.map:hover,
.institution-list button.map:active,
.institution-list button.map:focus{ background-color:#609ff4; border-color:#609ff4}
.institution-list button.inquiry:hover,
.institution-list button.inquiry:active,
.institution-list button.inquiry:focus{ background-color:#e00028; border-color:#e00028}
ul.institution-infomation2 li{ padding:13px 30px}
ul.institution-infomation li{ padding:20px 30px}
ul.institution-infomation li em{ margin-right:30px}
ul.institution-infomation2 li span,
ul.institution-infomation li span{ width:50%}
ul.institution-infomation2 { height:145px}
ul.institution-infomation2 li em{ margin-right:10px; font-size:13px}
ul.institution-infomation2 li .email{ margin-left:15px; font-size:13px}
ul.institution-infomation2 li strong{ font-size:13px}
ul.institution-infomation li .institution-name strong,
ul.institution-infomation li .institution-address strong{ width:85%}
/* 교육기관신청 */
.training-site .program .approval-description{ margin-top:20px}
.training-site .program .approval-description p{ line-height:28px}
.training-site ul.program-step li.sub-list li{ padding-left:27px; padding-right:10px; background-position:15px 50%; background-size:6px; font-size:14px; letter-spacing:-0.08em}
.training-site .button-online,
.training-site .button-offline{ width:150px; height:40px; line-height:40px}
.training-site .button-offline{ margin-top:10px}
/* 신청서 작성 */
.complete-application p,
.complete-application ul.form-input,
section.sub-content.complete-application h3{ width:90%}
.complete-application ul.form-input li.both-side .both-l .item,
.complete-application ul.form-input li.both-side .both-r .item{ width:40%}
.complete-application ul.form-input li.both-side .both-l .item-contents,
.complete-application ul.form-input li.both-side .both-r .item-contents{ width:60%}
.complete-application ul.form-input li .item-contents.many input{ margin-top:10px}
.complete-application ul.form-input li .item-contents.file-down a{ padding:5px 10px; font-size:13px}
.complete-application p { margin-top:15px; font-size:14px; line-height:20px}
section.sub-content.complete-application h3{ margin-bottom:10px; font-size:18px}
ul.form-input li.multiple-rows .item-contents ul li{ padding:13px 20px 13px 25px}
ul.form-input li.multiple-rows .item-contents ul li span,
ul.form-input li.multiple-rows .item-contents ul li label{ font-size:14px}
ul.form-input li.multiple-rows .item-contents ul li span{ margin-left:50px}
ul.form-input li.multiple-rows .item-contents ul li span:first-child{ margin:0}
.complete-application .agree-use,
.complete-application .agree-use p,
.complete-application .agree-use input{ font-size:18px}
.complete-application .agree-use p{ margin:45px 0}
.complete-application .agree-use span{ margin:0 100px}
.complete-application .agree-use strong{ margin-top:45px; padding-bottom:20px; font-size:24px}
.complete-application .support-description{ margin-top:50px; padding:20px 0; width:80%}
.complete-application .support-description em{ margin-right:15px}
.complete-application .support-description span span{ margin:5px 0; font-size:14px}
/* 수료증발급-환불 안내 */
ul.certificates-apply { margin-bottom:20px}
ul.certificates-apply li { margin-left:5%; width:30%; height:240px}
ul.certificates-apply li:nth-child(2),
ul.certificates-apply li:nth-child(3){ background-position:50% 145px}
ul.certificates-apply li a { padding:10px 15px 10px 50px; font-size:15px; background-position:15px 50%}
ul.certificates-apply li span{ margin-left:60px; padding-left:15px; line-height:30px}
ul.certificates-apply li strong{ margin-top:-15px; margin-bottom:20px; font-size:23px}
section.certificates-guide .default table{ margin-bottom:20px}
ul.dot-list li { padding-left:15px; line-height:30px; background-position:0 12px}
.refund-info { margin-bottom:20px}
.refund-info h4 { margin:35px 0}
.refund-info h4 span { margin-left:10px}
.refund-info h4 strong { padding-top:15px; font-size:23px}
.refund-info ul li { margin-left:2%; padding:37px 0; width:49%; height:115px}
.refund-info ul li:last-child{ padding:44px 0}
.refund-info ul li a { margin-left:10px; padding:10px 15px 10px 50px; font-size:15px; background-position:15px 50%}
/* 검증프로그램 안내 */
.program-down { padding:30px 0}
.program-down a { padding:10px 20px 12px 50px; font-size:14px; background-position:20px 50%}
.program-down a,
.program-down span { margin:0 8px}
.description-box div { margin-bottom:50px; width:49.5%}
.description-box div:nth-child(odd),
.description-box div.wide div:nth-child(even){ padding-right:60px}
.description-box div p { margin-top:20px; line-height:26px}
.description-box figure { margin-top:15px}
.description-box figure figcaption{ margin-top:5px; font-size:14px}
.description-box div h3 { font-size:23px}
.description-box div.wide { padding:0; width:100%}
.description-box div.wide div:nth-child(odd){ padding-right:0}
.description-box div div { margin-bottom:0 !important}
.description-box ul { margin-top:15px}
.description-box ul li em { width:20%}
.description-box ul li span { padding:4px 0 0 20px; width:79%; line-height:26px}
/* 심폐소생술이란? */
section.heart-attack-cpr h2.con-title span{ font-size:23px}
section.heart-attack-cpr h2.con-title span.red-block{ margin-top:10px; font-size:16px}
section.heart-attack-cpr .red-size{ margin-bottom:15px; font-size:20px}
section.heart-attack-cpr .cpr-summary{ margin-top:60px}
section.heart-attack-cpr .cpr-summary p{ line-height:30px}
section.heart-attack-cpr .cpr-summary .cpr-image1{ width:30%}
section.heart-attack-cpr .cpr-summary .cpr-image2{ width:38.5%}
section.heart-attack-cpr .cpr-summary .cpr-image1,
section.heart-attack-cpr .cpr-summary .cpr-summary1{ height:418px}
section.heart-attack-cpr .cpr-summary .cpr-image2,
section.heart-attack-cpr .cpr-summary .cpr-summary2{ height:325px}
section.heart-attack-cpr .cpr-summary .cpr-summary1>div,
section.heart-attack-cpr .cpr-summary .cpr-summary2>div{ position:absolute; bottom:0; left:0}
section.heart-attack-cpr .cpr-summary .cpr-summary1{ width:65%}
section.heart-attack-cpr .cpr-summary .cpr-summary2{ width:56.5%}
ul.cpr-item { margin-top:100px}
ul.cpr-item li { margin-left:1.3%; padding:33px 30px; width:18.96%; height:200px}
ul.cpr-item li em { width:78px; height:62px}
ul.cpr-item li span { margin-top:25px; font-size:15px; line-height:22px}
.cpr-down { margin-top:50px}
.cpr-down span { padding:10px 20px}
.cpr-down span a { padding-right:30px; background-position:100% 50%}
section.heart-attack-cpr .acute-myocardial-infarction-image{ width:37%; height:376px}
section.heart-attack-cpr .acute-myocardial-infarction-summary{ width:59%}
ul.hash-list li { margin-top:5px}
ul.hash-list li span { padding:9px 30px}
section.heart-attack-cpr .survival-chain{ margin:60px 0 90px 0}
section.heart-attack-cpr .survival-chain p{ margin-bottom:20px}
section.heart-attack-cpr .survival-chain p img{}
section.heart-attack-cpr .survival-chain div{ margin-left:5%; width:30%}
section.heart-attack-cpr .survival-chain div.chain4,
section.heart-attack-cpr .survival-chain div.chain5{ margin:0 10%}
section.heart-attack-cpr .survival-chain div h4{ padding:20px 0; font-size:20px}
section.heart-attack-cpr .survival-chain div span{ margin-top:15px; line-height:30px}
section.heart-attack-cpr .survival-chain div strong{ margin-top:25px; font-size:20px}
section.heart-attack-cpr .main-point{ padding:50px}
section.heart-attack-cpr .main-point strong{ font-size:18px}
section.heart-attack-cpr .main-point span span{ font-size:23px}
section.heart-attack-cpr .main-point span strong{ font-size:30px}
section.heart-attack-cpr .main-point .info-grey{ margin:50px 0 15px 0}
section.heart-attack-cpr .cpr-step .step{ width:7%}
section.heart-attack-cpr .cpr-step .step em{ margin-top:5px; margin-right:-8px}
section.heart-attack-cpr .cpr-step .step span{ font-size:18px}
section.heart-attack-cpr .cpr-step .step,
section.heart-attack-cpr .cpr-step .action{ height:260px}
section.heart-attack-cpr.public .cpr-step:nth-child(5) .step,
section.heart-attack-cpr.public .cpr-step:nth-child(5) .action,
section.heart-attack-cpr.public .cpr-step:last-child .step,
section.heart-attack-cpr.public .cpr-step:last-child .action,
section.heart-attack-cpr.witness .cpr-step:last-child .step,
section.heart-attack-cpr.witness .cpr-step:last-child .action{ height:320px}
section.heart-attack-cpr .cpr-step .action{ width:87%}
section.heart-attack-cpr .cpr-step .action ul li em{ width:24%}
section.heart-attack-cpr .cpr-step .action ul li span{ width:75%}
section.heart-attack-cpr .cpr-step .action ul li span span{ margin-top:20px; line-height:30px}
section.heart-attack-cpr .cpr-step .action ul li span strong{ font-size:23px}
section.heart-attack-cpr.public .cpr-step:last-child .action ul li em,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li em{ width:40%}
section.heart-attack-cpr.public .cpr-step:last-child .action ul li span,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li span{ width:59%}
/* 심폐소생술통계 */
/* 국민행동지침 */
ul.guidelines { margin:47px 0 80px 0}
ul.guidelines li { margin-left:3.5%; width:22.375%}
ul.guidelines li strong { margin-top:-47px; margin-bottom:10px; font-size:18px}
ul.guidelines li span span { margin-top:20px; padding:25px; height:268px}
ul.guidelines li span span span em{ margin-top:15px}
ul.guidelines li .guideline-item{ margin-top:25px}
ul.guidelines li .guideline-item span{ margin-top:10px}
ul.guidelines li .guideline-item strong{ font-size:23px}
ul.prevention li { width:50%}
ul.prevention li:nth-child(1),
ul.prevention li:nth-child(2){ border-top:1px solid #d9dbdc}
ul.prevention li:nth-child(2),
ul.prevention li:nth-child(4),
ul.prevention li:nth-child(6){ border-left:0}
ul.prevention li em,
ul.prevention li span { height:75px}
ul.prevention li em { padding-top:20px; width:15%}
ul.prevention li span { padding:25px 0 0 25px; width:85%; line-height:22px}
ul.prevention li:nth-child(4) span{ padding-top:15px}
/* 후원안내 */
.sponsorship-guide { line-height:30px}
.sponsorship-guide .summary-kacpr{ margin:60px 0}
.sponsorship-guide .summary-kacpr .summary,
.sponsorship-guide .summary-kacpr .kacpr-image{ height:418px}
.sponsorship-guide .summary-kacpr .summary{ padding:48px 70px; width:70%}
.sponsorship-guide .summary-kacpr .kacpr-image{ width:30%}
ul.about-kacpr { margin:50px 0 60px 0}
ul.about-kacpr li { margin-left:2%; padding:45px 0; width:23.5%; height:210px}
ul.about-kacpr li em { margin-bottom:20px}
.sponsorship-guide .support-info .bank-info,
.sponsorship-guide .support-info .sponsorship-inquiry{ height:330px}
.sponsorship-guide .support-info .bank-info{ padding:50px 0; width:74.5%}
.sponsorship-guide .support-info .bank-info h4{ margin-bottom:40px}
.sponsorship-guide .support-info .bank-info h4 span,
.sponsorship-guide .support-info .bank-info h4 strong{ font-size:30px}
.sponsorship-guide .support-info .bank-info h4 strong{ margin-left:10px}
.sponsorship-guide .support-info .bank-info span,
.sponsorship-guide .support-info .bank-info strong{ font-size:18px}
.sponsorship-guide .support-info .bank-info span{ margin-bottom:10px}
.sponsorship-guide .support-info .bank-info strong{ margin-bottom:40px}
.sponsorship-guide .support-info .bank-info a{ padding:5px 15px 5px 50px; font-size:15px; background-position:15px 50%}
.sponsorship-guide .support-info .sponsorship-inquiry{ padding:90px 0; width:25%}
.sponsorship-guide .support-info .sponsorship-inquiry span{ font-size:20px}
.sponsorship-guide .support-info .sponsorship-inquiry strong{ font-size:23px}
.sponsorship-guide .support-info .sponsorship-inquiry span,
.sponsorship-guide .support-info .sponsorship-inquiry strong{ margin-top:10px}
.sponsorship-guide .info-grey{ margin-top:15px}
/* 10년사 */
.ten-years .summary { padding:95px 0}
.ten-years .summary,
.ten-years .ten-years-image { width:50%; height:806px}
.ten-years .summary em { margin-bottom:110px}
.ten-years .summary span { margin:25px 0 60px 0; line-height:30px}
.ten-years .summary strong { font-size:37px}
.ten-years .summary button { padding:0 55px 0 20px; height:45px; font-size:15px}
/* 협회일정 */
section.sub-content.kacpr-schedule .search-schedule{ margin-bottom:50px}
section.sub-content.kacpr-schedule .year-month{ margin-top:0; margin-bottom:35px}
section.sub-content.kacpr-schedule .searchForm{ margin-bottom:0}
section.sub-content.kacpr-schedule ul.cal-body li{ height:200px}
ul.schedule-icon { margin-top:8px}
ul.schedule-icon li { margin-left:20px}
ul.schedule-icon li span { font-size:13px}
ul.calendar-detail li { padding:18px 30px; line-height:30px}
ul.calendar-detail li:first-child{ padding:30px 30px}
ul.calendar-detail li:last-child{ padding:50px 30px}
ul.calendar-detail li strong{ font-size:20px}
ul.calendar-detail li span span{ margin-left:50px}
ul.calendar-detail li .add-file{}
ul.calendar-detail li .add-file button{ margin-left:10px; padding:0 10px; height:30px; font-size:14px}
ul.calendar-detail li .add-image{ margin-top:50px}
div.schedule-item { margin-bottom:50px}
div.schedule-item div{ margin:0 0.5%; padding:20px 20px; width:23%}
div.schedule-item div span{ margin:20px 0 25px 0}
div.schedule-item div span em{ margin-right:5px}
div.schedule-item div strong{ padding-top:15px; font-size:18px; line-height:24px}
div.schedule-item div span strong{ padding:0; font-size:22px}
/* 용어사전 */
section.sub-content.dictionary .institution-archive h3{ padding-top:20px; font-size:23px}
section.sub-content.dictionary .institution-archive .search-word{ margin:30px 0 10px 0}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ margin-right:-5px; width:50%}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ width:7%}
section.sub-content.dictionary .institution-archive .search-word input[type=text],
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ height:50px; vertical-align:top}
section.sub-content.dictionary .institution-archive .term-dictionary{ margin-top:80px; height:281px; background-repeat:no-repeat}
section.sub-content.dictionary .institution-archive ul.korean-index{ width:57%}
section.sub-content.dictionary .institution-archive ul.korean-index.english{ margin-top:10px}
section.sub-content.dictionary .institution-archive ul.korean-index,
section.sub-content.dictionary .institution-archive ul.korean-index li{ border-color:#ae6cf1}
section.sub-content.dictionary .institution-archive ul.korean-index li{ width:7.15%; height:48px}
section.sub-content.dictionary .institution-archive ul.korean-index li:first-child{ width:7.05%}
section.sub-content.dictionary .institution-archive ul.korean-index.english li:nth-child(16){ width:7.05%}
ul.word-list { margin-top:60px}
ul.word-list li { padding:23px 30px}
ul.word-list li span,
ul.word-list li strong { font-size:18px}
ul.word-list li span { width:61%}
ul.word-list li strong { width:38%}
/* 검색결과 */
.kacpr-search h3 span,
.kacpr-search h3 strong { font-size:36px}
.kacpr-search .search-keyword{ margin:55px 0}
.kacpr-search .search-keyword input[type=text]{ width:40%}
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ width:7%}
.kacpr-search .search-keyword input[type=text],
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ height:50px}
.kacpr-search .result-wrap { padding:30px}
.kacpr-search .result-wrap h4{ font-size:23px}
.kacpr-search .result-wrap div{ margin-top:15px}
.kacpr-search .result-wrap div span{ line-height:28px}
.kacpr-search .result-wrap p{ margin-top:15px}
.kacpr-search .result-wrap p a{ padding-right:10px}
/* Newsletter(소식지) */
.newsletter-list .list-select{ margin-bottom:15px}
.newsletter-list .list-select strong{ margin-top:25px; font-size:18px}
.newsletter-list .list-select select{ height:50px; background-position:100% -115px}
.newsletter-list .newsletter-con,
.newsletter-list .newsletter-image{ height:600px}
.newsletter-list .newsletter-image{ padding:50px 0; width:41.5%}
.newsletter-list .newsletter-image em{ width:360px; height:500px}
.newsletter-list .newsletter-image span{ width:60px; height:120px; right:0; top:40%}
.newsletter-list .newsletter-image button{ width:60px; height:60px}
.newsletter-list .newsletter-image button.prev{ background-position:50% 0}
.newsletter-list .newsletter-image button.next{ background-position:50% -60px}
.newsletter-list .newsletter-con{ padding:35px 70px; width:58.5%}
.newsletter-list .newsletter-con span{ margin-bottom:15px}
.newsletter-list .newsletter-con strong{ font-size:30px}
.newsletter-list .newsletter-con .button-down{ padding:8px 0; width:120px; font-size:14px}
.newsletter-list .newsletter-con .button-down em{ margin-top:-1px; font-size:28px; line-height:14px}
.newsletter-list .newsletter-con ol{ margin:30px 0 30px 18px}
.newsletter-list .newsletter-con ol li{ line-height:32px}
/* 백서 */
.white-book .book { position:absolute; top:140px; left:55px; width:515px; height:650px}
.white-book .book .book-wrap{ width:495px; height:635px}
.white-book .book a { margin:3px 1px; padding:10px 45px 10px 15px; font-size:15px}
.white-book .book span { margin-bottom:5px}
.white-book .book span.book-box{ margin-top:-50px; padding:0 20px; text-align:left}
.white-book .book .kacpr { margin:-1px 0 54px -1px; padding:27px 42px; width:210px; height:200px}
.white-book .book .kacpr span{ line-height:36px}
.white-book .message { margin:460px 0 145px 0; padding:0 35px; width:50%}
.white-book .message p { margin-top:30px; line-height:30px}
/* FAQ */
.faq .question { margin-top:-8px; padding-left:25px; width:50px}
.trigger-button { padding:15px 0; background-position:98% -55px}
.trigger-button.active { background-position:98% 30px}
.trigger-button .question { font-size:34px}
.trigger-button span { margin-left:20px; font-size:18px}
.trigger-button span strong { margin-bottom:5px; font-size:14px}
.accordion { padding:20px 0}
.accordion div { padding:0 25px 0 75px; line-height:28px}
.accordion div a { padding:8px 25px; font-size:14px}
.accordion.active a { display:inline-block; vertical-align:middle; margin:5px 0}
.accordion.active table { margin:10px 0}
.accordion.active thead th,.accordion.active tbody th,.accordion.active tbody td{ font-size:14px; line-height:24px}
.accordion.active thead th { padding:7px 0}
.accordion.active tbody th,.accordion.active tbody td{ padding:7px 15px}
.accordion.active .provider-job24{ padding:10px 20px}
.accordion.active .provider-job24 strong{ margin-bottom:10px}
.accordion.active ul.block-list li{ width:20%}
.accordion.active ul.block-list li span{ font-size:14px}
/* 홍보영상(Youtube) */
ul.media li { margin-left:1.5%; margin-top:1.5%; padding:40px; width:23.875%; height:250px}
ul.media li:nth-child(1),
ul.media li:nth-child(5),
ul.media li:nth-child(9) { margin-left:0}
ul.media li:nth-child(1),
ul.media li:nth-child(2),
ul.media li:nth-child(3),
ul.media li:nth-child(4) { margin-top:0}
ul.media li strong { margin-top:20px; font-size:22px; line-height:32px}
ul.media li.no-message span { font-size:18px}
.board-content div.youtube { width:996px}
.board-content div.youtube iframe{ width:996px; height:747px}
.webhard-info { margin-bottom:40px; padding:15px 0; height:90px}
.webhard-info span,
.webhard-info strong { margin-left:440px; line-height:28px}
.webhard-info strong { font-size:18px}
.webhard-info span span { margin-left:0; margin-right:20px}
/* 서식다운로드 */
ul.media.archive li { height:285px}
ul.media.archive li span.archive-con{ margin-top:12px; line-height:24px}
ul.media.archive li span.archive-date{ bottom:30px; font-size:14px}
ul.media.archive li span a,
ul.media.archive li span button{ margin-top:12px; padding:0 20px; font-size:14px}
ul.media.archive li span a { padding:10px 20px}
ul.media.archive li span.down-file a{ padding:4px 4px; line-height:0; font-size:0}
/* 협회소개 */
section.sub-content.greeting article{ width:auto}
section.sub-content.greeting .greeting-head{ margin-top:80px}
section.sub-content.greeting .greeting-head,
section.sub-content.greeting .greeting-head>div{ height:360px}
section.sub-content.greeting .greeting-head>div{ padding-top:80px; width:1200px}
section.sub-content.greeting .greeting-head em{ position:absolute; bottom:0; right:0}
section.sub-content.greeting .greeting-head span,
section.sub-content.greeting .greeting-head strong{ font-size:36px}
section.sub-content.greeting .greeting-head span{ margin-top:20px}
section.sub-content.greeting .greeting-message{ margin-top:35px; width:1200px}
section.sub-content.greeting .greeting-message p{ line-height:30px}
section.sub-content.greeting .greeting-message strong{ margin-top:40px}
section.sub-content.organization h2.con-headtitle{ margin-bottom:60px}
.organization-chart { width:1020px}
.organization-chart .chart-box{ padding:15px 0; width:260px; height:90px}
.organization-chart .chart-box span{ margin-top:5px}
.organization-chart .chart-box strong{ font-size:23px}
.organization-chart .row2 { width:640px}
.organization-chart .row4 div,
.organization-chart .row1,.organization-chart .row3,.organization-chart .row5{ width:260px}
.organization-chart .row2,.organization-chart .row3,.organization-chart .row4{ margin-top:50px}
.organization-chart .row2,.organization-chart .row4{ background-position:0 45px}
.organization-chart .row2 .chart-box:last-child{ margin-left:120px}
.organization-chart .row5 { left:50%; margin-left:-130px}
.organization-chart ul { margin-top:20px}
.organization-chart ul li { margin-top:10px; padding:9px 0; height:70px}
.organization-chart ul li span{ margin-top:3px; font-size:14px}
.organization-chart ul li strong{ font-size:20px}
.history h2.his-headtitle { padding-bottom:45px}
.history h2.his-headtitle span{ font-size:23px}
.history h2.his-headtitle strong{ font-size:40px}
.wrap-history { margin-top:50px}
.wrap-history .year-tab { margin-bottom:20px}
.wrap-history .year-tab em { margin-bottom:8px}
.wrap-history .year-tab strong{ margin:0 20px; font-size:50px}
.wrap-history ul.history-list{ margin-bottom:40px}
.wrap-history ul.history-list li{ margin-top:20px}
.wrap-history ul.history-list li em{ margin:20px 0}
.wrap-history ul.history-list li span,
.wrap-history ul.history-list li strong{ line-height:24px}
.wrap-history ul.history-list li span{ width:87%}
.wrap-history ul.history-list li strong{ width:12%}
.wrap-history .history-l,
.wrap-history .history-r { width:50%}
.wrap-history .history-l .year-tab{ margin-right:-7px}
.wrap-history .history-r .year-tab{ margin-left:-7px}
.wrap-history .history-l ul.history-list{ margin-right:100px}
.wrap-history .history-r ul.history-list{ margin-left:100px}
.wrap-history .history-r ul.history-list li strong{ margin-right:1%; width:11%; text-align:right}
.wrap-history .history-r ul.history-list li span{ padding-left:5px}
.wrap-history .his2004,
.wrap-history .his2007,
.wrap-history .his2010,
.wrap-history .his2012,
.wrap-history .his2015 { margin-top:-35px}
.wrap-history .his2002,
.wrap-history .his2005,
.wrap-history .his2009,
.wrap-history .his2011,
.wrap-history .his2013,
.wrap-history .his2016,
.wrap-history .his2017,
.wrap-history .his2018,
.wrap-history .his2019,
.wrap-history .his2021,
.wrap-history .his2022,
.wrap-history .his2023,
.wrap-history .his2024 { margin-top:150px}
.mission .diagram { margin-top:55px}
.mission .mission-summary { line-height:30px}
.vision h3 { font-size:30px}
.vision .vision-summary h3 { margin-top:30px; font-size:23px}
.vision .vision-summary p { margin-top:8px; line-height:30px}
ul.vision-item { margin:35px 0 50px 0}
ul.vision-item li { margin:0 15px; padding-top:90px; width:212px; height:224px}
ul.vision-item li span { margin-bottom:3px; font-size:20px}
ul.vision-item li strong { font-size:23px}
ul.core-values li { margin-left:0.1%; width:17%; height:480px}
ul.core-values li span { margin-top:25px; padding:0 30px; line-height:30px}
ul.core-values li strong { margin-top:220px; font-size:23px}
ul.core-values li.active { width:31.6%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.core-values li.active span{ display:block}
ul.core-values li.active strong{ -webkit-transition:color .5s; -moz-transition:color .5s; -o-transition:color .5s; transition:color .5s}
ul.core-values li.active.values1 strong{ margin-top:150px}
ul.core-values li.active.values2 strong{ margin-top:85px}
ul.core-values li.active.values3 strong{ margin-top:85px}
ul.core-values li.active.values4 strong{ margin-top:95px}
ul.core-values li.active.values5 strong{ margin-top:140px}
section.finance-accounting .default,
section.finance-accounting .graph-chart{ width:48%}
section.finance-accounting .default tfoot th:last-child,
section.finance-accounting .default tbody td:last-child{ padding-right:20px}
section.finance-accounting .default p,
section.finance-accounting .graph-chart p{ margin-bottom:10px}
section.finance-accounting .expenditure{ margin-top:45px}
section.finance-accounting .income .graph-chart.y2013 div,
section.finance-accounting .income .graph-chart.y2014 div,
section.finance-accounting .income .graph-chart.y2017 div{ height:396px}
section.finance-accounting .income .graph-chart.y2018 div,
section.finance-accounting .income .graph-chart.y2015 div,
section.finance-accounting .income .graph-chart.y2016 div{ height:453px}
section.finance-accounting .expenditure .graph-chart.y2013 div,
section.finance-accounting .expenditure .graph-chart.y2015 div{ height:681px}
section.finance-accounting .expenditure .graph-chart.y2014 div{ height:624px}
section.finance-accounting .expenditure .graph-chart.y2016 div{ height:738px}
section.finance-accounting .expenditure .graph-chart.y2017 div{ height:567px}
section.finance-accounting .expenditure .graph-chart.y2018 div{ height:795px}
/* 슬라이딩 그래프 */
ul.sliding-graph { margin:40px 0 0 0; padding:0 40px}
ul.sliding-graph li { margin-top:15px}
ul.sliding-graph li em { width:18%}
ul.sliding-graph li div { width:70%}
ul.sliding-graph li span,
ul.sliding-graph li div { height:50px !important; line-height:5px}
ul.sliding-graph li em { font-size:14px}
ul.sliding-graph li strong { top:12px; font-size:15px}
.graph-chart.y2018 #expenditure ul.sliding-graph{ margin-top:30px}
.graph-chart.y2017 #expenditure ul.sliding-graph{ margin-top:30px}
.graph-chart.y2016 #expenditure ul.sliding-graph{ margin-top:18px}
.graph-chart.y2015 #expenditure ul.sliding-graph,
.graph-chart.y2013 #expenditure ul.sliding-graph{ margin-top:23px}
.graph-chart.y2014 #expenditure ul.sliding-graph{ margin-top:25px}
.kacpr-map .address-info em,
.kacpr-map .address-info span{ height:70px}
.kacpr-map .address-info em { width:15%}
.kacpr-map .address-info span{ width:85%; line-height:70px}
.kacpr-map .address-info img{ margin-top:-2px}
.kacpr-info { margin-top:50px}
.kacpr-info em { margin-top:35px}
.kacpr-info strong { font-size:23px}
.kacpr-info ul { margin-top:45px}
.kacpr-info ul li strong { font-size:16px}
.kacpr-info .help,
.kacpr-info .work-info,
.kacpr-info .public-transport{ padding-top:45px; width:33%}
.kacpr-info .public-transport{ width:34%}
.kacpr-info.print .work-info,
.kacpr-info.print .public-transport{ width:50%}
.kacpr-info .help ul li em { display:inline-block; vertical-align:top; margin:0; font-size:16px; text-transform:uppercase; font-weight:500}
.kacpr-info .help ul li,
.kacpr-info .work-info ul li{ height:80px}
.kacpr-info .help ul li strong,
.kacpr-info .work-info ul li strong{ margin:11px 0 10px 0}
.kacpr-info .help ul li:last-child,
.kacpr-info .work-info ul li:last-child{ line-height:80px}
.kacpr-info .help,
.kacpr-info .public-transport{ border-left:0}
.kacpr-info .public-transport ul li{ height:80px}
.kacpr-info .public-transport ul li:first-child{ padding-left:40px; text-align:left}
.kacpr-info .public-transport ul li strong{ margin-top:25px}
.kacpr-info .public-transport ul li span strong{ margin:11px 0 10px 0}
.kacpr-info .public-transport ul li:first-child span:last-child strong{ margin:0}
.association-constitution .constitution-head{ padding:45px 0; height:272px}
.association-constitution .constitution-head h2{ font-size:36px}
.association-constitution .constitution-head span{ margin-top:15px; font-size:23px}
.association-constitution .constitution-box{ margin-top:10px}
.association-constitution .constitution-box h1{ margin-bottom:30px; font-size:23px}
.association-constitution .constitution-box h2{ margin-bottom:10px; font-size:16px}
.association-constitution .constitution-box .constitution-conditions{ margin-bottom:35px; line-height:30px}
.association-constitution .constitution-box .constitution-conditions a{ margin-left:10px; padding:3px 35px 3px 10px; font-size:12px}
/* 이벤트 */
section.event { width:800px}
section.event article { width:100%}
section.event .default { margin-bottom:25px}
section.event .default thead th,
section.event .default tbody th,
section.event .default tbody td{ padding:10px 10px; font-size:14px; line-height:24px}
h2.ev-header span {}
h2.ev-header strong { margin-right:5px; font-size:80px}
h2.ev-header span span { font-size:23px}
h2.ev-header span strong { margin:0; font-size:36px}
.ev-body .check-title { margin-bottom:30px}
.ev-body .check-title em { margin-right:10px}
.ev-body .check-title strong{ font-size:21px}
.ev-apply a,
.ev-apply.ev-footer button,
.ev-apply input[type=button],
.ev-apply input[type=reset],
.ev-apply input[type=submit]{ padding-left:75px; width:185px; height:45px; line-height:45px; background-position:50px 50%}
.ev-apply .map { width:45px; background-position:50% 50%}
.ev-apply .blue { padding:0 18px; width:auto}
.ev-apply .registration.ts { padding-left:80px; background-position:55px 50%; background-color:#37bdc9 !important}
.ev-apply .registration.lec { padding-left:75px; background-position:50px 50%}
.ev-apply .registration.ok { padding-left:90px; background-position:65px 50%}
.ev-apply .map.fit,
.ev-apply .blue.fit,
.ev-apply .agenda.fit,
.ev-apply .registration.fit { padding:0 15px 0 40px; width:auto; background-position:15px 50%}
.ev-apply .registration.fit.l-brown{ background-color:#f2af49 !important}
.ev-apply .map.fit.height,
.ev-apply .blue.fit.height,
.ev-apply .agenda.fit.height,
.ev-apply .registration.fit.height{ padding-top:5px; height:50px; line-height:20px}
.ev-apply .blue.fit { padding:0 18px}
.ev-apply .map.fit.height,
.ev-apply .agenda.fit.height,
.ev-apply .deadline.fit.height{ padding-top:0; line-height:46px}
.ev-apply .map.fit.height { text-indent:0; background-size:14px}
.ev-apply .map.fit.normal { text-indent:0; padding:0 30px 0 55px; background-position:30px 50%}
.ev-apply .how-to-apply { padding-bottom:45px; width:585px}
.ev-apply .how-to-apply span{ padding:20px 40px}
.ev-apply .how-to-apply strong{ font-size:21px}
ul.form-apply { margin-top:40px; width:85%}
ul.form-apply li { margin-top:10px}
ul.form-apply li label,
ul.form-apply li span { display:block}
ul.form-apply li label { padding-left:15px; width:30%; font-size:15px; line-height:40px}
ul.form-apply li span { width:70%}
ul.form-apply li span em { width:2%}
ul.form-apply li.autoheight label{ line-height:normal}
ul.form-apply li.autoheight label em{ color:#e00028; font-size:12px; line-height:12px}
ul.form-apply li span strong{ padding:6px 10px; font-size:14px !important}
ul.form-apply li.dot { margin-bottom:20px}
ul.form-apply li select,
ul.form-apply li textarea,
ul.form-apply li input[type=text],
ul.form-apply li input[type=email]{ font-size:15px}
ul.form-apply li input[type=tel]{ width:30%}
ul.form-apply li input[type=text].input-small{ width:100px}
ul.form-apply li input[type=text].input-etc{ width:190px}
ul.form-apply li button { font-size:14px; height:40px}
ul.round-title { width:90%}
ul.round-title li { margin-top:15px; padding-left:10px; background-position:0 10px}
ul.round-title li:first-child strong{ padding:10px 25px; font-size:16px; border-radius:30px}
ul.round-title li span,
ul.round-title li strong { font-size:15px}
ul.round-title li strong { margin-top:7px}
ul.check-list li { margin-left:10px !important}
ul.check-list li:nth-child(1),
ul.check-list li:nth-child(5),
ul.check-list li:nth-child(8){ margin-left:0 !important}
ul.check-list li label { font-size:13px}
ul.check-list li.empty { width:100px}
.wave-top,.wave-bottom { height:24px}
.round-content { margin:25px 0; padding:20px; border-radius:15px}
.round-content em { padding-top:6px; width:35px; height:35px}
.round-content span { width:92%}
.round-content span strong,
.round-content span span span,
.round-content span span mark,
.round-content span span strong{ font-size:14px; line-height:26px}
/* 이벤트 - 소식지신청 */
.ev-newsletter h1 { padding:12px 60px; background:#fff; font-size:0}
.ev-newsletter .red-bar { display:block; height:4px; font-size:0; line-height:0; background:#fff}
.ev-newsletter .red-bar em { display:inline-block; width:290px; height:4px; font-size:0; line-height:0; background:#e00028}
.ev-newsletter h2.ev-header { margin-bottom:35px}
.ev-newsletter .ev-wrap { padding:35px 60px 45px 60px}
.ev-newsletter .ev-wrap .ev-footer{ margin-top:40px; font-size:20px}
.ev-newsletter .ev-summary { color:#fff; line-height:26px}
.ev-newsletter .ev-summary p{ font-size:23px}
.ev-newsletter .ev-summary em{ margin:20px 0 13px 0; width:25px; height:1px; font-size:0; background:#fff}
.ev-newsletter .ev-summary span{ font-size:15px}
.ev-newsletter .ev-summary strong{ margin-bottom:10px; font-size:18px; color:#0a4348; font-weight:400}
.ev-newsletter .ev-apply { margin-top:30px; padding-top:55px}
.ev-newsletter .ev-apply .how-to-apply{ top:80px; left:95px}
.ev-newsletter .ev-apply .how-to-apply p{ padding:30px 65px 0 65px; font-size:15px; line-height:26px}
.ev-newsletter .white-box { padding:320px 30px 40px 30px; width:550px}
.ev-newsletter .white-box .short-line{ margin:20px 0}
.ev-newsletter .white-box .mail-tel{ margin-top:10px}
.ev-newsletter .ev-apply.form .white-box{ padding-top:605px}
/* 이벤트 - 연수강좌신청 */
.ev-training h2.ev-header { margin-bottom:20px; padding-top:55px; height:244px}
.ev-training h2.ev-header span span{ font-size:30px}
.ev-training h2.ev-header span strong{ margin-top:5px}
.ev-training .ev-summary strong{ font-size:20px; line-height:28px}
.ev-training .ev-body { margin:30px 0}
.ev-training .ev-footer.ev-apply{ padding-top:55px; height:140px}
.ev-training .ev-footer.ev-apply .buttonWrap{ margin-top:0}
/* 이벤트 - ACLS 디브리핑피드백워크숍신청 */
.acls-workshop { padding-top:65px}
.acls-workshop h2.ev-header { margin-bottom:25px; width:90%}
.acls-workshop h2.ev-header span span{ font-size:30px}
.acls-workshop h2.ev-header span strong{ font-size:48px; letter-spacing:0.05em}
.acls-workshop .ev-summary { margin-bottom:50px; width:90%}
.acls-workshop .ev-summary em{ margin-right:15px; padding-top:8px; width:46px; height:46px}
.acls-workshop .ev-summary strong{ margin-bottom:5px}
.acls-workshop .ev-body { padding-top:45px}
.acls-workshop .ev-body,
.acls-workshop .ev-footer.ev-apply{ width:90%; border:15px solid #fff; border-bottom:0}
.acls-workshop .ev-footer.ev-apply{ padding:25px 0 35px 0; border-top:0}
.acls-workshop .ev-footer.ev-apply p{ font-size:15px}
.acls-workshop .greeting-acls{ padding:45px 50px}
.acls-workshop .greeting-acls h3{ margin-bottom:35px; font-size:23px}
.acls-workshop .greeting-acls p{ margin-bottom:20px; font-size:15px; line-height:28px}
.acls-workshop .greeting-acls p:last-child{ margin-bottom:0}
/* 이벤트 - 심포지엄 */
.symposium { padding:55px 50px 10px 50px}
.symposium .ev-summary { padding-bottom:30px}
.symposium .ev-summary h3 { font-size:22px}
.symposium .ev-summary sup { font-size:14px}
.symposium .ev-summary strong{ margin-top:20px; font-size:17px}
.symposium .ev-info { padding-bottom:30px}
.symposium .ev-body { margin-top:30px}
.symposium .ev-footer { margin-top:50px}
.symposium .ev-info h3 { font-size:21px}
.symposium .ev-info sup { font-size:14px}
.symposium .ev-info p { font-size:13px}
.symposium .ev-info ul { margin:20px 0 10px 0; padding:30px; border-radius:10px}
.symposium .ev-info ul li { margin-top:8px}
.symposium .ev-info ul li em{ padding-left:10px; width:30%}
.symposium .ev-info ul li span{ width:68%}
.symposium .ev-info ul li em,
.symposium .ev-info ul li span{ font-size:15px}
.symposium .symposium-notice span,
.symposium .symposium-notice strong{ font-size:15px}
.symposium .symposium-notice strong{ margin:30px 0 20px 0; padding:15px 40px}
.symposium .symposium-notice .notice.item2,.symposium .symposium-notice .notice.item3{ margin-top:25px}
.symposium .symposium-notice .notice.item1 ul,.symposium .symposium-notice .notice.item2 ul{ margin-top:3px}
.symposium .symposium-notice .notice.item3 ul{ margin-top:38px}
.symposium .symposium-notice .notice em{ width:115px; height:115px; font-size:21px; line-height:115px}
/*.symposium .symposium-notice .notice.item2 em,
.symposium .symposium-notice .notice.item3 em{ padding-top:30px; line-height:26px}*/
.symposium .symposium-notice .notice mark{ margin-top:5px}
.symposium .symposium-notice .notice ul{ margin-top:8px; width:80%}
.symposium .symposium-notice .notice li{ margin-top:8px; padding-left:10px; font-size:15px; background-position:0 8px}
ul.symposium-link li { margin-left:1%; margin-top:1%; width:49.5%; height:190px}
ul.symposium-link li:nth-child(1),
ul.symposium-link li:nth-child(3){ margin-left:0}
ul.symposium-link li:nth-child(1),
ul.symposium-link li:nth-child(2){ margin-top:0; padding:11px 0}
/*ul.symposium-link li:nth-child(3){ padding:11px 0}*/
ul.symposium-link li:nth-child(3),
ul.symposium-link li:nth-child(4){ padding:23px 0}
ul.symposium-link li a { margin-top:20px; padding:8px 20px; font-size:16px}
ul.symposium-link li strong { margin-bottom:12px; font-size:22px}
ul.symposium-link li strong sup{ font-size:16px}
ul.symposium-link li span em,
ul.symposium-link li span span{ font-size:15px}
ul.symposium-link li span em{ margin-left:10px; padding-left:22px}
.symposium-regi { margin-top:50px}
.symposium-regi a,.symposium-regi button{ height:70px; line-height:68px; font-size:22px}
.symposium-regi a { padding:0 85px}
.symposium-regi button { margin-left:5px; padding:0 20px}
.symposium-option { margin-top:40px}
.symposium-option p { margin-top:20px}
/* 이벤트 - 소생의학아카데미기본과정신청 */
.academy-basic { padding-bottom:30px}
section.event .academy-basic .default tbody td strong{ margin-top:5px; font-size:13px; line-height:18px}
.academy-basic h2.ev-header { padding:30px 0}
.academy-basic h2.ev-header span span,
.academy-basic h2.ev-header span strong{ font-size:36px}
.academy-basic .ev-wrap { width:95%}
.academy-basic .ev-body,
.academy-basic .ev-summary { padding:0 45px}
.academy-basic .ev-summary { padding-top:25px}
.academy-basic .ev-summary h3{ margin-bottom:35px; font-size:23px}
.academy-basic .ev-summary p{ margin-bottom:20px; font-size:15px; line-height:28px}
.academy-basic .ev-summary p:last-child{ margin-bottom:0; padding-bottom:20px}
.academy-basic .ev-summary em{ position:absolute; top:10px; right:70px}
.academy-basic .ev-summary strong{ font-size:15px; line-height:28px}
.academy-basic .ev-body { padding-top:30px}
.academy-basic ul.round-title{ width:100%}
.academy-basic .ev-footer.ev-apply{ padding:40px 0}
/* 이벤트 - 소생의학아카데미기초연구심화과정신청 */
.academy-basic.deepening h2.ev-header em{ margin-top:15px; padding:8px 30px 8px 80px; font-size:22px; background-position:30px 50%}
.academy-basic.deepening h2.ev-header span{ margin-bottom:10px; font-size:18px}
.academy-basic.deepening h2.ev-header span span{ margin:0; font-size:36px}
.academy-basic.deepening .document-down a{ padding:10px 50px 10px 15px; font-size:16px; background-position:90% 50%}
/* 이벤트 - 소생의학아카데미임상연구심화과정신청 */
.academy-basic.deepening2 h2.ev-header em{ margin-top:15px; padding:8px 30px 8px 80px; font-size:22px; background-position:30px 50%}
.academy-basic.deepening2 h2.ev-header span{ margin-bottom:10px; font-size:18px}
.academy-basic.deepening2 h2.ev-header span span{ margin:0; font-size:36px}
.academy-basic.deepening2 .document-down a{ padding:10px 50px 10px 15px; font-size:16px; background-position:90% 50%}
/* 이벤트 - KALS CDC 신청 */
.kals-cdc { padding:60px 40px 40px 40px}
.kals-cdc h2.ev-header { margin-bottom:40px; padding:25px 35px}
.kals-cdc h2.ev-header span span{ font-size:26px}
.kals-cdc .ev-summary { padding:0 35px 35px 35px}
.kals-cdc .ev-summary h3 { font-size:22px}
.kals-cdc .ev-summary strong{ margin-top:20px; font-size:17px}
.kals-cdc .ev-body { margin-top:30px}
.kals-cdc ul.round-title { width:100%}
/* 이벤트 - BLS CDC 신청 */
section.event .bls-cdc .default tbody td li{ padding:9px 10px}
section.event .bls-cdc .default tbody td li em{ margin:-5px 5px 0 0; font-size:30px}
.bls-cdc { padding:60px 40px 40px 40px}
.bls-cdc h2.ev-header { margin-bottom:40px; padding:25px 35px}
.bls-cdc h2.ev-header span span{ font-size:26px}
.bls-cdc .ev-summary { padding:0 35px 35px 35px}
.bls-cdc .ev-summary h3 { font-size:22px}
.bls-cdc .ev-summary strong { margin-top:20px; font-size:17px}
.bls-cdc .ev-body { margin-top:30px}
.bls-cdc ul.round-title { width:100%}
.bls-cdc .ev-footer.ev-apply{ margin-top:30px}
.bls-cdc .ev-footer.ev-apply p{ font-size:15px}
/* 이벤트 - 교육 CDC 신청 */
section.event .edu-cdc .default tbody td li{ padding:9px 10px}
section.event .edu-cdc .default tbody td li strong{ font-size:14px}
.edu-cdc { padding:60px 40px 40px 40px}
.edu-cdc h2.ev-header { margin-bottom:40px; padding:25px 5px}
.edu-cdc h2.ev-header span span{ font-size:26px}
.edu-cdc h2.ev-header span strong{ line-height:42px}
.edu-cdc .ev-summary { padding:0 35px 35px 35px}
.edu-cdc .ev-summary h3 { font-size:22px}
.edu-cdc .ev-summary strong { margin-top:20px; font-size:17px}
.edu-cdc .ev-summary strong span{ color:#000; font-weight:700}
.edu-cdc .ev-body { margin-top:30px}
.edu-cdc ul.round-title { width:100%}
.edu-cdc .ev-footer.ev-apply{ margin-top:30px}
.edu-cdc ul.round-title li:first-child{ padding-left:10px; background-position:0 10px}
.edu-cdc ul.round-title li.r-title{ padding-left:0; background-image:none}
.edu-cdc ul.round-title li span strong{ color:#e00028}
/* 이벤트 - 일반인 강사 온라인 보수교육 신청(2021.01.08 추가) */
section.event .edu-general .default tbody td li{ padding:9px 10px}
section.event .edu-general .default tbody td li strong{ font-size:14px}
.edu-general { padding:60px 40px 40px 40px}
.edu-general h2.ev-header { margin-bottom:40px; padding:25px 5px}
.edu-general h2.ev-header span span{ font-size:26px}
.edu-general .ev-summary { padding:0 35px 35px 35px}
.edu-general .ev-summary h3 { font-size:22px}
.edu-general .ev-summary strong { margin-top:20px; font-size:17px}
.edu-general .ev-summary strong span{ color:#000; font-weight:700}
.edu-general .ev-body { margin-top:30px}
.edu-general ul.round-title { width:100%}
.edu-general .ev-footer.ev-apply{ margin-top:30px}
.edu-general ul.round-title li:first-child{ padding-left:10px; background-position:0 10px}
.edu-general ul.round-title li.r-title{ padding-left:0; background-image:none}
.edu-general ul.round-title li span strong{ color:#e00028}
/* 이벤트 연도선택 */
.last-event-wrap { margin-bottom:20px}
.last-event-wrap > a,
.last-event-wrap ul { width:200px}
.last-event-wrap > a,
.last-event-wrap ul li a { padding-left:30px; height:40px; line-height:37px}
.last-event-wrap ul { top:40px}
/* 이벤트 - 대한응급의학회 전공의 교육평점(크레딧) 등록(2022.05.02 추가) */
section.event .ksem-credit .default h4{ margin-bottom:10px; font-size:16px}
section.event .ksem-credit .default tbody td li{ padding:9px 10px}
section.event .ksem-credit .default tbody td strong,
section.event .ksem-credit .default tbody td li strong{ font-size:14px}
.ksem-credit { padding:60px 40px 40px 40px}
.ksem-credit h2.ev-header { margin-bottom:40px; padding:25px 5px}
.ksem-credit h2.ev-header span span{ font-size:26px}
.ksem-credit h2.ev-header span strong{ line-height:42px}
.ksem-credit .ev-summary { padding:0 35px 35px 35px}
.ksem-credit .ev-summary h3 { font-size:22px}
.ksem-credit .ev-summary strong { margin-top:20px; font-size:17px}
.ksem-credit .ev-summary strong span{ color:#000; font-weight:700}
.ksem-credit .ev-body { margin-top:30px}
.ksem-credit ul.round-title { width:100%}
.ksem-credit .ev-footer.ev-apply{ margin-top:30px}
.ksem-credit ul.round-title li:first-child{ padding-left:10px; background-position:0 10px}
.ksem-credit ul.round-title li.r-title{ padding-left:0; background-image:none}
.ksem-credit ul.round-title li span strong{ color:#e00028}
.ksem-credit .ev-apply a.registration{ padding-left:50px; width:210px; background-position:20px 50%}
.ksem-credit .ev-apply .reset{ padding:0 20px; width:auto}
.ksem-credit .ev-apply ul.form-apply li input[type=tel]{ width:100%}
section.event .ksem-credit .how-to-apply .default select,
section.event .ksem-credit .how-to-apply .default textarea,
section.event .ksem-credit .how-to-apply .default input[type=tel],
section.event .ksem-credit .how-to-apply .default input[type=text],
section.event .ksem-credit .how-to-apply .default input[type=email]{ width:100%}
section.event .ksem-credit .how-to-apply .default input[type=text].input-date{ width:150px}
section.event .ksem-credit .how-to-apply .default{ margin-top:0}
section.event .ksem-credit .how-to-apply .default tbody td ul.checklist li{ padding:0}
section.event .ksem-credit .how-to-apply .default tbody th{ text-align:left}
section.event .ksem-credit .how-to-apply .default table tbody th em{ font-size:14px}
ul.checklist li { margin:0; width:calc(33.33333333333333% - 0px)}
ul.checklist.jobs li { width:calc(25% - 0px)}
ul.checklist li label { font-size:13px}
ul.edu-info { margin-top:10px}
/* 이벤트 - 심포지엄 Research Forum 구연 발표 및 초록 접수 추가(2023.07.24) */
.symposium.research-forum { background-image:url(/images/event/back-symposium2.jpg?v=20230825)}
.symposium.research-forum .ev-info strong{ display:block; margin-top:10px; color:#dd7175; font-weight:400}
.symposium.research-forum .symposium-notice .notice{ padding-left:30px}
.symposium.research-forum .symposium-notice .notice.item1 ul,
.symposium.research-forum .symposium-notice .notice.item2 ul{ margin-top:0}
.symposium.research-forum .symposium-notice .notice ul{ margin-top:0; width:100%}
.symposium.research-forum .symposium-notice .notice ul{ float:none}
.symposium.research-forum .symposium-notice .notice li{ background-image:none; padding-left:0}
.symposium.research-forum .ev-footer{ margin:50px 0}
.symposium.research-forum .ev-footer ul.symposium-link li:nth-child(1){ width:100%}
.symposium.research-forum .ev-footer ul.symposium-link li:nth-child(2){ margin:1% 0 0}
.symposium.research-forum .ev-footer ul.symposium-link li:nth-child(2),
.symposium.research-forum .ev-footer ul.symposium-link li:nth-child(3){ padding:23px 0}
.symposium.research-forum .ev-footer ul.symposium-link li:nth-child(3){ margin-left:1%}
.symposium.research-forum .ev-body{ margin:30px 0 40px}
/* 20년사 추가(2023.07.25) */
.ten-years.twenty .summary { padding:70px 0; background-color:#002a50}
.ten-years.twenty .years-image{ width:50%; height:806px; background:url(/images/etc/20years-image.jpg) 50% 50%; background-size:cover}
.ten-years.twenty .summary em{ margin-bottom:100px}
.ten-years.twenty .summary span{ color:#a3abb5}
.ten-years.twenty .summary strong{ font-size:30px; line-height:42px; color:#fff}
.ten-years.twenty .summary strong span{ display:block; margin:0; line-height:0}
.ten-years.twenty .summary strong span:first-child{ margin-bottom:10px}
.ten-years.twenty .summary strong span:last-child{ margin-top:10px}
.ten-years.twenty .summary button{ color:#002a50; background-color:#fff; background-image:url(/images/common/download-blue.png)}
/* PC버전보기 */
.pc-link { display:none}
/* 2019.09.04 신청폼 추가 */
.default.appli-form { margin:0}
.default th,.default td { font-size:16px ! important; line-height:26px ! important}
.default.appli-form tbody th{ font-weight:500; text-align:left; background:#f4f2f5 ! important}
.default.appli-form select { float:left; padding-right:40px}
.default.appli-form .al-left{ float:left; margin-top:6px}
.default.appli-form input[type=tel]{ width:100px}
.default.appli-form input.middle{ width:150px}
.default.appli-form .input-three{ width:70%}
.default.appli-form .input-two{ margin-right:1%; width:29%}
.default.appli-form .curriculum select{ float:none}
.default.appli-form .curriculum span{ display:inline-block; vertical-align:middle; margin-left:5px; color:#e00129; font-size:14px}
.default.appli-form .edu-box{ margin-top:10px; padding-top:2px; border-top:1px solid #e0e0e0}
.default.appli-form .edu-box > div{ margin-top:10px}
.default.appli-form .edu-box span,
.default.appli-form .edu-box input,
.default.appli-form .edu-box select{ width:19.2%}
.default.appli-form .edu-box span,
.default.appli-form .edu-box input{ float:left; margin-right:1%}
.default.appli-form .edu-box.add span,
.default.appli-form .edu-box.add input,
.default.appli-form .edu-box.add select{ width:15.5%}
.default.appli-form .edu-box.add select.ts{ margin-right:1%; width:17.5%}
.default.appli-form .edu-box.add span,
.default.appli-form .edu-box.add input{ float:left; margin-right:1%}
.default.appli-form .edu-box.add span input{ width:100%}
.default.appli-form .edu-box span input,
.default.appli-form .edu-box.add span input{ width:100%}
.default.appli-form .edu-box span#time1_0,
.default.appli-form .edu-box span#time1_1,
.default.appli-form .edu-box span#time1_2,
.default.appli-form .edu-box span#time1_3,
.default.appli-form .edu-box span#time1_4,
.default.appli-form .edu-box span#time2_0,
.default.appli-form .edu-box span#time2_1,
.default.appli-form .edu-box span#time2_2,
.default.appli-form .edu-box span#time2_3,
.default.appli-form .edu-box span#time2_4,
.default.appli-form .edu-box span#time3_0,
.default.appli-form .edu-box span#time3_1,
.default.appli-form .edu-box span#time3_2,
.default.appli-form .edu-box span#time4_0,
.default.appli-form .edu-box span#time4_1,
.default.appli-form .edu-box span#time4_2,
.default.appli-form .edu-box.add span#time5,
.default.appli-form .edu-box.add span#time6{ display:inline-block; position:relative; vertical-align:middle; line-height:normal}
.default.appli-form .edu-box .time-button{ position:absolute; top:0; right:0; width:100%; height:100%; background:transparent; text-indent:-9999px}
.default.appli-form p { margin-top:10px; color:#e00129; font-size:14px; line-height:24px}
/* 수료증에 영문명 수정 중요공지(2020.01.31추가) */
.english-name-notice { padding:9px 0}
.english-name-notice a,.english-name-notice strong{ font-size:14px}
.english-name-notice a { margin-left:15px; padding:4px 15px 6px 17px; width:140px}
/* 교육신청시 AHA e-book code 사용 매뉴얼 체크(2020.07.17추가) */
.sub-content.application-form .enter-information li.ebook-manual-check{ border:1px solid #609ff4}
.sub-content.application-form .enter-information li.ebook-manual-check span,.sub-content.application-form .enter-information li.ebook-manual-check strong{ display:block; width:auto}
.sub-content.application-form .enter-information li.ebook-manual-check strong{ color:#fff; background:#609ff4}
.sub-content.application-form .enter-information li.ebook-manual-check span.manual-check{ background: #e3e3e3}
.sub-content.application-form .enter-information li.ebook-manual-check button.user-manual{ color:#303030; background-color:#fff; border-radius:5px; border:2px solid #e00129}
.sub-content.application-form .enter-information li.ebook-manual-check{ margin-top:10px; padding:0}
.sub-content.application-form .enter-information li.ebook-manual-check span{ line-height:28px}
.sub-content.application-form .enter-information li.ebook-manual-check span.wrapping{ padding:20px 35px}
.sub-content.application-form .enter-information li.ebook-manual-check span.manual-check{ margin-top:10px; padding:7px 20px 10px 20px}
.sub-content.application-form .enter-information li.ebook-manual-check strong{ padding:10px 35px; font-size:23px}
.sub-content.application-form .enter-information li.ebook-manual-check button.user-manual{ margin-top:10px; padding:15px 50px 15px 50px; height:auto; line-height:24px; font-size:20px}
/* 마이페이지 타이틀(2020.07.21추가) */
h3.my-title { margin-bottom:20px; color:#202020; font-size:20px; font-weight:500}
/* 한국 CoSTR(2020.09.11 추가) */
/* Local Navigation Bar */
#location .head div.depth2 a.costr1{ color:#e00129}
#location .head div.depth2 a.costr1,#location .head div.depth2 ul.sub li.costr2 a{ line-height:18px}
.login-wrap .form-login.login2{ margin:0 auto}
section.costr ul.form-input li .item-contents .write-con .file-input-div{ top:0}
ul.form-input li .item-contents ol.inline li{ position:relative; float:left; padding:1px 0}
ul.form-input li .item-contents ol.inline.type1 li{ margin-right:30px}
ul.form-input li .item-contents ol.inline.type1 li:last-child{ margin-right:0}
ul.form-input li .item-contents ol.inline.type2 li,ul.form-input li .item-contents ol.inline.type3 li{ width:50%}
ul.form-input li .item-contents ol.inline.type2 li input,ul.form-input li .item-contents ol.inline.type3 li input{ margin-left:10px}
ul.form-input li .item-contents ol.inline.type2 li input{ width:80%}
ul.form-input li .item-contents ol.inline.type3 li:nth-child(1) input{ width:65%}
ul.form-input li .item-contents ol.inline.type3 li:nth-child(2) input{ width:70%}
section.costr .write-con span span{ margin-left:0; vertical-align:middle; color:#609ff4; text-decoration:underline}
section.costr ul.tab-menu li.active{ border-color:#609ff4}
section.costr ul.tab-menu li.active span{ background-color:#609ff4}
section.costr ul.tab-menu li:nth-child(2).active{ border-color:#f247a2}
section.costr ul.tab-menu li:nth-child(2).active span{ background-color:#f247a2}
section.costr ul.tab-menu li:nth-child(3).active{ border-color:#ff7e76}
section.costr ul.tab-menu li:nth-child(3).active span{ background-color:#ff7e76}
section.costr ul.tab-menu li:nth-child(4).active{ border-color:#925cbc}
section.costr ul.tab-menu li:nth-child(4).active span{ background-color:#925cbc}
section.costr ul.tab-menu li:nth-child(5).active{ border-color:#e00028}
section.costr ul.tab-menu li:nth-child(5).active span{ background-color:#e00028}
section.costr ul.tab-menu li:nth-child(6).active{ border-color:#56a496}
section.costr ul.tab-menu li:nth-child(6).active span{ background-color:#56a496}
section.costr ul.tab-menu li:nth-child(7).active{ border-color:#bcc93b}
section.costr ul.tab-menu li:nth-child(7).active span{ background-color:#bcc93b}
ul.costr-list li { padding:35px 0 35px 130px}
ul.costr-list em { margin-right:15px; width:80px; height:30px; line-height:27px; font-size:12px}
ul.costr-list .notify em { margin-right:5px; width:auto; height:auto; text-align:center; line-height:normal; border:0}
ul.costr-list .notify .title{ width:100%}
ul.costr-list .notify .date { top:20%}
ul.costr-list .notify .link-button{ top:31%}
ul.costr-list em.basic { color:#f247a2; border-color:#f247a2}
ul.costr-list em.specialty { color:#ff7e76; border-color:#ff7e76}
ul.costr-list em.pediatrics { color:#925cbc; border-color:#925cbc}
ul.costr-list em.newborn { color:#e00028; border-color:#e00028}
ul.costr-list em.revival { color:#56a496; border-color:#56a496}
ul.costr-list em.education { color:#bcc93b; border-color:#bcc93b}
ul.costr-list .title { margin-top:-3px; width:85%}
ul.costr-list .title img { margin-left:7px; margin-top:-3px}
ul.costr-list .title strong { font-size:18px; line-height:22px}
ul.costr-list .date,ul.costr-list .link-button{ display:block; position:absolute}
ul.costr-list .date { top:30%; left:0; width:110px; height:55px}
ul.costr-list .date span { font-size:17px; line-height:16px}
ul.costr-list .date strong { margin-bottom:15px; font-size:24px; line-height:22px}
ul.costr-list .costr-con { width:93%}
ul.costr-list .reviewer-etc { margin-top:15px}
ul.costr-list .reviewer-etc span{ font-size:14px}
ul.costr-list .reviewer-etc .belong{ margin-right:10px}
ul.costr-list .reviewer-etc .time,ul.costr-list .reviewer-etc .comment,ul.costr-list .reviewer-etc .views{ margin-left:10px; padding-left:18px}
ul.costr-list .link-button { top:36%}
ul.costr-list.view li { padding:18px 0 20px 0}
ul.costr-list.view li:first-child{ padding:0 0 30px 0}
ul.costr-list.view em { width:100px; height:40px; line-height:37px; font-size:14px}
ul.costr-list.view .title strong{ font-size:26px; font-weight:700; line-height:32px}
ul.costr-list.view .reviewer-etc{ margin-top:0}
ul.costr-list.view .reviewer-etc span,ul.costr-list.view .attach-file span{ font-size:16px; color:#909090}
ul.costr-list.view .reviewer-etc strong,ul.costr-list.view .attach-file strong{ margin-right:7px}
ul.costr-list.view .reviewer-etc .belong,ul.costr-list.view .reviewer-etc strong,ul.costr-list.view .attach-file strong{ color:#404040; font-weight:500}
ul.costr-list.view .reviewer-etc .time,ul.costr-list.view .reviewer-etc .comment,ul.costr-list.view .reviewer-etc .views{ margin-left:20px; padding-left:20px; background-image:url(/images/costr/vertical-dv.png)}
ul.costr-list.view .attach-file{ margin-top:20px; padding-top:18px}
ul.costr-list.view .costr-contents{ padding:50px 0}
ul.costr-list.view .pico-wrap{ line-height:30px}
ul.costr-list.view .pico-wrap h2.pico{ margin-bottom:30px; font-size:20px; line-height:32px}
ul.costr-list.view .pico-wrap h3{ margin-bottom:10px; font-size:18px}
ul.costr-list.view .pico-wrap .references,ul.costr-list.view .pico-wrap .review-type{ margin-top:35px}
.costr-logout a { padding:0 20px; height:40px; line-height:38px}
/* 코멘트 */
.comment-wrap h4 strong { margin-right:5px}
.comment-wrap .comment-list { margin-top:30px}
.comment-wrap .comment-list li{ margin-top:15px}
.comment-wrap .comment-list li.depth1{ padding-left:60px; background-position:25px 0}
.comment-wrap .comment-list li.depth2{ padding-left:120px; background-position:85px 0}
.comment-wrap .comment-list .comment-box{ padding:25px}
.comment-wrap .comment-list .comment-box span,.comment-wrap .comment-list .comment-box button{ font-size:12px}
.comment-wrap .comment-list .comment-box strong{ width:100%; font-size:14px}
.comment-wrap .comment-list .comment-box button{ height:22px}
.comment-wrap .comment-list .comment-box .date,.comment-wrap .comment-list .comment-box .time{ margin-right:5px}
.comment-wrap .comment-list .comment-box .reply,.comment-wrap .comment-list .comment-box .edit,.comment-wrap .comment-list .comment-box .delete{ margin-left:2px}
.comment-wrap .comment-list .comment-box .reply button{ padding-right:26px; width:71px}
.comment-wrap .comment-list .comment-box .edit button{ padding-right:27px; width:64px}
.comment-wrap .comment-list .comment-box .delete button{ padding-right:24px; width:78px}
.comment-wrap .comment-list .comment-box .user-comment{ margin-top:12px}
.comment-wrap .comment-list .input-reply{ margin-top:10px}
.comment-wrap .comment-write h4{ margin-bottom:15px}
.comment-wrap .comment-write{ margin-top:40px; padding-top:30px}
.comment-wrap .input-reply textarea,
.comment-wrap .input-reply input[type=text],
.comment-wrap .input-reply input[type=submit]{ height:60px}
.comment-wrap .input-reply textarea{ margin-right:1%; width:89%}
.comment-wrap .input-reply input[type=text],.comment-wrap .input-reply input[type=submit]{ width:10%}
/* membership(2020.10.16 추가) */
.check-wrap .form-check.extend{ width:700px}
/* 마이페이지(2020.11.19 추가) */
.default.my .aha-update .update-status{ margin-bottom:10px}
/* 마이페이지(2021.02.23 추가) */
.mw .pop-layer .layer-body button.preview{ margin:0 0 0 2px; padding:5px 10px; width:auto; height:auto; line-height:normal; color:#37b0e4; font-size:14px; background:#fff; border:1px solid #37b0e4; border-radius:3px}
/* 조직도(2021.02.26 추가) */
.organization-chart .row3.committees{ position:absolute; top:420px; left:50%; margin:0 0 0 -130px}
/* 교육신청(2021.11.22 추가) */
.eng-name-change{ display:inline-block; padding:15px 30px; color:#b94a48; font-size:18px; font-weight:400; background:#f2dede; border:1px solid #eed3d7; border-radius:5px}
/* 이벤트 - 온라인 CDC 테이블 추가(2021.12.02 추가) */
.table-program { margin-top:50px}
.table-program h3 { font-size:18px}
.table-program .default { margin-top:20px}
.table-program .default p { margin:0 0 10px 0; font-size:14px}
.table-program .default th,.table-program .default td{ font-size:14px ! important; line-height:24px ! important}
section.event .edu-cdc .table-program .default th.title{ font-size:15px ! important}
/* eCode 검색(2021.12.15 추가) */
section.course-schedule .search-popup .total-search{ padding:25px 35px; height:100px}
section.course-schedule .search-popup .total-search span{ width:77%}
section.course-schedule .search-popup .total-search strong{ margin-bottom:0; width:22%; font-size:22px; line-height:22px}
section.course-schedule .search-popup .total-search input[type=text]{ width:80%}
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ width:20%}
section.course-schedule .search-popup .total-search.eCode-search{ margin:100px 0 0 -50%; 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{ margin-top:50px; padding:80px}
.kacpr-search .result-wrap.eCardNo .no-descript{ margin:0; font-size:18px}
ul.eCardNo { width:750px}
ul.eCardNo li { margin-top:1%}
ul.eCardNo li span,ul.eCardNo li strong{ padding:0 40px; height:60px; line-height:58px; font-size:18px}
ul.eCardNo li span { width:74%}
ul.eCardNo li strong { width:25%}
/* 교육과정소개 KBLS(2022.1.14 추가) */
section.sub-content.kbls.instructor .course-summary .details-contents{ height:210px}
/* New Tab Menu(2023.2.24 추가) */
ul.new-tab-menu { margin-bottom:50px}
ul.new-tab-menu li { height:60px}
ul.new-tab-menu.col2 { width:480px}
ul.new-tab-menu.col3 { width:720px}
ul.new-tab-menu.col4 { width:960px}
ul.new-tab-menu.col2 li,
ul.new-tab-menu.col3 li,
ul.new-tab-menu.col4 li { width:240px}
ul.new-tab-menu.col5 li { width:calc(100% / 5)}
ul.new-tab-menu.col6 li { width:calc(100% / 6)}
ul.new-tab-menu.col7 li { width:calc(100% / 7)}
ul.new-tab-menu.col8 li { width:calc(100% / 8)}
ul.new-tab-menu.col9 li { width:calc(100% / 9)}
ul.new-tab-menu.col10 li { width:calc(100% / 10)}
@media all and (min-width:320px) and (max-width:1023px){
ul.new-tab-menu{ margin-bottom:20px}
ul.new-tab-menu li{ height:40px}
ul.new-tab-menu.row.col7 li,
ul.new-tab-menu.row.col6 li{ width:calc(100% / 5)}
}
@media all and (min-width:320px) and (max-width:580px){
ul.new-tab-menu.row.col7 li,
ul.new-tab-menu.row.col6 li{ width:calc(100% / 4)}
}
@media all and (min-width:320px) and (max-width:479px){
ul.new-tab-menu.row.col7 li,
ul.new-tab-menu.row.col6 li{ width:calc(100% / 2)}
}
/* 협회소개 - 역대임원진소개 서브탭(2023.07.31 추가) */
ul.sub-tab-menu { margin-bottom:50px}
ul.sub-tab-menu li { margin:0 5px; width:150px; height:40px}
ul.sub-tab-menu li span { font-size:15px}
@media all and (min-width:320px) and (max-width:1023px){
ul.sub-tab-menu{ margin-bottom:20px}
}
@media all and (min-width:320px) and (max-width:580px){
ul.sub-tab-menu li{ margin:0 3px; width:calc(100% / 4)}
ul.sub-tab-menu li span{ font-size:14px}
}
@media all and (min-width:320px) and (max-width:479px){
ul.sub-tab-menu li{ margin:0 2px; width:calc(100% / 4)}
ul.sub-tab-menu li span{ padding:0 20px; font-size:14px; line-height:15px}
}
/* 로그인(14세미만 회원가입) 추가 2023.09.14 */
.member-selection { margin-bottom:80px}
.member-selection .selection-box{ margin:0 10px; width:295px; height:280px; border-radius:13px}
.member-selection .selection-box h3{ margin-bottom:20px; font-size:24px}
.form-check ul.check .birth-date .yeardate{ width:35%}
.form-check ul.check .birth-date .ssNum{ width:15%}
.form-check ul.check .birth-date .word{ padding:0 10px; letter-spacing:0.5em}
.form-check ul.check .captcha .captcha-img{ height:60px}
.form-check ul.check .captcha .bu-refresh{ width:10%}
.form-check ul.check .captcha .captcha{ margin-left:auto; width:55%}
.legal-representative{ margin-bottom:30px}
.legal-representative h4{ margin-bottom:10px; font-size:18px}
.legal-representative ul.info li{ width:50%}
.legal-representative ul.info li span,.legal-representative ul.info li strong{ padding:0 15px; height:48px}
.legal-representative ul.info li span{ width:60%}
.legal-representative ul.info li strong{ width:40%}
@media all and (min-width:320px) and (max-width:1023px){
.form-check ul.check .captcha .captcha-img{ height:35px}
.legal-representative h4{ font-size:16px}
.legal-representative ul.info li span,.legal-representative ul.info li strong{ padding:0 10px; height:38px; font-size:14px}
}
@media all and (min-width:320px) and (max-width:650px){
.form-check ul.check .birth-date .ssNum{ width:10%}
}
@media only screen and (max-width:500px) {
.member-selection{ margin-bottom:30px}
.form-check ul.check .birth-date .word{ letter-spacing:0.3em}
}
@media only screen and (max-width:450px) {
.member-selection .selection-box{ width:45%; height:200px}
.member-selection .selection-box h3{ font-size:20px}
.member-selection .selection-box img{ width:90px}
.form-check ul.check .birth-date .word{ letter-spacing:0.2em}
.legal-representative ul.info li{ width:100%}
.legal-representative ul.info li:nth-child(2),.legal-representative ul.info li:nth-child(4){ border-left:0}
.legal-representative ul.info li:nth-child(3){ border-bottom:1px solid #e3e3e3}
.legal-representative ul.info li span,.legal-representative ul.info li strong{ height:35px}
}
/* 간행물 - 10년사,20년사,스토릴텔링으로 살펴본 20년사 스타일 추가 2023.12.08 */
.years .cover-image { height:806px}
.years .summary em { margin-bottom:110px}
.years .summary span { margin:25px 0 60px 0; line-height:30px}
.years .summary strong { font-size:37px}
.years .summary button { padding:0 55px 0 20px; height:45px; font-size:15px}
.years.ten { background-color:#f8f8f8}
.years.ten .summary button { width:270px}
.years.ten .summary .br { display:block; margin:0; width:100%; height:5px; line-height:0}
.years.twenty { background-color:#002a50}
.years.twenty .summary span { color:#a3abb5}
.years.twenty .summary strong{ font-size:30px; line-height:42px; color:#fff}
.years.twenty .summary strong span{ display:block; margin:0; line-height:0}
.years.twenty .summary strong span:first-child{ margin-bottom:10px}
.years.twenty .summary strong span:last-child{ margin-top:10px}
.years.twenty .summary button{ color:#002a50; background-color:#fff; background-image:url(/images/common/download-blue.png)}
.years.storytelling { background-color:#e2e3e4}
.years.storytelling .summary strong{ color:#c4121a}
.years.storytelling .summary button{ background-color:#c4121a}
@media all and (min-width:320px) and (max-width:1023px){
.years .summary{ padding:0 10px}
.years .summary em{ margin-bottom:70px}
.years .summary em img{ width:330px}
.years .summary span{ margin:15px 0 50px 0; line-height:24px}
.years .summary strong{ font-size:27px}
.years .summary button{ padding:10px 50px 10px 20px; height:auto; font-size:14px; background-size:17px}
.years .cover-image{ height:550px; background-size:cover}
.years.twenty .summary em{ margin-bottom:40px}
.years.twenty .summary em img{ width:300px}
.years.twenty .summary span{ margin:15px 0 30px}
.years.twenty .summary strong{ font-size:22px; line-height:30px}
.years.storytelling .summary em img{ width:300px}
}
@media all and (min-width:480px) and (max-width:869px){
.years{ flex-wrap:wrap}
.years .summary{ padding:50px; height:auto}
.years .summary,.years .cover-image{ width:100%}
.years.storytelling .summary em{ margin-bottom:40px}
.years .cover-image.storytelling{ background-color:#c4121a; background-size:auto}
}
@media all and (min-width:480px) and (max-width:767px){
.years .cover-image{ height:400px}
.years .cover-image.storytelling{ background-size:contain}
}
@media all and (min-width:320px) and (max-width:479px){
.years{ flex-wrap:wrap}
.years .summary{ padding:30px; height:auto}
.years .summary,.years .cover-image{ width:100%}
.years .cover-image{ height:350px}
.years .summary span{ margin-bottom:40px}
.years .summary em img{ width:230px}
.years .summary strong{ font-size:20px}
.years.twenty .summary strong{ font-size:18px; line-height:26px}
.years.twenty .summary em img{ width:250px}
.years.storytelling .summary em{ margin-bottom:40px}
.years.storytelling .summary em img{ width:250px}
.years .cover-image.storytelling{ background-color:#c4121a; background-size:contain}
}
/* 개인정보처리방침 스타일 추가 2023.12.08 */
@media only screen and (max-width:1024px) {
ul.labeling.list{ margin:30px 0}
ul.labeling.list li ul.list-item{ width:90%}
.terms-box .default th,.terms-box .default td{ font-size:14px ! important; line-height:22px ! important}
}
@media only screen and (max-width:768px) {
ul.labeling p{ line-height:18px}
ul.labeling figure{ padding:0 15px}
ul.labeling figure img{ width:65px}
ul.labeling li{ height:160px}
ul.labeling li:first-child,ul.labeling li:first-child strong{ height:40px}
ul.labeling.list li{ height:auto}
ul.labeling.list li ul.list-item{ width:100%}
ul.labeling.list li ul.list-item li{ height:30px}
}
@media only screen and (max-width:550px) {
ul.labeling li{ width:calc(50% - 0px)}
ul.labeling li:nth-child(4),ul.labeling li:nth-child(6){ border-left:0}
ul.labeling li:nth-child(5){ border-left:1px solid #e3e3e3}
ul.labeling.list li ul.list-item li:nth-child(odd),
ul.labeling.list li ul.list-item li:nth-child(even){ width:100%}
.terms-box .summary.label img{ width:30px}
}
/* 본인인증, 비밀번호찾기 이메일 형식 변경(2024.1.24 추가) */
.check-wrap .form-check ul.check input[type=text].email{ width:29%}
.check-wrap .form-check ul.check .at{ width:6%}
.check-wrap .form-check ul.check select{ margin-left:1%; padding-left:30px; height:60px; width:35%; border:0; background-color:#f8f6f9; background-position:97% -110px}
.check-wrap.find-idpw .form-check ul.check select{ border:1px solid #e0e0e0}
.check-wrap .form-check ul.check strong{ display:block; margin-top:10px; color:#e00129; font-weight:400; font-size:14px; line-height:20px; text-align:left}
@media only screen and (max-width:1024px) {
.check-wrap .form-check ul.check select{ padding-left:10px; height:35px; background-position:97% -87px}
}
@media only screen and (max-width:480px) {
.check-wrap .form-check ul.check input[type=text].email{ width:45%}
.check-wrap .form-check ul.check .at{ width:10%}
.check-wrap .form-check ul.check select{ margin:10px 0 0; width:100%}
}
/* Media Quary ***********************************************************************************/
@media all and (min-width:320px) and (max-width:1199px){
/* 한국 CoSTR(2020.09.11 추가) */
ul.form-input li .item-contents ol.inline.type2 li,ul.form-input li .item-contents ol.inline.type3 li{ width:100%}
ul.form-input li .item-contents ol.inline.type2 li:nth-child(2),ul.form-input li .item-contents ol.inline.type3 li:nth-child(2){ padding:5px 0 0 0}
ul.form-input li .item-contents ol.inline.type2 li input,ul.form-input li .item-contents ol.inline.type3 li input{ margin-left:0}
}
@media all and (min-width:770px) and (max-width:1199px){
/* 한국 CoSTR(2020.09.11 추가) */
ul.form-input li .item-contents ol.inline.type2 li input,
ul.form-input li .item-contents ol.inline.type3 li:nth-child(1) input,
ul.form-input li .item-contents ol.inline.type3 li:nth-child(2) input{ width:78%}
ul.form-input li .item-contents ol.inline.type2 li label,ul.form-input li .item-contents ol.inline.type3 li label{ width:20%}
}
@media all and (min-width:320px) and (max-width:769px){
/* 한국 CoSTR(2020.09.11 추가) */
ul.form-input li .item-contents ol.inline.type2 li input,ul.form-input li .item-contents ol.inline.type3 li input{ margin-bottom:0; width:63%}
ul.form-input li .item-contents ol.inline.type3 li:nth-child(1) input,
ul.form-input li .item-contents ol.inline.type3 li:nth-child(2) input{ width:63%}
ul.form-input li .item-contents ol.inline.type2 li label,ul.form-input li .item-contents ol.inline.type3 li label{ width:35%}
/* 2021.11.22 추가 */
.sub-content.application-form .enter-information.applicant li span,
.sub-content.application-form .enter-information.applicant li span:last-child{ width:88%}
/* 2022.08.09 추가 */
.wrap-history ul.history-list li em{ display:inline-block}
.wrap-history .history-r ul.history-list li strong{ margin-right:0; width:14%; text-align:left}
}
@media all and (min-width:320px) and (max-width:599px){
.costr-logout { margin-bottom:20px; width:100%}
}
@media all and (min-width:1024px) and (max-width:1549px){
/* CPRVerify 바로가기 버튼 */
.CPRVerify { top:145px; right:0}
}
/* Tablet & Desktop */
@media all and (min-width:1024px) and (max-width:1280px){
/* Scroll To Top */
#back-top { right:50px; bottom:70px}
/* Search Form */
/* Board List-View */
/* List-thumb Mixed */
/* Board Write-Edit */
/* Comment */
/* Masonry List */
/* 모달윈도우 */
.mw .pop-layer.w600,
.mw .pop-layer.w1000 { margin-top:50px}
.mw .pop-layer.inquiry { margin-top:50px}
.mw .pop-layer.w800.application{ margin-top:50px}
/* Layout */
.header-content,.footer-content,section article,#location .head{ width:100%}
.body,.header { padding:0 20px}
.body.main { padding:0}
.footer .footer-content { padding:35px 20px}
.footer .footer-menu .footer-content{ padding:30px 20px}
/* Global Navigation Bar */
.gnb ul li { padding:0 18px 0 20px}
.gnb ul li span,
.gnb ul li strong { font-size:16px}
/* Full Down Menu */
.full-down-menu .gnb-full { width:100%}
.full-down-menu .gnb-full button{ right:0}
.full-down-menu .gnb-full li{ padding:10px; height:480px}
#location.red .head .my-menu{ right:20px}
/* Mypage */
.my-education .my-list .my-info,
.my-education .my-list .edu-info{ width:100%; text-align:left}
.my-education .my-list .edu-info{ margin-top:30px; padding-left:5.5%}
/* Membership */
/* 로그인 */
.login-wrap { margin-top:30px}
.login-wrap .form-login.login2,
.login-wrap .kacpr-item.item2,
.login-wrap .form-login,
.login-wrap .kacpr-item { padding:50px 30px; width:48%}
/* 2018.12.27 로그인폼 변경 */
.login-wrap .form-login.login2{ width:58%}
.login-wrap .kacpr-item.item2{ width:38%}
.login-wrap .kacpr-item.item2 ul.link-kacpr li{ margin:0 8px}
.login-wrap .kacpr-item.item2 ul.link-kacpr li em{ width:75px}
/* 회원가입완료 */
/* 교육신청폼 상세 */
.sub-content.application-form h2{ margin-bottom:50px; font-size:30px}
.sub-content.application-form .course-title{ padding:20px 20px}
.sub-content.application-form .course-title strong{ margin-left:30px; font-size:32px; line-height:24px}
.sub-content.application-form .course-title span{ margin-left:10px; font-size:18px}
.sub-content.application-form .course-title .guideline{ margin-left:30px}
ul.course-info li em { margin-right:20px; padding:10px 15px}
ul.course-info li:nth-child(1) em,
ul.course-info li:nth-child(2) em{ padding-top:15px}
/*ul.course-info li:nth-child(11) em,
ul.course-info li:nth-child(12) em{ padding-bottom:15px}*/
ul.course-info li.receipt1 em,
ul.course-info li.receipt2 em{ padding-bottom:18px}
.sub-content.application-form .place{ margin-top:10px}
.sub-content.application-form .etc-info{ margin-top:30px}
.sub-content.application-form .etc-info>div ul.etc{ min-height:150px}
.sub-content.application-form .etc-info>div ul.etc li strong{ padding:10px 20px 13px 20px; font-size:18px}
.sub-content.application-form .etc-info>div ul.etc li span{ padding-left:20px}
.sub-content.application-form .course-description{ margin-top:70px}
.sub-content.application-form .course-description h3{ margin-bottom:20px; font-size:22px}
.sub-content.application-form .enter-information{ margin-top:40px}
.sub-content.application-form .enter-information li strong{ font-size:20px}
/* 교육코스 검색 */
/* Main */
section.promotion-box .swiper-slide.slider-2{ background-image:url(/images/@tmp/t-slider-4.jpg)}
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link { padding-left:20px; padding-right:20px}
.institution-archive .term-dictionary h2.section-title.dic,
.institution-archive .term-dictionary h2.section-title.youtube{ background-size:cover}
.institution-archive .term-dictionary h2.section-title{ padding:25px 20px; height:220px}
.newsletter-sns .newsletter { width:51.5%}
ul.schedule-list li span { width:240px}
/* Content */
/* Individual Classes */
/* 교육신청(캘린더형) */
/* 교육신청(리스트형) */
ul.flag-group li { padding-left:7px; padding-right:7px}
/* 교육신청 상세 */
#popover-edu3 { bottom:45px}
/* 교육기관신청 */
.training-site .button-online,
.training-site .button-offline{ width:135px; font-size:14px}
/* 신청서 작성 */
.complete-application p,
.complete-application ul.form-input,
section.sub-content.complete-application h3{ width:100%}
/* 심폐소생술통계 */
/* 국민행동지침 */
ul.guidelines li span span { margin:0 auto; margin-top:20px; width:230px; height:230px}
ul.guidelines li span span span em{ margin-top:10px}
/* 협회소개 */
section.sub-content.greeting .greeting-head{ margin-left:-20px; margin-right:-20px; padding:0 20px}
section.sub-content.greeting .greeting-head>div,
section.sub-content.greeting .greeting-message{ width:100%}
section.sub-content.greeting .greeting-head span,
section.sub-content.greeting .greeting-head strong{ font-size:32px}
section.sub-content.greeting .greeting-head em img{ width:350px}
.wrap-history ul.history-list li span{ width:86%}
/* 백서 */
.white-book .book { top:175px; width:440px; height:550px; background-size:415px}
.white-book .book .book-wrap{ width:420px; height:535px}
.white-book .book img { width:300px}
.white-book .book .kacpr { margin:-1px 0 34px -1px; padding:20px 30px; width:185px; height:165px}
.white-book .book .kacpr span{ line-height:30px}
.white-book .message { margin:420px 0 100px 0}
.white-book .message img { max-width:100%}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{ padding-left:20px; padding-right:20px}
section.related-organizations article{ padding:0 35px}
.related-organizations .swiper-button-prev7{ left:0 !important}
.related-organizations .swiper-button-next7{ right:0 !important}
}
@media all and (min-width:1024px) and (max-width:1100px){
.footer .address2 { margin-left:10px}
.thumb-list .title,
.thumb-list .no-message,
.thumb-list .notify .title,
.thumb-list .edu-institution{ font-size:16px}
.thumb-list .numeral,
.thumb-list .list-numeral { font-size:14px}
.thumb-list .no { width:45px}
.thumb-list .notify .title { padding-left:50px}
.thumb-list .add-file { right:150px}
.thumb-list .edu-institution{ width:350px}
/* 교육신청(캘린더형) */
ul.cal-body li span span { width:75%}
/* Main */
.course-guide ul.two-course li.aha-course,
.course-guide ul.two-course li.kacpr-course{ padding:40px 10px}
.institution-archive .institution-find .swiper-button-prev3,
.newsletter-sns .newsletter .swiper-button-prev3{ left:-20px !important}
.newsletter-sns .newsletter { width:49.5%}
.newsletter-sns .facebook { width:470px}
.fb_iframe_widget>span,
.fb_iframe_widget span,
.fb_iframe_widget iframe { width:480px !important}
ul.kacpr-letter li span { padding:40px 0 0 20px; height:212px}
ul.kacpr-letter li span a { padding-right:30px; width:100px}
ul.schedule-list li span,
ul.schedule-list li strong { font-size:15px}
ul.schedule-list li span { width:210px}
.link-service .link-item .cpr-order h2.section-title strong{ font-size:20px}
ul.apply li { padding:15px 10px}
ul.apply li strong { margin-top:20px; font-size:19px; line-height:22px}
/* 수료증발급-환불 안내 */
ul.certificates-apply li span{ margin-left:35px}
/* 심폐소생술이란? */
section.heart-attack-cpr .cpr-step .step{ width:10%}
section.heart-attack-cpr .cpr-step .action{ width:86%}
section.heart-attack-cpr .cpr-step .step,
section.heart-attack-cpr .cpr-step .action{ height:280px}
section.heart-attack-cpr.public .cpr-step:nth-child(5) .step,
section.heart-attack-cpr.public .cpr-step:nth-child(5) .action,
section.heart-attack-cpr.public .cpr-step:last-child .step,
section.heart-attack-cpr.public .cpr-step:last-child .action,
section.heart-attack-cpr.witness .cpr-step:last-child .step,
section.heart-attack-cpr.witness .cpr-step:last-child .action{ height:350px}
section.heart-attack-cpr .cpr-step .action ul li em{ width:20%}
section.heart-attack-cpr .cpr-step .action ul li span{ width:79%}
section.heart-attack-cpr.public .cpr-step:last-child .action ul li em,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li em{ width:35%}
section.heart-attack-cpr.public .cpr-step:last-child .action ul li span,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li span{ width:64%}
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li span,
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li strong{ padding-left:20px}
section.heart-attack-cpr .cpr-step:nth-child(even) .action ul li span{ padding-right:10px}
.cpr-down span { display:block; margin:0 auto; margin-top:10px; width:50%}
.cpr-down span:first-child { margin-top:0}
.cpr-down span a { width:auto}
/* 국민행동지침 */
ul.prevention li:nth-child(2) span,
ul.prevention li:nth-child(3) span,
ul.prevention li:nth-child(5) span{ padding-top:15px}
/* 후원안내 */
.sponsorship-guide .summary-kacpr .summary,
.sponsorship-guide .summary-kacpr .kacpr-image{ height:450px}
.sponsorship-guide .summary-kacpr .summary{ padding:32px 50px}
/* 협회일정 */
section.sub-content.kacpr-schedule ul.cal-body li{ height:110px}
section.sub-content.kacpr-schedule ul.cal-body li span span{ display:none}
section.sub-content.kacpr-schedule ul.cal-body li span { display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:5px}
/* 용어사전 */
section.sub-content.dictionary .institution-archive .term-dictionary{ margin:0 auto; margin-top:80px; width:70%; height:auto; background-image:none}
section.sub-content.dictionary .institution-archive .search-word{ margin-top:0}
section.sub-content.dictionary .institution-archive .search-word,
section.sub-content.dictionary .institution-archive ul.korean-index{ width:100%}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ width:90%}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ width:10%}
/* 홍보영상(Youtube) */
.board-content div.youtube { width:750px}
.board-content div.youtube iframe{ width:750px; height:563px}
.webhard-info { text-align:center; background-size:cover}
.webhard-info span,
.webhard-info strong { margin-left:0}
/* 서식다운로드 */
ul.media.archive li { height:300px}
/* 협회소개 */
.organization-chart { width:950px}
.organization-chart .row2 { width:605px}
.organization-chart .row2 .chart-box:last-child{ margin-left:85px}
/* 교육공지문
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li a{ padding:5px 10px; font-size:13px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span{ line-height:20px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span span{ font-size:13px} */
}
@media all and (min-width:320px) and (max-width:1139px){
ul.course-info li li.total-fee.descrip em{ display:none}
ul.course-info li li.total-fee.descrip span{ padding:10px; padding-top:0}
}
/* Mobile - iPad */
@media all and (min-width:320px) and (max-width:850px){
/* 이벤트 */
.footer .address2 { margin-left:0}
section.event { width:100%}
section.event .default { margin-bottom:15px}
section.event .default thead th,
section.event .default tbody th,
section.event .default tbody td{ padding:7px 7px; font-size:12px; line-height:18px}
h2.ev-header,.ev-footer { background-size:cover}
h2.ev-header strong { font-size:48px}
h2.ev-header span span { font-size:16px}
h2.ev-header span strong { font-size:22px}
.ev-body .check-title { margin-bottom:15px}
.ev-body .check-title em { display:block; margin-right:0; margin-bottom:10px}
.ev-body .check-title em img{ width:18px}
.ev-body .check-title strong{ font-size:16px; line-height:20px}
.ev-apply a,
.ev-apply.ev-footer button,
.ev-apply input[type=reset],
.ev-apply input[type=submit]{ margin:2px 1px; padding-left:55px; width:130px; height:30px; line-height:30px; background-position:30px 50%; background-size:15px}
.ev-apply .map { width:30px; background-size:13px}
.ev-apply .blue { padding:0 10px}
.ev-apply .registration.ts { padding-left:45px; background-position:20px 50%}
.ev-apply .registration.ok { padding-left:65px; background-position:40px 50%}
.ev-apply .registration.fit { padding:0 10px 0 30px; background-position:10px 50%}
.ev-apply .how-to-apply { padding-bottom:25px; width:100%}
.ev-apply .how-to-apply span{ padding:10px 10px}
.ev-apply .how-to-apply strong{ font-size:16px}
.ev-apply .how-to-apply span img{ width:18px}
.ev-apply .back-image { display:none}
ul.form-apply { margin-top:20px; width:93%}
ul.form-apply li { margin-top:7px}
ul.form-apply li label { padding-left:7px; font-size:13px; line-height:30px; background-size:2px}
ul.form-apply li span strong{ padding:4px 10px; font-size:13px !important}
ul.form-apply li.dot { margin-bottom:15px}
ul.form-apply li select,
ul.form-apply li textarea,
ul.form-apply li input[type=text],
ul.form-apply li input[type=email]{ font-size:13px}
ul.form-apply li input[type=text].input-small{ width:60px}
ul.form-apply li input[type=text].input-etc{ width:150px}
ul.form-apply li button { font-size:12px; height:30px}
ul.round-title li { margin-top:10px; padding-left:7px; background-position:0 8px; background-size:2px}
ul.round-title li:first-child strong{ padding:6px 20px; font-size:14px}
ul.round-title li span,
ul.round-title li strong { font-size:13px}
ul.round-title li strong { margin-top:5px}
ul.check-list.col2 li { width:48%}
ul.check-list li { margin-left:0 !important}
ul.check-list li label { font-size:12px}
ul.check-list li:last-child { width:100%}
ul.check-list li.empty { display:none}
.wave-top,.wave-bottom { height:10px}
.round-content { margin:15px 0; padding:10px 15px; border-radius:10px}
.round-content em { margin-bottom:10px; padding-top:5px; width:30px; height:30px}
.round-content em img { width:14px}
.round-content span { width:100%}
.round-content span strong,
.round-content span span span,
.round-content span span mark,
.round-content span span strong{ font-size:13px; line-height:22px}
/* 이벤트 - 소식지신청 */
.ev-newsletter h1 { padding:5px 20px}
.ev-newsletter h1 img { width:150px}
.ev-newsletter .red-bar em { width:190px}
.ev-newsletter h2.ev-header { margin-bottom:15px}
.ev-newsletter .ev-wrap { padding:15px 20px 25px 20px}
.ev-newsletter .ev-wrap .ev-footer{ margin-top:20px; font-size:16px}
.ev-newsletter .ev-summary { line-height:22px}
.ev-newsletter .ev-summary p{ font-size:16px}
.ev-newsletter .ev-summary span{ font-size:13px}
.ev-newsletter .ev-summary strong{ margin-bottom:7px; font-size:15px}
.ev-newsletter .ev-apply { margin-top:15px; padding-top:25px}
.ev-newsletter .ev-apply .how-to-apply{ top:0; left:0}
.ev-newsletter .ev-apply .how-to-apply p{ padding:15px 10px 0 10px; font-size:13px; line-height:22px}
.ev-newsletter .white-box { padding:180px 10px 20px 10px; width:100%}
.ev-newsletter .white-box .short-line{ margin:15px 0}
.ev-newsletter .ev-apply.form .white-box{ padding-top:360px}
/* 이벤트 - 연수강좌신청 */
.ev-training h2.ev-header { padding-top:40px; height:180px; background-position:0 100%}
.ev-training h2.ev-header span span{ font-size:20px}
.ev-training .ev-summary strong{ font-size:16px; line-height:24px}
.ev-training .ev-body { margin:15px 0}
.ev-training .ev-footer.ev-apply{ padding-top:40px; height:100px}
/* 이벤트 - ACLS 디브리핑피드백워크숍신청 */
.acls-workshop { padding-top:30px; background-position:100% 0; background-size:contain}
.acls-workshop h2.ev-header { margin-bottom:15px}
.acls-workshop h2.ev-header span span{ font-size:20px}
.acls-workshop h2.ev-header span strong{ font-size:30px}
.acls-workshop .ev-summary { margin-bottom:25px}
.acls-workshop .ev-summary em{ margin-right:10px; padding-top:5px; width:30px; height:30px}
.acls-workshop .ev-summary em img{ width:15px}
.acls-workshop .ev-body { padding-top:20px}
.acls-workshop .ev-body,
.acls-workshop .ev-footer.ev-apply{ border:7px solid #fff; border-bottom:0}
.acls-workshop .ev-footer.ev-apply{ padding:15px 0 25px 0; border-top:0}
.acls-workshop .ev-footer.ev-apply p{ font-size:13px}
.acls-workshop .greeting-acls{ padding:20px 15px}
.acls-workshop .greeting-acls h3{ margin-bottom:20px; font-size:16px}
.acls-workshop .greeting-acls p{ margin-bottom:10px; font-size:13px; line-height:22px}
/* 이벤트 - 심포지엄 */
.symposium { padding:30px 15px 20px 15px; background-size:contain}
.symposium .ev-summary { padding-bottom:15px}
.symposium .ev-summary h3 { font-size:16px; line-height:22px}
.symposium .ev-summary sup { font-size:11px}
.symposium .ev-summary strong{ margin-top:10px; font-size:14px}
.symposium .ev-info { padding-bottom:30px}
.symposium .ev-body { margin-top:15px}
.symposium .ev-footer { margin-top:30px}
.symposium .ev-info h3 { font-size:15px}
.symposium .ev-info sup { font-size:11px}
.symposium .ev-info p { font-size:12px}
.symposium .ev-info ul { margin:15px 0 5px 0; padding:15px; border-radius:7px}
.symposium .ev-info ul li em{ padding-left:7px; width:100%; background-size:2px}
.symposium .ev-info ul li span{ width:100%}
.symposium .ev-info ul li em,
.symposium .ev-info ul li span,
.symposium .symposium-notice span,
.symposium .symposium-notice strong{ font-size:13px}
.symposium .symposium-notice strong{ margin:15px 0 10px 0; padding:10px 20px}
.symposium .symposium-notice .notice.item2,.symposium .symposium-notice .notice.item3{ margin-top:15px}
.symposium .symposium-notice .notice em{ width:85px; height:85px; font-size:16px; line-height:85px}
/*.symposium .symposium-notice .notice.item2 em,
.symposium .symposium-notice .notice.item3 em{ padding-top:20px; line-height:22px}*/
.symposium .symposium-notice .notice ul{ margin-top:10px; width:100%}
.symposium .symposium-notice .notice.item1 ul,.symposium .symposium-notice .notice.item2 ul,.symposium .symposium-notice .notice.item3 ul{ margin-top:10px}
.symposium .symposium-notice .notice li{ padding-left:7px; font-size:13px; background-size:2px}
ul.symposium-link li { width:100%; height:auto}
ul.symposium-link li:nth-child(1){ margin-top:0}
ul.symposium-link li:nth-child(2){ margin-top:1%}
ul.symposium-link li:nth-child(1),
ul.symposium-link li:nth-child(2),
ul.symposium-link li:nth-child(3),
ul.symposium-link li:nth-child(4),
ul.symposium-link li:nth-child(5){ margin-left:0; padding:15px 5px}
ul.symposium-link li a { margin-top:15px; padding:5px 15px; font-size:14px}
ul.symposium-link li strong { margin-bottom:10px; font-size:16px}
ul.symposium-link li strong sup{ font-size:12px}
ul.symposium-link li span em,
ul.symposium-link li span span{ font-size:13px}
ul.symposium-link li span em{ margin-left:5px; padding-left:20px; background-size:14px}
/* 이벤트 - 소생의학아카데미기본과정신청 */
.academy-basic { padding-bottom:20px}
section.event .academy-basic .default tbody td strong{ font-size:11px; line-height:14px}
.academy-basic h2.ev-header { padding:15px 0}
.academy-basic h2.ev-header span span,
.academy-basic h2.ev-header span strong{ font-size:22px}
.academy-basic .ev-body,
.academy-basic .ev-summary { padding:0 15px}
.academy-basic .ev-summary { padding-top:15px}
.academy-basic .ev-summary h3{ margin-bottom:15px; font-size:16px}
.academy-basic .ev-summary p{ margin-bottom:10px; font-size:13px; line-height:22px}
.academy-basic .ev-summary p:last-child{ margin-bottom:0; padding-bottom:10px}
.academy-basic .ev-summary em{ display:none}
.academy-basic .ev-summary strong{ font-size:13px; line-height:22px}
.academy-basic .ev-body { padding-top:15px}
.academy-basic .ev-footer.ev-apply{ padding:20px 0}
.academy-basic .ev-body,
.academy-basic .ev-summary,
.academy-basic .ev-footer.ev-apply{ background-size:contain}
/* 이벤트 - 소생의학아카데미기초연구심화과정신청 */
.academy-basic.deepening h2.ev-header em{ margin-top:8px; padding:6px 15px 6px 40px; font-size:15px; background-position:15px 50%; background-size:22px}
.academy-basic.deepening h2.ev-header span{ margin-bottom:5px; font-size:15px; line-height:18px}
.academy-basic.deepening h2.ev-header span span{ font-size:22px; line-height:32px}
.academy-basic.deepening .document-down a{ padding:7px 40px 7px 15px; font-size:14px; background-size:16px}
/* 이벤트 - 소생의학아카데미임상연구심화과정신청 */
.academy-basic.deepening2 h2.ev-header em{ margin-top:8px; padding:6px 15px 6px 40px; font-size:15px; background-position:15px 50%; background-size:22px}
.academy-basic.deepening2 h2.ev-header span{ margin-bottom:5px; font-size:15px; line-height:18px}
.academy-basic.deepening2 h2.ev-header span span{ font-size:22px; line-height:32px}
.academy-basic.deepening2 .document-down a{ padding:7px 40px 7px 15px; font-size:14px; background-size:16px}
/* 이벤트 - KALS CDC 신청 */
.kals-cdc { padding:30px 15px 20px 15px; background-size:contain}
.kals-cdc h2.ev-header { margin-bottom:20px; padding:15px 10px}
.kals-cdc h2.ev-header span { line-height:32px}
.kals-cdc h2.ev-header span span{ font-size:22px}
.kals-cdc .ev-summary { padding:0 20px 15px 20px}
.kals-cdc .ev-summary h3 { font-size:16px; line-height:22px}
.kals-cdc .ev-summary strong{ margin-top:10px; font-size:14px}
.kals-cdc .ev-body { margin-top:15px}
/* 이벤트 - BLS CDC 신청 */
section.event .bls-cdc .default tbody td li{ padding:7px 7px}
section.event .bls-cdc .default tbody td li em{ margin-top:0; font-size:20px}
.bls-cdc { padding:30px 15px 20px 15px; background-size:contain}
.bls-cdc h2.ev-header { margin-bottom:20px; padding:15px 10px}
.bls-cdc h2.ev-header span { line-height:32px}
.bls-cdc h2.ev-header span span{ font-size:22px}
.bls-cdc .ev-summary { padding:0 20px 15px 20px}
.bls-cdc .ev-summary h3 { font-size:16px; line-height:22px}
.bls-cdc .ev-summary strong { margin-top:10px; font-size:14px}
.bls-cdc .ev-body { margin-top:15px}
.bls-cdc ul.round-title li { display:block; width:100%}
.bls-cdc .ev-footer.ev-apply{ margin-top:15px}
.bls-cdc .ev-footer.ev-apply p{ font-size:13px}
/* 이벤트 - 교육 CDC 신청 */
section.event .edu-cdc .default tbody td li{ padding:7px 7px}
section.event .edu-cdc .default tbody td li strong{ font-size:12px}
.edu-cdc { padding:30px 15px 20px 15px; background-size:contain}
.edu-cdc h2.ev-header { margin-bottom:20px; padding:15px 10px}
.edu-cdc h2.ev-header span { line-height:32px}
.edu-cdc h2.ev-header span span{ font-size:22px}
.edu-cdc h2.ev-header span strong{ line-height:20px}
.edu-cdc .ev-summary { padding:0 20px 15px 20px}
.edu-cdc .ev-summary h3 { font-size:16px; line-height:22px}
.edu-cdc .ev-summary strong { margin-top:10px; font-size:14px}
.edu-cdc .ev-body,
.edu-cdc .ev-footer.ev-apply{ margin-top:15px}
.edu-cdc ul.round-title li:first-child{ padding-left:7px; background-position:0 8px; background-size:2px}
.edu-cdc ul.check-list li:last-child{ width:50%}
/* 이벤트 - 일반인 강사 온라인 보수교육 신청(2021.01.08 추가) */
section.event .edu-general .default tbody td li{ padding:7px 7px}
section.event .edu-general .default tbody td li strong{ font-size:12px}
.edu-general { padding:30px 15px 20px 15px; background-size:contain}
.edu-general h2.ev-header { margin-bottom:20px; padding:15px 10px}
.edu-general h2.ev-header span { line-height:32px}
.edu-general h2.ev-header span span{ font-size:22px}
.edu-general .ev-summary { padding:0 20px 15px 20px}
.edu-general .ev-summary h3 { font-size:16px; line-height:22px}
.edu-general .ev-summary strong { margin-top:10px; font-size:14px}
.edu-general .ev-body,
.edu-general .ev-footer.ev-apply{ margin-top:15px}
.edu-general ul.round-title li:first-child{ padding-left:7px; background-position:0 8px; background-size:2px}
.edu-general ul.check-list li:last-child{ width:50%}
/* 이벤트 - 대한응급의학회 전공의 교육평점(크레딧) 등록(2022.05.02 추가) */
section.event .ksem-credit .default h4{ font-size:14px}
section.event .ksem-credit .default tbody td li{ padding:7px 7px}
section.event .ksem-credit .default tbody td strong,
section.event .ksem-credit .default tbody td li strong{ font-size:12px}
.ksem-credit { padding:30px 15px 20px 15px; background-size:contain}
.ksem-credit h2.ev-header { margin-bottom:20px; padding:15px 10px}
.ksem-credit h2.ev-header span { line-height:32px}
.ksem-credit h2.ev-header span span{ font-size:22px}
.ksem-credit h2.ev-header span strong{ line-height:20px}
.ksem-credit .ev-summary { padding:0 20px 15px 20px}
.ksem-credit .ev-summary h3 { font-size:16px; line-height:22px}
.ksem-credit .ev-summary strong { margin-top:10px; font-size:14px}
.ksem-credit .ev-body,
.ksem-credit .ev-footer.ev-apply{ margin-top:15px}
.ksem-credit ul.round-title li:first-child{ padding-left:7px; background-position:0 8px; background-size:2px}
.ksem-credit ul.check-list li:last-child{ width:50%}
section.event .ksem-credit .how-to-apply .default input,
section.event .ksem-credit .how-to-apply .default select,
section.event .ksem-credit .how-to-apply .default textarea,
section.event .ksem-credit .how-to-apply .default tbody th,
section.event .ksem-credit .how-to-apply .default tbody td{ font-size:14px ! important}
section.event .ksem-credit .how-to-apply .default input[type=text].input-date{ width:130px}
section.event .ksem-credit .how-to-apply .default table tbody th em{ font-size:13px}
ul.checklist li { margin:0; width:50%}
ul.checklist.jobs li { width:calc(50% - 0px)}
ul.checklist li label { font-size:13px}
}
/* Mobile - iPad */
@media all and (min-width:320px) and (max-width:1023px){
body,table,input,textarea,select,optgroup,button{ font-size:14px}
.skip-contents { display:none}
/* 네이티브 화살표 대체 */
select{ background-position:100% -90px; background-size:30px}
/* Forms */
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="number"],
input[type="tel"] { height:30px}
textarea { height:auto}
/* File Browser */
.write-con.file-add .file-input{ width:61% !important}
.write-con.file-add .file-input-div .file-button{ margin-right:20% !important}
.write-con.file-add .button-add,
.write-con.file-add .button-minus{ width:30px; height:30px}
.write-con.file-add .button-add{ right:33px}
.fl-left,.fl-right { width:100%}
/* Scroll To Top */
#back-top { right:20px; bottom:40px}
.infowindow { font-size:13px; line-height:16px}
/* Search Form */
.searchForm { margin-bottom:10px}
.searchForm input[type=text]{ width:180px; height:30px}
.searchForm input[type=submit],
.searchForm input[type=button]{ width:30px; height:30px}
.searchForm select { padding-right:35px}
/* Button */
.button-collection { margin:15px 0 0 0}
.buttonWrap { margin:20px 0 0 0}
.button a,
.button button,
.button input { padding:0 20px; height:30px; line-height:30px}
.button.grey,
.button.red,
.button.blue { height:30px}
.button.grey a,
.button.grey button,
.button.grey input,
.button.red a,
.button.red button,
.button.red input,
.button.blue a,
.button.blue button,
.button.blue input { padding:0 20px}
.button.mini,.button.mini,.button.mini{ height:25px !important}
.button.mini a,
.button.mini button,
.button.mini input { padding:0 15px !important; height:25px; line-height:25px; font-size:13px}
/* Board List-View */
.endLine { padding-bottom:20px}
.board-content,
.board-content div,
.thumb-list.view div,
.board-content p { font-size:14px; line-height:22px}
.thumb-list.view div { margin:0}
/* List-thumb Mixed */
.thumb-list li { padding:18px 20px}
.thumb-list .thumb { margin:0 15px 0 0; width:120px; height:65px}
.thumb-list .title,
.thumb-list .edu-institution{ font-size:15px}
.thumb-list .edu-institution{ width:300px}
.thumb-list .title strong { font-size:14px}
.thumb-list div { margin:5px 0 0 0; font-size:13px; line-height:18px}
.thumb-list .no { display:none}
.thumb-list .add-file,
.thumb-list .list-numeral { top:18px}
.thumb-list .numeral,
.thumb-list .list-numeral { font-size:14px}
.thumb-list .add-file { right:150px}
.thumb-list .add-file em { font-size:13px}
.thumb-list .list-numeral { right:20px}
.thumb-list .numeral span { margin-left:30px}
.thumb-list .notify .title,
.thumb-list span.no-message { font-size:15px}
.thumb-list .notify { background-position:20px 50%; background-size:12px}
.thumb-list .notify .title { padding-left:20px}
.thumb-list.view li { padding:15px 20px}
.thumb-list.view li:first-child,
.thumb-list.view li:last-child{ padding:20px 20px}
.thumb-list.view .title,
.thumb-list.view .title strong{ font-size:16px}
.thumb-list.view .thumb2 { margin:15px 0}
.thumb-list.view div.board-content{ line-height:22px}
.thumb-list.view .add-file a{ padding:4px 10px}
/* Next - Prev */
.next-prev li { line-height:40px}
.next-prev li a { width:83%}
.next-prev li a.prev,
.next-prev li a.next { margin:0 10px 0 0; width:40px; height:40px; line-height:40px; background-size:10px}
.next-prev li a.prev { background-position:50% 17px}
.next-prev li a.next { background-position:50% -40px}
.next-prev li span { right:10px}
/* Board Write-Edit */
.write-con label,
.write-con span,
.write-tit .title label,
.write-tit .title span { height:30px; line-height:30px}
.write-con .file-button input[type=button]{ font-size:14px}
.write-tit .cate-select { margin-bottom:5px}
.write-tit .cate-select select{ width:100%}
/* Comment */
.write-reply { padding:20px; font-size:14px}
.write-reply p { padding-bottom:15px}
.write-reply .write-info span{ display:block}
.write-reply .write-info span:first-child{ margin-bottom:7px}
.write-reply .input-box { width:80%}
.write-reply .button-box { width:20%}
.write-reply .input-box textarea{ font-size:13px}
ul.reply-comment li { padding:20px}
ul.reply-comment li:first-child{ padding:15px 20px}
ul.reply-comment li span { line-height:26px}
ul.reply-comment li strong { margin-right:20px}
ul.reply-comment li.blue-line{ padding:15px 20px}
.edit-delete { top:11px; right:20px}
/* Masonry List */
.grid-box strong { margin-top:20px; padding:0 10px; font-size:16px; line-height:20px}
.grid-box .block-con { padding:10px}
.grid-box .block-con a.view { margin-top:15px; padding-right:30px; font-size:13px}
.grid-box .post-memo,
.grid-box .scrap-name { font-size:13px; line-height:20px}
.grid-box .scrap-name strong{ margin:0 0 0 5px; font-size:13px; line-height:20px}
.grid-box .dv-line { margin:10px 0}
.grid-box .scrap-day { padding-bottom:15px}
.grid-box .scrap-day span { font-size:13px}
/* Pagenation */
.pagenation { margin-top:15px}
.pagenation ul > li > a,
.pagenation ul > li > span { padding:4px 10px; line-height:18px; font-size:13px}
.pagenation ul > .pg-arrow > span,
.pagenation ul > .pg-arrow > a,
.pagenation ul > .pg-arrow > a:hover{ background-size:10px}
.pagenation ul > .pg-arrow.prev > a{ padding-right:15px}
.pagenation ul > .pg-arrow.next > a{ padding-left:15px}
/* Table */
.default { margin-top:15px}
.default h3 { margin-bottom:0; font-size:18px}
.default thead th,.default tfoot th{ padding:10px 0}
.default th,.default td { font-size:13px; line-height:16px}
.default td { padding:10px 10px}
.default td.align-left { padding-left:10px}
/* Tab Menu */
ul.tab-menu { margin-bottom:20px}
ul.tab-menu li { height:40px}
ul.tab-menu li.costr { line-height:16px; overflow:hidden}
ul.tab-menu.col6 li,
ul.tab-menu.col7 li,
ul.tab-menu.col9 li { width:calc(100% / 3); border-top:0}
ul.tab-menu.col8 li { width:calc(100% / 4)}
ul.tab-menu.col6 li:nth-child(4),
ul.tab-menu.col6 li:nth-child(7),
ul.tab-menu.col7 li:nth-child(4),
ul.tab-menu.col7 li:nth-child(7),
ul.tab-menu.col8 li:nth-child(5),
ul.tab-menu.col9 li:nth-child(4),
ul.tab-menu.col9 li:nth-child(7){ border-left:1px solid #e0e0e0}
ul.tab-menu.col6 li:nth-child(1),
ul.tab-menu.col6 li:nth-child(2),
ul.tab-menu.col6 li:nth-child(3),
ul.tab-menu.col7 li:nth-child(1),
ul.tab-menu.col7 li:nth-child(2),
ul.tab-menu.col7 li:nth-child(3),
ul.tab-menu.col9 li:nth-child(1),
ul.tab-menu.col9 li:nth-child(2),
ul.tab-menu.col9 li:nth-child(3){ border-top:1px solid #e0e0e0}
ul.tab-menu.col8 li:nth-child(5),
ul.tab-menu.col8 li:nth-child(6),
ul.tab-menu.col8 li:nth-child(7),
ul.tab-menu.col8 li:nth-child(8){ border-top:0}
/* Mypage */
ul.tab-menu.col8 li:nth-child(6) span,
ul.tab-menu.col8 li:nth-child(7) span,
ul.tab-menu.col8 li:nth-child(8) span{ padding:0 10px; line-height:18px}
/* Mypage end */
ul.tab-menu.col11 li{ width:calc(100% / 5)}
ul.tab-menu.col11 li:nth-child(6),ul.tab-menu.col11 li:nth-child(11){ border-left:1px solid #e0e0e0}
ul.tab-menu.col11 li:nth-child(6),ul.tab-menu.col11 li:nth-child(7),ul.tab-menu.col11 li:nth-child(8),ul.tab-menu.col11 li:nth-child(9),ul.tab-menu.col11 li:nth-child(10),ul.tab-menu.col11 li:nth-child(11){ border-top:0}
ul.tab-menu.col12 li{ width:calc(100% / 5)}
ul.tab-menu.col12 li:nth-child(6),ul.tab-menu.col12 li:nth-child(11){ border-left:1px solid #e0e0e0}
ul.tab-menu.col12 li:nth-child(6),ul.tab-menu.col12 li:nth-child(7),ul.tab-menu.col12 li:nth-child(8),ul.tab-menu.col12 li:nth-child(9),ul.tab-menu.col12 li:nth-child(10),ul.tab-menu.col12 li:nth-child(11),ul.tab-menu.col12 li:nth-child(12){ border-top:0}
/* 모달윈도우 */
.mw-close { top:10px; right:15px}
.pop-layer.wp .layer-header h1,
.mw .pop-layer .layer-header h1{ padding:10px 0; font-size:20px}
.pop-layer.wp .layer-body,
.mw .pop-layer .layer-body { padding:20px 25px; line-height:24px}
.pop-layer.wp .layer-body .input-wrap,
.mw .pop-layer .layer-body .input-wrap{ margin-top:15px}
.pop-layer.wp .layer-body button,
.mw .pop-layer .layer-body button{ height:35px; line-height:35px}
.mw .pop-layer.w600,
.mw .pop-layer.w800,
.mw .pop-layer.w1000 { margin-top:50px}
.mw .pop-layer.w600,
.pop-layer.w600.wp { width:600px; margin-left:-300px}
.mw .pop-layer.w800,
.mw .pop-layer.w1000,
.pop-layer.w800.wp,
.mw .pop-layer.inquiry { width:760px; margin-left:-380px}
.pop-layer.w800.wp .layer-body .default,
.mw .pop-layer.w800 .layer-body .default,
.mw .pop-layer.w1000 .layer-body .default{ height:450px}
.pop-layer.w750.wp .layer-body,
.pop-layer.w850.wp .layer-body{ padding:10px 10px}
.pop-layer.w850.wp .layer-body .default th,
.pop-layer.w850.wp .layer-body .default td{ font-size:14px; line-height:20px}
.pop-layer.w850.wp .layer-body .default thead th{ padding:8px 0}
.pop-layer.w850.wp .layer-body .default .edu-time{ text-align:left; padding-left:25px}
.mw .pop-layer.inquiry .layer-body{ padding:0 0 10px 0; overflow:auto}
.mw .pop-layer.inquiry .layer-body .button-wrap{ margin-top:20px}
.mw .pop-layer.inquiry .layer-body li{ padding:10px 10px}
.mw .pop-layer.inquiry .layer-body li:last-child{ padding:20px 10px}
.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]{ height:30px}
.mw .pop-layer.inquiry .layer-body .captcha button{ width:30px}
.mw .pop-layer.inquiry .layer-body .captcha input[type=submit]{ width:40px; font-size:14px}
.mw .pop-layer.w600.change-name .input-wrap{ text-align:left}
.mw .pop-layer.w600.change-name .input-wrap .write-con input{ font-size:14px}
.mw .pop-layer.application .layer-body{ padding:10px; height:450px}
.mw .pop-layer.application .layer-body ul.form-application li span button{ height:30px; line-height:30px}
ul.form-application li span{ border-top:0; border-left:1px solid #f4f2f5}
ul.form-application li:first-child label{ border-top:1px solid #f4f2f5}
ul.form-application li span,
ul.form-application li label{ padding:10px; width:100%; height:auto; line-height:normal}
ul.form-application li span.col3{ width:100%}
ul.form-application li span.col3 label{ line-height:normal}
ul.form-application li.heightauto span.col3{ padding:10px; line-height:normal}
ul.form-application li .file-input-div .file-button{ height:30px; line-height:30px}
ul.form-application input.button-ok{ width:60px; height:30px}
/* 레이어팝업 */
.layer-pop { }
.layer-pop .mw-close { top:10px; right:15px}
.layer-pop.pop-layer .layer-header h1{ padding:10px 0; font-size:20px}
.layer-pop.pop-layer .layer-body{ padding:20px 25px; line-height:24px}
.layer-pop.pop-layer.w800 { width:600px}
.layer-pop.pop-layer.aha .layer-header h1{ padding-left:25px; padding-right:25px}
/* Layout */
.header-content,.footer-content,section article,#location .head{ width:100%}
.body { padding:0 10px}
.body.main { padding:0}
.header { padding:0; height:70px; background:none}
ul.m-utitlity { margin-right:70px}
ul.m-utitlity li { width:70px; height:70px}
.header-content h1 { margin-top:14px; margin-left:10px}
.header .utitlity,
.header .gnb { display:none}
.footer .footer-content,
.footer .footer-menu .footer-content{ padding:20px 10px}
.footer .footer-content h2 { font-size:18px}
.footer em,
.footer .address,
.footer .footer-menu ul { width:100%; text-align:center}
.footer em { margin-right:0; margin-bottom:10px}
.footer em img { width:60px}
.footer .copyright,
.footer .related-link { float:none; clear:both; width:100%; text-align:center}
.footer .address,
.footer .footer-menu ul { margin-bottom:15px}
.footer .footer-menu ul { justify-content:center}
/* CPRVerify 바로가기 버튼 */
.CPRVerify { top:10px; right:290px}
/* Global Navigation Bar */
.gnb ul li { padding:0 10px 0 10px}
.gnb ul li span,
.gnb ul li strong { font-size:14px}
/* Full Down Menu */
.full-down-menu { display:none}
/* Local Navigation Bar */
#location { display:none}
#location .head a { font-size:14px}
#location .head ul.sub { top:34px; width:170px}
#location .head div.home { background-size:contain}
#location .head div.home,
#location .head div.home a { width:43px; height:35px}
#location .head div.depth1,
#location .head div.depth2,
#location .head div.depth3 { width:170px; background-position:100% 50%; background-size:contain}
#location .head div.depth1 a,
#location .head div.depth2 a,
#location .head div.depth3 a{ height:35px; line-height:35px; padding-left:10px}
#location.red,
#location.red .head ul.sub li
#location.blue,
#location.blue .head ul.sub li{ height:35px}
/* Mobile Menu */
.all-menu2 > div { height:1000px}
.all-menu2 .all-menu2-con { padding-left:20px; padding-right:38%; height:70px}
.all-menu2 .all-menu2-con > li{ padding-left:12px; line-height:26px}
.all-menu2 .all-menu2-con > li:nth-child(1),
.all-menu2 .all-menu2-con > li:nth-child(2){ margin-top:2px}
.all-menu2 .all-menu2-con > li:nth-child(odd){ width:38%}
.all-menu2 .all-menu2-con > li:nth-child(even){ width:62%}
.all-menu2 .all-menu2-con > li > img{ margin:0 24px 0 10px; width:20px}
.all-menu2 .all-menu2-con > li > a{ font-size:14px}
#scroller .back-scroller { width:400px}
.btn-nav2,
.all-menu-area,
.trigger-nav-wing,
.trigger-nav-wing [class*="line-"]{ display:block}
.trigger-nav-wing{ width:70px;height:70px}
.trigger-nav-wing [class*="line-"]{ left:24px;top:50%;height:2px}
.trigger-nav-wing:hover .line-m{ width:24px}
.trigger-nav-wing:hover .line-t,
.trigger-nav-wing:hover .line-b{ width:19px}
.trigger-nav-wing .line-m{ width:19px;margin:-1px 0 0}
.trigger-nav-wing .line-t{ width:24px;margin:-10px 0 0}
.trigger-nav-wing .line-b{ width:24px;margin:8px 0 0}
.wing-is-open .trigger-nav-wing{ height:70px;border-left:1px solid #81adcd}
.wing-is-open .trigger-nav-wing .line-m{ width:32px}
.wing-is-open .trigger-nav-wing .line-t{ width:32px;margin-top:-1px;margin-left:-5px}
.wing-is-open .trigger-nav-wing .line-b{ width:32px;margin-top:-1px;margin-left:-5px}
/* Vertical Navigation */
.vNav li a { padding:20px 30px; font-size:16px}
.vNav li a .i { width:22px; height:22px; margin:-10px 0 0 -40px; background-size:16px}
.vNav li li a { padding:12px 40px}
.vNav li.active .i { background-position:0 -32px}
.vNav li.active li a { font-size:15px}
.vNav li.active li { padding:0; font-size:15px}
/* Mypage */
.descrip-color-point.mar-40 { margin-bottom:20px}
.descrip-color-point span,.descrip-color-point strong{ font-size:13px; line-height:20px}
.descrip-color-point.blue span{ width:100%}
.descrip-color-point.blue button.code-regi,.descrip-color-point.blue button.manual-down{ width:auto}
button.aha-ebook-down,.descrip-color-point.blue button{ position:static; bottom:auto; right:auto; margin-top:15px; padding:6px 20px; font-size:13px}
button.aha-ebook-down { padding:10px 10px 10px 40px; background-position:10px 50%; background-size:20px}
button.aha-ebook-down.useinfo,button.aha-ebook-down.solution{ padding-left:50px; background-position:10px 50%; background-size:35px}
button.aha-ebook-down,button.aha-ebook-down.useinfo,button.aha-ebook-down.solution{ width:auto}
button.print-faculty { position:static; top:auto; margin-top:7px}
.descrip-color-point.blue button.manual-down{ padding:10px 60px 10px 10px}
.descrip-color-point.blue button.code-regi{ padding:10px 10px 10px 40px; background-position:10px 50%}
.my-education { margin-top:20px}
.my-education .my-list { padding:15px 10px}
.my-education .my-list button{ font-size:12px; height:25px}
.my-education .my-list button:first-child{ margin-bottom:5px}
.my-education .my-list .my-info,
.my-education .my-list .edu-info{ width:100%; text-align:left}
.my-education .my-list .edu-info{ margin-top:15px; padding-left:5.5%}
.my-education .my-list .edu-info strong{ margin-top:10px; font-size:15px}
.my-education .my-list .my-info .pretest{ width:110px}
.my-education .my-list .my-info .pretest button{ width:110px}
.my-education .my-list .my-info .pass-fail{ margin-left:10px}
/* 로그인 */
.login-wrap { margin-top:20px}
.login-wrap h2 { margin-bottom:30px; font-size:20px}
.login-wrap .form-login,
.login-wrap .kacpr-item { padding:30px 20px; width:49%; height:440px}
.login-wrap .kacpr-item p { line-height:22px}
ul.login select,
ul.login input[type=tel],
ul.login input[type=text],
ul.login input[type=email],
ul.login input[type=submit],
ul.login input[type=password]{ padding-left:10px; height:35px}
ul.login input[type=password],
ul.login input[type=text].user-id,
ul.login input[type=text].user-name{ padding-left:30px; background-position:10px 50%; background-size:15px}
ul.login input[type=submit] { padding-left:0; font-size:16px}
ul.login input[type=checkbox]{ width:15px; height:15px}
ul.login select { background-position:97% -87px}
ul.login .at { line-height:35px}
ul.login li.save-id,
ul.login li.agree-check,
ul.login li.link-item { margin:10px 0}
ul.login li.agree-check { line-height:20px}
ul.login li.agree-check span{ margin-top:10px}
ul.login em { margin:0 15px 0 10px; font-size:16px}
ul.link-kacpr { margin-bottom:20px; padding-bottom:35px}
ul.link-kacpr li em { width:65px; height:55px; line-height:53px}
ul.link-kacpr li em img { width:25px}
ul.link-kacpr li strong { margin-top:10px; font-size:13px}
ul.link-kacpr li { margin:0 8px}
ul.signup-step { margin-bottom:60px}
ul.signup-step li span { font-size:15px}
ul.signup-step li strong { margin:10px 0 5px 0; font-size:20px}
/* 2018.12.27 로그인폼 변경 */
.login-wrap .form-login.login2,
.login-wrap .kacpr-item.item2{ padding:30px 20px; width:100%; height:auto}
.login-wrap .kacpr-item.item2{ margin-top:20px}
.login-wrap .kacpr-item.item2 ul.link-kacpr li{ margin:0 8px}
.login-wrap .kacpr-item.item2 ul.link-kacpr li em{ width:65px}
/* 이메일체크 */
.login-wrap h3,.check-wrap h3{ margin-bottom:30px; font-size:18px; line-height:26px}
.check-wrap.find-idpw { margin-top:40px}
.check-wrap.member-out { margin-top:0}
.check-wrap.find-idpw .form-check.find-result{ font-size:16px}
.check-wrap.find-idpw button{ margin-top:30px; padding:0 50px; height:35px; font-size:16px}
.check-wrap .form-check { padding:30px; width:50%}
.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]{ padding-left:10px; height:35px}
.form-check ul.check input[type=password],
.form-check ul.check input[type=text].user-name{ padding-left:30px; background-position:10px 50%; background-size:15px}
.form-check ul.check input[type=button],
.form-check ul.check input[type=submit]{ font-size:16px}
.form-check ul.check .at,
.form-check ul.check .dash { line-height:35px}
.form-check .select-check { margin-bottom:10px}
.form-check .select-check button{ margin-right:5px; padding-left:17px; background-size:181px}
.form-check .select-check button.active{ background-position:-168px 50%}
/* 회원약관동의 */
.accept-terms h2,
.membership-form h2,
section.sub-content h2.con-title{ margin-bottom:15px; font-size:26px}
section.sub-content.complete-application h2.con-title{ margin-bottom:30px}
.accept-terms .terms-box { padding:20px; height:250px}
.accept-terms .terms-box h1 { font-size:20px}
.accept-terms .terms-box h2 { font-size:16px}
.accept-terms .terms-box .terms-conditions{ margin-bottom:25px; line-height:24px}
.accept-terms .agree-check { margin-top:10px}
.accept-terms .agree-check.all{ margin-top:20px}
.accept-terms .agree-check input[type=checkbox]{ width:15px; height:15px}
/* 등록폼(회원가입-수정,센터정보,교육과정등록) */
ul.form-input li .item,
ul.form-input li .item-contents{ height:50px; line-height:45px}
ul.form-input li .item { padding-top:0; width:20%}
ul.form-input li .item-contents{ width:80%}
ul.form-input li .item-contents .help-inline{ display:block; margin:10px 0 0 0}
ul.form-input li .item-contents button{ padding:0 10px; height:30px; font-size:13px}
ul.form-input li.height-auto .item-contents{ padding-top:10px; padding-bottom:10px; line-height:24px}
ul.form-input li .item-contents .write-con span{ height:30px}
ul.form-input li .item-contents .write-con .file-input-div{ top:9px}
ul.form-input li .item-contents.position select{ margin-bottom:5px}
ul.form-input li.multiple-rows .item{ padding-top:15px; line-height:normal}
ul.form-input li.multiple-rows .item-contents{ padding:0}
ul.form-input li.multiple-rows .item-contents ul li span{ margin-left:30px}
.complete-application ul.form-input li .item-contents.file-down a{ padding:3px 7px; font-size:12px}
/* 회원가입완료 */
.signed-up h2 { margin-bottom:30px}
.signed-up h2 span { font-size:20px}
.signed-up h2 strong { margin-bottom:15px; font-size:26px}
ul.kacpr-service li { padding:25px 0; width:25%}
ul.kacpr-service li img { width:55px}
ul.kacpr-service li em { margin-bottom:10px}
ul.kacpr-service li span { line-height:20px}
ul.kacpr-service li strong { margin-bottom:5px; font-size:16px}
/* 교육신청폼 상세 */
.sub-content.application-form h2{ margin-bottom:30px; font-size:24px}
.sub-content.application-form .course-title{ padding:15px}
.sub-content.application-form .course-title div:last-child{ margin-top:5px}
.sub-content.application-form .course-title strong{ margin-left:30px; font-size:28px; line-height:20px}
.sub-content.application-form .course-title span{ margin-left:10px; font-size:18px}
ul.course-info li { width:100%}
ul.course-info li em { margin-right:20px; padding:10px 15px 10px 15px}
ul.course-info li:nth-child(1) em,
ul.course-info li:nth-child(2) em{ padding-top:10px}
ul.course-info li:nth-child(1) span,
ul.course-info li:nth-child(2) span{ padding-top:0}
/*ul.course-info li:nth-child(11) em{ padding-bottom:10px}
ul.course-info li:nth-child(11) span{ padding-bottom:0px}
ul.course-info li:nth-child(12) em,
ul.course-info li:nth-child(12) span{ display:none}*/
ul.course-info li:nth-child(9) li:nth-child(2) em,
ul.course-info li:nth-child(10) li:nth-child(2) em,
ul.course-info li:nth-child(9) li:nth-child(1) em,
ul.course-info li:nth-child(10) li:nth-child(1) em{ padding-top:10px}
ul.course-info li.receipt1 em,
ul.course-info li.receipt2 em{ padding-bottom:10px}
ul.course-info li.receipt1 span,
ul.course-info li.receipt2 span{ padding-bottom:7px}
ul.course-info li.last { display:none}
ul.course-info li.fee-info .fl-left.half{ width:100% !important}
ul.course-info li li.total-fee em{ padding-top:10px; width:30%}
#popover-edu1,#popover-edu2,#popover-edu3{ left:0; bottom:35px}
.sub-content.application-form .place{ margin-top:10px}
.sub-content.application-form .place .map-info{ height:200px}
.sub-content.application-form .place .map-info,
.sub-content.application-form .place .place-info{ width:50%}
.sub-content.application-form .place .place-info li{ margin-top:10px}
.sub-content.application-form .place .place-info em{ padding:10px 15px}
.sub-content.application-form .place .place-info span{ padding-left:15px; line-height:24px}
.sub-content.application-form .etc-info>div{ margin-left:0; width:100%}
.sub-content.application-form .etc-info{ margin-top:0}
.sub-content.application-form .etc-info>div ul.etc{ margin-top:20px; min-height:auto}
.sub-content.application-form .etc-info>div ul.etc li strong{ margin-bottom:10px; padding:7px 15px 10px 15px; font-size:16px}
.sub-content.application-form .etc-info>div ul.etc li span{ padding-left:15px; line-height:24px}
/* 교육공지문 */
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li a{ padding:5px 10px; font-size:13px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span{ line-height:22px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li strong{ font-size:15px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span span{ font-size:13px}
/*.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em img{ width:230px}*/
.sub-content.application-form .course-description{ margin-top:40px}
.sub-content.application-form .course-description h3{ margin-bottom:15px; font-size:20px}
.sub-content.application-form .course-description .descript{ line-height:24px}
.sub-content.application-form .enter-information{ margin-top:20px}
.sub-content.application-form .enter-information li{ padding:10px 15px}
.sub-content.application-form .enter-information li:first-child{ padding-top:8px; padding-bottom:8px}
.sub-content.application-form .enter-information li strong{ font-size:16px}
.sub-content.application-form .enter-information li button{ padding:7px 15px}
.sub-content.application-form .enter-information li:first-child button{ right:15px}
.sub-content.application-form .enter-information.additional .write-con span{ height:30px; line-height:30px}
.sub-content.application-form .enter-information.additional .write-con input{ font-size:14px}
.sub-content.application-form .enter-information.additional button{ height:30px}
.sub-content.application-form .enter-information.additional select{ padding-right:30px}
.sub-content.application-form .enter-information.additional li.title-course{ font-size:16px}
.sub-content.application-form .completed{ padding:10px 0; font-size:16px}
/* Main */
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link{ padding:20px}
section.course-schedule { background-image:url(/images/main/back-m-section1.png)}
section.institution-archive { background-image:url(/images/main/back-m-section2.png)}
section.social-contribution { background-image:url(/images/main/back-m-section3.png)}
section.newsletter-link { background-image:url(/images/main/back-m-section4.png)}
section.promotion-box .swiper-button-prev1,section.promotion-box .swiper-button-next1{ display:none}
section.promotion-box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:105px}
section.promotion-box .swiper-slide.slider-1,
section.promotion-box .swiper-slide.slider-2{ height:300px}
section.promotion-box .swiper-slide.slider-2{ background-image:url(/images/@tmp/t-slider-4.jpg)}
section.promotion-box .promotion-title{ margin-top:-115px}
section.promotion-box h1 { font-size:38px}
section.promotion-box p { font-size:16px}
section.course-schedule .search-popup{ margin:-90px -20px 0 -20px}
section.course-schedule .search-popup .popup,
section.course-schedule .search-popup .total-search{ width:100%}
section.course-schedule .search-popup .total-search{ padding:20px 35px; height:90px}
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 span{ width:82%}
section.course-schedule .search-popup .total-search strong{ margin-bottom:0; width:17%}
section.course-schedule .course-guide{ margin-top:20px}
.course-guide ul.two-course { width:100%}
.course-guide ul.two-course li{ height:270px}
.course-guide ul.two-course li.aha-course,
.course-guide ul.two-course li.kacpr-course{ padding:30px 20px}
.course-guide ul.two-course li strong{ font-size:24px; line-height:30px}
.course-guide ul.two-course li a.pc,.course-guide ul.two-course li .pc{ display:none}
.course-guide ul.two-course li .mobile{ display:block}
.course-guide ul.two-course li a.mobile{ display:inline-block}
.course-guide .guide { display:none}
section.course-schedule .schedule-search{ margin-top:30px}
.schedule-search .cpr-slogan{ display:none}
.schedule-search .course-wrap{ margin-top:0}
.schedule-search .course-wrap .course-image{ margin-bottom:10px; width:100%; height:120px}
.schedule-search .course-wrap .course-image strong{ line-height:118px}
.schedule-search .course-wrap .course-search{ width:100%; height:87px}
.institution-archive .institution-find{ padding:0 60px; width:100%; height:auto}
.institution-archive .institution-find .swiper-button-prev3{ left:0 !important}
.institution-archive .institution-find .swiper-button-next3{ right:0 !important}
.institution-find .area-logo{ padding:10px 14px; width:100%}
.institution-find .area-logo strong{ font-size:13px}
.institution-find .area-logo img{ margin-bottom:5px}
.institution-archive .term-dictionary{ display:none}
section.social-contribution .swiper-container{ padding:0 60px}
section.social-contribution .swiper-button-prev4,
section.social-contribution .swiper-button-next4{ display:block}
section.social-contribution .swiper-button-next4{ right:0 !important}
ul.contribution li { height:350px}
ul.contribution li em { height:130px}
ul.contribution li span,
ul.contribution li strong { padding:0 20px}
ul.contribution li span { display:none}
ul.contribution li strong { margin-top:20px}
ul.contribution li a { left:5px; bottom:20px}
.newsletter-sns .newsletter { padding:0 60px; width:100%}
.newsletter-sns .newsletter .swiper-button-prev5{ left:0 !important}
.newsletter-sns .newsletter .swiper-button-next5{ right:0 !important}
ul.kacpr-letter { width:100%}
ul.kacpr-letter li span span{ font-size:20px}
ul.kacpr-letter li span strong{ font-size:28px}
ul.kacpr-letter li span a { padding-right:20px; width:120px; height:35px; font-size:14px; line-height:35px}
.newsletter-sns .facebook,
.link-service .month-schedule{ display:none}
section.newsletter-link .link-service{ margin-top:30px}
.link-service .link-item { width:100%}
.link-service .link-item .cpr-order{ width:50%; border-right:1px solid #e0e0e0}
ul.apply { width:50%}
ul.apply li { width:100%}
ul.apply li:first-child { display:none}
ul.apply li:last-child a { width:100px}
ul.apply li strong.mobile { display:block}
ul.apply li a.mobile { display:inline-block}
ul.apply li a.pc,
ul.apply li strong.pc { display:none}
section.sponsorship { padding:20px 0}
section.sponsorship h1 { font-size:36px}
section.sponsorship span { display:block; margin-right:0; margin-bottom:15px; font-size:16px}
/* Content */
section.sub-content { padding:30px 0}
h2.con-headtitle { margin-bottom:30px}
h2.con-headtitle span { font-size:18px}
h2.con-headtitle strong { font-size:28px}
/* Hgroup */
.hgroup { height:100px; line-height:98px; background-size:cover}
.hgroup h2.depth2-title strong{ font-size:28px}
/* 교육코스 검색 */
.course-search select { padding-right:35px; height:40px}
.course-search input[type=text],
.course-search input[type=button],
.course-search input[type=submit]{ height:40px}
.course-search input[type=button],
.course-search input[type=submit]{ width:60px}
.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%}
/* 교육신청(리스트형) */
ul.flag-group { margin:20px 0}
ul.flag-group li { padding:6px 10px; height:38px}
.edu-list { margin-top:20px}
.edu-list h3 { margin-bottom:20px; font-size:20px}
.edu-list p { padding:10px 15px; font-size:16px}
.year-month { margin-top:0; text-align:center}
.year-month span,
.year-month strong { font-size:26px; line-height:20px}
.year-month button.prev-month{ margin-right:40px}
.year-month button.next-month{ margin-left:40px}
.annual-schedule { margin-left:0; margin-top:20px; text-align:center}
.annual-schedule a { height:40px; line-height:36px}
section.application #h-calendar ul.tab-menu{ display:none}
ul.month-list li { padding:0 10px; height:55px; line-height:50px}
ul.month-list li:first-child{ height:40px; line-height:35px}
ul.month-list li:first-child strong{ font-size:13px}
ul.month-list .course-name { width:18%}
ul.month-list .training-time{ width:18%}
ul.month-list .personnel { width:17%}
ul.month-list .institution-name{ width:30%; line-height:20px}
ul.month-list li.two-days { padding-top:2px}
ul.month-list li.two-days em.days{ margin:3px 10px 3px 0; padding:3px 3px; font-size:13px; line-height:14px}
ul.month-list button { top:10px; right:10px; padding-left:10px; width:90px; height:30px; font-size:13px; background-position:100% 0px; background-size:30px}
ul.month-list button:hover,
ul.month-list button:active,
ul.month-list button:focus { background-position:100% -30px}
ul.month-list .course-name span{ width:70%; line-height:18px}
/* 교육신청(캘린더형) */
.calendar-month,ul.cal-head { display:none}
/* 평가설문지 */
.questionnaire-title { margin-bottom:30px}
.questionnaire-title strong { font-size:24px}
.questionnaire h3 { margin-bottom:30px; font-size:18px; line-height:26px}
.questionnaire .questionnaire-wrap h3{ margin-bottom:10px; line-height:20px}
.questionnaire-wrap .course-title{ padding:15px 15px}
.questionnaire-wrap .course-title span,
.questionnaire-wrap .course-title strong{ line-height:20px}
.questionnaire-wrap .course-title strong{ font-size:20px}
.questionnaire-wrap .date-place{ margin-top:10px}
.questionnaire-wrap .date-place span{ margin-left:15px; font-size:16px}
.questionnaire-wrap .date-place span:first-child{ margin-left:0}
.questionnaire-wrap .public-info,
.questionnaire-wrap .public-job{ padding-left:15px; padding-right:15px}
.questionnaire-wrap .public-job,
.questionnaire-wrap .public-info .information,
.questionnaire-wrap .public-info .experience{ height:45px; line-height:39px}
.questionnaire-wrap .public-info .information,
.questionnaire-wrap .public-info .experience{ width:100%; text-align:left}
.questionnaire-wrap .public-info .experience{ border-top:0}
.questionnaire-wrap .public-info input[type=text]{ height:30px; font-size:16px}
.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:15px}
.questionnaire-wrap .public-info .information input.input-mini{ margin-left:15px}
ul.ratings-5 li,
.questionnaire-wrap .rating-question .rating,
.questionnaire-wrap .rating-question .question{ height:auto}
.questionnaire-wrap .rating-question .rating,
.questionnaire-wrap .rating-question .question{ width:100%}
.questionnaire-wrap .rating-question .question{ padding:15px 15px}
ul.ratings-5 li { padding:10px 0; width:50%}
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:50%}
ul.ratings-5 li:nth-child(7),
ul.ratings-5 li:nth-child(8){ border-bottom:1px solid #f4f2f5}
ul.ratings-5 li:nth-child(9),
ul.ratings-5 li:nth-child(10){ border-bottom:0}
ul.ratings-5 li label { margin:0 0 3px 0; font-size:12px}
ul.item-selection-type li { padding:15px 15px}
ul.item-selection-type li span{ font-size:12px}
ul.item-selection-type li strong{ margin-bottom:10px}
ul.item-selection-type li span span{ width:49%}
.questionnaire-wrap .description textarea{ height:80px}
/* PreTest */
.pre-test h3 { margin-bottom:30px; padding:15px 20px}
.pre-test h3 span,
.pre-test h3 strong { font-size:16px}
.pre-test h3 span { margin-right:110px}
.pre-test h3 button { top:9px; right:20px; padding:0 10px 0 30px; height:35px; font-size:14px; background-position:10px 50%; background-size:16px}
.pre-test .pre-test-wrap { margin-top:20px}
.pre-test .question-answer { padding:10px 20px; line-height:24px}
.pre-test .pre-description .pre-button{ position:static; right:auto; bottom:auto; margin-top:10px}
.pre-test .pre-description .pre-button button{ font-size:12px; height:30px; padding:0 15px}
ul.PreTest li { padding:12px 0}
/* 교육과정소개 */
.course-list .course-box { margin:3% 0 0 3%; padding:20px 10px; width:47%; height:200px}
.course-list .course-box:nth-child(3){ margin-top:3%}
.course-list .course-box:nth-child(4),
.course-list .course-box:nth-child(10){ margin-left:3%}
.course-list .course-box:nth-child(3),
.course-list .course-box:nth-child(5),
.course-list .course-box:nth-child(9),
.course-list .course-box:nth-child(11){ margin-left:0}
.course-list .course-box span{ font-size:16px; line-height:24px}
.course-list .course-box strong{ margin-bottom:10px; font-size:22px}
.course-list .course-box a,
.course-list .course-box button{ font-size:13px}
.course-list .course-box .link-button{ margin-top:30px}
.course-list .course-box a.application.pc{ display:none}
.course-list .course-box a.application.mobile{ display:inline-block}
.course-headtitle { margin-bottom:20px}
.course-headtitle strong { font-size:28px}
.course-details h3 { margin-bottom:25px; font-size:18px; line-height:24px}
.course-details .course-summary{ width:50%}
ul.qualifications li { padding:28px 0 0 15px; height:140px; background-size:80px}
ul.qualifications li strong { font-size:18px; line-height:20px}
.course-summary .details-contents{ padding:10px 15px; height:110px}
section.sub-content.acls .course-details,
section.sub-content.acls .course-details .course-summary{ height:600px}
section.sub-content.bls.instructor .course-summary .details-contents{ height:210px}
.course-summary .details-contents p{ line-height:20px}
.course-summary .details-contents strong{ font-size:12px; line-height:18px}
.course-details .course-imagery{ width:45.5%}
.program { margin-top:35px}
.program h4 { font-size:20px}
ul.show-step li span { margin-top:5px; font-size:13px}
ul.show-step li strong { margin-top:3px; padding:0 10px 3px 10px; font-size:20px}
ul.program-step { margin-top:10px}
ul.program-step li { margin-top:7px; padding:13px 10px}
ul.program-step li.sub-list { padding-left:15px; padding-right:15px}
ul.program-step li.sub-list ul li{ padding:10px 15px 10px 30px; background-position:15px 50%}
ul.program-step.color { width:100%}
ul.program-step.color li span{ font-size:13px}
ul.program-step.color li strong{ font-size:16px}
ul.program-step.color.public li:nth-child(1),
ul.program-step.color.kals li:nth-child(1),
ul.program-step.color.kals li:nth-child(2),
ul.program-step.color.acls li:nth-child(6),
ul.program-step.color.acls li:nth-child(4),
ul.program-step.color.acls li:nth-child(3),
ul.program-step.color.acls li:nth-child(2),
ul.program-step.color.acls li:nth-child(1),
ul.program-step.color.bls li:nth-child(1){ padding:2px 0 5px 0}
ul.program-step.color.kals li:nth-child(3){ padding:0 0 2px 0}
/* 교육기관찾기 */
.find-institution .find-title{ padding:10px 20px}
.find-institution .find-title span{ margin-right:5px}
.find-institution .image-map .map-holder{ margin:15px 10px}
.find-institution .area-search{ margin:10px 20px 70px 20px}
.find-institution .area-search span{ margin-top:5px}
.find-institution .area-search p{ padding-right:30px}
.find-institution .area-search label{ width:100%; line-height:40px}
.find-institution .area-search select{ margin-left:1.5%; padding-right:40px; width:42.75%; height:40px}
.find-institution .area-search select.sel-area{ margin-left:0}
.find-institution .area-search input[type=text],
.find-institution .area-search select.sel-course{ margin-left:0; width:87%}
.find-institution .area-search label,
.find-institution .area-search input[type=text],
.find-institution .area-search input[type=button],
.find-institution .area-search input[type=submit]{ height:40px}
.find-institution .area-search input[type=button],
.find-institution .area-search input[type=submit]{ width:13%}
.find-institution .find-descrip span{ line-height:20px}
.institution-list { margin-top:20px}
.institution-list .thumb-list .no-message,
.institution-list .thumb-list span,
.institution-list .thumb-list strong{ line-height:20px}
.institution-list .institution-name{ width:27%}
.institution-list .institution-address{ width:45%}
.institution-list .institution-location{ width:28%}
.institution-list button { padding-left:25px; padding-right:10px; height:30px; background-size:30px}
.institution-list button:hover,
.institution-list button:active,
.institution-list button:focus{ color:#fff; background-position:0 -30px}
ul.institution-infomation2 li,
ul.institution-infomation li{ padding:10px 20px}
/* 교육기관신청 */
.training-site .program .approval-description{ margin-top:15px}
.training-site .program .approval-description p{ line-height:24px}
.training-site ul.program-step li.sub-list li{ padding-left:27px; font-size:12px}
.training-site .button-online,
.training-site .button-offline{ width:120px; height:30px; font-size:12px; line-height:30px}
.training-site .button-offline{ margin-top:5px}
/* 신청서 작성 */
.complete-application p,
.complete-application ul.form-input,
section.sub-content.complete-application h3{ width:100%}
.complete-application ul.form-input li.both-side .both-l .item,
.complete-application ul.form-input li.both-side .both-r .item{ width:40%}
.complete-application ul.form-input li.both-side .both-l .item-contents,
.complete-application ul.form-input li.both-side .both-r .item-contents{ width:60%}
.complete-application p { margin-top:10px; font-size:13px}
section.sub-content.complete-application h3{ font-size:16px}
.complete-application .agree-use,
.complete-application .agree-use p,
.complete-application .agree-use input{ font-size:15px}
.complete-application .agree-use p{ margin:30px 0}
.complete-application .agree-use span{ margin:0 50px}
.complete-application .agree-use strong{ margin-top:30px; padding-bottom:10px; font-size:22px}
.complete-application .support-description{ margin-top:30px; padding:15px 0}
.complete-application .support-description span span{ font-size:13px}
/* 수료증발급-환불 안내 */
ul.certificates-apply { margin-bottom:15px}
ul.certificates-apply li { margin-left:2%; width:32%; height:210px}
ul.certificates-apply li:nth-child(2),
ul.certificates-apply li:nth-child(3){ background-size:95px; background-position:50% 135px}
ul.certificates-apply li a { padding:7px 15px 7px 40px; font-size:13px}
ul.certificates-apply li span{ margin-left:20px; padding-left:10px; line-height:24px}
ul.certificates-apply li strong{ margin-top:10px; margin-bottom:10px; font-size:20px}
section.certificates-guide .default table{ margin-bottom:15px}
ul.dot-list li { padding-left:10px; line-height:24px; background-position:0 10px; background-size:2px}
.refund-info { margin-bottom:15px}
.refund-info h4 { margin:25px 0}
.refund-info h4 span img { width:25px}
.refund-info h4 strong { padding-top:10px; font-size:20px}
.refund-info ul li { padding:20px 0; height:105px}
.refund-info ul li:last-child{ padding:40px 0}
.refund-info ul li a { display:block; margin:0 auto; margin-top:10px; padding:7px 15px 7px 40px; width:175px; font-size:13px}
/* 검증프로그램 안내 */
.program-down { padding:20px 0}
.description-box div { margin-bottom:30px; width:100%}
.description-box div:nth-child(odd),
.description-box div.wide div:nth-child(even){ padding-right:0}
.description-box div p { margin-top:15px; line-height:20px}
.description-box figure { margin-top:10px}
.description-box div h3 { font-size:18px}
.description-box ul { margin-top:10px}
.description-box ul li em { width:20%}
.description-box ul li span { padding:4px 0 0 15px; width:79%; line-height:20px}
/* 심폐소생술이란? */
section.heart-attack-cpr h2.con-title span{ font-size:20px}
section.heart-attack-cpr h2.con-title span.red-block{ margin-top:5px; font-size:14px}
section.heart-attack-cpr .red-size{ margin-bottom:10px; font-size:16px}
section.heart-attack-cpr .cpr-summary{ margin-top:30px}
section.heart-attack-cpr .cpr-summary p{ line-height:24px}
section.heart-attack-cpr .cpr-summary .cpr-image1{ width:37%}
section.heart-attack-cpr .cpr-summary .cpr-image2{ width:40.5%}
section.heart-attack-cpr .cpr-summary .cpr-image1,
section.heart-attack-cpr .cpr-summary .cpr-summary1{ height:340px}
section.heart-attack-cpr .cpr-summary .cpr-image2,
section.heart-attack-cpr .cpr-summary .cpr-summary2{ height:280px}
section.heart-attack-cpr .cpr-summary .cpr-summary1{ width:58%}
section.heart-attack-cpr .cpr-summary .cpr-summary2{ width:54.5%}
ul.cpr-item { margin-top:50px}
ul.cpr-item li { padding:13px 15px; height:150px}
ul.cpr-item li em { width:63px; height:50px; background-size:63px}
ul.cpr-item li span { margin-top:15px; font-size:13px; line-height:19px}
.cpr-down { margin-top:30px}
.cpr-down span { display:block; padding:7px 15px; margin-top:7px}
.cpr-down span:first-child { margin-top:0}
.cpr-down span a { padding-right:25px}
section.heart-attack-cpr .acute-myocardial-infarction-image{ width:40%}
section.heart-attack-cpr .acute-myocardial-infarction-summary{ width:56%}
section.heart-attack-cpr .survival-chain{ margin:30px 0 45px 0}
section.heart-attack-cpr .survival-chain p{ margin-bottom:10px}
section.heart-attack-cpr .survival-chain div{ margin-left:2%; width:32%}
section.heart-attack-cpr .survival-chain div.chain4,
section.heart-attack-cpr .survival-chain div.chain5{ margin:0 9%}
section.heart-attack-cpr .survival-chain div h4{ padding:10px 0; font-size:18px}
section.heart-attack-cpr .survival-chain div span{ margin-top:10px; line-height:24px}
section.heart-attack-cpr .survival-chain div strong{ margin-top:15px; font-size:18px}
section.heart-attack-cpr .main-point{ padding:25px}
section.heart-attack-cpr .main-point strong{ font-size:16px}
section.heart-attack-cpr .main-point span span{ font-size:20px}
section.heart-attack-cpr .main-point span strong{ font-size:26px}
section.heart-attack-cpr .main-point .info-grey{ margin:25px 0 10px 0}
section.heart-attack-cpr .cpr-step{ margin-top:15px}
section.heart-attack-cpr .cpr-step:first-child{ margin-top:0}
section.heart-attack-cpr .cpr-step .step{ margin-bottom:15px; width:100%; border:0}
section.heart-attack-cpr .cpr-step .step em{ margin-top:3px; margin-left:10px; float:left}
section.heart-attack-cpr .cpr-step .step span{ font-size:16px}
section.heart-attack-cpr .cpr-step .step,
section.heart-attack-cpr .cpr-step .action{ height:auto}
section.heart-attack-cpr.public .cpr-step:nth-child(5) .step,
section.heart-attack-cpr.public .cpr-step:nth-child(5) .action,
section.heart-attack-cpr.public .cpr-step:last-child .step,
section.heart-attack-cpr.public .cpr-step:last-child .action,
section.heart-attack-cpr.witness .cpr-step:last-child .step,
section.heart-attack-cpr.witness .cpr-step:last-child .action{ height:auto}
section.heart-attack-cpr .cpr-step .action{ width:100%}
section.heart-attack-cpr .cpr-step .action ul li em,
section.heart-attack-cpr .cpr-step .action ul li span{ vertical-align:top}
section.heart-attack-cpr .cpr-step .action ul li span span{ margin-top:10px; line-height:24px}
section.heart-attack-cpr .cpr-step .action ul li span strong{ font-size:18px}
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li span,
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li strong{ padding-left:15px}
section.heart-attack-cpr .cpr-step:nth-child(even) .action ul li span{ padding-right:10px}
/* 심폐소생술통계 */
/* 국민행동지침 */
ul.guidelines { margin:43px 0 40px 0}
ul.guidelines li strong { margin-top:-43px; font-size:16px}
ul.guidelines li span span { margin:0 auto; margin-top:20px; padding:15px; width:160px; height:160px}
ul.guidelines li span span span em{ margin-top:10px}
ul.guidelines li .guideline-item{ margin-top:15px}
ul.guidelines li .guideline-item span{ margin-top:10px}
ul.guidelines li .guideline-item strong{ font-size:18px}
ul.prevention li em,
ul.prevention li span { height:65px}
ul.prevention li em { padding-top:17px; width:20%}
ul.prevention li em img { width:40px}
ul.prevention li span { padding:20px 10px 0 15px; width:80%; line-height:20px}
ul.prevention li:nth-child(2) span,
ul.prevention li:nth-child(3) span,
ul.prevention li:nth-child(4) span,
ul.prevention li:nth-child(5) span,
ul.prevention li:nth-child(7) span{ padding-top:12px}
/* 후원안내 */
.sponsorship-guide { line-height:26px}
.sponsorship-guide .summary-kacpr{ margin:30px 0}
.sponsorship-guide .summary-kacpr .summary,
.sponsorship-guide .summary-kacpr .kacpr-image{ height:430px}
.sponsorship-guide .summary-kacpr .summary{ padding:30px 40px; width:65%}
.sponsorship-guide .summary-kacpr .kacpr-image{ width:35%}
ul.about-kacpr { margin:30px 0 40px 0}
ul.about-kacpr li { padding:25px 0; height:170px}
ul.about-kacpr li strong { line-height:20px}
.sponsorship-guide .support-info .bank-info,
.sponsorship-guide .support-info .sponsorship-inquiry{ height:240px}
.sponsorship-guide .support-info .bank-info{ padding:30px 0; width:69.5%}
.sponsorship-guide .support-info .bank-info h4{ margin-bottom:25px}
.sponsorship-guide .support-info .bank-info h4 span,
.sponsorship-guide .support-info .bank-info h4 strong{ font-size:26px}
.sponsorship-guide .support-info .bank-info span,
.sponsorship-guide .support-info .bank-info strong{ font-size:16px}
.sponsorship-guide .support-info .bank-info strong{ margin-bottom:24px}
.sponsorship-guide .support-info .bank-info a{ padding:3px 15px 3px 40px; font-size:13px; background-size:19px}
.sponsorship-guide .support-info .sponsorship-inquiry{ padding:60px 0; width:30%; background-size:180px}
.sponsorship-guide .support-info .sponsorship-inquiry span{ font-size:18px}
.sponsorship-guide .support-info .sponsorship-inquiry strong{ font-size:20px}
.sponsorship-guide .info-grey{ margin-top:10px}
/* 10년사 */
.ten-years .summary { padding:55px 0}
.ten-years .summary,
.ten-years .ten-years-image { height:550px}
.ten-years .summary em { margin-bottom:70px}
.ten-years .summary em img { width:330px}
.ten-years .summary span { margin:15px 0 50px 0; line-height:24px}
.ten-years .summary strong { font-size:27px}
.ten-years .summary button { padding:0 50px 0 20px; height:35px; font-size:14px; background-size:17px}
.ten-years .ten-years-image { background-size:cover}
/* 협회일정 */
section.sub-content.kacpr-schedule .search-schedule{ margin-bottom:30px}
section.sub-content.kacpr-schedule .year-month{ margin-bottom:25px}
section.sub-content.kacpr-schedule .searchForm{ margin-bottom:0; margin-top:20px; width:100%}
ul.schedule-icon { margin-top:0}
section.sub-content.kacpr-schedule ul.cal-body li{ height:110px}
section.sub-content.kacpr-schedule .calendar-month,
section.sub-content.kacpr-schedule ul.cal-head{ display:block}
section.sub-content.kacpr-schedule ul.cal-body li span span{ display:none}
section.sub-content.kacpr-schedule ul.cal-body li span { display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:5px}
ul.calendar-detail li { padding:10px 20px; line-height:24px}
ul.calendar-detail li:first-child{ padding:20px 20px}
ul.calendar-detail li:last-child{ padding:30px 20px}
ul.calendar-detail li strong{ font-size:18px}
ul.calendar-detail li span span{ margin-left:30px}
ul.calendar-detail li .add-file{ margin-top:10px}
ul.calendar-detail li .add-file button{ margin-left:5px; height:25px; font-size:13px}
ul.calendar-detail li .add-image{ margin-top:30px}
div.schedule-item{ margin-bottom:30px}
div.schedule-item div{ padding:15px 15px}
div.schedule-item div span em img{ width:25px}
div.schedule-item div strong{ font-size:16px; line-height:20px}
div.schedule-item div span strong{ font-size:18px}
/* 용어사전 */
section.sub-content.dictionary .institution-archive h3{ font-size:20px}
section.sub-content.dictionary .institution-archive .term-dictionary{ display:block; margin:0 auto; margin-top:50px; width:70%; height:auto; background-image:none}
section.sub-content.dictionary .institution-archive .search-word{ margin-top:0}
section.sub-content.dictionary .institution-archive .search-word,
section.sub-content.dictionary .institution-archive ul.korean-index{ width:100%}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ width:90%}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ width:10%}
section.sub-content.dictionary .institution-archive .search-word input[type=text],
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ height:40px}
section.sub-content.dictionary .institution-archive ul.korean-index li{ height:38px}
section.sub-content.dictionary .institution-archive ul.korean-index li a{ font-size:20px; line-height:35px}
ul.word-list { margin-top:30px}
ul.word-list li { padding:15px 20px}
ul.word-list li span,
ul.word-list li strong { display:block; width:100%; font-size:16px}
ul.word-list li span { margin-top:10px}
/* 검색결과 */
.kacpr-search h3 span,
.kacpr-search h3 strong { font-size:28px}
.kacpr-search .search-keyword{ margin:25px 0}
.kacpr-search .search-keyword input[type=text]{ width:40%}
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ width:7%}
.kacpr-search .search-keyword input[type=text],
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ height:40px}
.kacpr-search .result-wrap { padding:20px}
.kacpr-search .result-wrap h4{ font-size:20px}
.kacpr-search .result-wrap div span{ line-height:22px}
/* Newsletter(소식지) */
.newsletter-list .list-select{ margin-bottom:10px}
.newsletter-list .list-select strong{ margin-top:20px; width:41.5%; font-size:16px}
.newsletter-list .list-select select{ width:58.5%; height:40px; background-position:100% -85px}
.newsletter-list .newsletter-con,
.newsletter-list .newsletter-image{ height:450px}
.newsletter-list .newsletter-image{ padding:90px 40px}
.newsletter-list .newsletter-image em{ width:auto; height:280px}
.newsletter-list .newsletter-image span{ width:30px; height:90px; background-size:12px}
.newsletter-list .newsletter-image button{ width:30px; height:45px; background-size:30px}
.newsletter-list .newsletter-image button.next{ background-position:50% -45px}
.newsletter-list .newsletter-con{ padding:30px 25px}
.newsletter-list .newsletter-con span{ margin-bottom:10px}
.newsletter-list .newsletter-con strong{ font-size:24px}
.newsletter-list .newsletter-con .button-down{ padding:5px 0; width:110px; font-size:13px}
.newsletter-list .newsletter-con ol{ margin:20px 0 20px 18px}
.newsletter-list .newsletter-con ol li{ line-height:26px}
/* 백서 */
.white-book .book { position:static; top:auto; left:auto; margin:0 auto; margin-top:140px}
.white-book .book a { padding:7px 30px 7px 10px; font-size:14px; background-size:15px}
.white-book .message { margin:50px 0 0 0; width:100%; text-align:center}
/* FAQ */
.faq .question { padding-left:15px; width:40px}
.trigger-button { padding:10px 0; background-position:97% -64px}
.trigger-button.active { background-position:97% 25px}
.trigger-button .question { font-size:24px}
.trigger-button span { margin-left:0; font-size:15px}
.trigger-button span strong { font-size:13px}
.accordion { padding:15px 0}
.accordion div { padding:0 20px 0 45px; line-height:24px}
.accordion div a { padding:5px 15px; font-size:13px}
.accordion.active thead th,.accordion.active tbody th,.accordion.active tbody td{ font-size:13px; line-height:22px}
.accordion.active thead th { padding:5px 0}
.accordion.active tbody th,.accordion.active tbody td{ padding:5px 10px}
.accordion.active ul.block-list li{ width:25%}
.accordion.active ul.block-list li span{ font-size:13px}
.no-result{ padding:20px 0}
/* 홍보영상(Youtube) */
ul.media li { margin-left:2%; margin-top:2%; padding:20px; width:32%; height:200px}
ul.media li:nth-child(1),
ul.media li:nth-child(4),
ul.media li:nth-child(7),
ul.media li:nth-child(10) { margin-left:0}
ul.media li:nth-child(5),
ul.media li:nth-child(9) { margin-left:2%}
ul.media li:nth-child(4) { margin-top:2%}
ul.media li strong { font-size:18px; line-height:26px}
ul.media li.no-message span { font-size:15px}
.board-content div.youtube { width:600px}
.board-content div.youtube iframe{ width:600px; height:450px}
.webhard-info { margin-bottom:20px; padding:10px 0; height:auto; text-align:center; background-position:100% 0; background-size:cover}
.webhard-info span,
.webhard-info strong { margin-left:0; line-height:22px}
.webhard-info strong { font-size:16px}
.webhard-info span span { margin-left:0}
/* 서식다운로드 */
ul.media.archive li { height:230px}
ul.media.archive li span.archive-con{ line-height:22px}
ul.media.archive li span.archive-date{ bottom:20px; font-size:13px}
ul.media.archive li span a,
ul.media.archive li span button{ padding:0 15px; font-size:13px}
ul.media.archive li span a { padding:8px 15px}
/* 협회소개 */
section.sub-content.greeting .greeting-head{ margin-left:-10px; margin-right:-10px; padding:0 10px}
section.sub-content.greeting .greeting-head>div,
section.sub-content.greeting .greeting-message{ width:100%}
section.sub-content.greeting .greeting-head{ margin-top:40px}
section.sub-content.greeting .greeting-head,
section.sub-content.greeting .greeting-head>div{ height:220px}
section.sub-content.greeting .greeting-head>div{ padding-top:25px}
section.sub-content.greeting .greeting-head span{ font-size:24px}
section.sub-content.greeting .greeting-head strong{ font-size:26px}
section.sub-content.greeting .greeting-head em img{ width:230px}
section.sub-content.greeting .greeting-head span{ margin-top:20px}
section.sub-content.greeting .greeting-message{ margin-top:20px}
section.sub-content.greeting .greeting-message p{ line-height:24px}
section.sub-content.greeting .greeting-message strong{ margin-top:20px}
.organization-chart { width:720px}
.organization-chart .chart-box{ padding:10px 0; width:200px; height:70px; background-size:contain}
.organization-chart .chart-box strong{ font-size:18px}
.organization-chart .row2 { width:460px}
.organization-chart .row4 div,
.organization-chart .row1,.organization-chart .row3,.organization-chart .row5{ width:200px}
.organization-chart .row2,.organization-chart .row3,.organization-chart .row4{ margin-top:30px}
.organization-chart .row2,.organization-chart .row4{ background-position:0 35px}
.organization-chart .row2 .chart-box:last-child{ margin-left:60px}
.organization-chart .row5 { margin-left:-100px}
.organization-chart ul { margin-top:15px}
.organization-chart ul li { padding:7px 0; height:60px}
.organization-chart ul li span{ margin-top:3px; font-size:13px}
.organization-chart ul li strong{ font-size:16px}
.history h2.his-headtitle { padding-bottom:25px}
.history h2.his-headtitle span{ font-size:18px}
.history h2.his-headtitle strong{ font-size:28px}
.wrap-history { margin-top:25px}
.wrap-history .year-tab { margin-bottom:15px}
.wrap-history .year-tab em { margin-bottom:5px}
.wrap-history .year-tab em img{ width:60px}
.wrap-history .year-tab strong{ margin:0 10px; font-size:30px}
.wrap-history ul.history-list{ margin-bottom:20px}
.wrap-history ul.history-list li{ margin-top:10px}
.wrap-history ul.history-list li em{ margin:10px 0}
.wrap-history ul.history-list li span,
.wrap-history ul.history-list li strong{ line-height:20px}
.wrap-history ul.history-list li span{ width:84%}
.wrap-history ul.history-list li strong{ width:14%}
.wrap-history .history-l .year-tab{ margin-right:-4px}
.wrap-history .history-r .year-tab{ margin-left:-5px}
.wrap-history .history-l ul.history-list{ margin-right:70px}
.wrap-history .history-r ul.history-list{ margin-left:70px}
.wrap-history .his2004,
.wrap-history .his2007,
.wrap-history .his2010,
.wrap-history .his2012,
.wrap-history .his2015 { margin-top:-15px}
.wrap-history .his2002,
.wrap-history .his2005,
.wrap-history .his2009,
.wrap-history .his2011,
.wrap-history .his2013,
.wrap-history .his2016,
.wrap-history .his2017,
.wrap-history .his2018,
.wrap-history .his2019,
.wrap-history .his2021,
.wrap-history .his2022,
.wrap-history .his2023,
.wrap-history .his2024 { margin-top:80px}
.mission .diagram { margin-top:35px}
.mission .mission-summary { line-height:24px}
.vision h3 { font-size:24px}
.vision .vision-summary h3 { margin-top:15px; font-size:20px}
.vision .vision-summary p { line-height:24px}
ul.vision-item { margin:20px 0 30px 0}
ul.vision-item li { margin:0 15px; padding-top:80px; width:170px; height:179px}
ul.vision-item li span { font-size:16px}
ul.vision-item li strong { font-size:18px}
ul.core-values li { margin-left:0; margin-top:1px; padding:30px 0; width:100%; height:100px}
ul.core-values li span { margin-top:15px; line-height:24px}
ul.core-values li strong { margin-top:8px; font-size:20px}
ul.core-values li.active { width:100%; height:auto}
ul.core-values li.active.values1 strong,
ul.core-values li.active.values2 strong,
ul.core-values li.active.values3 strong,
ul.core-values li.active.values4 strong,
ul.core-values li.active.values5 strong{ margin-top:0}
section.finance-accounting .default{ margin-top:0}
section.finance-accounting .default tfoot th:last-child,
section.finance-accounting .default tbody td:last-child{ padding-right:10px}
section.finance-accounting .expenditure{ margin-top:25px}
section.finance-accounting .income .graph-chart.y2013 div,
section.finance-accounting .income .graph-chart.y2014 div,
section.finance-accounting .income .graph-chart.y2017 div{ height:260px}
section.finance-accounting .income .graph-chart.y2018 div,
section.finance-accounting .income .graph-chart.y2015 div,
section.finance-accounting .income .graph-chart.y2016 div{ height:297px}
section.finance-accounting .expenditure .graph-chart.y2013 div,
section.finance-accounting .expenditure .graph-chart.y2015 div{ height:445px}
section.finance-accounting .expenditure .graph-chart.y2014 div{ height:408px}
section.finance-accounting .expenditure .graph-chart.y2016 div{ height:482px}
section.finance-accounting .expenditure .graph-chart.y2017 div{ height:371px}
section.finance-accounting .expenditure .graph-chart.y2018 div{ height:535px}
/* 슬라이딩 그래프 */
ul.sliding-graph { margin:25px 0 0 0; padding:0 20px}
ul.sliding-graph li { margin-top:10px}
ul.sliding-graph li em { width:20%}
ul.sliding-graph li div { width:67%}
ul.sliding-graph li span,
ul.sliding-graph li div { height:32px !important}
ul.sliding-graph li em { font-size:13px}
ul.sliding-graph li strong { top:8px; font-size:14px}
.graph-chart.y2018 #expenditure ul.sliding-graph,
.graph-chart.y2017 #expenditure ul.sliding-graph{ margin-top:20px}
.graph-chart.y2016 #expenditure ul.sliding-graph{ margin-top:12px}
.graph-chart.y2015 #expenditure ul.sliding-graph,
.graph-chart.y2013 #expenditure ul.sliding-graph{ margin-top:16px}
.graph-chart.y2014 #expenditure ul.sliding-graph{ margin-top:18px}
.kacpr-map .address-info em,
.kacpr-map .address-info span{ height:50px}
.kacpr-map .address-info span{ line-height:50px}
.kacpr-info { margin-top:30px}
.kacpr-info em { margin-top:20px}
.kacpr-info strong { font-size:20px}
.kacpr-info ul { margin-top:25px}
.kacpr-info ul li strong { font-size:14px}
.kacpr-info .help,
.kacpr-info .work-info,
.kacpr-info .public-transport{ padding-top:25px}
.kacpr-info .work-info ul li{ height:130px}
.kacpr-info .help ul li strong,
.kacpr-info .work-info ul li strong{ margin-top:43px}
.kacpr-info .help ul li:last-child,
.kacpr-info .work-info ul li:last-child{ height:60px}
.kacpr-info .help ul li:last-child,
.kacpr-info .work-info ul li:last-child{ line-height:56px}
.kacpr-info .public-transport ul li{ height:60px}
.kacpr-info .help ul li:first-child,
.kacpr-info .public-transport ul li:first-child{ height:130px}
.kacpr-info .public-transport ul li:first-child{ padding-top:30px}
.kacpr-info .public-transport ul li strong{ margin-top:18px}
.association-constitution .constitution-head{ padding:32px 0; height:200px; background-size:auto 200px}
.association-constitution .constitution-head h2{ font-size:28px}
.association-constitution .constitution-head span{ margin-top:10px; font-size:18px}
.association-constitution .constitution-box h1{ margin-bottom:15px; font-size:18px}
.association-constitution .constitution-box h2{ margin-bottom:10px; font-size:14px}
.association-constitution .constitution-box .constitution-conditions{ margin-bottom:20px; line-height:24px}
/* 게시판용 팝업상세 */
.board-content div.board-popview { width:100%; background-size:cover}
.board-content div.board-popview h1 span{ font-size:20px}
.board-content div.board-popview h1 strong{ font-size:30px}
.board-content div.board-popview h1 small{ font-size:20px}
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:14px; line-height:24px}
.board-content div.board-popview .con-box .con-head span,
.board-content div.board-popview .con-box .con-head strong{ font-size:14px; line-height:24px}
.board-content div.board-popview .box-dash p{ font-size:14px; line-height:24px}
.board-content div.board-popview .box-white h3{ font-size:20px}
.board-content div.board-popview .box-white .download-group a{ font-size:14px}
ul.inline-box li a,
ul.inline-box li span,
ul.inline-box li strong { font-size:14px !important; line-height:24px !important}
.board-content div.board-popview ul.table-type li span,
.board-content div.board-popview ul.table-type li strong{ font-size:14px}
/* 마이페이지 테이블 모바일버전 */
.default.my td { padding:10px 10px; font-size:13px}
.default.my em.fixed,.default.my button.fixed,.default.my .aha-update a.fixed,.default.my em.fixed2,.default.my button.fixed2{ width:90px}
.default.my em,.default.my button,.default.my .aha-update a{ margin:0; padding:0; height:30px; line-height:30px; font-size:12px; text-align:center}
.default.my tr:nth-of-type(even) { background:#f8f8f8}
/* Force table to not be like tables anymore */
.default.my table, .default.my thead, .default.my tbody, .default.my th, .default.my td, .default.my tr { display:block}
/* Hide table headers (but not display: none;, for accessibility) */
.default.my thead tr { position:absolute; top:-9999px; left:-9999px}
.default.my tr { margin-top:10px; border:1px solid #e3e3e3; border-bottom:0}
/* Behave like a "row" */
.default.my td { border:none; border-bottom:1px solid #eee; position:relative; text-align:left !important}
.default.my td:before {
/* Now like a table header */
display:inline-block;
/* Top/left values mimic padding */
width:30%;
white-space:nowrap;
text-align:left}
/* 교육 조회 */
.default.my td:nth-of-type(1):before { content: "번호"}
.default.my td:nth-of-type(2):before { content: "과정, 문서 No."}
.default.my td:nth-of-type(3):before { content: "강사"}
.default.my td:nth-of-type(4):before { content: "교육일시"}
.default.my td:nth-of-type(5):before { content: "선정/합격 여부"}
.default.my td:nth-of-type(6):before { content: "강사지원"}
.default.my td:nth-of-type(7):before { content: "PreTest/교육평가"}
.default.my td:nth-of-type(8):before { content: "교육기관"}
.default.my td:nth-of-type(9):before { content: "수료증(회비)"}
.default.my td:nth-of-type(10):before { content: "교육상태, 영수증출력"}
.default.my td:nth-of-type(2) a.quick{ width:80px}
.default.my td:nth-of-type(2) a.quick,
.default.my td:nth-of-type(5) .pass:last-child{ display:block; margin:0 0 0 30.5%}
/* 강사증 조회 */
.default button.violet{ padding:0 10px}
.default.my.my2 td:nth-of-type(1):before { content: "번호"}
.default.my.my2 td:nth-of-type(2):before { content: "과정"}
.default.my.my2 td:nth-of-type(3):before { content: "2020 AHA Instructor update"}
.default.my.my2 td:nth-of-type(4):before { content: "2020 AHA Instructor 교재(e-book)"}
.default.my.my2 td:nth-of-type(5):before { content: "취득일,갱신일,만료일"}
.default.my.my2 td:nth-of-type(6):before { content: "교육내역"}
.default.my.my2 td:nth-of-type(7):before { content: "수료증"}
/* Faculty 조회 */
.default.my.faculty td:nth-of-type(1):before { content: "번호"}
.default.my.faculty td:nth-of-type(2):before { content: "과정"}
.default.my.faculty td:nth-of-type(3):before { content: "취득일"}
.default.my.faculty td:nth-of-type(4):before { content: "갱신일"}
.default.my.faculty td:nth-of-type(5):before { content: "만료일"}
.default.my.faculty td:nth-of-type(6):before { content: "수료증"}
/* 교육내역 조회 */
.default.my.my3 td:nth-of-type(1):before { content: "번호"}
.default.my.my3 td:nth-of-type(2):before { content: "문서번호"}
.default.my.my3 td:nth-of-type(3):before { content: "코스"}
.default.my.my3 td:nth-of-type(4):before { content: "분류"}
.default.my.my3 td:nth-of-type(5):before { content: "교육장소"}
.default.my.my3 td:nth-of-type(6):before { content: "교육일시"}
.default.my.my3 td:nth-of-type(7):before { content: "참여일"}
/* 회비 환불 조회 */
.default.my.my4 td:nth-of-type(1):before { content: "번호"}
.default.my.my4 td:nth-of-type(2):before { content: "코드번호"}
.default.my.my4 td:nth-of-type(3):before { content: "AHA과정"}
.default.my.my4 td:nth-of-type(4):before { content: "군인할인"}
.default.my.my4 td:nth-of-type(5):before { content: "교육일"}
.default.my.my4 td:nth-of-type(6):before { content: "교육기관"}
.default.my.my4 td:nth-of-type(7):before { content: "입금일"}
.default.my.my4 td:nth-of-type(8):before { content: "환불만료일"}
.default.my.my4 td:nth-of-type(9):before { content: "환불"}
/* 나의 e-book code 관리 */
.default.my.my5 td:nth-of-type(1):before { content: "번호"}
.default.my.my5 td:nth-of-type(2):before { content: "가이드라인"}
.default.my.my5 td:nth-of-type(3):before { content: "e-book code"}
.default.my.my5 td:nth-of-type(4):before { content: "교육과정"}
.default.my.my5 td:nth-of-type(5):before { content: "교육일자"}
.default.my.my5 td:nth-of-type(6):before { content: "등록교육기관"}
.default.my.my5 td:nth-of-type(7):before { content: "구입/등록일시"}
.default.my.my5 td:nth-of-type(8):before { content: "사용여부"}
.default.my.my5 td:nth-of-type(9):before { content: "e-book code 확인"}
.default.my.my5 td:nth-of-type(10):before { content: "환불"}
/* 기존 e-book code 또는 Text book 등록 목록 */
.default.my.my6 td:nth-of-type(1):before { content: "번호"}
.default.my.my6 td:nth-of-type(2):before { content: "가이드라인"}
.default.my.my6 td:nth-of-type(3):before { content: "e-book code"}
.default.my.my6 td:nth-of-type(4):before { content: "교육과정"}
.default.my.my6 td:nth-of-type(5):before { content: "교육기관"}
.default.my.my6 td:nth-of-type(6):before { content: "교육일시"}
.default.my.my6 td:nth-of-type(7):before { content: "첨부파일"}
.default.my.my6 td:nth-of-type(8):before { content: "수정/삭제"}
/* e-book code 또는 Text book 등록하기(팝업목록) */
.default.my.my7 td:nth-of-type(1):before { content: "문서No."}
.default.my.my7 td:nth-of-type(2):before { content: "과정"}
.default.my.my7 td:nth-of-type(3):before { content: "가이드라인"}
.default.my.my7 td:nth-of-type(4):before { content: "교육기관"}
.default.my.my7 td:nth-of-type(5):before { content: "교육일"}
.default.my.my7 td:nth-of-type(6):before { content: "선택"}
/* e-book code 또는 Text book 반려내역(팝업목록) */
.default.my.my8 td:nth-of-type(1):before { content: "등록코드"}
.default.my.my8 td:nth-of-type(2):before { content: "반려일시"}
.default.my.my8 td:nth-of-type(3):before { content: "반려사유"}
/* e-book code 또는 Text book 등록하기(팝업목록) */
.default.my.my9 td:nth-of-type(1):before { content: "강사증"}
.default.my.my9 td:nth-of-type(2):before { content: "이름(영문)"}
.default.my.my9 td:nth-of-type(3):before { content: "과정명"}
.default.my.my9 td:nth-of-type(4):before { content: "수료일자"}
.default.my.my9 td:nth-of-type(5):before { content: "수료번호"}
/* 이벤트 연도선택 */
.last-event-wrap { margin-bottom:15px}
.last-event-wrap > a { background-position:100% -90px; background-size:30px}
.last-event-wrap > a,
.last-event-wrap ul { width:150px}
.last-event-wrap > a,
.last-event-wrap ul li a { padding-left:20px; height:30px; line-height:27px}
.last-event-wrap ul { top:30px}
/* PC버전보기 */
.pc-link { display:inline-block; vertical-align:middle; padding-bottom:20px}
.pc-link a { padding:5px 10px; font-size:13px}
/* 교육신청시 AHA e-book code 사용 매뉴얼 체크(2020.07.17추가) */
.sub-content.application-form .enter-information li.ebook-manual-check span{ line-height:24px}
.sub-content.application-form .enter-information li.ebook-manual-check span.wrapping{ padding:20px 25px}
.sub-content.application-form .enter-information li.ebook-manual-check span.manual-check{ padding:7px 10px 10px 10px}
.sub-content.application-form .enter-information li.ebook-manual-check strong{ padding:10px 25px; font-size:20px}
.sub-content.application-form .enter-information li.ebook-manual-check button.user-manual{ padding:10px 20px 10px 20px; line-height:20px; font-size:18px}
/* 마이페이지 타이틀(2020.07.21추가) */
h3.my-title { margin-bottom:15px; font-size:18px}
/* 한국 CoSTR(2020.09.11 추가) */
ul.costr-list.view li { padding:15px 0 17px 0}
ul.costr-list.view li:first-child{ padding:0 0 20px 0}
ul.costr-list.view .title strong{ font-size:22px; line-height:28px}
ul.costr-list.view .reviewer-etc span,ul.costr-list.view .attach-file span{ font-size:14px}
ul.costr-list.view .attach-file{ margin-top:15px; padding-top:13px}
ul.costr-list.view .costr-contents{ padding:30px 0}
ul.costr-list.view .pico-wrap{ line-height:28px}
ul.costr-list.view .pico-wrap .references,ul.costr-list.view .pico-wrap .review-type{ margin-top:25px}
ul.costr-list.view .reviewer-etc .time{ margin-left:-21px}
.costr-logout a { padding:0 15px; height:30px; line-height:28px}
/* 코멘트 */
.comment-wrap .comment-list { margin-top:25px}
.comment-wrap .comment-list li{ margin-top:10px}
.comment-wrap .comment-list li li{ padding-left:40px; background-position:15px 0}
.comment-wrap .comment-list .comment-box{ padding:15px}
.comment-wrap .comment-list .comment-box .user-comment{ margin-top:8px}
.comment-wrap .comment-write h4{ margin-bottom:10px}
.comment-wrap .comment-write{ margin-top:30px; padding-top:20px}
.comment-wrap .input-reply textarea{ width:77%}
.comment-wrap .input-reply input[type=text],.comment-wrap .input-reply input[type=submit]{ width:22%}
/* membership(2020.10.16 추가) */
.check-wrap .form-check.extend{ width:70%}
/* 마이페이지(2020.11.19 추가) */
.default.my .aha-update button.grey,.default.my .aha-update button.red{ padding-left:10px; padding-right:10px}
/* 조직도(2021.02.26 추가) */
.organization-chart .row3.committees{ position:static; left:auto; top:auto; margin:0 auto; margin-top:30px}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{ padding-bottom:20px; padding-left:20px; padding-right:20px}
section.related-organizations article{ padding:0 35px}
.related-organizations .swiper-button-prev7{ left:0 !important}
.related-organizations .swiper-button-next7{ right:0 !important}
/* eCode 검색(2021.12.15 추가) */
section.course-schedule .search-popup .total-search.eCode-search{ margin:0}
/* eCode 검색(2021.12.15 추가) */
.kacpr-search .result-wrap.eCardNo{ padding:50px}
.kacpr-search .result-wrap.eCardNo .no-descript{ margin:0; font-size:18px}
ul.eCardNo { width:90%}
ul.eCardNo li span,ul.eCardNo li strong{ padding:0 20px; height:45px; line-height:43px; font-size:16px}
/* 교육과정소개 KBLS(2022.1.14 추가) */
section.sub-content.kbls.instructor .course-summary .details-contents{ height:220px}
/* 20년사 추가(2023.07.25) */
.ten-years.twenty .summary { padding:50px 0}
.ten-years.twenty .years-image{ height:550px}
.ten-years.twenty .summary em{ margin-bottom:40px}
.ten-years.twenty .summary em img{ width:300px}
.ten-years.twenty .summary span{ margin:15px 0 30px}
.ten-years.twenty .summary strong{ font-size:22px; line-height:30px}
}
/* iPad Portrait */
@media all and (min-width:768px) and (max-width:1023px){
/* Daum Map */
#map,#d-map,
#d-roadview { height:200px}
.mw .pop-layer.inquiry,
.mw .pop-layer.institution-map{ margin-top:50px}
.mw .pop-layer.institution-map .layer-body #map{ height:300px}
/* Individual Classes */
.input-email { width:130px}
.input-select { width:200px}
/* 교육신청(리스트형) */
ul.flag-group li{ width:25%}
ul.flag-group li:nth-child(18),
ul.flag-group li:nth-child(19),
ul.flag-group li:nth-child(20){ border-bottom:1px solid #d7d7d7}
/* 한국 CoSTR(2020.09.11 추가) */
ul.costr-list .notify .title{ margin-top:-3px}
ul.costr-list .title { margin-top:5px; width:100%}
ul.costr-list .title strong { font-size:16px; line-height:20px}
ul.costr-list .date { top:34%}
ul.costr-list .reviewer-etc { margin-top:10px}
ul.costr-list .reviewer-etc .belong{ display:block; margin-right:0; width:100%}
ul.costr-list .link-button { top:41%}
/* 조직도(2021.02.26 추가) */
.organization-chart .row3.committees{ position:absolute; left:50%; top:300px; margin:0 0 0 -100px}
}
@media all and (min-width:768px) and (max-width:869px){
.layer-pop .mw-close { top:17px; right:25px}
.layer-pop.pop-layer .layer-header h1{ padding:15px 0; font-size:23px}
.layer-pop.pop-layer .layer-body{ padding:30px 35px; line-height:28px}
.layer-pop.pop-layer.aha .layer-header h1{ padding-left:35px; padding-right:35px}
/* List-thumb Mixed */
.thumb-list .edu-institution{ display:block; margin-bottom:5px; width:auto}
/* PreTest */
.pre-test h3 span,
.pre-test h3 strong { width:100%}
.pre-test h3 span { margin-top:10px; margin-right:0}
.pre-test h3 button { top:25px}
/* 10년사 */
.ten-years .summary,
.ten-years .ten-years-image { width:100%; height:auto}
.ten-years .ten-years-image { height:550px}
/* 협회일정 */
div.schedule-item div { width:45%}
div.schedule-item div:nth-child(3),
div.schedule-item div:nth-child(4){ margin-top:1.5%}
/* 협회소개 */
ul.vision-item li { margin:20px 50px; padding-top:100px; width:200px; height:211px}
section.finance-accounting .default{ margin-bottom:15px}
section.finance-accounting .default,
section.finance-accounting .graph-chart{ width:100%}
section.finance-accounting .income .graph-chart.y2013 div,
section.finance-accounting .income .graph-chart.y2014 div,
section.finance-accounting .income .graph-chart.y2017 div,
section.finance-accounting .income .graph-chart.y2018 div,
section.finance-accounting .income .graph-chart.y2015 div,
section.finance-accounting .income .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2018 div,
section.finance-accounting .expenditure .graph-chart.y2013 div,
section.finance-accounting .expenditure .graph-chart.y2015 div,
section.finance-accounting .expenditure .graph-chart.y2014 div,
section.finance-accounting .expenditure .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2017 div{ height:auto}
/* 슬라이딩 그래프 */
ul.sliding-graph { margin:25px 0}
.graph-chart.y2017 #expenditure ul.sliding-graph,
.graph-chart.y2016 #expenditure ul.sliding-graph,
.graph-chart.y2015 #expenditure ul.sliding-graph,
.graph-chart.y2013 #expenditure ul.sliding-graph,
.graph-chart.y2014 #expenditure ul.sliding-graph{ margin-top:25px}
.kacpr-info .help ul li strong,
.kacpr-info .work-info ul li strong{ margin-top:30px}
.kacpr-info .public-transport ul li:first-child{ padding-left:10px; padding-top:20px}
/* 20년사 추가(2023.07.25) */
.ten-years.twenty .summary,
.ten-years.twenty .years-image{ width:100%; height:auto}
.ten-years.twenty .years-image{ height:550px}
}
/* Mobile Landscape */
@media all and (min-width:480px) and (max-width:767px){
/* CPRVerify 바로가기 버튼 */
.CPRVerify { top:80px; right:10px}
.CPRVerify > a { padding:7px 15px; font-size:13px; line-height:14px}
/* 레이어팝업 */
.layer-pop { }
.layer-pop.pop-layer.w800 { width:90%}
/* List-thumb Mixed */
.thumb-list li { padding:10px 10px}
.thumb-list.view li { padding:12px 10px}
.thumb-list.view li:first-child,
.thumb-list.view li:last-child{ padding:15px 10px}
.thumb-list .add-file,
.thumb-list .list-numeral { position:static; top:auto; text-align:left; margin-top:5px}
.thumb-list .add-file,
.thumb-list .list-numeral { right:auto}
.thumb-list .notify { background-position:10px 14px}
.thumb-list.view .add-file a{ margin:2px 0}
.thumb-list.view .add-file,
.thumb-list.view .list-numeral{ margin-top:0}
.thumb-list .edu-institution{ display:block; margin-bottom:5px; width:auto}
/* Next - Prev */
.next-prev li a { width:60%}
ul.reply-comment li:first-child{ padding:5px 20px}
ul.reply-comment li strong { display:block; margin-right:0; line-height:26px}
ul.reply-comment li.blue-line{ padding:5px 20px}
.edit-delete { top:19px}
.mw .pop-layer.inquiry .layer-body{ height:350px}
/* Mypage */
.my-education .my-list .my-info .doc-no{ width:15%}
.my-education .my-list .my-info .course{ width:25%}
.my-education .my-list .my-info .name{ width:20%}
.my-education .my-list .my-info .edu-date{ width:20%}
.my-education .my-list .my-info .pretest{ margin-top:15px; margin-left:5.5%; width:230px}
.my-education .my-list .my-info .pass-fail{ margin-top:15px; width:20%}
.my-education .my-list .my-info .area-center{ margin-top:15px}
/* 회원탈퇴시 교육내역삭제 확인체크 */
.confirm-deletion input[type=button],
.confirm-deletion input[type=submit]{ padding:7px 15px; font-size:16px}
/* 이메일체크 */
.login-wrap h3,.check-wrap h3{ font-size:16px; line-height:24px}
.check-wrap .form-check { width:400px}
/* 등록폼(회원가입-수정,센터정보,교육과정등록) */
ul.form-input li .item,
ul.form-input li .item-contents{ padding:0 15px}
ul.form-input li .item,
.membership-form ul.form-input li .item{ width:35%}
ul.form-input li .item-contents,
.membership-form ul.form-input li .item-contents{ width:65%}
ul.form-input li .item-contents.en-name input[type=text]{ margin-bottom:5px}
ul.form-input li.multiple-rows .item-contents ul li{ padding:8px 15px}
ul.form-input li.multiple-rows .item-contents ul li span{ display:block; margin-left:0; margin-top:5px}
ul.form-input li.multiple-rows .item-contents ul li span,
ul.form-input li.multiple-rows .item-contents ul li label{ font-size:13px}
.complete-application ul.form-input li .item-contents.many input{ margin-top:5px}
.complete-application ul.form-input li .item-contents.file-down a{ padding:3px 5px; font-size:11px}
/* 회원가입완료 */
.signed-up h2 span { font-size:18px}
.signed-up h2 strong { font-size:22px}
/* 교육신청폼 상세 */
.sub-content.application-form .course-title em{ padding:0 10px; height:30px; line-height:30px}
/* Main */
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link{ padding:10px; background-size:500px}
section.promotion-box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:105px}
section.promotion-box .swiper-slide.slider-1,
section.promotion-box .swiper-slide.slider-2{ height:290px}
section.promotion-box .promotion-title{ margin-top:-115px}
section.promotion-box .swiper-slide.slider-2{ background-image:url(/images/@tmp/m-slider-4.jpg); background-size:750px}
section.promotion-box h1 { font-size:28px}
section.promotion-box p { font-size:14px}
section.course-schedule .search-popup{ margin:-80px -10px 0 -10px}
section.course-schedule .search-popup .total-search{ padding:15px 20px; height:80px}
section.course-schedule .search-popup .total-search span{ width:73%}
section.course-schedule .search-popup .total-search strong{ width:25%; font-size:18px}
section.course-schedule .search-popup .total-search input[type=text],
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ font-size:14px}
/* 신규팝업(7일간) */
section.course-schedule .swiper-slide.back-popup.new .icon-new{ right:10px}
section.course-schedule .search-popup .popup ul li{ padding:0 10px}
section.course-schedule .search-popup .popup ul li span{ font-size:13px; line-height:18px}
section.course-schedule .search-popup .popup ul li strong{ margin-right:80px; font-size:20px; line-height:24px}
section.course-schedule .search-popup .popup ul li a{ left:10px; bottom:25px}
section.course-schedule .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:15px; right:100px}
section.course-schedule .swiper-button-prev2,.swiper-button-next2{ bottom:10px !important}
section.course-schedule .swiper-button-prev2{ right:50px !important}
section.course-schedule .swiper-button-next2{ right:10px !important}
section.course-schedule .course-guide{ margin-top:10px}
.course-guide ul.two-course { width:100%}
.course-guide ul.two-course li{ height:240px}
.course-guide ul.two-course li strong{ margin-bottom:0; font-size:24px}
.course-guide ul.two-course li.aha-course,
.course-guide ul.two-course li.kacpr-course{ padding:25px 30px}
.course-guide ul.two-course li span.mobile-none{ display:none}
.schedule-search .course-wrap .course-image{ height:100px}
.schedule-search .course-wrap .course-image strong{ font-size:20px; line-height:98px}
h2.section-title { margin-bottom:20px}
h2.section-title span { font-size:14px}
h2.section-title strong { font-size:20px}
.institution-archive .institution-find{ padding:0}
.institution-find h2.section-title{ margin-bottom:15px}
ul.contribution li { height:300px}
ul.contribution li a { left:15px}
.newsletter-sns .newsletter { padding:0; height:225px}
ul.kacpr-letter li,
ul.kacpr-letter li em { height:225px}
ul.kacpr-letter li span { height:177px}
ul.kacpr-letter li span span{ font-size:14px}
ul.kacpr-letter li span strong{ font-size:20px}
section.newsletter-link .link-service{ margin-top:20px}
.link-service .link-item .cpr-order{ width:100%; height:230px}
.link-service .link-item .cpr-order h2.section-title strong{ font-size:20px}
ul.apply { margin-top:10px; width:100%}
ul.apply li { border-left:1px solid #e0e0e0}
ul.apply li strong { font-size:20px}
section.sponsorship { padding:25px 0}
section.sponsorship h1 { font-size:28px}
section.sponsorship span { margin-top:20px; margin-bottom:15px; font-size:14px}
/* 교육코스 검색 */
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ width:33%}
.sub-content.application .course-search input[type=button],
.sub-content.application .course-search input[type=submit]{ position:absolute; top:43px; right:0; width:33%}
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ margin-left:0.5%}
.sub-content.application .course-search .select-wrap:nth-child(4){ margin-left:0}
.sub-content.application .course-search .select-wrap:nth-child(1),
.sub-content.application .course-search .select-wrap:nth-child(2),
.sub-content.application .course-search .select-wrap:nth-child(3){ margin-bottom:3px}
/* 교육신청(리스트형) */
ul.flag-group li{ width:50%}
ul.flag-group li:nth-child(20){ border-bottom:1px solid #d7d7d7}
ul.month-list li { padding:10px; height:auto; line-height:normal}
ul.month-list li:first-child{ display:none}
ul.month-list .course-name { width:25%}
ul.month-list .training-time{ width:30%}
ul.month-list .personnel { width:20%}
ul.month-list .institution-name,ul.month-list .course-name span{ display:block; margin-top:5px; width:100%}
ul.month-list button { top:17px}
ul.month-list li.two-days button{ top:30px}
ul.month-list .course-name span{ padding-left:0}
/* Individual Classes */
.input-small { width:60px}
.input-large { width:240px}
.input-birth { width:62px}
input[type=number].input-medium,.input-medium{ width:230px}
.input-email { width:75px}
.input-select { width:125px}
/* 평가설문지 */
.questionnaire h3 { font-size:16px; line-height:24px}
.questionnaire .questionnaire-wrap h3{ line-height:20px}
/* PreTest */
.pre-test h3 span,
.pre-test h3 strong { width:100%}
.pre-test h3 span { margin-top:10px; margin-right:0}
.pre-test h3 button { top:25px}
/* 교육과정소개 */
.course-details,.sub-content.kpals .course-details{ height:auto}
.course-details .course-summary,
.sub-content.kpals .course-details .course-summary{ width:100%; height:auto}
.course-summary .qualifications-wrap{ position:static; bottom:auto}
ul.qualifications li { height:100px}
.course-summary .details-contents{ height:auto}
section.sub-content.acls .course-details,
section.sub-content.acls .course-details .course-summary,
section.sub-content.acls.monitor .course-details,
section.sub-content.acls.monitor .course-details .course-summary,
section.sub-content.acls.monitor .course-summary .details-contents,
section.sub-content.lecturer .course-summary .details-contents,
section.sub-content.bls.instructor .course-summary .details-contents{ height:auto}
.course-details .course-imagery{ position:static; bottom:auto; right:auto; margin-top:20px; width:100%}
.program .goals,
.program .overview { width:100%}
.program .goals { margin-top:20px}
/* 교육기관찾기 */
.find-institution .image-map,
.find-institution .find-descrip{ display:none}
.find-institution .area-search{ margin-bottom:20px}
.find-institution .select-area{ margin-bottom:0; width:100%}
ul.institution-infomation2 li span,
ul.institution-infomation li span{ width:100%}
ul.institution-infomation li .institution-name strong,
ul.institution-infomation li .institution-address strong{ width:83%}
.institution-list button.map{ margin-top:5px}
/* 신청서 작성 */
.complete-application ul.form-input li.both-side .both-l,
.complete-application ul.form-input li.both-side .both-r{ width:100%}
.complete-application ul.form-input li.both-side .both-l .item,
.complete-application ul.form-input li.both-side .both-r .item{ width:20%}
.complete-application ul.form-input li.both-side .both-l .item-contents,
.complete-application ul.form-input li.both-side .both-r .item-contents{ width:80%}
.complete-application .agree-use,
.complete-application .agree-use p,
.complete-application .agree-use input{ font-size:14px}
.complete-application .agree-use span{ display:block; margin:10px 0}
.complete-application .agree-use strong{ font-size:20px}
.complete-application .support-description{ padding:15px 10px; width:100%}
.complete-application .support-description span span{ font-size:12px}
/* 수료증발급-환불 안내 */
ul.certificates-apply li { margin-left:0; margin-top:10px; padding-bottom:20px; width:100%; height:auto}
ul.certificates-apply li:nth-child(2),
ul.certificates-apply li:nth-child(3){ background-position:95% 80%}
ul.certificates-apply li span{ margin-left:80px}
ul.certificates-apply li strong{ margin-top:-25px; font-size:18px}
.refund-info h4 strong { font-size:18px}
.refund-info ul li { margin-left:0; margin-top:10px; padding:20px 0; width:100%; height:auto}
.refund-info ul li:last-child{ padding:20px 0}
.refund-info ul li em img { width:20px}
/* 심폐소생술이란? */
section.heart-attack-cpr .cpr-summary .cpr-image1,
section.heart-attack-cpr .cpr-summary .cpr-image2{ width:100%; height:200px}
section.heart-attack-cpr .cpr-summary .cpr-image1{ margin-bottom:15px; background-size:contain; background-color:#051a37}
section.heart-attack-cpr .cpr-summary .cpr-image2{ margin-top:15px}
section.heart-attack-cpr .cpr-summary .cpr-summary1,
section.heart-attack-cpr .cpr-summary .cpr-summary2{ width:100%; height:auto}
section.heart-attack-cpr .cpr-summary .cpr-summary1>div,
section.heart-attack-cpr .cpr-summary .cpr-summary2>div{ position:static; bottom:auto; left:auto}
ul.cpr-item { margin-top:40px}
ul.cpr-item li { margin-left:2%; width:32%; height:140px}
ul.cpr-item li.cpr-item4 { margin-left:0}
ul.cpr-item li.cpr-item4,
ul.cpr-item li.cpr-item5 { margin-top:2%; width:49%; height:120px}
ul.cpr-item li em { width:53px; height:42px; background-size:53px}
section.heart-attack-cpr .acute-myocardial-infarction-image{ width:100%; height:250px}
section.heart-attack-cpr .acute-myocardial-infarction-summary{ margin-top:10px; width:100%}
ul.hash-list li { margin-top:3px}
ul.hash-list li span { padding:7px 20px}
section.heart-attack-cpr .survival-chain div{ margin-left:0; margin-top:15px; width:100%}
section.heart-attack-cpr .survival-chain div.chain4,
section.heart-attack-cpr .survival-chain div.chain5{ margin:15px 0 0 0}
section.heart-attack-cpr .cpr-step .action ul li span strong{ font-size:16px}
/* 심폐소생술통계 */
/* 국민행동지침 */
ul.guidelines { margin:0 0 40px 0; border:0}
ul.guidelines li { margin-left:4%; width:48%}
ul.guidelines li:nth-child(3){ margin-left:0}
ul.guidelines li:nth-child(3),
ul.guidelines li:nth-child(4){ margin-top:30px}
ul.guidelines li strong { margin-top:0; font-size:16px}
ul.guidelines li .guideline-item strong{ font-size:16px}
ul.prevention li { width:100%}
ul.prevention li:nth-child(2){ border-top:0}
ul.prevention li:nth-child(2),
ul.prevention li:nth-child(4),
ul.prevention li:nth-child(6){ border-left:1px solid #d9dbdc}
ul.prevention li:nth-child(2) span,
ul.prevention li:nth-child(3) span,
ul.prevention li:nth-child(4) span,
ul.prevention li:nth-child(5) span{ padding-top:12px}
ul.prevention li:nth-child(7) span{ padding-top:20px}
/* 후원안내 */
.sponsorship-guide .summary-kacpr .summary{ height:auto}
.sponsorship-guide .summary-kacpr .kacpr-image{ height:250px; background-size:contain; background-color:#d21c1b}
.sponsorship-guide .summary-kacpr .summary{ padding:20px 30px; width:100%}
.sponsorship-guide .summary-kacpr .kacpr-image{ width:100%}
ul.about-kacpr { margin:20px 0 30px 0}
ul.about-kacpr li { padding:20px 0; width:48%; height:160px}
ul.about-kacpr li:nth-child(3){ margin-left:0}
ul.about-kacpr li:nth-child(3),
ul.about-kacpr li:nth-child(4){ margin-top:2%}
ul.about-kacpr li em { margin-bottom:15px}
.sponsorship-guide .support-info .bank-info,
.sponsorship-guide .support-info .sponsorship-inquiry{ height:auto}
.sponsorship-guide .support-info .bank-info{ width:100%}
.sponsorship-guide .support-info .bank-info h4{ margin-bottom:20px}
.sponsorship-guide .support-info .bank-info h4 span,
.sponsorship-guide .support-info .bank-info h4 strong{ font-size:24px}
.sponsorship-guide .support-info .bank-info span,
.sponsorship-guide .support-info .bank-info strong{ font-size:15px}
.sponsorship-guide .support-info .bank-info span{ margin-bottom:5px}
.sponsorship-guide .support-info .bank-info strong{ margin-bottom:20px}
.sponsorship-guide .support-info .sponsorship-inquiry{ padding:30px 0; width:100%}
.sponsorship-guide .support-info .sponsorship-inquiry span{ font-size:16px}
.sponsorship-guide .support-info .sponsorship-inquiry strong{ font-size:18px}
.sponsorship-guide .support-info .sponsorship-inquiry span,
.sponsorship-guide .support-info .sponsorship-inquiry strong{ margin-top:5px}
.sponsorship-guide .info-grey{ text-align:left}
.sponsorship-guide .info-grey span{ width:88%}
/* 10년사 */
.ten-years .summary,
.ten-years .ten-years-image { width:100%; height:auto}
.ten-years .ten-years-image { height:550px}
/* 협회일정 */
section.sub-content.kacpr-schedule ul.cal-body li{ height:160px}
section.sub-content.kacpr-schedule ul.cal-body li span { margin-right:2px}
div.schedule-item div{ width:45%}
div.schedule-item div:nth-child(3),
div.schedule-item div:nth-child(4){ margin-top:1.5%}
/* 용어사전 */
section.sub-content.dictionary .institution-archive .term-dictionary{ margin-top:40px; width:90%}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ width:80%}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ width:20%}
/* 검색결과 */
.kacpr-search .search-keyword input[type=text]{ width:50%}
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ width:15%}
/* Newsletter(소식지) */
.newsletter-list .list-select strong{ margin-top:0; margin-bottom:10px; width:100%; font-size:15px}
.newsletter-list .list-select select{ width:100%}
.newsletter-list .newsletter-con,
.newsletter-list .newsletter-image{ width:100%; height:auto}
.newsletter-list .newsletter-image{ padding:20px 50px; background-size:cover}
.newsletter-list .newsletter-image em{ width:280px; height:350px}
.newsletter-list .newsletter-image span{ right:4%}
.newsletter-list .newsletter-con strong{ font-size:20px}
.newsletter-list .newsletter-con ol li{ line-height:26px}
/* 백서 */
.white-book { height:240px}
.white-book .book { margin-top:95px; width:80%; height:500px}
.white-book .book .book-wrap{ width:95%; height:500px}
.white-book .book a { margin:5px 3px}
.white-book .book img { max-width:100%}
.white-book .book span { padding:0 35px}
.white-book .book .kacpr { margin:-1px 0 34px -1px; padding:20px 30px; width:170px; height:145px}
.white-book .book .kacpr span{ line-height:26px}
.white-book .message { padding:0 10px}
.white-book .message p { line-height:24px}
.white-book .message img { width:400px}
.accordion.active ul.block-list li{ width:50%}
/* 홍보영상(Youtube) */
ul.media li { padding:12px; height:180px}
ul.media li span em { width:80px}
ul.media li strong { font-size:16px; line-height:24px}
.board-content div.youtube { width:90%}
.board-content div.youtube iframe{ width:100%; height:400px}
/* 서식다운로드 */
ul.media.archive li { height:250px}
ul.media.archive li span.archive-date{ bottom:12px}
ul.media.archive.event li { height:200px}
/* 협회소개 */
section.sub-content.greeting .greeting-head{ margin-top:0}
section.sub-content.greeting .greeting-head,
section.sub-content.greeting .greeting-head>div{ height:auto}
section.sub-content.greeting .greeting-head>div{ padding:30px 0}
section.sub-content.greeting .greeting-head span{ font-size:18px}
section.sub-content.greeting .greeting-head strong{ font-size:24px}
section.sub-content.greeting .greeting-head em{ display:none}
.organization-chart { width:100%}
.organization-chart .chart-box{ padding:8px 0; width:100%; height:60px; background-size:cover}
.organization-chart .chart-box span{ font-size:13px}
.organization-chart .chart-box strong{ font-size:16px}
.organization-chart .row2 { width:100%}
.organization-chart .row2 .chart-box,
.organization-chart .row4 div{ width:45%}
.organization-chart .row4 .chart-box{ width:100%}
.organization-chart .row1,.organization-chart .row3,.organization-chart .row5{ width:50%}
.organization-chart .row2,.organization-chart .row3,.organization-chart .row4{ margin-top:30px}
.organization-chart .row2,.organization-chart .row4{ background-position:0 30px}
.organization-chart .row2 .chart-box:last-child{ margin-left:10%}
.organization-chart .row5 { position:static; margin:0 auto; margin-top:30px}
.organization-chart ul { margin-top:15px}
.organization-chart ul li { padding:5px 0; height:50px}
.organization-chart ul li span{ margin-top:3px; font-size:12px}
.organization-chart ul li strong{ font-size:13px}
.history,.wrap-history { margin-top:0; background-image:none}
.wrap-history .year-tab em { display:none}
.wrap-history .year-tab strong{ margin:0}
.wrap-history ul.history-list{ margin-bottom:0}
.wrap-history ul.history-list li span{ width:84%}
.wrap-history ul.history-list li strong{ width:14%}
.wrap-history .history-l,
.wrap-history .history-r { width:100%}
.wrap-history .history-l .year-tab,
.wrap-history .history-l ul.history-list li{ text-align:left}
.wrap-history .history-l ul.history-list{ margin-right:0}
.wrap-history .history-r ul.history-list{ margin-left:0}
.wrap-history .history-l ul.history-list li span{ float:right}
.wrap-history .history-l ul.history-list li strong{ float:left}
.wrap-history .his2004,
.wrap-history .his2007,
.wrap-history .his2010,
.wrap-history .his2012,
.wrap-history .his2015,
.wrap-history .his2020,
.wrap-history .his2024 { margin-top:0}
.wrap-history .his2002,
.wrap-history .his2005,
.wrap-history .his2009,
.wrap-history .his2011,
.wrap-history .his2013,
.wrap-history .his2016,
.wrap-history .his2017,
.wrap-history .his2018,
.wrap-history .his2019,
.wrap-history .his2021,
.wrap-history .his2022,
.wrap-history .his2023,
.wrap-history .his2024 { margin-top:30px}
ul.vision-item li { margin:10px 30px; padding-top:100px; width:200px; height:211px}
section.finance-accounting .default{ margin-bottom:15px}
section.finance-accounting .default,
section.finance-accounting .graph-chart{ width:100%}
section.finance-accounting .income .graph-chart.y2013 div,
section.finance-accounting .income .graph-chart.y2014 div,
section.finance-accounting .income .graph-chart.y2018 div,
section.finance-accounting .income .graph-chart.y2017 div,
section.finance-accounting .income .graph-chart.y2015 div,
section.finance-accounting .income .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2018 div,
section.finance-accounting .expenditure .graph-chart.y2013 div,
section.finance-accounting .expenditure .graph-chart.y2015 div,
section.finance-accounting .expenditure .graph-chart.y2014 div,
section.finance-accounting .expenditure .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2017 div{ height:auto}
/* 슬라이딩 그래프 */
ul.sliding-graph { margin:25px 0}
.graph-chart.y2017 #expenditure ul.sliding-graph,
.graph-chart.y2016 #expenditure ul.sliding-graph,
.graph-chart.y2015 #expenditure ul.sliding-graph,
.graph-chart.y2013 #expenditure ul.sliding-graph,
.graph-chart.y2014 #expenditure ul.sliding-graph{ margin-top:25px}
.kacpr-map .address-info img{ width:20px}
.kacpr-map .address-info em { width:20%}
.kacpr-map .address-info span{ width:80%}
.kacpr-info em img { width:40px}
.kacpr-info strong { font-size:16px}
.kacpr-info .work-info ul li,
.kacpr-info .help ul li:first-child,
.kacpr-info .public-transport ul li:first-child{ height:150px}
.kacpr-info .help ul li strong,
.kacpr-info .work-info ul li strong{ margin-top:30px}
.kacpr-info .public-transport ul li:first-child{ padding-left:10px; padding-top:10px}
/* 교육과정단계 */
section.sub-content.course-step .default tbody .height{ height:100px}
/* 게시판용 팝업상세 */
.board-content div.board-popview .con-box .con-head span{ margin-top:10px; width:100%}
.board-content div.board-popview .box-dash ul,
.board-content div.board-popview .box-dash p,
.board-content div.board-popview .box-white p { margin-left:0}
.board-content div.board-popview .box-white .download-group{ margin:30px 0 !important}
.board-content div.board-popview .box-white .download-group a{ margin:5px 0}
ul.inline-box li { margin-top:10px; height:auto}
ul.inline-box.col3 li { margin-left:0; width:100%}
ul.inline-box li .add-mar { margin-top:20px}
/* 수료증에 영문명 수정 중요공지(2020.01.31추가) */
.english-name-notice { padding-bottom:13px}
.english-name-notice strong { display:block}
.english-name-notice a { margin-left:0; margin-top:10px}
/* 한국 CoSTR(2020.09.11 추가) */
ul.costr-list li { padding:20px 0 20px 110px}
ul.costr-list .notify .date { top:8%}
ul.costr-list .notify .link-button{ top:23%}
ul.costr-list .notify .title{ margin-top:-3px}
ul.costr-list .title { margin-top:5px; width:100%}
ul.costr-list .title strong { font-size:16px; line-height:20px}
ul.costr-list .date { top:34%; width:100px}
ul.costr-list .reviewer-etc { margin-top:10px; overflow:hidden}
ul.costr-list .reviewer-etc .belong{ margin-right:0}
ul.costr-list .reviewer-etc .belong,
ul.costr-list .reviewer-etc .lead-reviewer,
ul.costr-list .reviewer-etc .co-reviewer{ display:block; width:100%}
ul.costr-list .reviewer-etc .co-reviewer{ margin-left:-23px}
ul.costr-list .reviewer-etc .time{ margin-left:0}
ul.costr-list .link-button { top:41%}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{ padding:10px 10px 20px 10px}
/* 심포지움 추가(21.07.14) */
.symposium-regi { margin-top:30px}
.symposium-regi a,.symposium-regi button{ height:50px; line-height:48px; font-size:18px; vertical-align:top}
.symposium-regi a { margin:0 5px 8px 0; padding:0 50px}
.symposium-regi button { margin-left:0}
/* 20년사 추가(2023.07.25) */
.ten-years.twenty .summary,
.ten-years.twenty .years-image{ width:100%; height:auto}
.ten-years.twenty .years-image{ height:550px}
}
/* Mobile */
@media all and (min-width:320px) and (max-width:700px){
/* eCode 검색(2021.12.15 추가) */
ul.eCardNo { width:80%}
ul.eCardNo li span,ul.eCardNo li strong{ width:100%}
ul.eCardNo li strong { border-bottom:0; background:#f5f5f5}
}
@media all and (min-width:320px) and (max-width:580px){
ul.tab-menu.col11 li{ width:calc(100% / 4)}
ul.tab-menu.col11 li:nth-child(6),ul.tab-menu.col11 li:nth-child(11){ border-left:0}
ul.tab-menu.col11 li:nth-child(5),ul.tab-menu.col11 li:nth-child(9){ border-left:1px solid #e0e0e0}
ul.tab-menu.col11 li:nth-child(5){ border-top:0}
ul.tab-menu.col12 li{ width:calc(100% / 4)}
ul.tab-menu.col12 li:nth-child(6),ul.tab-menu.col12 li:nth-child(11){ border-left:0}
ul.tab-menu.col12 li:nth-child(5),ul.tab-menu.col12 li:nth-child(9){ border-left:1px solid #e0e0e0}
ul.tab-menu.col12 li:nth-child(5){ border-top:0}
/* membership(2020.10.16 추가) */
.check-wrap .form-check.extend{ width:90%}
/* main(2021.02.19 추가) */
.course-guide ul.two-course li a{ width:120px; height:38px; font-size:13px; line-height:35px}
/* 마이페이지 테이블 모바일버전 */
.default.my td:before { width:155px}
.default.my td:nth-of-type(2) a.quick,
.default.my td:nth-of-type(5) .pass:last-child{ display:block; margin:0 0 0 157px}
.default.my.my2 td:nth-of-type(7) button:nth-child(3),
.default.my td:nth-of-type(9) button:nth-child(3),
.default.my td:nth-of-type(10) button:nth-child(3){ display:block; margin:3px 0 0 158px}
.default.my td:nth-of-type(9) button:nth-child(4),
.default.my td:nth-of-type(10) button:nth-child(4),
.default.my.my2 td:nth-of-type(7) button:nth-child(4){ display:block; margin:-30px 0 0 251px}
/* footer menu */
.footer .footer-menu ul { flex-wrap:wrap}
.footer .footer-menu li { margin-left:0; width:calc(50% - 0px); text-align:left}
.footer .footer-menu li:nth-child(3),
.footer .footer-menu li:nth-child(4),
.footer .footer-menu li:nth-child(5){ margin-top:7px}
.footer .footer-menu li:nth-child(5){ width:100%}
}
@media all and (min-width:320px) and (max-width:479px){
/* Button */
.button a,
.button button,
.button input,
.button.grey a,
.button.grey button,
.button.grey input,
.button.red a,
.button.red button,
.button.red input,
.button.blue a,
.button.blue button,
.button.blue input { padding:0 13px}
/* Tab Menu */
ul.tab-menu.col4,
ul.tab-menu.col3,
ul.tab-menu.col2 { width:100%}
ul.tab-menu.col2 li { width:calc(100% / 2)}
ul.tab-menu.col3 li { width:calc(100% / 3)}
ul.tab-menu.col4 li { width:calc(100% / 4)}
ul.tab-menu.col5 li { width:calc(100% / 2); border-top:0}
ul.tab-menu.col5 li:nth-child(1),
ul.tab-menu.col5 li:nth-child(2){ border-top:1px solid #e0e0e0}
ul.tab-menu.col5 li:nth-child(3),
ul.tab-menu.col5 li:nth-child(5){ border-left:1px solid #e0e0e0}
ul.tab-menu.col7 li { width:calc(100% / 4); border-top:0}
ul.tab-menu.col7 li:nth-child(1),
ul.tab-menu.col7 li:nth-child(2),
ul.tab-menu.col7 li:nth-child(3),
ul.tab-menu.col7 li:nth-child(4){ border-top:1px solid #e0e0e0}
ul.tab-menu.col7 li:nth-child(5){ border-left:1px solid #e0e0e0}
ul.tab-menu.col7 li:nth-child(4),ul.tab-menu.col7 li:nth-child(7){ border-left:0}
/* List-thumb Mixed */
.thumb-list li,
.thumb-list.view li { padding:10px 10px}
.thumb-list.view li:first-child,
.thumb-list.view li:last-child{ padding:15px 10px}
.thumb-list .add-file,
.thumb-list .list-numeral { position:static; top:auto; text-align:left; margin-top:5px}
.thumb-list .add-file,
.thumb-list .list-numeral { right:auto}
.thumb-list .numeral span { margin-left:0}
.thumb-list .postedby span { margin-left:0; margin-right:20px}
.thumb-list .notify { background-position:10px 14px}
.thumb-list.view .add-file a{ margin:2px 0}
.thumb-list.view .add-file,
.thumb-list.view .list-numeral{ margin-top:0}
.thumb-list .edu-institution{ display:block; margin-bottom:5px; width:auto}
/* Next - Prev */
.next-prev li a { width:58%}
.write-reply { padding:10px 0}
ul.reply-comment li { padding:10px}
ul.reply-comment li:first-child{ padding:5px 10px}
ul.reply-comment li strong { display:block; margin-right:0; line-height:26px}
ul.reply-comment li.blue-line{ padding:5px 10px}
.edit-delete { display:block; position:static; top:auto; right:auto; margin:7px 0}
/* Search Form */
.searchForm .data-result { position:static; bottom:auto; left:auto; margin-top:10px}
/* Scroll To Top */
/* 모달윈도우 */
.mw .pop-layer.w600,
.mw .pop-layer.w800,
.mw .pop-layer.w1000,
.pop-layer.w600.wp,
.pop-layer.w800.wp,
.mw .pop-layer.inquiry { width:300px; margin:50px 0 0 -150px}
.mw .pop-layer.inquiry .layer-body{ height:400px}
.mw .pop-layer.institution-map,
.mw .pop-layer.w800.application{ margin-top:50px}
.mw .pop-layer.institution-map .layer-body #map{ height:200px}
/* 레이어팝업 */
.layer-pop { top:5%; right:5%; left:5%}
.layer-pop.pop-layer.w800 { width:90%}
.mw .pop-layer.w800.application .layer-body ul.form-application li span strong{ font-size:12px; line-height:16px}
.layer-pop.pop-layer.aha .layer-header{ margin-top:30px}
/* Layout */
.header { height:50px}
.header-content h1 { margin-top:9px; width:135px; height:34px}
ul.m-utitlity { margin-right:40px}
ul.m-utitlity li { width:40px; height:50px; background-size:20px}
.footer .copyright { text-align:left}
.footer .related-link .social{ }
/* CPRVerify 바로가기 버튼 */
.CPRVerify { top:8px; right:165px}
.CPRVerify > a { padding:5px 10px; font-size:12px; line-height:12px}
/* Global Navigation Bar */
/* Local Navigation Bar */
#location .head div.depth1,
#location .head div.depth2,
#location .head div.depth3 { width:145px}
/* Mobile Menu */
#scroller .back-scroller { width:300px}
.all-menu2 .all-menu2-con { padding-left:10px; padding-right:25%; height:50px}
.all-menu2 .all-menu2-con > li{ line-height:20px}
.all-menu2 .all-menu2-con > li:nth-child(odd){ width:40%}
.all-menu2 .all-menu2-con > li:nth-child(even){ width:60%}
.all-menu2 .all-menu2-con > li > a{ font-size:13px}
.trigger-nav-wing{ width:40px;height:50px}
.trigger-nav-wing [class*="line-"]{ left:13px;height:1px}
.trigger-nav-wing:hover .line-m{ width:15px}
.trigger-nav-wing:hover .line-t,
.trigger-nav-wing:hover .line-b{ width:10px}
.trigger-nav-wing .line-m{ width:10px;margin:-1px 0 0}
.trigger-nav-wing .line-t{ width:15px;margin:-7px 0 0}
.trigger-nav-wing .line-b{ width:15px;margin:5px 0 0}
.wing-is-open .trigger-nav-wing .line-m{ width:19px}
.wing-is-open .trigger-nav-wing .line-t{ width:19px;margin-top:-1px;margin-left:-2px}
.wing-is-open .trigger-nav-wing .line-b{ width:19px;margin-top:-1px;margin-left:-2px}
/* Vertical Navigation */
.vNav li a { padding:15px 20px; font-size:15px}
.vNav li a .i { width:15px; height:15px; margin:-7px 0 0 -30px; background-size:15px}
.vNav li li a { padding:12px 30px}
.vNav li.active li a { font-size:14px}
.vNav li.active li { padding:0; font-size:14px}
/* Mypage */
.my-education .my-list .edu-info{ padding-left:0}
.my-education .my-list .my-info .no{ display:none}
.my-education .my-list .my-info .doc-no{ width:20%}
.my-education .my-list .my-info .course{ width:30%}
.my-education .my-list .my-info .name{ width:25%}
.my-education .my-list .my-info .edu-date{ width:20%}
.my-education .my-list .my-info .pretest{ margin-top:15px; margin-left:0; width:230px}
.my-education .my-list .my-info .pass-fail{ margin-top:15px; width:20%}
.my-education .my-list .my-info .area-center{ margin-top:15px; padding-left:0}
/* 회원탈퇴시 교육내역삭제 확인체크 */
.confirm-deletion input[type=button],
.confirm-deletion input[type=submit]{ padding:7px 15px; font-size:16px}
/* Membership */
/* 로그인 */
.login-wrap { margin-top:0}
.login-wrap .form-login,
.login-wrap .kacpr-item { padding:20px 20px; width:100%; height:auto}
.login-wrap .kacpr-item { margin-top:10px}
ul.link-kacpr { margin-bottom:20px; padding-bottom:20px}
ul.signup-step { margin-bottom:30px}
ul.signup-step li span { font-size:13px}
/* 2018.12.27 로그인폼 변경 */
.login-wrap .form-login.login2 ul.login select{ margin-left:0; margin-top:10px; width:100%}
.login-wrap .form-login.login2 ul.login input[type=text].email{ width:45%}
.login-wrap .form-login.login2 ul.login .at{ width:10%}
/* 이메일체크 */
.login-wrap h3,.check-wrap h3{ font-size:16px; line-height:24px}
.check-wrap.find-idpw { margin-top:0}
.check-wrap .form-check { width:90%}
/* 이메일 수신 설정 체크 */
.form-check ul.unsubscribe input[type=submit],
.form-check ul.unsubscribe input[type=button]{ height:30px}
.form-check ul.unsubscribe label{ width:30%}
.form-check ul.unsubscribe span{ width:70%}
.setting-info a { padding:0 15px; height:35px; line-height:32px}
/* 회원약관동의 */
.accept-terms h2,
.membership-form h2,
section.sub-content h2.con-title{ font-size:20px}
.accept-terms .terms-box { padding:10px; height:200px; line-height:20px}
.accept-terms .terms-box h1 { font-size:18px}
.accept-terms .terms-box h2 { font-size:15px}
/* 등록폼(회원가입-수정,센터정보,교육과정등록) */
ul.form-input { border-left:1px solid #f0eef1}
ul.form-input li .item,
ul.form-input li .item-contents{ padding:0 15px}
ul.form-input li .item { padding-top:7px; padding-bottom:7px; height:auto; line-height:normal}
ul.form-input li .item-contents{ line-height:50px}
ul.form-input li .item,
.membership-form ul.form-input li .item,
ul.form-input li .item-contents,
.membership-form ul.form-input li .item-contents{ width:100%}
ul.form-input li .item-contents.en-name input[type=text]{ margin-bottom:5px}
ul.form-input li .item-contents .write-con .file-input-div{ top:12px}
ul.form-input li.height-auto .item-contents{ padding-top:10px; padding-bottom:10px}
ul.form-input li.multiple-rows .item{ padding-top:7px}
ul.form-input li.multiple-rows .item-contents{ padding:0}
ul.form-input li.multiple-rows .item-contents ul li{ padding:8px 15px}
ul.form-input li.multiple-rows .item-contents ul li span{ display:block; margin-left:0; margin-top:5px}
ul.form-input li.multiple-rows .item-contents ul li span,
ul.form-input li.multiple-rows .item-contents ul li label{ font-size:13px}
.complete-application ul.form-input li .item-contents.many input{ margin-top:5px}
.complete-application ul.form-input li .item-contents.file-down a{ padding:3px 5px; font-size:11px}
/* 회원가입완료 */
.signed-up h2 span { font-size:17px}
.signed-up h2 strong { font-size:20px}
ul.kacpr-service li { padding:25px 0; width:50%}
ul.kacpr-service li img { width:45px}
/* 교육신청폼 상세 */
.sub-content.application-form h2{ font-size:20px; line-height:22px}
.sub-content.application-form .course-title strong{ margin:8px 0; width:100%; font-size:20px}
.sub-content.application-form .course-title span{ font-size:14px}
.sub-content.application-form .course-title em{ padding:0 10px; height:25px; font-size:13px; line-height:25px}
.sub-content.application-form .course-title div:last-child{ margin-top:0}
ul.course-info li em { width:25%}
ul.course-info li span.long { width:68%}
.sub-content.application-form .place .map-info{ height:170px}
.sub-content.application-form .place .map-info,
.sub-content.application-form .place .place-info{ width:100%}
.sub-content.application-form .place .place-info li{ margin-top:0}
.sub-content.application-form .place .place-info em{ padding:10px 0}
.sub-content.application-form .place .place-info span{ padding-left:0}
.sub-content.application-form .etc-info>div{ margin-left:0; width:100%}
.sub-content.application-form .etc-info>div ul.etc li strong{ padding:5px 10px 7px 10px; font-size:15px}
.sub-content.application-form .etc-info>div ul.etc li span{ padding-left:10px}
.sub-content.application-form .course-title span{ margin-left:0}
.sub-content.application-form .course-description{ margin-top:30px}
.sub-content.application-form .course-description h3{ font-size:18px}
.sub-content.application-form .enter-information li strong{ font-size:16px}
.sub-content.application-form .enter-information li button{ padding:7px 10px}
.sub-content.application-form .enter-information li:first-child button{ right:10px}
.sub-content.application-form .enter-information.applicant li em,
.sub-content.application-form .enter-information.additional li em{ width:35%}
.sub-content.application-form .enter-information.applicant li span{ width:54%}
.sub-content.application-form .enter-information.additional li span{ width:63%}
.sub-content.application-form .enter-information.additional .help-inline{ display:block; margin-left:0; margin-top:5px}
.sub-content.application-form .enter-information.additional .input-half{ width:100%}
/* 교육코스 검색 */
/* Main */
section.course-schedule,
section.institution-archive,
section.social-contribution,
section.newsletter-link { padding:10px; background-size:360px}
section.promotion-box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:105px}
section.promotion-box .swiper-slide.slider-1,
section.promotion-box .swiper-slide.slider-2{ height:290px}
section.promotion-box .swiper-slide.slider-2{ background-size:650px}
section.promotion-box .promotion-title{ margin-top:-115px}
section.promotion-box h1 { font-size:28px}
section.promotion-box p { font-size:14px}
section.promotion-box .swiper-slide.slider-2{ background-image:url(/images/@tmp/m-slider-4.jpg)}
section.course-schedule .search-popup{ margin:-80px -10px 0 -10px}
section.course-schedule .search-popup .total-search{ padding:15px 20px; height:80px}
section.course-schedule .search-popup .total-search span{ width:73%}
section.course-schedule .search-popup .total-search strong{ width:25%; font-size:18px}
section.course-schedule .search-popup .total-search input[type=text]{ width:77%}
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ width:23%}
section.course-schedule .search-popup .total-search input[type=text],
section.course-schedule .search-popup .total-search input[type=button],
section.course-schedule .search-popup .total-search input[type=submit]{ font-size:14px}
/* 신규팝업(7일간) */
section.course-schedule .swiper-slide.back-popup.new .icon-new{ right:10px}
section.course-schedule .search-popup .popup ul li{ padding:0 10px}
section.course-schedule .search-popup .popup ul li span{ padding-right:60px; font-size:13px; line-height:18px}
section.course-schedule .search-popup .popup ul li strong{ margin-right:80px; font-size:18px; line-height:20px}
section.course-schedule .search-popup .popup ul li a{ left:10px; bottom:50px}
section.course-schedule .swiper-slide.back-popup{ height:230px}
section.course-schedule .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:15px; right:100px}
section.course-schedule .swiper-button-prev2,.swiper-button-next2{ bottom:10px !important}
section.course-schedule .swiper-button-prev2{ right:50px !important}
section.course-schedule .swiper-button-next2{ right:10px !important}
section.course-schedule .course-guide{ margin-top:40px}
.course-guide ul.two-course { width:100%}
.course-guide ul.two-course li{ height:240px}
.course-guide ul.two-course li strong{ margin-bottom:0; font-size:24px}
.course-guide ul.two-course li.aha-course,
.course-guide ul.two-course li.kacpr-course{ padding:20px 25px}
.course-guide ul.two-course li span.mobile-none{ display:none}
.schedule-search .course-wrap .course-image{ height:100px}
.schedule-search .course-wrap .course-image strong{ font-size:20px; line-height:98px}
.schedule-search .course-wrap .course-search select,
.schedule-search .course-wrap .course-search input[type=text],
.schedule-search .course-wrap .course-search input[type=submit],
.schedule-search .course-wrap .course-search input[type=button]{ width:32.5%}
h2.section-title { margin-bottom:20px}
h2.section-title span { font-size:14px}
h2.section-title strong { font-size:20px}
.institution-archive .institution-find{ padding:0}
.institution-find h2.section-title{ margin-bottom:15px}
.institution-find .area-logo{ padding:10px 12px; height:48px}
ul.contribution li { height:250px}
ul.contribution li strong { margin-top:15px; font-size:15px; line-height:20px}
ul.contribution li a { left:15px; bottom:15px}
.newsletter-sns .newsletter { padding:0; height:225px}
ul.kacpr-letter li,
ul.kacpr-letter li em { height:225px}
ul.kacpr-letter li span { height:177px}
ul.kacpr-letter li span span{ font-size:14px}
ul.kacpr-letter li span strong{ font-size:20px}
ul.kacpr-letter li span a { width:100px}
section.newsletter-link .link-service{ margin-top:20px}
.link-service .link-item .cpr-order{ width:100%; height:230px}
.link-service .link-item .cpr-order h2.section-title strong{ font-size:20px}
ul.apply { margin-top:10px; width:100%}
ul.apply li { border-left:1px solid #e0e0e0}
ul.apply li strong { font-size:20px}
section.sponsorship { padding:25px 0}
section.sponsorship h1 { font-size:28px}
section.sponsorship span { margin-top:20px; margin-bottom:15px; font-size:14px}
/* Content */
h2.con-headtitle span { font-size:16px}
h2.con-headtitle strong { font-size:24px}
/* Hgroup */
.hgroup { height:60px; line-height:58px}
.hgroup h2.depth2-title strong{ font-size:22px}
/* Individual Classes */
.input-small { width:85px}
.input-large { width:270px}
.input-birth { width:80px}
input[type=number].input-medium,.input-medium{ width:180px}
.input-email { width:70px}
.input-select { width:130px}
/* 교육코스 검색 */
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ width:33%}
.sub-content.application .course-search input[type=button],
.sub-content.application .course-search input[type=submit]{ position:absolute; top:43px; right:0; width:33%}
.sub-content.application .course-search .select-wrap,
.sub-content.application .course-search input[type=text]{ margin-left:0.5%}
.sub-content.application .course-search .select-wrap:nth-child(4){ margin-left:0}
.sub-content.application .course-search .select-wrap:nth-child(1),
.sub-content.application .course-search .select-wrap:nth-child(2),
.sub-content.application .course-search .select-wrap:nth-child(3){ margin-bottom:3px}
/* 교육신청(리스트형) */
ul.flag-group li{ width:50%}
ul.flag-group li:nth-child(20){ border-bottom:1px solid #d7d7d7}
ul.month-list li:first-child{ display:none}
ul.month-list li { padding:18px 10px; height:auto; line-height:normal}
ul.month-list .course-name { width:38%}
ul.month-list .training-time{ width:37%}
ul.month-list .personnel { margin-top:-5px; width:22%}
ul.month-list .institution-name,ul.month-list .course-name span{ display:block; margin-top:8px; width:100%}
ul.month-list button { top:60px}
ul.month-list li.two-days button{ top:55px}
ul.month-list li.two-days em.days{ margin-right:5px; font-size:12px; line-height:12px}
ul.month-list .course-name span{ padding-left:0}
.h-calendar { overflow:hidden; height:auto}
.h-calendar ul.week { display:none}
.h-calendar ul.day { width:100%; border-top:1px solid #e0e0e0}
.h-calendar ul.day li { width:14%}
.h-calendar ul.day li.today { margin-top:-2px; width:14%; border-top:1px solid}
.h-calendar ul.day li.empty { display:block; height:43px}
.h-calendar ul.day li:nth-child(1),
.h-calendar ul.day li:nth-child(7),
.h-calendar ul.day li:nth-child(8),
.h-calendar ul.day li:nth-child(14),
.h-calendar ul.day li:nth-child(15),
.h-calendar ul.day li:nth-child(21),
.h-calendar ul.day li:nth-child(22),
.h-calendar ul.day li:nth-child(28),
.h-calendar ul.day li:nth-child(29),
.h-calendar ul.day li:nth-child(35),
.h-calendar ul.day li:nth-child(36),
.h-calendar ul.day li:nth-child(42){ width:15%}
/* 교육신청 상세 */
/* 교육공지문 */
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li a{ padding:3px 8px; font-size:12px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em{ margin-bottom:15px; width:100%}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li span{ padding-left:0; width:100%}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li strong{ font-size:14px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li em img,
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em img{ width:200px}
.sub-content.application-form .etc-info>div ul.etc li ul.buy-textbooks li.acls-i em{ height:auto}
/* 평가설문지 */
.questionnaire h3 { font-size:16px; line-height:24px}
.questionnaire .questionnaire-wrap h3{ line-height:20px}
.questionnaire-wrap .date-place span{ display:block; margin-left:0; font-size:13px}
.questionnaire-wrap .public-job,
.questionnaire-wrap .public-info .information,
.questionnaire-wrap .public-info .experience{ padding-top:10px; padding-bottom:10px; height:auto; line-height:20px}
.questionnaire-wrap .public-info .information,
.questionnaire-wrap .public-info .experience{ padding:7px 0}
.questionnaire-wrap .public-job span,
.questionnaire-wrap .public-info .experience span{ display:block; margin-bottom:5px}
.questionnaire-wrap .public-job input[type=radio],
.questionnaire-wrap .public-info .experience input[type=radio]{ margin-left:0}
.questionnaire-wrap .public-job label,
.questionnaire-wrap .public-info .experience label{ margin-right:15px}
/* PreTest */
.pre-test h3 span,
.pre-test h3 strong { width:100%}
.pre-test h3 span { margin-top:5px; margin-right:0; margin-bottom:35px}
.pre-test h3 button { bottom:15px; left:20px; top:auto; right:auto; height:25px}
/* 교육과정소개 */
.course-list .course-box { margin:3% 0 0 0; width:100%; height:auto}
.course-list .course-box:nth-child(2){ margin-top:3%}
.course-list .course-box:nth-child(2),
.course-list .course-box:nth-child(4),
.course-list .course-box:nth-child(6),
.course-list .course-box:nth-child(8),
.course-list .course-box:nth-child(10),
.course-list .course-box:nth-child(12){ margin-left:0}
.course-list .course-box span{ font-size:15px; line-height:20px}
.course-list .course-box strong{ font-size:20px}
.course-list .course-box .link-button{ margin-top:20px}
.course-headtitle strong { font-size:20px}
.course-details h3 { font-size:15px; line-height:22px}
ul.qualifications li strong { font-size:15px; line-height:20px}
.course-details { height:auto}
.course-details .course-summary{ width:100%; height:auto}
.course-summary .qualifications-wrap{ position:static; bottom:auto}
ul.qualifications li { height:100px}
.course-summary .details-contents{ height:auto}
section.sub-content.acls .course-details,
section.sub-content.acls .course-details .course-summary,
section.sub-content.acls.monitor .course-details,
section.sub-content.acls.monitor .course-details .course-summary,
section.sub-content.acls.monitor .course-summary .details-contents,
section.sub-content.lecturer .course-summary .details-contents,
section.sub-content.bls.instructor .course-summary .details-contents{ height:auto}
.course-details .course-imagery{ position:static; bottom:auto; right:auto; margin-top:20px; width:100%}
.program .goals,
.program .overview { width:100%}
.program .goals { margin-top:20px}
/* 교육과정단계 */
section.sub-content.course-step .default tbody td span{ padding:15px 10px; font-size:12px}
section.sub-content.course-step .default tbody .height{ height:130px}
/* 교육기관찾기 */
.find-institution .image-map,
.find-institution .find-descrip{ display:none}
.find-institution .area-search{ margin-bottom:20px}
.find-institution .select-area{ margin-bottom:0; width:100%}
ul.institution-infomation2 li span,
ul.institution-infomation li span{ width:100%}
ul.institution-infomation li .institution-name strong,
ul.institution-infomation li .institution-address strong{ width:83%}
.institution-list .thumb-list span{ display:block}
.institution-list span.no{ display:none}
.institution-list span.institution-name,
.institution-list span.institution-address{ width:72%}
.institution-list span.institution-address{ margin-top:5px}
.institution-list span.institution-location{ margin-top:-20px}
.institution-list button.map{ margin-top:5px}
/* 신청서 작성 */
.complete-application ul.form-input{ border-left:1px solid #f0eef1}
.complete-application ul.form-input li .item,
.complete-application ul.form-input li .item-contents,
.complete-application ul.form-input li.both-side .both-l,
.complete-application ul.form-input li.both-side .both-r,
.complete-application ul.form-input li.both-side .both-l .item,
.complete-application ul.form-input li.both-side .both-r .item,
.complete-application ul.form-input li.both-side .both-l .item-contents,
.complete-application ul.form-input li.both-side .both-r .item-contents{ width:100%}
section.sub-content.complete-application h3{ font-size:15px}
.complete-application .agree-use,
.complete-application .agree-use p,
.complete-application .agree-use input{ font-size:14px}
.complete-application .agree-use span{ display:block; margin:10px 0}
.complete-application .agree-use strong{ font-size:20px}
.complete-application .support-description{ padding:15px 10px; width:100%}
.complete-application .support-description em{ margin-bottom:10px}
.complete-application .support-description em img{ width:25px}
.complete-application .support-description span span{ font-size:12px}
/* 수료증발급-환불 안내 */
section.certificates-guide .info-red{ text-align:left}
ul.certificates-apply li { margin-left:0; margin-top:10px; padding-bottom:15px; width:100%; height:auto}
ul.certificates-apply li:nth-child(2),
ul.certificates-apply li:nth-child(3){ background-position:90% 80%}
ul.certificates-apply li span{ margin-left:70px}
ul.certificates-apply li strong{ margin-top:-10px; font-size:18px}
.refund-info h4 strong { font-size:18px}
.refund-info ul li { margin-left:0; margin-top:10px; padding:15px 0; width:100%; height:auto}
.refund-info ul li:last-child{ padding:15px 0}
.refund-info ul li em img { width:20px}
/* 검증프로그램 안내 */
.program-down span { margin-bottom:10px}
/* 심폐소생술이란? */
section.heart-attack-cpr h2.con-title span{ font-size:16px}
section.heart-attack-cpr .cpr-summary .cpr-image1,
section.heart-attack-cpr .cpr-summary .cpr-image2{ width:100%; height:200px}
section.heart-attack-cpr .cpr-summary .cpr-image1{ margin-bottom:15px; background-size:contain; background-color:#051a37}
section.heart-attack-cpr .cpr-summary .cpr-image2{ margin-top:15px}
section.heart-attack-cpr .cpr-summary .cpr-summary1,
section.heart-attack-cpr .cpr-summary .cpr-summary2{ width:100%; height:auto}
section.heart-attack-cpr .cpr-summary .cpr-summary1>div,
section.heart-attack-cpr .cpr-summary .cpr-summary2>div{ position:static; bottom:auto; left:auto}
ul.cpr-item { margin-top:40px}
ul.cpr-item li { margin-left:2%; width:32%; height:140px}
ul.cpr-item li.cpr-item4 { margin-left:0}
ul.cpr-item li.cpr-item4,
ul.cpr-item li.cpr-item5 { margin-top:2%; width:49%; height:140px}
ul.cpr-item li em { width:53px; height:42px; background-size:53px}
section.heart-attack-cpr .acute-myocardial-infarction-image{ width:100%; height:200px}
section.heart-attack-cpr .acute-myocardial-infarction-summary{ margin-top:10px; width:100%}
ul.hash-list li { margin-top:3px}
ul.hash-list li span { padding:7px 20px}
section.heart-attack-cpr .survival-chain div{ margin-left:0; margin-top:15px; width:100%}
section.heart-attack-cpr .survival-chain div.chain4,
section.heart-attack-cpr .survival-chain div.chain5{ margin:15px 0 0 0}
section.heart-attack-cpr .survival-chain div h4,
section.heart-attack-cpr .survival-chain div strong{ font-size:16px}
section.heart-attack-cpr .main-point{ padding:20px}
section.heart-attack-cpr .main-point strong{ font-size:15px}
section.heart-attack-cpr .main-point span span{ font-size:16px}
section.heart-attack-cpr .main-point span strong{ font-size:22px}
section.heart-attack-cpr .cpr-step .action ul li em,
section.heart-attack-cpr .cpr-step .action ul li span,
section.heart-attack-cpr.public .cpr-step:last-child .action ul li em,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li em,
section.heart-attack-cpr.public .cpr-step:last-child .action ul li span,
section.heart-attack-cpr.witness .cpr-step:last-child .action ul li span{ width:100%; text-align:left}
section.heart-attack-cpr .cpr-step .action ul li em img{ height:120px}
section.heart-attack-cpr .cpr-step .action ul li span strong{ font-size:16px}
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li span,
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li strong,
section.heart-attack-cpr .cpr-step:nth-child(even) .action ul li span{ padding:0}
section.heart-attack-cpr .cpr-step:nth-child(odd) .action ul li em{ margin-bottom:10px}
section.heart-attack-cpr .cpr-step:nth-child(even) .action ul li em{ margin-top:10px}
/* 심폐소생술통계 */
/* 국민행동지침 */
ul.guidelines { margin:0 0 40px 0; border:0}
ul.guidelines li { margin-left:4%; width:48%}
ul.guidelines li:nth-child(3){ margin-left:0}
ul.guidelines li:nth-child(3),
ul.guidelines li:nth-child(4){ margin-top:30px}
ul.guidelines li strong { margin-top:0; font-size:16px}
ul.guidelines li .guideline-item strong{ font-size:16px}
ul.prevention li { width:100%}
ul.prevention li:nth-child(2){ border-top:0}
ul.prevention li:nth-child(2),
ul.prevention li:nth-child(4),
ul.prevention li:nth-child(6){ border-left:1px solid #d9dbdc}
ul.prevention li:nth-child(1) span,
ul.prevention li:nth-child(2) span,
ul.prevention li:nth-child(3) span,
ul.prevention li:nth-child(4) span,
ul.prevention li:nth-child(5) span,
ul.prevention li:nth-child(6) span,
ul.prevention li:nth-child(7) span{ padding-top:12px}
/* 후원안내 */
.sponsorship-guide .summary-kacpr .summary{ height:auto}
.sponsorship-guide .summary-kacpr .kacpr-image{ height:200px; background-size:contain; background-color:#d21c1b}
.sponsorship-guide .summary-kacpr .summary{ padding:20px 30px; width:100%}
.sponsorship-guide .summary-kacpr .kacpr-image{ width:100%}
ul.about-kacpr { margin:20px 0 30px 0}
ul.about-kacpr li { padding:20px 0; width:48%; height:140px}
ul.about-kacpr li:nth-child(3){ margin-left:0}
ul.about-kacpr li:nth-child(3),
ul.about-kacpr li:nth-child(4){ margin-top:2%}
ul.about-kacpr li em { margin-bottom:10px}
ul.about-kacpr li em img { width:50px}
.sponsorship-guide .support-info .bank-info,
.sponsorship-guide .support-info .sponsorship-inquiry{ height:auto}
.sponsorship-guide .support-info .bank-info{ width:100%}
.sponsorship-guide .support-info .bank-info h4{ margin-bottom:20px}
.sponsorship-guide .support-info .bank-info h4 span,
.sponsorship-guide .support-info .bank-info h4 strong{ font-size:24px}
.sponsorship-guide .support-info .bank-info span,
.sponsorship-guide .support-info .bank-info strong{ font-size:15px}
.sponsorship-guide .support-info .bank-info span{ margin-bottom:5px}
.sponsorship-guide .support-info .bank-info strong{ margin-bottom:20px}
.sponsorship-guide .support-info .sponsorship-inquiry{ padding:30px 0; width:100%}
.sponsorship-guide .support-info .sponsorship-inquiry img{ width:35px}
.sponsorship-guide .support-info .sponsorship-inquiry span{ font-size:16px}
.sponsorship-guide .support-info .sponsorship-inquiry strong{ font-size:18px}
.sponsorship-guide .support-info .sponsorship-inquiry span,
.sponsorship-guide .support-info .sponsorship-inquiry strong{ margin-top:5px}
.sponsorship-guide .info-grey{ text-align:left}
.sponsorship-guide .info-grey span{ width:88%}
/* 10년사 */
.ten-years .summary { padding:35px 30px}
.ten-years .summary,
.ten-years .ten-years-image { width:100%; height:auto}
.ten-years .ten-years-image { height:350px}
.ten-years .summary span { margin-bottom:40px}
.ten-years .summary em img { width:230px}
.ten-years .summary strong { font-size:20px}
/* 협회일정 */
ul.schedule-icon li { margin-left:5px}
ul.schedule-icon li span { font-size:12px}
section.sub-content.kacpr-schedule ul.cal-body li{ height:110px}
section.sub-content.kacpr-schedule ul.cal-body li span{ margin-right:2px}
div.schedule-item div { padding:10px; width:45%}
div.schedule-item div:nth-child(3),
div.schedule-item div:nth-child(4){ margin-top:2%}
div.schedule-item div span em img{ width:20px}
div.schedule-item div span { margin:10px 0 15px 0}
div.schedule-item div strong{ font-size:13px; line-height:18px}
div.schedule-item div span strong{ font-size:15px}
/* 용어사전 */
section.sub-content.dictionary .institution-archive h3{ padding-top:0; font-size:18px}
section.sub-content.dictionary .institution-archive .term-dictionary{ margin-top:30px; width:100%}
section.sub-content.dictionary .institution-archive .search-word input[type=text]{ width:80%}
section.sub-content.dictionary .institution-archive .search-word input[type=button],
section.sub-content.dictionary .institution-archive .search-word input[type=submit]{ width:20%}
ul.word-list li { padding:10px 15px}
ul.word-list li span,
ul.word-list li strong { font-size:14px}
/* 검색결과 */
.kacpr-search h3 span,
.kacpr-search h3 strong { font-size:20px}
.kacpr-search .search-keyword input[type=text]{ width:50%}
.kacpr-search .search-keyword input[type=button],
.kacpr-search .search-keyword input[type=submit]{ width:15%}
.kacpr-search .result-wrap { padding:10px}
.kacpr-search .result-wrap h4{ font-size:18px}
.kacpr-search .result-wrap div span{ line-height:22px}
.kacpr-search .result-wrap p{ text-align:left}
/* Newsletter(소식지) */
.newsletter-list .list-select strong{ margin-top:0; margin-bottom:10px; width:100%; font-size:15px}
.newsletter-list .list-select select{ width:100%}
.newsletter-list .newsletter-con,
.newsletter-list .newsletter-image{ width:100%; height:auto}
.newsletter-list .newsletter-image{ padding:20px 50px; background-size:cover}
.newsletter-list .newsletter-image em{ width:200px; height:250px}
.newsletter-list .newsletter-image span{ right:4%}
.newsletter-list .newsletter-con strong{ font-size:20px}
.newsletter-list .newsletter-con ol li{ line-height:26px}
/* 백서 */
.white-book { height:240px}
.white-book .book { margin-top:95px; width:90%; height:480px; background-size:380px}
.white-book .book .book-wrap{ width:95%; height:480px}
.white-book .book a { margin:5px 10px}
.white-book .book img { width:250px}
.white-book .book span { margin-bottom:-25px; padding:0 35px}
.white-book .book span.book-box{ margin-bottom:0; padding:0 20px}
.white-book .book .kacpr { margin:-1px 0 34px -1px; padding:20px 30px; width:170px; height:145px}
.white-book .book .kacpr span{ line-height:26px}
.white-book .message { padding:0 10px}
.white-book .message p { line-height:24px}
.white-book .message img { width:320px}
/* FAQ */
.faq .question { width:13%}
.trigger-button span { width:85%}
.accordion.active ul.block-list li{ width:50%}
/* 홍보영상(Youtube) */
ul.media li { margin-left:4%; margin-top:4%; padding:15px; width:48%; height:170px}
ul.media li:nth-child(odd) { margin-left:0}
ul.media li:nth-child(even) { margin-left:4%}
ul.media li:nth-child(1),
ul.media li:nth-child(2) { margin-top:0}
ul.media li:nth-child(3),
ul.media li:nth-child(4) { margin-top:4%}
ul.media li span em { width:80px}
ul.media li strong { font-size:16px; line-height:24px}
.board-content div.youtube { width:100%}
.board-content div.youtube iframe{ width:100%; height:300px}
/* 서식다운로드 */
ul.media.archive li { height:250px}
ul.media.archive li span.archive-date{ bottom:15px}
ul.media.archive.event li { height:200px}
ul.media.archive.event li span em.accepting,
ul.media.archive.event li span em.deadline{ margin-top:5px}
/* 협회소개 */
section.sub-content.greeting .greeting-head{ margin-top:0}
section.sub-content.greeting .greeting-head,
section.sub-content.greeting .greeting-head>div{ height:auto}
section.sub-content.greeting .greeting-head>div{ padding:30px 0}
section.sub-content.greeting .greeting-head span{ font-size:15px}
section.sub-content.greeting .greeting-head strong{ font-size:24px; line-height:22px}
section.sub-content.greeting .greeting-head em{ display:none}
.organization-chart { width:100%}
.organization-chart .chart-box{ padding:8px 0; width:100%; height:60px; background-size:cover}
.organization-chart .chart-box span{ font-size:12px}
.organization-chart .chart-box strong{ font-size:15px}
.organization-chart .row2 { width:100%}
.organization-chart .row2 .chart-box{ width:47.5%}
.organization-chart .row4 div{ width:45%}
.organization-chart .row4 .chart-box{ width:100%}
.organization-chart .row1,.organization-chart .row3,.organization-chart .row5{ width:50%}
.organization-chart .row2,.organization-chart .row3,.organization-chart .row4{ margin-top:25px}
.organization-chart .row2,.organization-chart .row4{ background-position:0 30px}
.organization-chart .row2 .chart-box:last-child{ margin-left:5%}
.organization-chart .row5 { position:static; margin:0 auto; margin-top:25px}
.organization-chart ul { margin-top:15px}
.organization-chart ul li { padding:5px 0; height:50px}
.organization-chart ul li span{ margin-top:3px; font-size:12px}
.organization-chart ul li strong{ font-size:13px}
.history h2.his-headtitle span{ font-size:16px}
.history h2.his-headtitle strong{ font-size:22px}
.history,.wrap-history { margin-top:0; background-image:none}
.wrap-history .year-tab em { display:none}
.wrap-history .year-tab strong{ margin:0; font-size:26px}
.wrap-history ul.history-list{ margin-bottom:0}
.wrap-history ul.history-list li span{ width:84%}
.wrap-history ul.history-list li strong{ width:14%}
.wrap-history .history-l,
.wrap-history .history-r { width:100%}
.wrap-history .history-l .year-tab,
.wrap-history .history-l ul.history-list li{ text-align:left}
.wrap-history .history-l ul.history-list{ margin-right:0}
.wrap-history .history-r ul.history-list{ margin-left:0}
.wrap-history .history-l ul.history-list li span{ float:right}
.wrap-history .history-l ul.history-list li strong{ float:left}
.wrap-history .his2004,
.wrap-history .his2007,
.wrap-history .his2010,
.wrap-history .his2012,
.wrap-history .his2015,
.wrap-history .his2020,
.wrap-history .his2024 { margin-top:0}
.wrap-history .his2002,
.wrap-history .his2005,
.wrap-history .his2009,
.wrap-history .his2011,
.wrap-history .his2013,
.wrap-history .his2016,
.wrap-history .his2017,
.wrap-history .his2018,
.wrap-history .his2019,
.wrap-history .his2021,
.wrap-history .his2022,
.wrap-history .his2023,
.wrap-history .his2024 { margin-top:30px}
.vision h3 { font-size:20px}
.vision .vision-summary h3 { font-size:18px}
ul.vision-item { margin:10px 0 20px 0}
ul.vision-item li { margin:10px 15px; padding-top:75px; width:150px; height:158px}
ul.vision-item li span { font-size:14px}
ul.vision-item li strong { font-size:16px}
ul.core-values li { padding:20px 0; height:80px}
ul.core-values li span { margin-top:10px}
ul.core-values li strong { font-size:18px}
section.finance-accounting .default{ margin-bottom:15px}
section.finance-accounting .default,
section.finance-accounting .graph-chart{ width:100%}
section.finance-accounting .income .graph-chart.y2013 div,
section.finance-accounting .income .graph-chart.y2014 div,
section.finance-accounting .income .graph-chart.y2018 div,
section.finance-accounting .income .graph-chart.y2017 div,
section.finance-accounting .income .graph-chart.y2015 div,
section.finance-accounting .income .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2018 div,
section.finance-accounting .expenditure .graph-chart.y2013 div,
section.finance-accounting .expenditure .graph-chart.y2015 div,
section.finance-accounting .expenditure .graph-chart.y2014 div,
section.finance-accounting .expenditure .graph-chart.y2016 div,
section.finance-accounting .expenditure .graph-chart.y2017 div{ height:auto}
/* 슬라이딩 그래프 */
ul.sliding-graph { margin:20px 0}
.graph-chart.y2017 #expenditure ul.sliding-graph,
.graph-chart.y2016 #expenditure ul.sliding-graph,
.graph-chart.y2015 #expenditure ul.sliding-graph,
.graph-chart.y2013 #expenditure ul.sliding-graph,
.graph-chart.y2014 #expenditure ul.sliding-graph{ margin-top:20px}
.kacpr-info { margin-top:15px}
.kacpr-map .address-info em,
.kacpr-map .address-info span{ height:75px}
.kacpr-map .address-info em { width:20%}
.kacpr-map .address-info span{ padding-top:8px; width:80%; line-height:20px}
.kacpr-map .address-info img{ width:15px}
.kacpr-info em img { width:35px}
.kacpr-info strong { font-size:16px}
.kacpr-info.print .work-info,
.kacpr-info.print .public-transport,
.kacpr-info .help,
.kacpr-info .work-info,
.kacpr-info .public-transport{ width:100%}
.kacpr-info .help,
.kacpr-info .public-transport{ margin-top:10px; border-left:1px solid #e0e0e0}
.kacpr-info .help ul li,
.kacpr-info .help ul li:first-child,
.kacpr-info .help ul li:last-child,
.kacpr-info .work-info ul li,
.kacpr-info .work-info ul li:last-child,
.kacpr-info .public-transport ul li,
.kacpr-info .public-transport ul li:first-child{ padding:20px 0; height:auto; line-height:normal}
.kacpr-info .public-transport ul li:first-child{ padding-left:20px}
.kacpr-info .help ul li strong,
.kacpr-info .work-info ul li strong,
.kacpr-info .public-transport ul li span,
.kacpr-info .public-transport ul li strong,
.kacpr-info .public-transport ul li:last-child strong{ margin:0; padding:0}
.association-constitution .constitution-head{ height:185px; background-size:auto 185px}
.association-constitution .constitution-head h2{ font-size:23px}
.association-constitution .constitution-head span,
.association-constitution .constitution-box h1{ font-size:16px}
/* 이벤트 - 심포지움 */
.symposium-option { margin-top:20px}
.symposium-option p { margin-top:10px}
/* 게시판용 팝업상세 */
.board-content div.board-popview h1 span { font-size:16px}
.board-content div.board-popview h1 strong{ font-size:24px}
.board-content div.board-popview h1 small{ font-size:16px}
.board-content div.board-popview .con-box .con-head span{ margin-top:10px; width:100%}
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:13px; line-height:22px}
.board-content div.board-popview .box-dash p{ font-size:13px; line-height:22px}
.board-content div.board-popview .con-box .con-head span,
.board-content div.board-popview .con-box .con-head strong{ font-size:13px; line-height:22px}
.board-content div.board-popview .box-white p{ font-size:13px; line-height:22px}
.board-content div.board-popview .box-white h3{ font-size:18px}
.board-content div.board-popview .box-white .download-group{ margin:25px 0 !important}
.board-content div.board-popview .box-white .download-group a{ margin:5px 0; font-size:13px}
.board-content div.board-popview .box-dash h3{ font-size:14px}
.board-content div.board-popview .box-dash ul,
.board-content div.board-popview .box-dash p,
.board-content div.board-popview .box-white p { margin-left:0}
ul.inline-box li { margin-top:10px; padding:15px 15px; height:auto}
ul.inline-box li a,
ul.inline-box li span,
ul.inline-box li strong { font-size:13px !important; line-height:22px !important}
ul.inline-box.col3 li { margin-left:0; width:100%}
ul.inline-box li .add-mar { margin-top:20px}
.board-content div.board-popview ul.table-type li span,
.board-content div.board-popview ul.table-type li strong{ font-size:13px}
/* 수료증에 영문명 수정 중요공지(2020.01.31추가) */
.english-name-notice { padding-bottom:13px}
.english-name-notice strong { display:block}
.english-name-notice a { margin-left:0; margin-top:10px}
/* 한국 CoSTR(2020.09.11 추가) */
ul.costr-list li { padding:20px 0 20px 100px}
ul.costr-list .notify .date { top:17%}
ul.costr-list .notify .link-button{ top:26%}
ul.costr-list .notify .title{ margin-top:-3px}
ul.costr-list .title { margin-top:5px; width:100%}
ul.costr-list .title strong { font-size:16px; line-height:20px}
ul.costr-list .date { top:20px; width:90px}
ul.costr-list .reviewer-etc { margin-top:10px; overflow:hidden}
ul.costr-list .reviewer-etc .belong{ margin-right:0}
ul.costr-list .reviewer-etc .belong,
ul.costr-list .reviewer-etc .lead-reviewer,
ul.costr-list .reviewer-etc .co-reviewer{ display:block; width:100%}
ul.costr-list .reviewer-etc .co-reviewer{ margin-left:-23px}
ul.costr-list .reviewer-etc .time{ margin-left:0}
ul.costr-list .link-button { top:15px}
/* 연관단체 배너롤링 추가(21.04.02) */
section.related-organizations{ padding:10px 10px 20px 10px}
/* 심포지움 추가(21.07.14) */
.symposium-regi { margin-top:30px}
.symposium-regi a,.symposium-regi button{ height:auto; line-height:22px; font-size:18px; vertical-align:top}
.symposium-regi a { margin:0 5px 8px 0; padding:10px 50px}
.symposium-regi button { margin-left:0; height:45px; padding:10px 50px}
/* 20년사 추가(2023.07.25) */
.ten-years.twenty .summary { padding:35px 30px}
.ten-years.twenty .summary,
.ten-years.twenty .years-image{ width:100%; height:auto}
.ten-years.twenty .years-image{ height:350px}
.ten-years.twenty .summary em img{ width:230px}
.ten-years.twenty .summary span{ margin-bottom:40px}
.ten-years.twenty .summary strong{ font-size:18px; line-height:26px}
}
/* 768px 부터 테이블 가로스크롤 추가(2025.02.03) */
.guide-scroll { display:none}
.table-scroll { position:relative}
@media only screen and (max-width:768px) {
.guide-scroll{ display:block; margin:-5px 0 5px; text-align:right}
.guide-scroll img,.guide-scroll span{ display:inline-block; vertical-align:middle; font-size:14px; color:#202020}
.guide-scroll img{ margin-right:5px; width:26px}
.table-scroll{ overflow:auto}
.table-scroll table{ width:1000px ! important}
}
@media all and (max-width:360px){
.guide-scroll img{ margin-right:3px; width:18px}
.guide-scroll span{ font-size:13px}
}
/* 협회소개 - 오시는길,사무국 분리 추가(2025.02.11) */
.kacpr-address{ margin-top:50px; border:1px solid #e3e3e3}
.kacpr-address li{
display:flex;
align-items:center;
padding:15px 30px;
border-top:1px solid #e3e3e3;
}
.kacpr-address li:first-child{ border:none}
.kacpr-address li img{ margin-right:20px}
.secretariat{ margin-bottom:20px; line-height:0}
.secretariat img{ max-width:100%}
.kacpr-secretariat{
display:flex;
border:1px solid #e3e3e3;
}
.kacpr-secretariat em{ text-transform:uppercase}
.kacpr-secretariat>div{
display:flex;
align-items:center;
flex-direction:column;
padding-top:45px;
width:50%;
}
.kacpr-secretariat>div em{ margin:35px 0 50px; line-height:0}
.kacpr-secretariat>div li span{ margin-top:5px}
.kacpr-secretariat>div li:last-child span{ margin-top:0}
.kacpr-secretariat>div strong{
color:#222;
font-size:23px;
font-weight:300;
}
.kacpr-secretariat>div ul{ width:100%}
.kacpr-secretariat>div li{
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
height:90px;
border-top:1px solid #e3e3e3;
}
.kacpr-secretariat>div li em{ margin:0; color:#404040; font-weight:500}
.kacpr-secretariat>div li strong{ font-size:inherit; color:#404040; font-weight:500}
.kacpr-secretariat .help{ border-left:1px solid #e3e3e3}
@media all and (max-width:1024px){
.kacpr-address{ margin-top:30px}
.kacpr-secretariat>div{ padding-top:25px}
.kacpr-secretariat>div strong{ font-size:20px}
.kacpr-secretariat>div em{ margin:20px 0 25px}
}
@media all and (max-width:768px){
.kacpr-secretariat{ flex-direction:column}
.kacpr-secretariat>div{ width:100%}
.kacpr-secretariat>div strong{ font-size:16px}
.kacpr-secretariat>div img{ width:40px}
.kacpr-secretariat .help{ border-left:none; border-top:1px solid #e3e3e3}
}
@media all and (max-width:550px){
.kacpr-address li{ padding:10px 15px}
.kacpr-address li img{ margin-right:15px; width:35px}
.secretariat{ margin-bottom:10px}
}
/* 마이페이지 - 신문고 추가(2025.05.13) */
.my-complaint{}
.complaint-form ul li{ padding:0}
.complaint-form ul li label{ padding-left:13px; width:120px; height:70px}
.complaint-form ul li select{ padding-right:40px}
.complaint-form ul li input[type="text"],.complaint-form ul li select,.complaint-form ul li textarea,.complaint-form .open div,.complaint-form .attached-file div{ margin-left:15px; width:100%; flex:1}
.complaint-form .group select,.complaint-form .user-info input[type="text"]{ margin-right:15px}
.complaint-form .group select:last-child,.complaint-form .user-info input[type="text"]:last-child{ margin-right:0}
.complaint-form .complaint-con label{ height:260px}
.complaint-form .complaint-con textarea{ height:230px}
.complaint-form .complaint-file label{ padding:10px 0 0; width:100%; height:auto; background-color:#fff}
.complaint-form .editor,.complaint-form .write-con{ border:none}
.complaint-form .write-con.attach{ width:100%}
.complaint-form .write-con.attach label{ display:none}
.complaint-form .write-con.attach input[type="text"]{ margin-left:0}
.complaint-form .attached-file div{ display:flex}
.complaint-form .attached-file div span{ margin-left:20px}
.complaint-form .attached-file div span:first-child{ margin-left:0}
.complaint-form .attached-file div span label{ display:inline-block; padding:5px 0 5px; width:auto; height:auto; background-color:#fff}
.complaint-form .attached-file div input[type="checkbox"]{ margin:0 5px}
.complaint-form .mulifileName ul li{ padding:15px 0}
.complaint-form .mulifileName ul li:last-child{ padding-bottom:5px}
.complaint-form .mulifileName .thumbnail-container{ width:80px; height:80px}
.complaint-form .mulifileName .thumbnail{ width:70px !important; height:70px !important}
.complaint-form .open div{ display:flex}
.complaint-form .open div label{ padding:0; width:auto; height:auto; background:none}
.complaint-form.view .curriculum{ flex-wrap:wrap}
.complaint-form.view .curriculum div{ display:flex; align-items:center; width:100%}
.complaint-form.view .curriculum div:first-child{ border-bottom:1px solid #eee}
.complaint-form.view ul li label{ height:50px}
.complaint-form.view ul li span{ margin-left:15px; width:100%; flex:1}
.complaint-form.view .processing em{ font-size:16px; font-weight:500}
.complaint-form.view .complaint-con{ align-items:stretch}
.complaint-form.view .complaint-con label,
.complaint-form.view .complaint-con span{ height:auto; padding-top:13px; padding-bottom:13px}
.complaint-form.view .complaint-con span a{ color:#505050; text-decoration:underline}
.complaint-form.view .complaint-con textarea{ margin-top:13px; margin-bottom:13px; height:80px}
.complaint-form.view .drop span label{ padding:0; width:auto; height:auto; background:none}
.complaint-form.view .complaint-con.cancel{ border-bottom:none}
.complaint-form.view .complaint-button.cancel{ margin-top:0}
.complaint-form.view .complaint-button.cancel input[type="submit"]{ margin-bottom:15px; padding:5px 15px}
.complaint-form.edit ul li span{ margin-left:15px; width:100%; flex:1}
.complaint-button{ margin-top:30px}
.complaint-button input[type="submit"],.complaint-button input[type="button"],.complaint-button a{ padding:12px 25px}
.my-complaint-list{ margin-bottom:-30px}
.my-complaint-list a{ padding:8px 20px}
.my-complaint-list .descrip-color-point{ width:100%}
.default.complaint .training-day{ display:flex; flex-direction:column}
/* 처리상태 표시 */
.default.complaint .processing em{ font-size:14px}
.default.complaint .processing .step2 em{ margin-left:-40px}
.default.complaint .processing .step3 em{ margin-left:30px}
.processing strong,
.default.complaint .processing strong{ }
.default.complaint .processing div{ padding-top:24px; width:155px}
.complaint-form.view .processing div{ background-position:-13px 0}
.complaint-form.view .processing .step1,
.complaint-form.view .processing .step2,
.complaint-form.view .processing .step3,
.complaint-form.view .processing .step4{ padding-left:140px; height:24px}
/* 만족도 별점(list,view) */
#starRating2 div,#starRating{ margin-left:15px}
#starRating2 span{ margin:0 1px; width:15px; height:14px}
#starRating span{ margin:0 2px; width:25px; height:25px}
#starRating span:first-child{ margin-left:-5px}
#starRating input[type="submit"]{ margin-left:20px; padding:7px 15px}
@media all and (max-width:1024px){
.complaint-form ul li label{ padding-left:10px; width:100px; height:50px}
.complaint-form ul li select{ padding-right:30px}
.complaint-form ul li input[type="text"],.complaint-form ul li select,.complaint-form ul li textarea,.complaint-form .open div,.complaint-form .attached-file div{ margin-left:10px}
.complaint-form .group select,.complaint-form .user-info input[type="text"]{ margin-right:10px}
.complaint-form .mulifileName ul li{ padding:10px 0}
.complaint-form.view .processing em{ font-size:15px}
.complaint-form.view ul li span{ margin-left:10px}
.complaint-form.view .complaint-con label,
.complaint-form.view .complaint-con span{ padding-top:10px; padding-bottom:10px}
.complaint-form.view .complaint-con textarea{ margin-top:10px; margin-bottom:10px}
.complaint-form.view #starRating2 span{ margin:0 1px; padding:0}
.complaint-form .complaint-con label{ height:240px}
.complaint-form .complaint-con textarea{ height:220px}
.complaint-button{ margin-top:20px}
.my-complaint-list{ margin-bottom:-20px}
/* 나의 민원 리스트 */
.default.complaint .training-day{ flex-direction:row}
.default.complaint .training-day span{ margin:0 2px}
.default.complaint td{ padding:10px 10px; font-size:13px}
.default.complaint em.fixed{ width:90px}
.default.complaint em,.default.complaint button{ margin:0; padding:0; height:30px; line-height:30px; font-size:12px; text-align:center}
.default.complaint tr:nth-of-type(even){ background:#f8f8f8}
/* Force table to not be like tables anymore */
.default.complaint table,.default.complaint thead,.default.complaint tbody,.default.complaint th,.default.complaint td,.default.complaint tr{ display:block}
/* Hide table headers (but not display: none;, for accessibility) */
.default.complaint thead tr{ position:absolute; top:-9999px; left:-9999px}
.default.complaint tr{ margin-top:10px; border:1px solid #e3e3e3; border-bottom:0}
/* Behave like a "row" */
.default.complaint td{ border:none; border-bottom:1px solid #eee; position:relative; text-align:left !important}
.default.complaint td:before{
/* Now like a table header */
display:inline-block;
/* Top/left values mimic padding */
width:30%;
white-space:nowrap;
text-align:left}
.default.complaint td:nth-of-type(1):before { content: "번호"}
.default.complaint td:nth-of-type(2):before { content: "과정, 문서 No."}
.default.complaint td:nth-of-type(3):before { content: "교육기관"}
.default.complaint td:nth-of-type(4):before { content: "교육일"}
.default.complaint td:nth-of-type(5):before { content: "강사명"}
.default.complaint td:nth-of-type(6):before { content: "구분"}
.default.complaint td:nth-of-type(7):before { content: "처리상태"}
.default.complaint td:nth-of-type(8):before { content: "민원등록일"}
.default.complaint td:nth-of-type(9):before { content: "만족도"}
.default.complaint td a,
.default.complaint td div,
.default.complaint td strong,
.default.complaint .training-day{ display:inline-block}
.default.complaint .processing div{ background-position:-13px 0}
.default.complaint .processing .step1{ text-align:left}
.default.complaint .processing .step2 em{ margin-left:35px}
.default.complaint .processing .step3 em{ margin-left:70px}
.default.complaint .processing .step4{ text-align:right}
.default.complaint .processing .step4 em{ margin-right:27px}
#starRating2 div,#starRating{ margin-left:10px}
#starRating2 span{ margin:0}
}
@media all and (max-width:768px){
.complaint-form ul li,
.complaint-form .curriculum div{ flex-direction:column}
.complaint-form ul li label,.complaint-form .complaint-con label{ padding:10px 10px; width:100%; height:auto}
.complaint-form ul li input[type="text"],.complaint-form ul li select,.complaint-form ul li textarea,.complaint-form .open div,.complaint-form .attached-file div{ margin-left:0; margin-bottom:10px}
.complaint-form .complaint-con textarea{ flex:none; height:130px}
.complaint-form .group select,.complaint-form .user-info input[type="text"]{ margin-right:0}
.complaint-form .open div{ margin-top:7px}
.complaint-form .write-con.attach input[type="text"]{ margin-bottom:0}
.complaint-form .attached-file div{ flex-wrap:wrap; margin-bottom:0; padding-left:10px}
.complaint-form.edit .attached-file div span{ margin-left:0; padding:0; width:50%; flex:none}
.complaint-form .mulifileName ul li{ flex-direction:row}
.complaint-form .mulifileName ul li:last-child{ padding-bottom:0}
.complaint-form .mulifileName .thumbnail-container{ width:60px; height:60px}
.complaint-form .mulifileName .thumbnail{ width:50px !important; height:50px !important}
.complaint-form.view ul li label{ height:auto}
.complaint-form.view ul li span{ margin-left:0; padding:10px}
.complaint-form.view .complaint-con textarea{ margin:10px 0}
.complaint-form.view #starRating2{ align-items:flex-start}
.complaint-form.view #starRating2 div{ padding:10px}
.complaint-form.edit ul li span{ margin:0 1px; padding:10px}
.complaint-button{ margin-top:15px}
.complaint-button input[type="submit"],.complaint-button input[type="button"],.complaint-button a{ padding:10px 20px}
.my-complaint-list .descrip-color-point{ padding:15px 15px}
#starRating2 div{ margin-left:0}
#starRating2 span{ margin-top:-8px}
.complaint-form .satisfaction{ align-items:flex-start}
#starRating{ padding:10px 0}
#starRating span{ width:20px; height:20px}
#starRating span:first-child{ margin-left:0}
#starRating input[type="submit"]{ margin-left:15px; padding:5px 10px}
}
@media all and (max-width:550px){
.complaint-form.view .processing em{ font-size:14px}
.complaint-form .mulifileName ul li{ flex-direction:column}
}