@charset "utf-8";

/* 테블릿 (1280px) */
@media screen and (max-width: 1310px) {
	header .bottom_wrap nav{width:calc(100% - 300px);}
}
@media screen and (max-width: 1280px) {
	/* template */
	.templete_blue section.sub {background-image: url(../image/sub/top_bg_blue.jpg); background-position: 0px 20px;}

	/* header - top */
	header{height: 75px;z-index: 999997;;position: fixed;top:0;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
	header.main{height:75px;z-index: 999997;;position: relative;top:0;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
	header.main .top_wrap{position: absolute;top: 14px ;right: 4px;}/*  main header */
	header.main .bottom_wrap{/* position: absolute; *//* top: 6px ; *//* left: 15px; */}/*  main header */
	header.main .bottom_wrap .btn_prev_page{display: none;background-position: left 6px top 32%;background-image: url(../image/header/btn_prev_page.png);}
	header .top_wrap{position: absolute; top: 14px; right: 4px;}/*  sub header */
	header .bottom_wrap{position: absolute;top: 6px ;left: 15px;}/*  sub header */
	header .bottom_wrap .btn_prev_page{display: none;background-position: left 6px top 50%;background-image: url(../image/header/btn_prev_page.png);}
	header .bottom_wrap .mem_h1 {display: block; padding: 0; position: fixed; top: 13px; left: 50px; color: #2b4173!important; font-size: 20px; font-family: 'N-sans','san-serif'; border-bottom: 0!important;	  background-image: none!important; font-weight: bold;}

	header .top_wrap{width: auto;}
	header .top_wrap.templete_bg_color{background: transparent !important;}
	header .top_wrap .top{display: inline-block;}
	header .top_wrap .user{display: none;}
	header .top_wrap .btn{display: inline-block;vertical-align: top;width: 40px;height: 50px;background-position: 50% 50%;background-repeat: no-repeat;}
	header .top_wrap .btn.btn_home_icon{background-image: url(../image/header/icon_home_mob.png);}
	header .top_wrap .btn.btn_prev_page{background-image: url(../image/header/icon_home_mob.png);}
	header .btn_search_icon{background-image: url(../image/header/icon_search_mob.png);}
	header .btn_change_icon{background-image: url(../image/header/icon_change.png);}
	header .btn_login_icon{background-image: url(../image/header/icon_login_mob.png);}
	header .btn_mypage_icon{background-image: url(../image/header/icon_mypage_mob.png);}
	header .btn_allmenu_icon{background-image: url(../image/header/icon_menu_mob.png);}
	header .top_wrap .user, header .top_wrap .btn_search_icon, header .top_wrap .btn_allmenu_icon , header .top_wrap .btn_change_icon{border-right:0}
	header .top_wrap .btn_login_icon{display:inline-block;}
	header .top_wrap .nuri{display:none;}

	/* header - bottom /gnb */
	header .bottom_wrap{display: inline-flex; align-items: center;width: auto; height: 55px;border-bottom:0;background: transparent;}
	header .bottom_wrap h1{width:150px;height:55px;float: left;margin-right: 0px;}
	header .bottom_wrap h1 .header_logo{display:flex; align-items:center; height:100%;}
	header .bottom_wrap h1 .header_logo img{width:100%;min-width:150px;margin-top:0;}
	header .bottom_wrap nav{display: none;}
	header .bottom_wrap nav .gnb{width: 100%;float: right;}
	header .bottom_wrap .gnb > li{width:18%;min-width:125px;float: left;margin-left: 2%;}
	header .bottom_wrap .gnb > li > a{position: relative;display: block;width: auto;text-align: center;line-height: 88px;padding: 0 10px;font-size: 1.25rem;border-bottom:2px solid transparent}
	header .bottom_wrap{top:0;height:74px;padding-right:70px;}
	header .bottom_wrap .mark{position:absolute; right:0; top:50%; margin-top:-19px;}
	/*
	header.main{margin-top:40px;}
	*/
	.nuri_m{display:block;}

	/* submenu */
	header .bottom_wrap .gnb .lnb{display: block;position: absolute;z-index: 999999;padding: 30px 0;}
	header .bottom_wrap .gnb .lnb > li{display: block;}
	header .bottom_wrap .gnb .lnb > li > a{display: block;text-align: left;font-size: 0.938rem;line-height: 20px;margin-bottom: 14px;color: #666;padding:0 10px}
	header .lnb_bg_wrap{position: absolute;z-index: 999998;top:140px;right: 0; left: 0;width: 100%;background:#fff;height: 290px;box-shadow: 10px 2px 27px rgba(0,0,0,0.08);}
	header .lnb_bg_wrap .lnb_bg_box{position: relative;width:30%;height: 100%;background-position: top 0px left 0px;background-repeat: no-repeat;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con{position: absolute;right:0;width: 270px;height: 100%;padding-top: 50px;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con:nth-of-type(1){z-index: 1;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con p{text-align: center;font-size: 1.875rem;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con img{position:absolute;bottom:20px; right:50px;}

	/* lnb close */
	header .bottom_wrap .gnb .lnb{display: none;}
	.lnb_bg_wrap{display: none;}

	/* logo */
	header .bottom_wrap h1 .header_logo img {width: 100%; min-width: 150px;}

	/* quick menu */
	.right_quick_wrap{display: none;}

	/* mob_top_menu */
	.mob_top_menu_wrap.mob_show {display: block; position: fixed; right: 0px; top: 0; z-index: 9999999; width: 68vw; height: 100%; background: #fff; box-sizing: border-box; overflow-y:auto;}
	.mob_top_menu_wrap .user {background-color: #1a54cb; height:auto; line-height:normal; color: #fff; padding:10px 15px;}
	.mob_top_menu_wrap .user a img {width: 12px; margin-right: 5px; vertical-align: middle;}
	.mob_top_menu_wrap .user a span {font-size: 0.813rem; }
	.mob_top_menu_wrap .user a.line::after{content: ''; display: inline-block; width: 1px; height: 10px; background-color:#fff; opacity: 0.5; margin: 0 8px 0 12px; vertical-align: middle;}
	.mob_top_menu_wrap .user .btn_mob_close { float:right; margin-top:0; width: 18px; height: 18px; background: url(../image/common/btn_popup_close.png) top 50% right 0% no-repeat; background-size: contain; cursor: pointer;}
	.mob_top_menu_wrap .menu_1dep {height:auto;border-bottom: 1px solid #e7e8ec; color: #333;}
	.mob_top_menu_wrap  ul ul {display: none;}
	.mob_top_menu_wrap .menu_1dep .title {display: block; padding: 15px; height: auto; font-size: 1rem; background-image: url(../image/main/ico_arr_off.png); background-position: top 50% right 15px ; background-repeat: no-repeat; background-size: 11px;}
	.mob_top_menu_wrap .menu_1dep.on .title {background-color: #00a3aa; color: #fff;  background-image: url(../image/main/ico_arr_on.png);}
	.mob_top_menu_wrap .sub_menu{ background-color: #f5f7fb; color: #333; padding: 10px 0;}
	.mob_top_menu_wrap .sub_menu li {height: auto; padding: 8px 15px; font-size: .875rem;}
	.mob_top_menu_wrap .sub_menu li a {display: block; background:url(../image/main/ico_arr_sm.png) top 50% right 0% no-repeat; background-size: 5px;}
	.mob_top_menu_wrap .menu {display:inline-block; float:right; padding:15px 0 14px 0;}
	.mob_dim {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;z-index: 9999998; background-color: rgba(0,0,0,0.7); cursor: default;}
	.mob_dim.open {display:block;}
	.mob_menu_show {display:inline-block !important;}
	.all_menu_hidden {display:none !important;}
	.mob_top_menu_wrap.mob_show .ul_list{height:100%; overflow-y:auto;}

	/* left menu */
	section.sub .snb h2 {display: none;}
	section.sub .snb {position: absolute; top: 0;}
	section.sub .snb ul {position: absolute; top: 12px;	left: 52px;	z-index: 9999999; padding: 0; background-color: transparent; border: 0;}
	section.sub .snb ul li a {display: none;}
	section.sub .snb ul li a.active {display: none !important;	    align-items: center;	    height: 55px;	    padding: 0;	    position: fixed;	    top: 0px;	    color: #2b4173!important;	    font-size: 20px;	    font-family: 'N-sans','san-serif';	    border-bottom: 0!important;	    background-image: none!important;	    font-weight: bold;	}

	/* sub */
	section.sub .content_wrap {width: 100%; padding: 0px 40px;}
	section.sub .content_wrap .sub_con_title {position: relative; width: 100%; height: 180px;}
	section.sub .content_wrap .sub_con_title .title {position: absolute; bottom: 30px; left: 0; display: flex; width: 100%; align-items: center;}
	section.sub .content_wrap .sub_con_title .title h3 {font-size: 1.75rem; font-weight: 500; margin-bottom: 0; display: inline-flex; width: auto; margin-right: 30px;}
	section.sub .content_wrap .sub_con_title .title .self_nav {width: auto; display: inline-flex;}
	header.main_nuri + section.sub{background-position:0px 50px;}
	header.main_nuri + section.sub .content_wrap .sub_con_title{height:210px;}

	/* hidden */
	div.mob_hide {display: none!important;}

	/* main */
	.main_list_area .main_list_wrap {width: 85vw;}
	.main_top_bg {padding: 0 20px;}
	.main_list_area .main_list_title_wrap {padding: 0 20px;}
	.main_list_area .main_list_sub_title {padding: 30px 20px 0px 20px;}
	.main_bottom_area {padding: 0 20px 85px 20px;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap {width:27vw;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 {width:27vw;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .thumbnail img {width: 100%; height: 100%;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 .thumbnail img {width: 100%; height: 100%;}

	/* 수강중인 과정 */
	.main_myclass_area .card_box{width: 95vw;float: none;margin: auto;}
	.main_myclass_area .main_list_title_wrap{padding:0 20px;}

	/* 과정 배너 3번째 카드리스트 hover 우측 열림*/
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2.swiper-slide-active + .main_list_card_wrap_2 + .main_list_card_wrap_2:hover .card_over{left: auto; right: 0;}

	/* 연수원연혁 */
	.history {margin-top:20px;}
	.history .visual {height: auto; padding: 30px 20px 40px 20px; overflow:hidden;}
	.history .visual h4 {float:left;}
	.history .visual:before {left: 77vw; right: 0px; bottom: 0; width: 100%; height: 123px; background-size: contain;}
	.history .box .list {display: flex; flex-wrap: wrap; padding: 20px; width: 100%;}
	.history .box .list .date {width:100%;}
	.history .box .list > ul {width:100%; margin:0px; margin-top:30px;}
	.history .box .list > ul > li{margin-top:15px;}
	.history .box .list .txt > p {width:100%;}
	.history .box .list .txt > div {width:100%; margin:0px; margin-top:10px;}
	.history .box .list .txt em {width: 100%;}

	/* 연수원조직 */
	.organization {display: flex; flex-wrap: wrap; width: 100%;}
	.organization .dept1,
	.organization .dept2,
	.organization .dept3 {width:100%;}
	.organization .dept2 > li {width: calc(50% - 30px); padding: 0px;}
	.organization .dept2 > li > div:before {width:100px; left: -30px; transform: unset;}
	.organization .dept2 > li ul:before {height:168px;}
	.organization .dept2 > li a{display:flex; justify-content:center; align-items:center; height: 46px;}
	.organization .dept3 > li > a, .organization .dept3 > li ul li a,
	.organization .dept3 > li > p, .organization .dept3 > li ul li p{display:flex; justify-content:center; align-items:center; height:46px; font-size:15px;}

	/* 회원가입 */
	.gray_round_box .regist .w442 {width:calc(100% - 252px) !important;}
	.gray_round_box .regist .w565 {width:calc(100% - 130px) !important;}
	.popup_wrap.w815 {width:90vw !important;}
	.popup_wrap.w815 .scroll_box {overflow: auto;}

	/* 로그인 */
	.login_wrap {margin-top: 75px;}

	/* 연수원 소식 */
	.news_wrap .news_con .tab.news ul {float: left; display: flex; margin-bottom: 0px; margin-left: 0; text-align: center; justify-content: flex-start;}
	.news_btn_inner {display: inline-block;}
	.news_wrap .news_con .tab.news .card_wrap{height:194px;}
	.news_wrap .news_con .tab.news .btn_more{margin-bottom:10px;}
	.news_wrap .news_con .tab.news .card_wrap .card .title{margin-bottom:10px;}
	.news_wrap .news_con .tab.news .card_wrap .card .desc{margin-bottom:10px;}

	/* 단독 알림존 */
	.only_notification_zone #noticeZone40{width:85vw; margin:0 auto;}
	.only_notification_zone .mainBoard .mainBoard_cont{border:1px solid #ebebeb !important;box-shadow:0px 5px 12px rgb(151 174 182 / 20%) !important;}
	.only_notification_zone ul{padding-bottom:0;}
	.only_notification_zone ul li{height:100% !important;margin-right:0;border:0 !important;box-shadow:none !important;overflow:inherit;}
	.only_notification_zone #noticeZone40{width:auto;}
	.only_notification_zone .noticeZone ul .noticeZone_list a img{height:378px !important;}
	.only_notification_zone .noticeZone_ctrl_wrap{background-color:rgb(255 255 255); padding:7px 25px; border-radius:40px; overflow:hidden; display:inline-flex; top:auto; bottom:-15px; border:1px solid #ddd; box-shadow:0px 5px 12px rgb(151 174 182 / 20%);}
	.only_notification_zone .noticeZone_ctrl_wrap .noticeZone_count,
	.only_notification_zone .noticeZone_ctrl_wrap button.pp.pause,
	.only_notification_zone .noticeZone_ctrl_wrap button.pp.play{display:block;}
	.only_notification_zone .noticeZone_ctrl_wrap button.next{background-image:url(../image/main/icon_slide_next.png); background-color:transparent; cursor:pointer; width:20px; height:24px; right:auto; top:auto; margin-top:0; position:relative;}
	.only_notification_zone .noticeZone_ctrl_wrap button.prev{background-image:url(../image/main/icon_slide_prev.png); background-color:transparent; cursor:pointer; width:20px; height:24px; left:auto; top:auto; margin-top:0; position:relative;}
	.tab.type_01.nine>ul>li{width:calc(11.2% - 8.2px);}
}

@media screen and (max-width: 1090px) {
	.news_wrap .news_con .tab.news ul li{width:25%;}
	.news_wrap .news_con .tab.news ul li a{width:auto;}

	/* 원장인사말 */
	.greeting{padding-bottom:180px;}
	.greeting:before{width:299px; height:322px; background-size:cover; z-index:0;}
	.greeting .txt{width:100%;}
	.greeting .txt p{margin-top:20px;}
	.greeting .txt p br{display:none;}
}

@media screen and (max-width: 1020px) {
	.organization.organ_busan .dept2_list > .dept2 li p{height:62px;}
	.organization.organ_busan .dept2_list > .dept2 li span{display:flex; height:100%; align-items:center; justify-content:center;}
	.organization.organ_busan .dept2_list > .dept2 > li:before{height:162px;}
	.organization.organ_busan .dept2_list > .dept2:nth-child(2) > li:first-child:after{top:34px;}
	.organization.organ_busan .dept2_list > .dept2:nth-child(2) > li:first-child:before{height:92px;}
}

/* 모바일 - 예외 처리 (920px) */
@media screen and (max-width: 920px) {
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .txt_box .info {font-size:.813rem;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 .txt_box_wrap .txt_box .info {font-size:.813rem;}
	.table_sc_01 {overflow-y: auto;}
	.edit_box .table_sc_01 table{width:920px !important;}

	/* 연수원 소식 */
	.news_btn_inner {display:none;}
	.news_wrap .news_con .tab.news ul li{margin-right:5px;}
	.news_wrap .news_con .tab.news ul li a{font-size:15px;}

	/* 연수원조직 */
	.tab.tab_mobile>ul>li>a{padding-top:13px; font-size:1rem; line-height:inherit; box-sizing:border-box;}
	.tab.tab_mobile>ul>li>a>i{display:block;}
}

/* 모바일 (800px) */
@media screen and (max-width: 850px) {
	.tbl_st.tbl_line th img{display:block; width:100%; height:100%;}
}

@media screen and (max-width: 800px) {
	/* header - top */
	header.main {height: 75px; z-index: 999997;	position: fixed; top:0; background-color: #fff; border-bottom: 1px solid #e8e8e8;}
	/*header .bottom_wrap .btn_prev_page{display: block;background-position: left 6px top 50%;background-image: url(../image/header/btn_prev_page.png);}*/

	/* logo */
	/*header .bottom_wrap h1 .header_logo img {width: 100%; margin-top:12px;}*/

	/* mob_top_menu */
	.mob_top_menu_wrap .menu_1dep .title {display: block; padding: 15px; height: auto; line-height: normal; font-size: 1rem; background-image: url(../image/main/ico_arr_off.png); background-position: top 50% right 15px ; background-repeat: no-repeat; background-size: 11px;}
	.mob_top_menu_wrap .sub_menu li {height: auto; padding: 8px 15px; line-height: normal; font-size: .875rem;}

	/* sub */
	section, section.sub {padding-top:75px;}
	section.sub .content_wrap {width: 100%;	padding: 0px;}
	section.sub .content_wrap .sub_con_title .title .self_nav {display:none;}
	section.sub .content_wrap .sub_con_title .title {position: unset; display: inline-flex; align-items: center;}
	section.sub .content_wrap .sub_con_title {position: unset; width: 100%; height: 100%; background: #deeffc; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between;}
	section.sub .content_wrap .sub_con_title .title h3 {font-size: 1.25rem; font-weight: 500; margin-bottom: 0; display: inline-flex; width: auto; margin-right: 0px;}
	section.sub .content_wrap .sub_con_title .icon_wrap {position: unset; display: inline-flex; width: 50%; justify-content: flex-end;}
	section.sub .content_wrap .sub_con_title .icon_wrap a.print {background-image: url(../image/sub/icon_print.png); display: none;}

	/* left menu */
	/*section.sub .snb ul li a.active {display: inline-flex !important;}*/
	section.sub .content_wrap .sub_con_title .icon_wrap .hidden_btn {transition: 0s;}
	section.sub .content_wrap .sub_con_title .icon_wrap .hidden_btn.active {margin-right: 0; position: absolute; background: #fff; width: auto;right: 20px;top: 54px; padding: 10px;	border: 1px solid #ddd;	border-radius: 1rem; z-index: 1;}

	/* main */
	.main_list_area .main_list_wrap {width:100%;}
	.main_top_bg {padding: 0px;}
	.main_list_area .main_list_title_wrap {padding: 0px;}
	.main_list_area .main_list_sub_title {padding: 0px;}
	.main_bottom_area {padding:0px;}
	.main_list_wrap:after {content: ''; display: inline-block; width: 40px; height: 235px; background: linear-gradient(270deg, white, #ff2a2a00); position: absolute; top: 0px; right: 0px; z-index: 2;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap {width:170px;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 {width:170px;}
	.main_myclass_area .card_box .card_wrap .box_more {display:none;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .txt_box .info {height: 16px; padding-left: 14px;}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .txt_box .info.icon_check {background-image: url(../image/main/icon_check_ccc_mob.png);}
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .txt_box .info.icon_time {background-image: url(../image/main/icon_time_ccc_mob.png);}
	.news_wrap .news_con .tab.news ul li {margin-right:0px;}
	.news_wrap .news_con .tab.news ul li a{min-width:auto;}

	/* 연수원연혁 */
	.history {margin-top:0px;}

	/* tab */
	.tab.type_01.seven>ul>li {float: left; margin-right: 3px; width: calc(15.2% - 10px);}
	.tab.type_01.seven>ul>li>a {height: 36px;line-height: 40px;border-top-right-radius: 10px;font-size: .75rem;border-top-left-radius: 10px;}

	/* (시설안내) 이미지 */
	.cntbox .map_img img {height: 100%; width: 100%;}
	.cnt_cent4 .ctbl img {height: 100%; width: 100%;}

	/* 회원가입 */
	.mob_input {display: inline-flex !important; width: 100%; flex-wrap: wrap;}
	.gray_round_box .regist .text.w200 {display: inline-flex; width: 25% !important;}
	.gray_round_box .regist .w423 {width:100% !important;}
	.gray_round_box .regist .w442 {width:calc(100% - 130px) !important;}
	.gray_round_box .regist .w565 {width:calc(100% - 130px) !important;}
	.gray_round_box .regist .w270 {width:69% !important; margin: 0px !important;}
	.gray_round_box .regist .w150 {width:30% !important;}
	.gray_round_box .regist .select_02 {width: 40% !important;}
	.gray_round_box .regist .info_txt {width:auto;}
	.popup_wrap .search_box_wrap {padding:10px; font-size: 0.75rem;}
	.popup_wrap .search_box_wrap .pop_bullet_red_dot {margin-left: 0px !important;}
	.mob_pop_01.w815, .mob_pop_01, .mob_pop_02 {width: 90vw !important;}
	.mob_pop_01 .scroll_box, .mob_pop_02 .scroll_box  {overflow: auto; height: 240px!important;}
	.bank_pop {width:90vw !important;}
	.bank_inner_top {display:block; width:100%;}
	.bank_inner_bot {display:block; width:100%;}
	.bank_tree_box {height: 30vh !important; overflow: auto; width:100% !important;}
	.btn_regist.type_02 {color: #fff;}
	.custom_radio.w300 {width:auto !important;}
	.gray_round_box .regist .input_box {display:block;}
	.gray_round_box .regist .btn_box,
	.gray_round_box .btn_box02{display:block;}
	.gray_round_box .regist .btn_box .btn_gray,
	.gray_round_box .btn_box02 .btn_gray{float:left; width:49%; margin-left: 0px !important; margin-top: 5px;}
	.gray_round_box .regist .btn_box .btn_gray.white,
	.gray_round_box .btn_box02 .btn_gray.white{float:right !important; width:49%; margin-left: 0px !important; margin-top: 5px;}
	.gray_round_box .regist .btn_box:after,
	.gray_round_box .input_box:after{content:''; display:block; clear:both;}
	.gray_round_box .input_box input{float:left;}
	.gray_round_box .input_box input.w290{width:calc(100% - 31%) !important; margin-left:1% !important;}
	.agree_box .dip_bl{padding:0 15px;}
	.agree_box .dip_bl .custom_radio{display:inline-block; width:auto !important;}
	.agree_box .dip_bl .custom_radio:first-child{margin-left:0;}
	.gray_round_box .regist .td_posi input{width:100% !important;}

	/* 로그인 */
	.login_wrap {margin-top: 0px;}

	/* pagination */
	.pagination {width: 100%; text-align: center; margin-top: 10px; margin-bottom: 40px; padding: 0 10px;}
	.pagination ul {display: inline-flex; width: 100%; justify-content: center;}
	.pagination ul li a {width: 30px; height: 30px; line-height: 28px; border-radius: 4px;}

	/* 연수원 소식 */
	.news_btn_inner {display:none;}
	.news_wrap .news_con .tab.news ul {width: 100%; margin-bottom:10px; justify-content: center;}
	.news_wrap .news_con .tab.news .card_wrap{height:auto;}

	/* 원장인사말 */
	.greeting{padding-top:300px; padding-bottom:20px;}
	.greeting:before{right:auto; bottom:auto; left:50%; top:0; width:249px; height:272px; transform:translateX(-50%);}
	.greeting .txt p{margin-top:15px; font-size:16px;}
	.greeting .txt .bottom{text-align:right;}
	.greeting .txt .bottom span{font-size:22px;}

	.btn_div a{padding:0 15px;}

	.sub_con .img_box img{width:100%; height:100%;}

	/* 2022.09.14 - ssj 마이크로러닝 추가 */
	section.sub .content_wrap .sub_con table.micro_st td{display:block; position:relative; margin-top:10px; padding-left:220px;}
	section.sub .content_wrap .sub_con table.micro_st td.mob_hide{display:block !important; color:#333; font-size:16px;}
	section.sub .content_wrap .sub_con table.micro_st td .micro_image{width:180px; height:100px;}
	section.sub .content_wrap .sub_con table.micro_st td .micro_image img{display:block; width:100% !important; height:100% !important;}
	section.sub .content_wrap .sub_con table.micro_st tbody tr .title{display:block; padding-left:220px; color:#666; font-size:15px;}
	section.sub .content_wrap .sub_con table.micro_st tbody tr{min-height:140px;}
	section.sub .content_wrap .sub_con table.micro_st td:first-child{position:absolute; left:20px; top:20px; padding-left:0;}
	section.sub .content_wrap .sub_con table.micro_st td:last-child{position:absolute; left:20px; top:20px; width:180px; height:100px; padding:0; text-indent:100%; overflow:hidden; white-space:nowrap;}
	section.sub .content_wrap .sub_con table.micro_st td:last-child a{display:block; width:100%; height:100%;}
	section.sub .content_wrap .sub_con table.micro_st td.learn{display:none;}
	section.sub .content_wrap .sub_con table.micro_st td:nth-child(4){margin-top:10px; text-align:right;}
	section.sub .content_wrap .sub_con table.micro_st td:nth-child(4):before{content:'재생시간'; margin-right:8px; padding:3px 10px; color:#666; background:#deeffc; border-radius:5px;}
	section.sub .content_wrap .sub_con table.micro_st tr:after{content:''; display:block; clear:both;}


	.accordian_box .accordian_list_wrap.on .accordian_answer li.txt p img{display:block; width:100%; height:100%;}
	.chat_btn.btn_w100 a{width:100%;}

	.main_myclass_area .card_box{width:100%;}
	.main_myclass_area .main_list_title_wrap{padding:0;}

	.organization.organ_busan .dept2_list > .dept2 li > ul > li > p > span{display:block;}
	.organization.organ_busan .dept2_list > .dept2 > li > ul > li > p em{display:block;}

	section.sub .content_wrap .sub_con table.list.mob_type_02 tbody tr .file a{display:inline-block; width:auto;}
}

@media screen and (max-width: 720px) {
	.cntbox .cnt_cent4 > ul > li{padding:30px 0; text-align:center;}
	.cntbox .cnt_cent4 .img, .cntbox .cnt_cent4 .img1{position:static;}
	.cntbox .cnt_cent4 .tit { margin-top: 15px;}
	.cntbox .cnt_cent4 .info{text-align:left;}
	.history .visual h4 i{font-size:45px;}
}

@media screen and (max-width: 570px) {
	.sub_visual_tit{padding:130px 30px 30px;}
	.sub_visual_tit:before{left:50%; top:20px; transform:translateX(-50%);}
	.sub_visual_tit h4{text-align:center;}

	/* 연수원조직 */
	.tab.tab_mobile>ul>li{width:calc(20% - 3.2px) !important; margin-right:4px !important;}
	.tab.tab_mobile>ul>li:last-of-type{margin-right:0 !important;}
	.tab.tab_mobile>ul>li>a{height:43px; padding-top:12px; font-size:.72rem;}
}

@media screen and (max-width: 540px) {
	.sub_visual em br{display:none;}
	.sub_visual em > span{margin-left:5px;}
	.mainBoard .mainBoard_cont{height:100%;}
	.organization .dept2 > li a,
	.organization .dept3 > li > a,
	.organization .dept3 > li ul li a,
	.organization .dept3 > li > p,
	.organization .dept3 > li ul li p{font-size:14px;}
}

@media screen and (max-width: 520px) {
	.check_list_box .check_list li{float:left; width:24%; margin-left:1%;}
	.check_list_box .check_list li:nth-child(4n + 1){margin-left:0 !important;}
	.check_list_box .check_list li:nth-child(4n + 4){margin-right:0 !important;}
	.check_list_box .check_list ul:after{content:''; display:block; clear:both;}
	.gray_round_box .email_box .select_02{width:100% !important; margin-left:0 !important; margin-top:5px;}
	.gray_round_box .email_box #emailBody{width:calc(100% - 137px) !important;}
	.organization.organ_busan .dept2_list > .dept2 > li{padding:0 5px;}
	.organization.organ_busan .dept2_list > .dept2 li p{padding:5px;}
}

@media screen and (max-width: 450px) {
	.cntbox .cnt_cent4 .img, .cntbox .cnt_cent4 .img1{width:100%; height:100%; margin-bottom:10px;}
	.cntbox .cnt_cent4 .img img, .cnt_cent4 .img.img1 > img{display:block; width:100% !important; height:100% !important;}
	.cntbox .cnt_cent4 .tit{margin-top:5px;}
	.guide_list_wrap .guide_list_box .guide_list .btn_box .btn{float:left; width:47%;}
	.guide_list_wrap .guide_list_box .guide_list .btn_box:after{content:''; display:block; clear:both;}
	.organization .dept2 > li a span,
	.organization .dept3 > li ul li a span,
	.organization .dept2 > li p span,
	.organization .dept3 > li ul li p span,
	.organization .dept2_list > .dept2 > li > ul > li > p em{font-size:14px;}
	.organization .dept2 > li a,
	.organization .dept3 > li > a,
	.organization .dept3 > li ul li a,
	.organization .dept3 > li > p,
	.organization .dept3 > li ul li p{font-size:13px;}
}

@media screen and (max-width: 400px) {
		.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 .txt_box_wrap .txt_box .info {font-size:11px;}
}

/* 전자정부 누리집 */
@media screen and (max-width:1280px) {
	header.main.main_nuri{position:relative; height:105px;}
	header.main_nuri{position:fixed; height:105px;}
}
@media screen and (max-width:800px) {
	header.main.main_nuri{position:fixed; height:105px;}
	header.main_nuri ~ section.main{padding-top:105px;}
	header.main_nuri + section.sub .content_wrap .sub_con_title{height:100%;}
}

/*공지사항 수정*/
@media screen and (max-width:1280px){
	.news_wrap .news_con .tab.news ul{margin-bottom:10px;}
}
@media screen and (max-width:1090px){
	.news_wrap .news_con .tab.news ul li{width:auto;}
}
@media screen and (max-width:920px){
	.news_wrap .news_con .tab.news ul{width:calc(100% - 70px);}
	.news_wrap .news_con .tab.news ul li{margin-right:0;}
}
@media screen and (max-width:800px){
	.news_wrap .news_con .tab.news ul{flex-wrap:wrap; gap:5px; width:100%;}
	.news_wrap .news_con .tab.news ul li{width:auto;}
	.news_con .tab.news ul li a{padding:8px 10px; background:#fff; border:1px solid #e8e8e8; border-radius:50px; box-sizing:border-box;}
	.news_con .tab.news ul li a::before{display:none;}
	.news_con .tab.news ul li.ui-tabs-active a{color:#fff; background:#2b4173;}
}

/*모바일메뉴 크기수정*/
@media screen and (max-width:430px){
	.mob_top_menu_wrap.mob_show{width:90vw;}
}