@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");
@font-face {
    font-family: 'Deagwang_mirror';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_03@1.0/Deagwang_mirror.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.c_red {color:#c24c5a !important;}
.c_blue {color:#1d398d !important;}

/* header */
.header {position:relative; top:0; left:0; width:100%; height:120px; z-index:100; transition:.2s linear; background:#fff;}
.header.fixed {background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .logo {position:absolute; top:0; left:20px; width:462px; height:120px; z-index:2;background:url('/images/logo.png') no-repeat 50% 50% / contain;  /*background:#fff; mask:url('/images/logo.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/logo.png') no-repeat 50% 50% / contain; transition:none;*/}
.header h1 {display:none;}
.header .dm {position:absolute; top:100%; left:0; width:100%; height:0; background:rgba(255,255,255,.96); transition:.2s linear;}
.header .gnb {position:relative; z-index:1;}
.header .gnb ul {display:flex; justify-content:flex-end;}
.header .gnb li {position:relative;}
.header .gnb li > a {position:relative; display:flex; justify-content:center; align-items:center; font-size:22px; color:#222; font-weight:600; line-height:30px; height:120px; padding:0 20px; text-align:center;}
.header .gnb li > a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#1d398d; transition:.2s linear;}
.header .snb {position:absolute; top:100%; left:-20px; width:calc(100% + 40px); height:0; overflow:hidden; background: #fff; transition:.2s linear;}
.header .snb a {display:block; font-size:16px; color:#666; font-weight:300; line-height:23px; padding:5px 20px;}
.header .snb a.on {color:#1d398d; font-weight:500;}
.header .langs {position:absolute; top:35px; right:70px; border:#fff 1px solid; border-radius:26px; color:#fff; transition:.2s linear;}
.header .langs dt {position:relative; width:110px; height:52px; line-height:50px; padding:0 20px; font-size:18px; font-weight:500; cursor:pointer;}
.header .langs dt:after {content:""; position:absolute; top:0; right:20px; width:16px; height:100%; background:#fff; mask:url('/images/arrow_langs.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_langs.png') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .langs dd {position:relative; height:0; overflow:hidden; transition:.2s linear;}
.header .langs dd:before {content:""; position:absolute; top:0; left:20px; width:0; height:0; border-top:#fff 1px dashed; opacity:.5; transition:.2s linear;}
.header .langs dd a {display:block; font-size:16px; color:inherit; line-height:40px; padding:0 20px;}
.header .langs.on {border-radius:15px;}
.header .langs.on dt:after {transform:rotate(180deg);}
.header .langs.on dd {height:100px; padding:10px 0;}
.header .langs.on dd:before {width:calc(100% - 40px); transition-delay:.2s;}

.header.fixed .logo {background:url('/images/logo.png') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
.header.fixed .gnb li > a {color:#222;}
.header.fixed .langs {color:#222; border-color:#222; background:#fff;}
.header.fixed .langs dt:after {background:#222;}
.header.fixed .langs dd:before {border-top-color:#999;}

/* footer */
.footer {background:#333; padding:60px 0 50px;}
.footer .inner {position:relative;}
.footer .links {position:relative; padding-left:380px; display:flex; gap:36px; margin-bottom:35px;}
.footer .links:before {content:""; position:absolute; top:0; left:0; width:302px; height:57px; background:#a0a0a0; mask:url('/images/logo.png') no-repeat 0 50% / contain; -webkit-mask:url('/images/logo.png') no-repeat 0 50% / contain;}
.footer .links a {display:block; font-size:17px; color:#c9c9c9; line-height:57px;}
.footer .address ul {display:flex; gap:0 30px; flex-wrap:wrap; overflow:hidden;}
.footer .address li {font-size:17px; color:#aaa; line-height:27px;}
/*.footer .address li:before {content:""; position:absolute; top:50%; left:-15px; width:1px; height:14px; margin-top:-7px; background:#fff; opacity:.35;}*/
.footer .copy {font-size:17px; color:#666; line-height:1; margin-top:10px;}
.footer .tel {position:absolute; top:0; right:20px; /*width:640px;*/ height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.footer .tel * {display:block; color:#fff; line-height:1; text-align:center;}
.footer .tel i {width:100%; height:55px; margin-bottom:28px; background:url('/images/icon_tel.png') no-repeat 50% 50% / contain;}
.footer .tel span {font-size:23px; font-weight:700;}
.footer .tel strong {font-size:32px; margin:10px 0 12px;}
.footer .tel p {font-size:17px; color:#c9c9c9;}
.gotop {position:fixed; bottom:30px; right:30px; width:64px; height:64px; border-radius:50%; background:#fff url('/images/gotop2.png') no-repeat 50% 50%; box-shadow: 0 0 0 1px #dadcdf, 0 4px 8px 0 rgba(0, 0, 0, .15); font-size:0; z-index:30;}

.fbanner_wrap {border-top:#e1e1e1 1px solid; background:#fff; padding:18px 0;}
.fbanner_wrap .inner {position:relative; padding:0 84px;}
.fbanner {position:relative;}
.fbanner .slick-slide {padding:0 18px; font-size:0;}
.fbanner .slick-slide a {display:block; border:#eee 1px solid;}
.fbanner .slick-arrow {position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; border:#cfcfcf 1px solid; border-radius:50%; background:url('/images/arrow_slide.png') no-repeat 50% 50%; font-size:0; z-index:1;}
.fbanner .slick-prev {left:-64px;}
.fbanner .slick-next {right:-64px; transform:rotate(180deg);}

/* main */
.mvisual_wrap {position:relative; }
.mv_txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center; z-index:1; padding-bottom:40px;}
.mv_txt span {font-size:20px; font-weight:600; line-height:1; margin-bottom:15px;}
.mv_txt .tt {font-size:68px; font-weight:700; line-height:74px;}
.mv_txt strong {color:#fff;  font-weight:800;}
.mvisual .slick-slide > div {font-size:0;}
.mvisual .slick-dots {position:absolute; bottom:25px; left:0; width:100%; display:flex; justify-content:center; align-items:center; z-index:2;}
.mvisual .slick-dots li {display:none; font-size:15px; color:#ffffff5E;}
.mvisual .slick-dots li.slick-active {display:block;}
.mvisual .slick-dots strong {color:#fff;}
.mvisual .slick-arrow {position:absolute; top:50%; width:59px; height:59px; background:url('/images/arrow_slide_m.png') no-repeat 50% 50% / contain; transform:translateY(-50%); font-size:0; z-index:1;}
.mvisual .slick-prev {left:20px;}
.mvisual .slick-next {right:20px; transform:translateY(-50%) rotate(180deg);}
.mcon .tit {font-size:40px; color:#222; font-weight:700; line-height:48px; margin-bottom:10px;}
.mcon p {font-size:18px; color:#777; line-height:26px;}
.mc01 {text-align:center; /*background:url('/images/bg_mc01.jpg') no-repeat 50% 50% / cover;*/ padding:110px 0 90px;}
.mc01 .tit strong {color:#1d398d;}
.mc01 ul {display:flex; gap:50px; margin-top:45px;}
.mc01 li {width:calc((100% - 100px)/3);}
.mc01 .imgfit {display:block; width:100%; /* height:325px;*/}
.mc01 .txt {margin-top:20px;}
.mc01 .txt strong {display:block; font-size:22px; color:#222; line-height:38px;}
.mc01 .txt p {font-size:17px; line-height:22px;}
.mc02 {padding:80px 0; background:url('/images/bg_mc02.png') #fafafa no-repeat right 40px bottom 40px;}
.mc02 .inner {display:flex; align-items:center;}
.mc02 .inner > * {width:50%;}
.mc02 .txt {display:flex; flex-direction:column; align-items:flex-start; padding-right:20px;}
.mc02 .tit {margin-bottom:30px;}
.mc02 .tit strong {color:#1d398d;}
.mc02 ul {display:flex; gap:22px 24px; flex-wrap:wrap;}
.mc02 li {width:calc(50% - 12px); height:258px; background:#fff; border-radius:4px;}
.mc02 li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; font-size:24px; color:#222; font-weight:700; line-height:1; text-align:center;}
.mc02 li a i {position:relative; display:block; width:115px; height:115px; border-radius:50%; overflow:hidden; margin:0 auto 30px;}
.mc02 li a i:before,
.mc02 li a i:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.mc02 li a i:before {background:linear-gradient(43deg,#1d398d,#006f9b)}
.mc02 li a i:after {background:no-repeat 50% 50% / contain;}
.mc02 li.i1 a i:after {background-image:url('/images/icon_mc02_01.png');}
.mc02 li.i2 a i:after {background-image:url('/images/icon_mc02_02.png');}
.mc02 li.i3 a i:after {background-image:url('/images/icon_mc02_03.png');}
.mc02 li.i4 a i:after {background-image:url('/images/icon_mc02_04.png');}

/* 준비중 입니다 */
.comingsoon {padding:30px; border:#eee 5px solid; text-align:center; border-radius:20px; font-size:25px;}

/* sub */
.svisual {position:relative; height:450px; background:no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:1; text-align:center;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/images/svisual06.jpg');}
.svisual.g09 {background-image:url('/images/svisual01.jpg');}
.svisual strong {font-size:65px;}
.svisual p {font-size:17px; font-weight:500; opacity:.8; margin-top:15px;}

.aside {position:absolute; bottom:0; left:0; width:100%; border-top:rgba(255,255,255,.4) 1px solid;}
.aside .inner {display:flex;}
.aside .g,
.aside .s dt {display:none;}
.aside dl {width:100%;}
.aside dd {display:flex; width:100%;}
.aside a {flex:1 1 auto; font-size:20px; color:#fff; line-height:24px; height:65px; border-left:rgba(255,255,255,.4) 1px solid; display:flex; justify-content:center; align-items:center; text-align:center;}
.aside a:last-child {border-right:rgba(255,255,255,.4) 1px solid;}
.aside a.on {background:#1d398d;}



.title {font-size:40px; color:#333; font-weight:700; line-height:1; margin:90px 0 70px; text-align:center;}

.container {padding-bottom:80px;     font-size: 20px;    color: #222;    line-height: 30px;}
.container p {font-size:18px; color:#000; line-height:28px;}
.btxt {font-size:22px; color:#000; font-weight:700;}
.ctit {font-size:38px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:60px;}
.stit {position: relative;    font-size: 26px;    color: #222;    font-weight: 600;    line-height: 28px;    padding-left: 15px;    margin: 80px 0 25px;}
.stit:before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 4px;    height: 28px;    background: #1d398d;}
.stit ~ .stit {margin-top:75px;}
.stit span {font-size:14px; color:#de4a61;}

.container .title {position:relative; font-size:48px; font-weight:700; line-height:44px; text-align:center; margin-bottom:60px; padding-top:70px;}
.container .title .location {position:absolute; top:0; right:0; display:flex;}
.container .title .location i {width:16px; height:44px; background:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
.container .title .location em {width:40px; height:44px; background:url('/images/arrow_location.png') no-repeat 50% 50%;}
.container .title .location span {font-size:15px; color:#999; font-weight:400;}



.jq_tab {display:flex; gap:30px; margin-bottom:80px;}
.jq_tab li {width:calc((100% - 90px)/4);}
.jq_tab li > * {display:block; font-size:20px; color:#666; font-weight:500; line-height:26px; height:70px; border:#ddd 1px solid; text-align:center; width:100%; display:flex; justify-content:center; align-items:center;}
.jq_tab li.on > * {color:#fff; background:#c24c5a; border-color:#c24c5a;}
.jq_tab.set7 {gap:16px;}
.jq_tab.set7 li {width:calc((100% - 96px)/7);}
.jq_tab.set7 li > * {height:96px;}


/* 인사말 */
.greeting {display:flex;}
.greeting .img,
.greeting .txt {width:50%;}
.greeting .img {padding-right:45px;}
.greeting .tit {font-size:38px; font-weight:500; line-height:44px;}
.greeting .tit .c1 {color:#1d398d;}

.greeting .mid {font-size:19px; margin:40px 0 50px;}
.greeting p {color:#777;}
.greeting .name {font-weight:600; display:flex; gap:20px; margin-top:35px;}
.ceo_name { font-family: 'Deagwang_mirror'; font-size:2.2em; font-weight:400;}

/* 연혁 */
.history_wrap {    padding-bottom: 70px;        margin-bottom: 70px;}
.history {position:relative;}
.history:before {content:""; position:absolute; top:10px; left:0; width:1px; height:calc(100% - 10px); background:#ddd;}
.history dl {position:relative; padding:0 0 55px 30px;}
.history dl:last-child {padding-bottom:0;}
.history dl:before,
.history dl:after {content:""; position:absolute; background:var(--iden); border-radius:50%;}
.history dl:before {top:2px; left:-13px; width:26px; height:26px; opacity:.2;}
.history dl:after {top:9px; left:-6px; width:12px; height:12px;}
.history dt {font-size:30px; color:var(--iden); font-weight:700; line-height:1;}
.history dd {border-bottom:rgba(0,0,0,.25) 1px dashed; padding:25px 0;}
.history dd p {position:relative; padding-left:50px; font-size:18px; color:#999; line-height:30px;}
.history dd strong {position:absolute; top:0; left:0; color:#333;}

/* 찾아오는 길 */
.root_daum_roughmap {max-width:100%;}
.root_daum_roughmap .cont {display:none;}
.map_text {position:relative; margin-top:40px;}
.map_text strong {display:block; font-size:22px;}
.map_text ul {display:flex; gap:20px;}
.map_text li {font-size:19px; color:#777;}
.map_link {position:absolute; top:0; right:0; display:flex; gap:10px;}
.map_link a {display:block; font-weight:500; line-height:57px; height:57px; width:166px; padding:0 20px;}
.map_link .naver {background:#10d265 url('/images/icon_naver.png') no-repeat right 20px center; color:#fff;}
.map_link .kakao {background:#fedd0d url('/images/icon_kakao.png') no-repeat right 24px center; color:#371c1d;}

/* 교육원소개 */
.about_wrap .flex {align-items:center}
.about_wrap .flex > div {width:50%;}
.about_wrap .about .txt {padding:48px;}
.about_wrap .tit {font-size:34px; color:#222; font-weight:700; line-height:42px; margin-bottom:20px;}
.about_wrap .about .btxt {margin:30px 0;}
.about_wrap .address p {font-size:17px; font-weight:700; margin-bottom:45px;}
.about_wrap .address dl {margin-bottom:35px; font-size:16px; line-height:20px;}
.about_wrap .address dt {color:#666; font-weight:700;}
.about_wrap .address dd {color:#777; margin-top:10px;}
.root_daum_roughmap {max-width:100%;}

/* 게시판 목록 */
.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:66px; text-align:center; border-bottom:#ddd 1px solid; text-align:center;}
.board_list th {font-size:18px; font-weight:600;}
.board_list td {font-size:17px; color:#525252;}
.board_list td.tal {position:relative; padding-left:20px;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list.notice_wrap td.tal {padding-left:60px;}
.board_list .lock .tal {background:url('/images/icon_lock.svg') no-repeat 0 50% / 20px;}
.board_list .re .tal a {padding-left:30px; background:url('/images/icon_re.svg') no-repeat 5px 50% / 20px;}
.board_list .notice td.tal:before {content:"공지"; position:absolute; top:50%; left:0; font-size:15px; color:#fff; font-weight:500; line-height:35px; height:35px; width:50px; text-align:center; background:#ef5c77; border-radius:10px; transform:translateY(-50%);}
.board_list .w1 {width:100px;}
.board_list .w2 {width:160px;}
.board_list .w3 {width:170px;}

.board_bottom {position:relative; margin-top:30px;}
.board_bottom .btn_abso {position:absolute; top:0; right:0; font-size:18px; color:#f6f6f6; font-weight:700; line-height:58px; height:62px; width:160px; text-align:center; background:var(--iden); border-radius:10px; border:var(--iden) 2px solid;}
.board_bottom .paging {display:flex; justify-content:center; gap:10px; padding:10px 0;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; font-size:17px; border:#fff 1px solid;}
.board_bottom .paging a.on {color:var(--iden); border-color:var(--iden);}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .search_wrap {margin-top:50px; display:flex; justify-content:center; gap:10px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {height:40px; line-height:38px; font-size:16px;}
.board_bottom .search_wrap select.text {width:140px; padding:0 15px;}
.board_bottom .search_wrap input.text {width:300px;}
.board_bottom .search_wrap .btn {width:100px; border:#545454 1px solid; color:#545454; background:#fff; text-align:center;}

/* 게시판 상세 */
.board_view {border-top:#ddd 1px solid;}
.board_view .head {padding:35px 0; border-bottom:#ddd 1px solid; text-align:center;}
.board_view .head .tit {font-size:23px; color:#010101; font-weight:500; line-height:24px; margin-bottom:15px;}
.board_view .head .date {font-size:13px; color:#999; line-height:18px;}
.board_view .body {padding:50px 0 100px; font-size:17px; color:#666; line-height:27px; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; align-items:center; border-bottom:#ddd 1px solid;}
.board_view .file dt,
.board_view .file dd {font-weight:500; line-height:26px; padding:20px 0;}
.board_view .file dt {font-size:17px; color:#333; width:85px;}
.board_view .file dd {font-size:16px; color:#666; width:calc(100% - 85px);}
.board_view .file dd a {display:block;}

.board_write table {border-top:#ddd 1px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; padding:10px 15px;}
.board_write th {font-size:17px; background:#f5f5f5; text-align:left; width:210px;}
.board_write th span {color:#de4a61;}
.board_write td {font-size:16px;}
.board_write td .text {max-width:100%;}
.board_write td .w1 {width:370px;}
.board_write.pd td {padding:20px 15px;}
.board_write p {font-size:14px;}
.board_write .flex {align-items:center; flex-wrap:wrap;}
.board_write .flex.txt {gap:15px;}
.board_write .flex.radios {gap:40px;}
.board_write .flex.radios_row {flex-direction:column; align-items:flex-start;}
.board_write .flex.checks {gap:0 26px; margin-bottom:15px;}
.board_write .flex.tel select.text {width:95px;}
.board_write .flex.tel input.text {width:110px;}
.board_write .flex.tel span {width:26px; text-align:center;}
.board_write .flex.email select.text {width:185px; margin-left:15px;}
.board_write .flex.email input.text {width:165px;}
.board_write .flex.email span {width:40px; text-align:center;}
.board_write .flex.zip {gap:8px 10px;}
.board_write .flex.zip .text {width:165px;}
.board_write .flex.zip .btn {font-size:14px; color:#fff; line-height:35px; height:35px; width:110px; background:#363636; text-align:center; border:0;}
.board_write textarea.text {height:92px;}
.board_write .edu .tit {font-size:19px; color:#5984be; font-weight:700; line-height:1; padding:15px 0; border-bottom:#e1e1e1 1px solid; margin-bottom:20px;}
.board_write .edu .plus_minus {gap:6px;}
.board_write .edu .plus_minus .btn {display:block; width:28px; height:28px; line-height:28px; text-align:center; background:#363636; font-size:21px; color:#fff;}
.board_write .edu .plus_minus p {padding-left:2px;}
.board_write .edu .list {margin-top:20px;}
.board_write .edu .list .box {display:flex; margin-top:15px;}
.board_write .edu .text {width:116px;}
.board_write .edu .day {font-size:14px; width:146px; margin-right:35px;}
.board_write .edu .select {gap:10px;}
.board_write .edu .tc {margin-left:65px; gap:10px;}
.board_write .edu .total {margin-top:40px; gap:10px;}

label.radio,
label.check {position:relative; font-size:16px; line-height:35px; padding-left:25px; display:block;}
label.radio input,
label.check input {display:none;}
label.radio i,
label.check i {position:absolute; top:7px; left:0; width:20px; height:20px; border:#ddd 1px solid;}
label.radio i {border-radius:50%;}
label.radio i:before,
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#de4a61; border-radius:inherit; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i:before,
label.check input:checked + i:before {width:12px; height:12px;}

/* 게시판 상세 */
.board_view {border-top:#273a58 2px solid;}
.board_view .tit {position:relative; font-size:30px; color:#022; font-weight:700; line-height:1.2; padding:35px 160px 35px 0; border-bottom:#ddd 1px solid;}
.board_view .tit .date {position:absolute; top:50%; right:0; font-size:16px; color:#999; font-weight:400; transform:translateY(-50%);}
.board_view .con {padding:60px 0; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; border-bottom:#ddd 1px solid; line-height:24px; padding:20px 0;}
.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
.board_view .file dd {width:calc(100% - 90px);}
.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:50px 30px;}
.gall_list a {display:block; width:calc((100% - 60px)/3); text-align:center;}
.gall_list i {display:block; width:100%; aspect-ratio:223/150; overflow:hidden;}
.gall_list .tit {display:block; font-size:20px;  font-weight:700; height:26px; line-height:26px; margin:20px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list p {font-size:14px; color:#525252; line-height:20px;}



/* 응급처치·심폐소생술교육 */
.g04_info {background:#f7f7f7; padding:40px 30px; margin-bottom:36px;}
.g04_info .tit {display:flex; align-items:center; gap:30px; margin-bottom:20px;}
.g04_info .tit strong {font-size:36px; color:#333; font-weight:700;}
.g04_info p {font-size:20px; color:#666; line-height:30px;}
.er_area_top {display:flex; gap:70px; margin-bottom:60px;}
.er_area_top > * {width:calc(50% - 35px);}
.er_area_top .txt {padding-top:60px;}
.er_area_top .tit {margin-bottom:35px;}
.er_area_top .tit span {position:relative; display:inline-block; vertical-align:top; font-size:30px; color:#c24c5a; font-weight:700; line-height:34px;}
.er_area_top .tit span:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:7px; background:#c24c5a; opacity:.2;}
.er_area_top dl {display:flex; font-size:20px; line-height:30px; margin-bottom:15px;}
.er_area_top dt {color:#333; font-weight:600; width:90px;}
.er_area_top dd {color:#777; width:calc(100% - 90px);}
.er_area_top p {font-size:16px; color:#777; line-height:24px; padding-top:10px;}
.er_area_btm .tit {font-size:26px; color:#333; font-weight:700; line-height:30px; margin-bottom:20px; display:flex; gap:20px;}
.er_area_btm .tit span {font-size:16px; color:#777; font-weight:400;}

.tbl table {border-top:#ddd 1px solid;}
.tbl .w20 {width:20%;}
.tbl .w25 {width:25%;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid; color:#222; line-height:24px; padding:15px; text-align:center;}
.tbl th {font-size:18px; font-weight:700; background:#f8f8f8;}
.tbl td {font-size:17px; font-weight:400;}
.tbl .tar {font-size:16px; color:#777; line-height:1; margin-top:20px;}
.tbl.mt3 {margin-top:30px;}
.tbl.mt15 {margin-top:15px;}

/* 자격취득과정 */
.gbox {background:#f5f5f5; padding:50px 30px;}
.wbox {background:#fff; padding:20px 25px; border-radius:10px; box-shadow:#ddd 8px 8px 0; margin-bottom:50px;}
.wbox:last-child {margin-bottom:0;}
.gra_tit {font-size:18px; color:#fff; font-weight:700; line-height:44px; width:315px; padding:0 15px; border-radius:10px; background:linear-gradient(-90deg,#c14b59,#2d5180); margin-bottom:30px;}
.gbox .tit {padding-left:20px; font-size:18px; color:#222; font-weight:700; line-height:1; margin-bottom:10px;}
.gbox .tit ~ .tit {margin-top:25px;}
.gbox ul {padding-left:20px;}
.gbox li {font-size:18px; color:#777; line-height:29px;}
.btn_apply {display:block; font-size:20px; color:#fff; font-weight:700; line-height:70px; height:70px; width:250px; text-align:center; background:#c24c5a; margin:60px auto 0; box-shadow:rgba(194,76,90,.27) 8px 8px 0;}

.btn_submit {display:block; font-size:20px; color:#fff; font-weight:700; line-height:70px; height:70px; width:190px; text-align:center; background:#c24c5a; margin:60px auto 0; border:0px;}


/* 회원가입 */
.join_wrap {display:flex; justify-content:center; flex-wrap:wrap; gap:50px;}
.join_wrap .box {width:455px; height:422px; box-shadow:rgba(0,0,0,.04) -2px 2px 40px;}
.join_wrap .box i {display:block; width:100%; height:100px; background:no-repeat 50% 50% / contain;}
.join_wrap .box p {font-size:24px; color:#000; font-weight:700; line-height:1;}
.join_wrap .normal,
.join_wrap .business a {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.join_wrap .normal {padding:0 20px;}
.join_wrap .normal i {background-image:url('/images/icon_join1.png');}
.join_wrap .normal p {margin:32px 0 40px;}
.join_wrap .normal .btn {width:100%; font-size:15px; color:#222; font-weight:500; line-height:48px; height:50px; border-radius:5px; border:#222 1px solid; text-align:center;}
.join_wrap .normal .btn_kakao,
.join_wrap .normal .btn_naver {margin-bottom:8px;}
.btn_kakao,
.btn_naver {display:flex !important; justify-content:center; align-items:center; gap:14px;}
.btn_kakao i,
.btn_naver i {background:no-repeat 50% 50% / contain; height:48px;}
.btn_kakao {color:#2a2a2a !important; background:#f9e000 !important; border-color:#f9e000 !important;}
.btn_kakao i {width:31px !important; background-image:url('/images/btn_kakao.png') !important;}
.btn_naver {color:#fff !important; background:#00c300 !important; border-color:#00c300 !important;}
.btn_naver i {width:24px !important; background-image:url('/images/btn_naver.png') !important;}
.join_wrap .business a {height:100%; gap:60px;}
.join_wrap .business i {background-image:url('/images/icon_join2.png');}
.join_wrap .login {font-size:15px; color:#959595; font-weight:500; line-height:24px; text-align:center; width:100%;}
.join_wrap .login a {font-size:15px; color:#222; font-weight:700; margin-left:12px; border-bottom:#222 1px solid;}

.btns_tac {display:flex; justify-content:center; gap:12px; margin-top:45px;}
.btns_tac.mt {margin-top:60px;}
.btns_tac .btn {display:block; font-size:15px; color:#323232; font-weight:500; line-height:48px; height:50px; width:calc(50% - 6px); border-radius:5px; border:#323232 1px solid; text-align:center;}
.btns_tac .btn_b {width:235px; height:65px; line-height:63px; font-size:20px; border-radius:0;}
.btns_tac .btn_ol {color:#e69138; background:#fff; border-color:#e69138;border-radius: 5px;}
.btns_tac .btn_og {color:#fff; background:#e69138; border-color:#e69138;border-radius: 5px;}


.bg_gray {background:#f8f8f8;}
.wbox2 {background:#fff; border-radius:5px; width:1000px; max-width:100%; margin:0 auto; padding:60px;}
.ctit {font-size:31px; color:#111; font-weight:700; line-height:1; text-align:center;}
.ctit p {font-size:17px; color:#777; line-height:24px; margin-top:15px;}
.wbox2 .dls {padding:0 !important; margin-top:40px;}
.wbox2 .dls dl {padding:20px 0; border-bottom:#e1e1e1 1px solid; line-height:1;}
.wbox2 .dls dt,
.wbox2 .dls dd {font-size:16px;}
.wbox2 .dls dt {color:#939393; width:100px; padding-left:10px;}
.wbox2 .dls dd {color:#323232; width:calc(100% - 100px);}

/*경비원교육기관*/
.education .glbox {display:flex; align-items:center; margin-bottom:20px; background-color:#f5f5f5; padding:40px 40px;}
.education .glbox dt {width:50%; height:100px; display:flex; justify-content:center; align-items:center; color:#1d398d; font-size:30px; font-weight:700; }
.education .glbox dd {width:50%; padding-left:60px; line-height:35px;}
.btn { font-size:17px; color:#1d398d; font-weight:700; line-height:70px; height:70px; width:190px; text-align:center; border:1px solid #1d398d; padding:10px 15px; border-radius:27px;}

/*로그인*/
.join_inputs {width:550px; max-width:100%; margin:0 auto;}
.join_inputs .text_area {margin-top:15px; border:#d7d7d7 1px solid; border-radius:5px; padding:20px 15px;}
.join_inputs .text_area.mt {margin-top:30px;}
.join_inputs .con {margin-top:20px; height:88px; font-size:14px; color:#666; line-height:22px; overflow:auto;}
.join_inputs .btns_tac .btn {margin:0;}
.join_inputs .tit {font-size:20px; color:#111; font-weight:500; line-height:1; margin:0px 0 20px;}
.join_inputs .tit span {font-size:12px; margin-left:10px; display:inline-block; vertical-align:middle;}
.join_inputs .dls {border-top:#323232 1px solid; border-bottom:#fff 1px solid; padding:20px 0;}
.join_inputs .dls .inbox {width:550px; max-width:100%;}
.join_inputs .dls dl {padding:10px 0; display:flex; line-height:54px; border-bottom:#e1e1e1 1px solid;}
.join_inputs .dls dl.thin {padding:0;}
.join_inputs .dls dt {width:130px; font-size:14px; color:#2a2a2a; font-weight:500;}
.join_inputs .dls dd {width:calc(100% - 130px); font-size:15px; display:flex; gap:6px; flex-wrap:wrap;}
.join_inputs .dls .text {display:block; height:54px; border-radius:5px; margin:0;}
.text::placeholder {color:#999;}
.join_inputs .dls .inbtn .text {width:250px;}
.join_inputs .dls .inbtn .btn {width:calc(100% - 256px); height:54px; font-size:15px; color:#fff; font-weight:500; line-height:54px; text-align:center; background:#323232; border-radius:5px; margin:0;}
.join_inputs .dls .tel {gap:0;}
.join_inputs .tel .text {width:calc((100% - 60px)/3);}
.join_inputs .tel select.text {padding:0 10px;}
.join_inputs .tel span {width:30px; text-align:center; font-size:12px;}

.join_inputs .text,
.join_inputs .btn {display:block; height:54px; line-height:36px; border-radius:5px;}
.join_inputs .text {font-size:14px; border:#e1e1e1 1px solid; margin-top:14px;}
.join_inputs .btn {font-size:15px; color:#fff; background:#323232; margin-top:30px;}

.log_join {margin-top:25px; display:flex; justify-content:space-between;}
.log_join li {font-size:15px; color:#999; line-height:24px;}
.log_join li.left {font-weight:500;}
.log_join li.left a {color:#222; font-weight:700; border-bottom:#222 1px solid; margin-left:14px;}


/* 마이페이지 */
.list_btn {display:block; font-size:15px; color:#565656; font-weight:500; line-height:40px; height:40px; margin:0 auto; width:100px; border-radius:5px; background-color:#f3f3f3; border:#565656 1px solid; text-align:center;}
.ex_btn {display:block; font-size:15px; color:#fff; font-weight:500; line-height:40px; height:40px; margin:0 auto; width:100px; border-radius:5px; background-color:#237044; text-align:center;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}