@media screen and (max-width:1780px){
/* header */
	.header .gnb {position:absolute; right:190px;}
	.header .gnb li > a {padding:0 20px;}
}

@media screen and (max-width:1480px){
/* header */
	.header .gnb li > a {font-size:16px; line-height:24px; padding:0 10px;}
	.header .gnb li > a br.mo_vw {display:block !important;}
/* main */
	.mc01 ul {gap:40px;}
	.mc01 li {width:calc((100% - 80px)/3);}
	.mc01 .imgfit {height:22vw;}
	
	.svisual strong {font-size:50px;}
	.aside a {font-size:18px;}
	
/* 인사말 */
	.greeting .img {padding-right:40px;}
	.greeting .tit {font-size:32px; line-height:40px;}	
/* 연혁 */
	.history_wrap .txt .tt {font-size:36px; line-height:42px;}
	.history_wrap .txt p {font-size:17px;}
	.history_wrap .txt img {max-width:80%;}
}

@media screen and (max-width:1280px){
	br.pc_vw {display:none;}
/* header */
	.header .logo img {width:240px;}
	.header .mems {right:20px;}
	.header .gnb {right:160px;}
	.header .gnb li > a {font-size:17px; padding:0 10px;}
/* footer */
	.fbanner .slick-slide {padding:0 10px;}
	.footer .tel {width:30%;}
/* main */
	.mcon .tit {font-size:34px; line-height:44px;}
	.mc01 ul {gap:20px;}
	.mc01 li {width:calc((100% - 40px)/3);}
	.mc01 .imgfit {height:23vw;}
	.mc01 .txt strong {font-size:20px;}
	.mc01 .txt p {font-size:14px;}
/* sub */
	.svisual {margin-top:0px;}
	.title {font-size:34px; margin:70px 0 50px;}
	.jq_tab.set7 {flex-wrap:wrap;}
	.jq_tab.set7 li {flex:1 1 calc((100% - 48px)/4)}
	.jq_tab.set7 li > * {height:70px;}
/* 교육원소개 */
	.about_wrap .about .txt {padding:30px;}
	.about_wrap .tit {font-size:30px;}

	.board_write th {width:180px;}
	.board_write .edu .text {width:74px; font-size:14px;}
	.board_write .edu .day {width:100px; margin-right:5px;}
	.board_write .edu .tc {margin-left:30px; gaP2px;}
	.board_write .edu .select {padding:5px;}
}

