@charset 'utf-8';
.botm_menu.ty2{bottom: 0;}
.pr-pb-menu1{padding-bottom: 10vw;}
.botm_menu .menu .ico {
  margin-bottom: 1.38888889vw;
  height: 7vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.botm_menu .menu a{ color: #000; }
.botm_menu .menu .m_on a{ color: #167ac6; }


.wrap_title{ background-color: #333d4b; text-align: center; font-size: 5.5vw; padding: 5vw; color: #fff; }

.header_type1{display: flex;justify-content: space-between;align-items: center;}
.header_type1 .cols{
	display: flex;
}
.header_type1 .cols.lft{ margin-left:10px;}
.header_type1 .cols.rgh{ display: flex; justify-content: flex-end; margin-right:10px;}

/* 이미지 사이즈 s */
.ico1_6{ width: 5.6vw; height: auto; }
.ico_menu1_2{ width: 7.5vw; height: auto; }
.img_menu3{ width: 9.2vw; height: auto; }
.ico1_4{ width: 7.2vw; height: auto; }
.ico_search{ width: 6.6vw; height: auto; }
/* 이미지 사이즈 e */

.ico_noti_bell{ display: inline-block; position: relative; }
.ico_noti_bell .num{position:absolute;left: -1vw;top: -0.8vw;width: 5.2vw;height: 5.2vw;border-radius: 5.2vw;background:#157ac6;color:#fff;display:flex;justify-content: center;align-items: center;font-size: 3vw;}
.ico_noti_bell img{ width: 6.5vw; height: auto; }

.ml-1{margin-left: 2vw !important;}
.ml-2{margin-left: 4vw !important;}

.pr-mt-ss{margin-top: 4vw !important;}
.pr-mt-s{margin-top: 40px !important;}
.pr-mt-n{margin-top: 60px !important;}
.pr-mt-n2{margin-top: 80px !important;}
.pr-mt-l{margin-top: 12vw !important;}
.pr-mt-xl{margin-top: 15vw !important;}
.pr-mt-xxl{margin-top: 18vw !important;}

.pr-pt-ss{padding-top: 4vw !important;}
.pr-pt-s{padding-top: 40px !important;}
.pr-pt-n{padding-top: 60px !important;}
.pr-pt-n2{padding-top: 80px !important;}
.pr-pt-l{padding-top: 12vw !important;}
.pr-pt-xl{padding-top: 15vw !important;}
.pr-pt-xxl{padding-top: 18vw !important;}

.pr-mb-ss{margin-bottom: 4vw !important;}
.pr-mb-s{margin-bottom: 40px !important;}
.pr-mb-n{margin-bottom: 60px !important;}
.pr-mb-n2{margin-bottom: 80px !important;}
.pr-mb-l{margin-bottom: 12vw !important;}
.pr-mb-xl{margin-bottom: 15vw !important;}
.pr-mb-xxl{margin-bottom: 18vw !important;}

.pr-pb-ss{padding-bottom: 4vw !important;}
.pr-pb-s{padding-bottom: 40px !important;}
.pr-pb-n{padding-bottom: 60px !important;}
.pr-pb-n2{padding-bottom: 80px !important;}
.pr-pb-l{padding-bottom: 12vw !important;}
.pr-pb-xl{padding-bottom: 15vw !important;}
.pr-pb-xxl{padding-bottom: 18vw !important;}


.wrap_table1 col.th2{ width: 34vw; }

.text-placeholder{padding: 2vw 4vw;}
input[type="text"].input_type3,
input[type="password"].input_type3,
textarea.input_type3 {
  font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
  font-size: 3.333vw;
  background-color: #8e8d8d;
  color: #fff;
  border-radius: 2vw;
  padding: 2vw 4vw;
  outline: none;
  border: 0;
  box-sizing: border-box;
  line-height: 1;
}
input[type="text"].input_type3:read-only,
input[type="password"].input_type3:read-only,
textarea.input_type3:read-only{
	background-color: #8e8d8d !important;
	color: #fff !important;
}



.popup_type2{ position: fixed; left: 0; bottom: -100vh; width: 100%; height: 100vh; }
.popup_type2 .header_popup{ padding: 0 6.48vw; height: 19vw; display: flex; align-items: center; justify-content: space-between; background-color: #333d4b; border-radius:3.8vw 3.8vw 0 0; color: #fff;   }
.popup_type2 .header_popup h1{margin: 0; padding: 0; font-size: 5.5vw; line-height: 1;  overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.popup_type2 .header_popup .arr{font-size: 7vw;margin-right: -1.5vw;}
.popup_type2 .header_popup .arr i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);display: inline-block;}

.popup_type2 .inner_popup{position: absolute;left: 0;bottom: 0;width: 100%;height: auto;}
.popup_type2 .cover{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); opacity: 0;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}

.popup_type2 .content_popup{background-color: #fff;padding: 6.48vw 0;max-height: calc(100vh - 60vw);overflow: hidden;overflow-y: auto;}

.popup_type2.open .cover{opacity: 1;}



.btn_more1{ font-weight: 600; }

.quick_circle{ position: fixed; right: 5vw; top: 50%; width: 15vw; height: 15vw; border-radius: 50%; background-color: #5c91e0; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1.2; font-weight: 500; box-shadow: 1vw 1vw 5vw -1vw rgba(0,0,0,0.23); -webkit-box-shadow: 1vw 1vw 5vw -1vw rgba(0,0,0,0.23); -moz-box-shadow: 1vw 1vw 5vw -1vw rgba(0,0,0,0.23); }

.head_sub{margin: 4.4vw 6.5vw 0;}
.head_sub .path{
	line-height: 1;
}
.head_sub .path a{
	line-height: 1;
	font-size: 5.5vw;
	display: inline-flex;
	align-items: center;
}
.head_sub .path a i{
	margin-right: 2.72vw;
	margin-top: 0.2vw;
	font-size: 6vw;
	margin-left: -2vw;
}

.i-txt{min-width: 15.666vw;text-align: center;line-height: 1.2;background: #d0d3d7;font-size: 15px;display: inline-block;padding: 1.2vw 1.6vw;box-sizing: border-box;color: #000; border-radius: 4px;}

.wrap_history_scroll{
	margin-top: 5.55vw;
	width: 100vw;
	overflow-x: auto;
	overflow-y: hidden;
	position:relative;
}

.wrap_history_scroll > .inner{
	margin: 0 5.48148148vw 1.8519vw;
	padding:0 0 1vw;
	display: flex;
}
.wrap_history_scroll .item{padding-right: 2.3148vw;min-width: 67vw;position: relative;}
.wrap_history_scroll .item:after{position:absolute;left: 0;top: 9.259vw;content:"";width: 100%;background: url(../images/common/bg_line_dot.jpg) repeat-x;height: 3px;margin-top: 0.3vw;background-size: 1vw;}
.wrap_history_scroll .item .box{
	margin-top:5.555555555555555vw;
	border: 1px #e1e6eb solid;
	border-radius: 1.8518518518518516vw;
	padding: 3.88vw 6.01vw 3.88vw 4.16vw;
	box-sizing: border-box;
	position: relative;
}


.wrap_history_scroll .item.today .box{background: #f8fafe;}
.wrap_history_scroll .item .day .ico.bell img{width: 4.629vw;height: auto;}
.wrap_history_scroll .item .circle{position:relative;line-height: 0;margin-top: 1.851vw;padding-left: 5.55vw;/* background: #fff; */z-index: 5;}
.wrap_history_scroll .item.today .circle{padding-left: 12vw;}
.wrap_history_scroll .item:first-child .circle:after{position:absolute; left:0; top:0; width:12.1vw; height:100%; background:#fff; content:"";}

.wrap_history_scroll .item .circle:before{position:relative;width:2.22vw;height:2.22vw;border-radius:50%;background:#333d4b;content:"";display: inline-block;font-size: 0;line-height: 0;z-index: 1;}

.wrap_history_scroll .item .day{
	font-size: 3.888vw;
	line-height: 1.2;
	display: flex;
	align-items: center;
	height: 6.481vw;
}
.wrap_history_scroll .item .day .ico{
	margin-right: 2.314vw;
}
.wrap_history_scroll .item .day .t{}
.wrap_history_scroll .item .box{}
.wrap_history_scroll .item .box .t1{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.wrap_history_scroll .item .box .close{
	position: absolute;
	right: 1.851vw;
	top: 1.851vw;
	line-height: 1;
	font-size: 2.8704vw;
}
.wrap_history_scroll .item .box .close i{}

.wrap_menu{
	margin-top: 2px;
}
.wrap_menu > ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -2vw;
	margin-top: -2vw;
}
.wrap_menu > ul > li{
	width: 42vw;
	margin-left: 2vw;
	margin-top: 2vw;
	box-sizing: border-box;
	border: 1px #e1e6eb solid;
	height: 29vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	border-radius: 1.8vw;
}
.wrap_menu > ul > li > a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.wrap_menu > ul > li .num{
	position: absolute;
	right: 3vw;
	top: 1.2vw;
	color: #0063c9;
	font-size: 4vw;
}
.wrap_menu > ul > li .num b{}
.wrap_menu > ul > li .ico{}
.wrap_menu > ul > li.m1 .ico img{width: 9.8vw;height: auto;}
.wrap_menu > ul > li.m2 .ico img{width: 10.8vw;height: auto;}
.wrap_menu > ul > li.m3 .ico img{
	width: 9.9vw;
	height: auto;
}
.wrap_menu > ul > li.m4 .ico img{
	width: 9.9vw;
	height: auto;
}
.wrap_menu > ul > li.m5 .ico img{
	width: 8.2vw;
	height: auto;
}
.wrap_menu > ul > li.m6 .ico img{
	width: 9.65vw;
	height: auto;
}
.wrap_menu > ul > li .txt{
	font-size: 4.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin-top: 3.4vw;
	font-weight: 600;
}
.wrap_menu > ul > li .txt i{
	margin-left: 2vw;
	margin-top: 0.8vw;
	font-size: 4.5vw;
}

.wrap_main_bot_area{height: 20vw;margin-top: 6vw;}
.wrap_main_bot{position: fixed;bottom: 0px;width: 100%;z-index: 5;box-sizing: border-box;padding-top: 0;height: 20vw;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.wrap_main_bot .cover{position:fixed;left:0;top:0;width:100%;height: 0;overflow: hidden; background:rgba(0,0,0,0.5);z-index:0; opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.wrap_main_bot > .head{ padding: 3.407vw 6.481vw; background-color:#333d4b; color: #fff; border-radius: 3.7037037037037033vw 3.7037037037037033vw 0 0; display: flex; align-items: center; justify-content: space-between;  z-index:1; position:relative;}
.wrap_main_bot > .head > .cols{  }
.wrap_main_bot > .head > .lft{ min-width: 61.111vw; }
.wrap_main_bot > .head > .rgh{
	min-width: 18vw;
}
.wrap_main_bot > .head .h_1{margin-top: 4.629vw;font-size: 5.55vw;font-weight: 600;line-height: 1;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.wrap_main_bot > .head .t_1{font-size: 3.33vw; line-height: 1; }
.wrap_main_bot > .head .t_1 span{ margin-right: 2.3148vw; }
.wrap_main_bot > .head .t_2{}
.wrap_main_bot > .head > .rgh .arrs{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	line-height: 0;
	position: relative;
}
.wrap_main_bot > .head > .rgh .arrs .alert{ position:relative; }
.wrap_main_bot > .head > .rgh .arrs .alert img{width: 6.48vw;height: auto;}
.wrap_main_bot > .head > .rgh .arrs .arr{font-size: 6vw;position:absolute;right: -1.5vw;bottom: -1.6vw;}
.wrap_main_bot > .head > .rgh .arrs .arr i{ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.wrap_main_bot > .head > .rgh .state{
	margin-top: 3vw;
}
.wrap_main_bot > .head > .rgh .state .i-txt{
	width: 100%;
}
.wrap_main_bot .notice{position:relative;z-index:1;background:#f0f4fa;padding: 4.6vw 6.48vw;}
.wrap_main_bot .notice p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.wrap_main_bot .inner{background:#fff;position:relative;z-index:1;overflow: hidden;overflow-y: auto;height: calc(100vh - 50vw);padding: 4.6vw 6.48vw;}
.wrap_main_bot .inner > .item{border: 1px #e1e6eb solid; padding: 8px 16px; margin-bottom: 10px; border-radius: 2.9vw;}
.wrap_main_bot .inner > .item .t1{color: #2f82f5;}
.wrap_main_bot .inner > .item .cont{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2px;}
.wrap_main_bot .inner > .item .cont > .cols{}
.wrap_main_bot .inner > .item .cont > .cols > p{font-size: 20px;font-weight: 600;}
.wrap_main_bot .inner > .item .cont > .cols > .i-txt{}
.wrap_main_bot .inner > .item .t_2{margin-top: 4px;}

/* 오픈 */
.wrap_main_bot.open{padding-top: 25.418vw;height: 100vh;}
.wrap_main_bot.open .cover{ opacity: 1; height: 100%; }
.wrap_main_bot.open > .head > .rgh .arrs .arr i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);display: inline-block;}



.lst-file1{}
.lst-file1 > .item{padding: 4.9vw 7.8vw;display: flex;border-bottom: 1px #ddd solid;}
.lst-file1 > .item .thumb img{ min-width: 10.5vw; width: 10.5vw; height: auto; }
.lst-file1 > .item .cont{ margin-left: 3.7vw; }
.lst-file1 > .item .cont .h_1{ font-size: 4.5vw; font-weight: 500; }
.lst-file1 > .item .cont .t_1{margin-top: 2vw;color: #0163c9;}

.lst-fileview1{}
.lst-fileview1 > .item{padding: 4.9vw 3vw;display: flex;border-bottom: 1px #ddd solid;position: relative;}
.lst-fileview1 > .item .thumb{min-width: 14.5vw;width: 10.5vw;height: 13.5vw;background:#f0f4fa; position: relative;}
.lst-fileview1 > .item .cont{position: relative;margin-left: 3.7vw;width: 60vw;max-width: 60vw;min-width: 60vw;}
.lst-fileview1 > .item .cont .h_1{font-size: 4.2vw;font-weight: 500; }
.lst-fileview1 > .item .cont .t_1{margin-top: 1.9vw;font-size: 3.4vw; display: flex; align-items: flex-start;}
.lst-fileview1 > .item .cont .t_1 .kb{font-weight: 500;font-size: 3vw; display: inline-flex; align-items: center;}
.lst-fileview1 > .item .cont .t_1 .kb img{ width: 3.5vw; margin-left: 1vw; }
.lst-fileview1 > .item .cont .t_1 .date{font-size: 3.5vw; margin-left:3vw; color:#828891;}
.lst-fileview1 > .item  .w_chk{position: absolute;right: 6.48148148vw;top: 7vw;}


@media only screen and (min-width: 841px) {
	.wrap_history_scroll{width: 550px; margin-top: 10px; margin-left: 6.48148148vw !important;}
	.wrap_history_scroll > .inner{margin: 0 10px 24px; padding:0 0 10px;}
	.wrap_menu{margin-top: 2px;}
	.wrap_menu > ul{ margin-left: -10px;}
	.wrap_menu > ul > li .num{right: 20px; top: 10px; font-size: 18px;}
	.wrap_menu > ul > li{width: 268px; margin-left: 10px; margin-top: 6px; height: 180px; border-radius: 10px;}
	.wrap_menu > ul > li.m1 .ico img
	, .wrap_menu > ul > li.m2 .ico img
	, .wrap_menu > ul > li.m3 .ico img
	, .wrap_menu > ul > li.m4 .ico img
	, .wrap_menu > ul > li.m5 .ico img
	, .wrap_menu > ul > li.m6 .ico img{width: 68px;}
	
	.wrap_menu > ul > li .txt{font-size: 18px; margin-top: 6px;}
	.wrap_menu > ul > li .txt i{margin-left: 10px; margin-top: 6px; font-size: 20px;}
	
	.pr-mt-ss{margin-top: 14px !important;}
	.pr-mb-ss{margin-bottom: 14px !important;}
	.i-txt{min-width: 64px;font-size: 14px;padding: 4px 8px;}
	.wrap_main_bot .inner > .item .cont > .cols > p{font-size: 22px;}
	.wrap_main_bot .inner > .item{padding: 20px 30px; margin-top: 10px; margin-bottom: 10px; border-radius: 10px;}
	.wrap_main_bot .inner > .item .t_2{margin-top: 10px;}
	.wrap_main_bot .inner > .item .cont{margin-top: 0px;}
	.ico_search{ width: 30px;}
}