/* hover */
@media screen and (min-width:1024px){

	.board_bottom .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .btn_l:hover {background:#f5f5f5; color:#666;}
	.board_bottom .paging a:hover {color:#7a7a7a; border-color:#888;}
	
	.header .snb a:hover {color:#1d398d; font-weight:500;}
	.header.hover .logo {background:url('/images/logo.png') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
	.header.hover .dm {top:0; height:120px;}
	.header.hover .gnb li > a {color:#222;}
	.header.hover .gnb li:hover > a {color:#1d398d;}
	.header.hover .gnb li:hover > a:before {left:0; width:100%;}
	.header .gnb li:hover .snb {padding:10px 0;}
	.header .g1:hover .snb {height:180px;}
	.header .g2:hover .snb {height:60px;}
	.header .g3:hover .snb {height:100px;}
	.header .g4:hover .snb {height:120px;}

	.mc01 .links a:hover:before {opacity:.8;}
	.mc02 a:hover:before {transform:scale(1.05);}
	.aside a:hover {background:#1d398d;}
	
}

/* tablet */
@media screen and (max-width:1023px){
/* header */
	.header {height:90px;}
	.header .logo {width:140px; height:90px; z-index:0;}
	.header .dm {position:fixed; top:0; left:-100%; width:100%; height:100%; background:rgba(0,0,0,.4);}
	.header.on .dm {left:0;}
	.header .gnb {position:fixed; top:0; right:-80%; width:80%; height:100%; padding-left:0; transition:.2s linear;}
	.header.on .gnb {right:0;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; flex-direction:column; justify-content:flex-start; padding-top:90px;}
	.header .gnb li {border-top:#ddd 1px solid;}
	.header .gnb li:last-child {border-bottom:#ddd 1px solid;}
	.header .gnb li > a {font-size:14px; color:#666; line-height:20px; height:60px; justify-content:flex-start; padding:0 20px;}
	.header .gnb li > a.pc_vw,
	.header .gnb li > a br.mo_vw {display:none !important;}
	.header .gnb li > a.mo_vw {display:flex !important;}
	.header .gnb li > a i {position:absolute; top:0; right:20px; width:20px; height:100%;}
	.header .gnb li > a i:before,
	.header .gnb li > a i:after {content:""; position:absolute; top:50%; left:50%; background:#686868; transition:.2s linear;}
	.header .gnb li > a i:before {width:19px; height:1px; margin-left:-9px;}
	.header .gnb li > a i:after {width:1px; height:19px; margin-top:-9px;}
	.header .gnb li.on > a i:after,
	.header .gnb li.open > a i:after {width:19px; height:1px; margin:0 0 0 -9px;}
	.header .gnb li.on.open > a i:after {width:1px; height:19px; margin:-9px 0 0 0;}
	.header .snb {position:relative; top:0; left:0; width:100%; height:auto; transition:none; border-top:#ddd 1px solid; background:#fafafa; padding:10px 0; display:none;}
	.header .on .snb {display:block;}
	.header .snb a {font-size:16px; color:#797979; padding:10px 20px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:90px; height:90px; z-index:10;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:30px; height:3px; background:#222; border-radius:2px; margin-left:-15px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:8px;}
	.header.fixed .btn_menu p,
	.header.on .btn_menu p {background:#000;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .langs {right:90px; top:20px;}
	.header .langs dt {height:50px; line-height:48px;}
/* footer */
	.footer .links {padding-left:220px; gap:20px; margin-bottom:20px;}
	.footer .links:before {width:200px; height:37px;}
	.footer .links a {font-size:15px; line-height:37px;}
	.footer .address ul {gap:0 20px; padding-right:30vw;}
	.footer .address li {font-size:15px; line-height:24px;}
	.footer .copy {font-size:14px;}
	.footer .tel i {height:40px; margin-bottom:10px;}
	.footer .tel span {font-size:18px;}
	.footer .tel strong {font-size:26px;}
	.footer .tel p {font-size:13px;}
	.gotop {bottom:20px; right:20px; width:50px; height:50px;}
/* main */
	.mv_txt {padding:140px 20px 40px;}
	.mvisual .slick-slide .imgfit {height:60vw;}
	.mv_txt span {font-size:18px;}
	.mv_txt .tt {font-size:38px; line-height:50px;}
	.mc01 {padding:80px 0 70px;}
	.mcon .tit {font-size:30px; line-height:40px; margin-bottom:20px;}
	.mcon p {font-size:16px; line-height:24px;}
	.mc01 .txt {margin-top:15px;}
	.mc01 .txt strong {font-size:15px;}
	.mc01 .txt p {font-size:13px;}
	.mc02 .inner {flex-direction:column;}
	.mc02 .inner > * {width:100%;}
	.mc02 .txt {padding:0 0 20px;}
	.mc02 li {height:200px;}
	.mc02 li a {font-size:20px;}
	.mc02 li a i {width:80px; height:80px; margin-bottom:20px;}
/* sub */
	.svisual {height:480px; z-index:10;}
	.aside {border:0;}
	.aside .inner {position:relative; padding:0; display:flex;}
	.aside dl {position:relative; width:50%;}
	.aside dl:before {content:""; position:absolute; top:10px; left:0; width:1px; height:calc(100% - 20px); background:rgba(255,255,255,.8);}
	.aside dl:first-child:before {display:none;}
	.aside .g,
	.aside .s dt {display:block;}
	.aside dt {position:relative; font-size:16px; font-weight:500; line-height:60px; text-align:left; padding:0 20px;}
	.aside dt:after {content:""; position:absolute; top:50%; right:20px; width:20px; height:20px; border:#fff 1px solid; border-radius:50%; margin-top:-10px; background:url('/images/arrow_aside.png') no-repeat 50% 50% / contain;}
	.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; display:none; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
	.aside a {font-size:16px; color:#666; line-height:50px; height:50px; display:block; text-align:left; padding:0 20px;}
	.aside a.on {color:#fff;}
	.aside a br.pc_vw {display:none !important;}
	.container p {font-size:16px; line-height:26px;}
	.title {font-size:20px; margin:30px 0;}
	.btxt {font-size:18px;}
	.ctit {font-size:24px; margin-bottom:40px;}
	.stit {gap:26px; font-size:24px; margin-bottom:20px;}
	.stit ~ .stit {margin-top:60px;}
	.stit span {font-size:13px;}

	.jq_tab {gap:10px; margin-bottom:60px;}
	.jq_tab li {width:calc((100% - 30px)/4);}
	.jq_tab li > * {font-size:18px; line-height:22px; height:60px;}
	.jq_tab.set7 {gap:12px;}
	.jq_tab.set7 li {width:calc((100% - 38px)/7);}
	.jq_tab.set7 li > * {height:60px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:60px;}
	.board_list th {font-size:16px;}
	.board_list td {font-size:15px;}
	.board_list .w1 {width:70px;}
	.board_list .w2 {width:120px;}
	.board_list .w3 {width:130px;}
/* 비번입력 */
	.password_area {border-radius:15px; padding:40px 20px;}
	.password_area i {width:80px; height:80px;}
	.password_area strong {font-size:30px; margin:20px 0;}
	.password_area p {font-size:16px; line-height:25px; margin-bottom:30px;}
	.password_area .inputs * {height:45px;}
	.password_area .btns_tac .btn {line-height:43px; height:45px;}
	.btns_tac.mt {margin-top:40px;}
	.btns_tac.mt4 {margin-top:30px;}
/* 게시판 상세 */
	.board_view .tit {font-size:26px; padding:25px 140px 25px 0;}
	.board_view .tit .date {font-size:14px;}
	.board_view .con {padding:50px 0;}
	.board_view .file dt {width:80px; font-size:16px;}
	.board_view .file dd {width:calc(100% - 80px);}
	.board_view .file dd a {font-size:15px;}
/* 게시판 쓰기 */
	.board_write table,
	.board_write tbody,
	.board_write td {display:block;}
	.board_write tr {display:flex; flex-wrap:wrap;}
	.board_write th,
	.board_write td {font-size:16px; padding:10px;}
	.board_write th {width:200px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.board_write td {width:calc(100% - 200px);}
	.board_write td input.text,
	.board_write td select.text {height:50px;}
	.board_write td .flex span {line-height:50px;}
	.vertical_check label.check {margin-bottom:10px;}
/* 갤러리 목록 */
	.gall_list {gap:40px 20px;}
	.gall_list a {width:calc((100% - 40px)/3);}
	.gall_list .tit {height:24px; line-height:24px; margin:15px 0 6px;}
	.gall_list p {font-size:13px;}

	label.radio,
	label.check {font-size:15px;}

/* 인사말 */
	.greeting {flex-direction:column;}
	.greeting .img,
	.greeting .txt {width:100%;}
	.greeting .img {padding:0 0 20px;}
	.greeting .img img {width:100%;}
	.greeting .tit {font-size:30px; line-height:36px;}
	.greeting .mid {font-size:17px; margin:30px 0 40px;}
	.greeting .name {gap:10px; margin-top:25px;}

/* 연혁 */
	.history_wrap {padding-bottom:40px; margin-bottom:40px;}
	.history_wrap .txt .tt {font-size:26px; line-height:36px;}
	.history_wrap .txt p {font-size:16px; line-height:22px; padding-bottom:25px; margin:20px 0 40px;}
	.history_wrap .txt p:after {width:50px; height:3px;}
	.history_wrap .txt img {border-radius:15px;}
	.history dl {padding:0 0 40px 20px;}
	.history dl:before {top:2px; left:-11px; width:22px; height:22px;}
	.history dl:after {top:8px; left:-5px; width:10px; height:10px;}
	.history dt {font-size:26px;}
	.history dd {padding:20px 0;}
	.history dd p {padding-left:40px; font-size:16px; line-height:26px;}

/* 찾아오는 길 */
	.map_text {margin-top:30px;}
	.map_text strong {font-size:20px;}
	.map_text li {font-size:17px;}
	.map_link a {line-height:50px; height:50px; width:150px;}


/* 경비원교육기관 */
.education .glbox {    display: flex;    align-items: center;    margin-bottom: 20px;    background-color: #f5f5f5;
    padding: 10px 10px;    align-content: flex-end;    flex-wrap: nowrap;    flex-direction: column;}
.education .glbox dt {width:100%;  display:flex; justify-content:center; align-items:center; color:#1d398d; font-size:25px; font-weight:700; }
.education .glbox dd {width:100%;  line-height:35px; font-size:17px; padding-left:10px;}
.btn { font-size:15px;  font-weight:700; line-height:70px; height:70px; width:190px; text-align:center;  padding:10px;}

/* 자격취득과정 */
	.gbox {padding:50px 20px 40px;}
	.wbox {padding:15px 20px; margin-bottom:40px;}
	.gra_tit {font-size:16px; line-height:40px; width:280px; margin-bottom:25px;}
	.gbox .tit {padding-left:15px; font-size:16px;}
	.gbox .tit ~ .tit {margin-top:20px;}
	.gbox ul {padding-left:15px;}
	.gbox li {font-size:16px; line-height:26px;}
	.btn_apply,
	.btn_submit {font-size:18px; line-height:60px; height:60px; margin-top:40px;}
	.btn_apply {width:220px;}
	.btn_submit {width:170px;}
}

/* mobile */
@media screen and (max-width:767px){
	.pc_vw {display:none;}
	.mo_vw {display:block !important;}
	.inner {padding:0px 10px;}
/* header */
	.header {height:60px;}
	.header .logo {left:15px; width:250px; height:60px;}
	.header .gnb ul {padding-top:60px;}
	.header .gnb li > a {font-size:13px; height:40px;}
	.header .gnb li > a i {width:16px;}
	.header .gnb li > a i:before {width:15px; margin-left:-7px;}
	.header .gnb li > a i:after {height:15px; margin-top:-7px;}
	.header .gnb li.on > a i:after,
	.header .gnb li.open > a i:after {width:15px; margin:0 0 0 -7px;}
	.header .gnb li.on.open > a i:after {height:15px; margin:-7px 0 0 0;}
	.header .snb a {font-size:13px; line-height:20px; padding:5px 20px;}
	.header .btn_menu {width:60px; height:60px;}
	.header .btn_menu p {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .langs {right:70px; top:15px;}
	.header .langs dt {font-size:13px; height:30px; line-height:28px; width:70px; padding:0 10px;}
	.header .langs dt:after {width:12px; right:10px;}
	.header .langs dd a {font-size:13px; line-height:30px; padding:0 10px;}
	.header .langs dd:before {left:10px;}
	.header .langs.on dd {height:70px; padding:5px 0;}
	.header .langs.on dd:before {width:calc(100% - 20px);}
/* footer */
	.footer {padding:20px 0 30px;}
	.footer .inner {padding-top:40px;}
	.footer .links {padding:50px 0 0; margin-bottom:10px;}
	.footer .links:before {width:150px; height:29px;}
	.footer .links a {font-size:12px; line-height:24px;}
	.footer .address ul {gap:0 10px; padding-right:0;}
	.footer .address li {font-size:12px; line-height:20px;}
	.footer .copy {font-size:11px;}
	.footer .tel {left:50%; right:auto; width:200px; height:auto; transform:translateX(-50%); /*padding-left:33px;*/ flex-wrap:wrap; flex-direction:row; justify-content:flex-start; gap:5px;}
	.footer .tel i {position:absolute; top:0; left:0; width:24px; height:100%; margin-bottom:0;}
	.footer .tel span {font-size:12px;}
	.footer .tel strong {font-size:18px; margin:0;}
	.footer .tel p {font-size:10px;}
	.gotop {width:40px; height:40px;}
/* main */
	.mv_txt {padding:80px 20px 30px;}
	.mvisual .slick-slide .imgfit {height:100vw;}
	.mv_txt span {font-size:17px;}
	.mv_txt .tt {font-size:30px; line-height:38px;}
	.mvisual .slick-arrow {width:30px; height:30px;}
	.mvisual .slick-dots {bottom:15px;}
	.mvisual .slick-dots li {font-size:11px;}
	.mc01 {padding:50px 0;}
	.mcon .tit {font-size:20px; line-height:1.2; margin-bottom:10px;}
	.mcon p {font-size:12px; line-height:18px;}
	.mc01 ul {overflow:auto; width:calc(100% + 20px);}
	.mc01 li {width:calc((200vw - 80px)/3); flex:0 0 calc((200vw - 80px)/3);}
	.mc01 .imgfit {height:44vw;}
	.mc01 .txt {margin-top:10px;}
	.mc01 .txt strong {font-size:12px; line-height:18px;}
	.mc01 .txt p {font-size:11px; line-height:16px;}
	.mc02 {padding:50px 0;}
	.mc02 .txt {padding:0 0 25px;}
	.mc02 li {height:130px;}
	.mc02 li a {font-size:12px;}
	.mc02 li a i {width:60px; height:60px; margin-bottom:15px;}
/* sub */
	.svisual {height:290px;}
	.svisual strong {font-size:36px;}
	.svisual p {font-size:9px; margin-top:10px;}
	.aside dl:before {top:10px; left:0; width:1px; height:calc(100% - 20px); background:rgba(255,255,255,.8);}
	.aside dt {font-size:12px; line-height:16px; height:40px; display:flex !important; align-items:center; padding-right:40px;}
	.aside dt:after {right:10px; width:18px; height:18px; margin-top:-9px;}
	.aside a {font-size:12px; line-height:18px; height:40px; padding:0 10px; display:flex; align-items:center; justify-content:flex-start;}
	.container {padding-bottom:0px; font-size:13px; line-height:20px;}
	.container .title {font-size:24px; margin-bottom:35px; padding-top:0px;}

	.container .title .location {display:none;}
	.container p {font-size:12px; line-height:20px;}
	.btxt {font-size:14px;}
	.ctit {font-size:16px; margin-bottom:20px;}
	.stit {gap:12px; font-size:18px; margin-bottom:10px; margin-top:20px;}
	.stit ~ .stit {margin-top:30px;}
	.stit span {font-size:12px;}

	.jq_tab {gap:10px; margin-bottom:60px; flex-wrap:wrap;}
	.jq_tab li {width:calc(50% - 5px);}
	.jq_tab li > * {font-size:13px; line-height:20px; height:40px;}
	.jq_tab.set7 {gap:10px;}
	.jq_tab.set7 li {width:calc(50% - 5px); flex-basis:calc(50% - 5px);}
	.jq_tab.set7 li > * {height:40px;}
	
/* 인사말 */
	.greeting .img {padding:0 0 20px;}
	.greeting .tit {font-size:20px; line-height:24px;}
	.greeting .mid {font-size:13px; margin:20px 0;}
	.greeting .name {margin-top:15px;}
	.greeting .name img {height:25px;}
/* 연혁 */
	.history_wrap {padding-bottom:20px; margin-bottom:20px; flex-direction:column; gap:30px;}
	.history_wrap > * {width:100%;}
	.history_wrap .txt .tt {font-size:18px; line-height:26px;}
	.history_wrap .txt p {font-size:13px; line-height:20px; padding-bottom:15px; margin:10px 0 20px;}
	.history_wrap .txt p:after {width:30px; height:2px;}
	.history_wrap .txt img {border-radius:10px;}
	.history:before {left:10px;}
	.history dl {padding:0 0 40px 30px;}
	.history dl:before {top:0; left:0px; width:20px; height:20px;}
	.history dl:after {top:5px; left:5px; width:10px; height:10px;}
	.history dt {font-size:20px;}
	.history dd {padding:15px 0;}
	.history dd p {padding-left:30px; font-size:14px; line-height:22px;}
/* 찾아오는 길 */
	.root_daum_roughmap .wrap_map {height:260px !important;}
	.map_text {margin-top:20px;}
	.map_text strong {font-size:16px;}
	.map_text li {font-size:13px;}
	.map_link {position:relative; margin-top:20px;}
	.map_link a {line-height:40px; height:40px; width:calc(50% - 5px);}
/* 교육원소개 */
	.about_wrap .flex .imgfit {width:100%;}
	.about_wrap .flex .txt {padding-top:20px;}
	.about_wrap .tit {font-size:18px; line-height:26px; margin-bottom:10px;}
	.about_wrap .about .btxt {margin:10px 0;}
	.about_wrap .address p {font-size:14px; margin-bottom:20px;}
	.about_wrap .address dl {font-size:12px; margin-bottom:15px;}
	.about_wrap .address dd {margin-top:5px;}
	.root_daum_roughmap .wrap_map {height:280px !important;}

/* 게시판 목록 */
	.board_list th,
	.board_list td {height:40px;}
	.board_list th {font-size:13px;}
	.board_list td {font-size:12px;}
	.board_list td.tal {padding-left:20px;}
	.board_list .lock .tal {background-size:14px;}
	.board_list .re .tal a {padding-left:20px; background-size:12px;}
	.board_list.notice_wrap td.tal {padding-left:40px;}
	.board_list .notice td.tal:before {font-size:13px; line-height:20px; height:20px; width:35px; border-radius:5px;}
	.board_list .w2 {width:50px;}
	.board_list .w3 {width:70px;}
	.board_bottom .btn_abso {position:relative; display:block; margin:0 0 0 auto; font-size:14px; line-height:31px; height:35px; width:100px; margin-bottom:20px;}
	.board_bottom .paging {gap:2px; padding:5px 0;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:13px;}
	.board_bottom .paging .prev {margin-right:5px;}
	.board_bottom .paging .next {margin-left:5px;}
	.board_bottom .search_wrap {margin-top:30px; gap:5px;}
	.board_bottom .search_wrap .text,
	.board_bottom .search_wrap .btn {height:35px; line-height:33px; font-size:13px;}
	.board_bottom .search_wrap select.text {width:100px; padding:0 10px;}
	.board_bottom .search_wrap input.text {width:calc(100% - 190px);}
	.board_bottom .search_wrap .btn {width:80px;}


/* 게시판 상세 */
	.board_view .tit {font-size:18px; padding:15px 0;}
	.board_view .tit .date {position:relative; top:0; transform:none; font-size:13px; margin-top:10px;}
	.board_view .con {padding:20px 0;}
	.board_view .file {line-height:20px; padding:10px 0;}
	.board_view .file dt {width:60px; font-size:13px;}
	.board_view .file dd {width:calc(100% - 60px);}
	.board_view .file dd a {font-size:13px;}
/* 게시판 쓰기 */
	.board_write th,
	.board_write td {font-size:13px; padding:5px;}
	.board_write th {width:100px;}
	.board_write td {width:calc(100% - 100px);}
	.board_write td input.text,
	.board_write td select.text {height:40px;}
	.board_write td select.text {padding:0 10px;}
	.board_write td .flex span {line-height:40px;}
	.board_write td .tel span {width:20px;}
	.board_write td .tel .text {width:calc((100% - 40px)/3);}
	.board_write td .radios {gap:20px;}
	label.check {padding-left:28px; line-height:24px;}
	label.check i {top:2px;}
	label.check input:checked + i:before {width:12px; height:12px;}
	.vertical_check label.check {margin-bottom:5px;}
	.vertical_check label.check strong {width:100%; font-size:14px;}
	.vertical_check label.check span {font-size:13px;}
/* 갤러리 목록 */
	.gall_list {gap:20px;}
	.gall_list a {width:calc(50% - 10px);}
	.gall_list .tit {height:20px; font-size:15px; line-height:20px; margin:10px 0 2px;}
	.gall_list p {font-size:12px;}	
	label.radio,
	label.check {font-size:13px;}

/* 응급처치·심폐소생술교육 */
	.g04_info {padding:15px; margin-bottom:20px;}
	.g04_info .tit {gap:10px; margin-bottom:10px;}
	.g04_info .tit strong {font-size:15px;}
	.g04_info p {font-size:12px; line-height:20px;}
	.er_area_top {gap:10px; margin-bottom:20px;}
	.er_area_top > * {width:100%;}
	.er_area_top .txt {padding-top:0;}
	.er_area_top .tit {margin-bottom:10px;}
	.er_area_top .tit span {font-size:15px; line-height:24px;}
	.er_area_top dl {font-size:13px; line-height:20px; margin-bottom:5px;}
	.er_area_top dt {width:55px;}
	.er_area_top dd {width:calc(100% - 55px);}
	.er_area_top p {font-size:13px; line-height:20px;}
	.er_area_btm .tit {font-size:15px; line-height:24px; margin-bottom:10px; gap:5px; flex-wrap:wrap;}
	.er_area_btm .tit span {font-size:13px; line-height:20px;}

	.tbl th,
	.tbl td {line-height:20px; padding:10px;}
	.tbl th {font-size:13px;}
	.tbl td {font-size:12px;}
	.tbl .tar {font-size:12px; margin-top:10px;}
	.tbl.mt3 {margin-top:10px;}
	.tbl.mt15 {margin-top:5px;}

/* 자격취득과정 */
	.gbox {padding:20px 10px;}
	.wbox {padding:10px; margin-bottom:20px; box-shadow:#ddd 4px 4px 0;}
	.gra_tit {font-size:13px; line-height:30px; width:215px; margin-bottom:10px;}
	.gbox .tit {padding-left:10px; font-size:13px;}
	.gbox .tit ~ .tit {margin-top:10px;}
	.gbox ul {padding-left:10px;}
	.gbox li {font-size:13px; line-height:20px;}
	.btn_apply,
	.btn_submit {font-size:15px; line-height:40px; height:40px; margin-top:20px;}
	.btn_apply {width:180px; box-shadow:rgba(194,76,90,.27) 4px 4px 0;}
	.btn_submit {width:150px;}
	
/* 마이페이지 */
.list_btn {display:block; font-size:12px; color:#565656; font-weight:500; line-height:40px; height:40px; margin:0 auto; width:50px; border-radius:5px; background-color:#f3f3f3; border:#565656 1px solid; text-align:center;}
.ex_btn {display:block; font-size:10px; color:#fff; font-weight:500; line-height:40px; height:40px; margin:0 auto; width:60px; border-radius:5px; background-color:#237044; text-align:center;}

	
}


@media screen and (max-width:400px){
	.hd_pops {top:100px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {width:100% !important; height:auto !important;}
}