@charset "UTF-8";
/*-------------------------------------------------
title       : Sub
Create date : 2024-01-12
-------------------------------------------------*/

/* 기본 텍스트 */
#contents_body .def_txt {
	color: #1d1d1d
}

/* Btn */
.btn_area {
	margin-top: 5rem;
	text-align: right
}

.btn_area.t2 {
	margin-top: 3rem;
	text-align: center
}

.btn_area.t3 {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	justify-content: center
}

.btn.sch {
	display: inline-block;
	width: auto;
	height: 4rem;
	line-height: 4rem;
	color: #fff;
	border-radius: .6rem;
	background-color: #2D2D2D;
	border: 1px solid transparent;
	font-size: 1.7rem;
	text-align: center;
	transition: all .3s
}

.btn.blist {
	display: inline-flex;
	min-width: 9.6rem;
	height: 4.5rem;
	padding: 1rem 2.2rem;
	border-radius: .6rem;
	background-color: #246BEB;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	transition: all .3s;
	border: 1px solid transparent
}

.btn.blist:hover, .btn.blist:focus {
	background-color: #fff;
	border-color: #246BEB;
	color: #246BEB
}

.btn.navy {
	background-color: #232EA3;
}

.btn.navy:hover, .btn.navy:focus {
	background-color: #fff;
	border-color: #232EA3;
	color: #232EA3
}

.btn1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 9.6rem;
	height: 5.4rem;
	padding: 0 2.2rem;
	font-size: 1.6rem;
	font-weight: normal;
	color: #1d1d1d;
	border-radius: .6rem;
	border: 1px solid transparent;
	text-align: center;
	transition: all .3s
}

.btn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.6rem;
	min-width: 9.1rem;
	height: 4rem;
	border-radius: .6rem;
	color: #fff;
	background-color: #2D2D2D;
	border: 1px solid transparent;
	transition: all .3s
}

.btn2:hover, .btn2:focus {
	background-color: #fff;
	border-color: #2D2D2D;
	color: #2D2D2D
}

.btn3 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	min-width: 18.4rem;
	height: 5.4rem;
	border-radius: .6rem;
	color: #fff;
	border: 1px solid transparent;
	transition: all .3s
}

.btn4 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.2rem;
	height: 3.6rem;
	border-radius: .6rem;
	color: #1d1d1d;
	font-size: 1.4rem;
	font-weight: normal;
	border: 1px solid transparent;
	transition: all .3s;
	vertical-align: middle
}

.btn5 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.2rem;
	height: 4rem;
	border-radius: .6rem;
	color: #1d1d1d;
	font-weight: normal;
	border: 1px solid transparent;
	transition: all .3s;
	vertical-align: middle
}

.btn6 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 3rem;
	height: 5.4rem;
	border-radius: .6rem;
	color: #fff;
	font-weight: 600;
	border: 1px solid transparent;
	transition: all .3s;
	vertical-align: middle
}

.blank:after, [class^=btn][target=_blank]:after, [class^=btn].down:after
	{
	content: "\ECAF";
	display: inline-block;
	margin-left: .5rem;
	font-family: "remixicon";
	position: relative;
	top: -.1rem;
	font-size: 1.8rem;
	line-height: 1
}

[class^=btn].down:after {
	content: "\EC54"
}

[class^=btn].arrow_down:after {
	content: "\EA4E";
	display: inline-block;
	margin-left: .5rem;
	font-family: "remixicon";
	position: relative;
	font-size: 1.8rem;
	line-height: 1;
	transition: all .3s
}

[class^=btn].arrow_down.active:after {
	transform: rotate(180deg)
}

.attachPreview:after {
	display: none !important
}

[class^=btn].arrow_r:after {
	content: "\EA6E";
	display: inline-block;
	margin-left: 1rem;
	font-family: "remixicon";
	position: relative;
	font-size: 1.8rem;
	line-height: 1;
	transition: all .3s
}

.btn_more:after {
	content: "";
	display: inline-block;
	margin-left: .4rem;
	width: 2.4rem;
	height: 2.4rem;
	vertical-align: top;
	background: url(../images/main/icon_more.png) center no-repeat;
	background-size: 100% auto;
	transition: all .3s
}

.btn_more:hover:after, .btn_more:focus:after {
	transform: rotate(180deg)
}

.select_on {
	border-color: #246BEB !important;
	background-color: #246BEB !important;
	color: #fff !important
}

/* .btn1:hover,
.btn3:hover,
.btn1:focus,
.btn3:focus{font-weight:500} */
[class^="btn"].line {
	border-color: #C6C6C6;
	background: #fff
}

[class^="btn"].line:hover, [class^="btn"].line:focus {
	border-color: #000;
	background-color: #f9f9f9
}

[class^="btn"].blue {
	background: #246BEB;
	color: #fff
}

[class^="btn"].sch.blue:hover, [class^="btn"].sch.blue:focus, [class^="btn"].blue:hover,
	[class^="btn"].blue:focus {
	background: #fff;
	border-color: #246BEB;
	color: #246BEB
}

[class^="btn"].red {
	background: #F23B3B;
	color: #fff
}

[class^="btn"].red:hover, [class^="btn"].red:focus {
	background: #fff;
	border-color: #F23B3B;
	color: #F23B3B
}

.btn6.blue:hover, .btn6.blue:focus {
	background: #004ad0;
	color: #fff;
	border-color: transparent
}

[class^="btn"].blur {
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(5px)
}

[class^="btn"] .icon {
	margin-right: 1rem
}

/* 강조 */
.point {
	color: #CD4848
}

.point2 {
	color: #246BEB
}

/* 폰트 사이즈 */
.fs_12 {
	font-size: 1.2rem
}

.fs_13 {
	font-size: 1.3rem
}

.fs_14 {
	font-size: 1.4rem
}

.fs_15 {
	font-size: 1.5rem
}

.fs_16 {
	font-size: 1.6rem
}

.fs_17 {
	font-size: 1.7rem
}

.fs_18 {
	font-size: 1.8rem
}

.fs_19 {
	font-size: 1.9rem
}

.fs_20 {
	font-size: 2rem
}

/* Sub Visual */
#visual {
	position: relative;
	z-index: 2;
	height: 17rem;
} /* 250821 */
#visual .desc_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% - 1rem));
	width: 100%;
	text-align: center
} /* 250821 */
#visual .desc_box .title {
	font-size: 4.2rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
	color: #282828;
}

#visual .desc_box .desc {
	margin-top: 1rem;
	font-size: 1.8rem;
	font-weight: 400;
	color: #777;
	letter-spacing: -0.1rem;
}

#visual .img {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	overflow: hidden;
	z-index: -1;
	width: 100vw;
	height: 100%
}

#visual .img img {
	max-width: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
	animation: visual_scale 3s;
	animation-fill-mode: forwards
}

#visual .img img.img_mb {
	display: none;
} /* 250821 */
@
keyframes visual_scale { 100%{
	transform: scale(1)
}

}
.main_wrap {
	width: 128rem;
	max-width: 100%;
	margin: 0 auto
}

.main_wrap::after {
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	content: ""
}

#main_container {
	display: flex;
	width: 100%
}

#contents {
	width: 100%;
	padding: 8rem 0 18rem 0;
}

/* Content area */
#contents_title {
	font-size: 3.2rem;
	color: #000;
	letter-spacing: -.1rem
}

.contents_util {
	position: relative;
	margin-bottom: 4rem;
	display: flex;
	flex-direction: column-reverse
}

.contents_util::after {
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	content: ""
}

.contents_util .util {
	position: absolute;
	right: 0;
	top: 3.6rem
}

.contents_util .util .btn {
	display: inline-block;
	overflow: hidden;
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	line-height: 3.5rem;
	min-width: 0;
	border-radius: 100%;
	font-size: 2rem;
	font-weight: 400;
	color: #222;
	vertical-align: top;
	transition: all 0.2s;
	background: #F5F5F5
}

.contents_util .util .btn.up::before {
	font-family: "remixicon";
	content: "\ea13";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .util .btn.down::before {
	font-family: "remixicon";
	content: "\f1af";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .util .btn.open::before {
	font-family: "remixicon";
	content: "\f0fe";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .util .btn.print::before {
	font-family: "remixicon";
	content: "\f029";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .util .btn:hover, .contents_util .util .btn:focus {
	border-color: #00389D;
	background-color: #00389D;
	color: #fff
}

.contents_util .share {
	display: inline-block;
	position: relative;
	z-index: 1
}

.contents_util .share .title {
	display: inline
}

.contents_util .share .item {
	visibility: hidden;
	overflow: hidden;
	width: 5rem;
	height: 0;
	opacity: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 100%;
	margin: 0 0 0 -0.25rem;
	border-radius: 5rem;
	background-color: #efefef;
	text-align: center
}

.contents_util .share .item::before {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: -0.5rem;
	width: 1rem;
	height: 1rem;
	background-color: #efefef;
	content: "";
	transform: translateX(-50%) scaleX(0.5) rotate(45deg)
}

.contents_util .share .close {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	display: inline-block;
	overflow: hidden;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	vertical-align: middle;
	margin-top: -1.5rem;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff
}

.contents_util .share .close::before {
	transform: rotate(0);
	transition: all 0.2s;
	transition: all 0.2s
}

.contents_util .share .close:hover::before, .contents_util .share .close:focus::before
	{
	transform: rotate(180deg);
	transform: rotate(180deg)
}

.contents_util .share .close::before {
	font-family: "remixicon";
	content: "\eb99";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .share .list {
	padding: 1.5rem 0
}

.contents_util .share .list a {
	display: inline-block;
	overflow: hidden;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	vertical-align: middle;
	margin-bottom: 1rem;
	transition: all .2s;
	font-size: 2rem
}

.contents_util .share .list a:hover, .contents_util .share .list a:focus
	{
	color: #000
}

.contents_util .share .list a::before {
	transition: all 0.2s;
	transition: all 0.2s
}

.contents_util .share .list .facebook a::before {
	font-family: "remixicon";
	content: "\ecbc  \ecbc";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .share .list .twitter a::before {
	font-family: "remixicon";
	content: "\F3E7  \F3E7";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .share .list .kakaostory a::before {
	font-family: "remixicon";
	content: "\f13c  \f13c";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .share .list .kakaotalk a::before {
	font-family: "remixicon";
	content: "\ee6c  \ee6c";
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit
}

.contents_util .share .list .band a::before {
	display: block;
	font-weight: 800;
	content: "B"
}

.contents_util .share.active .label {
	border-color: #000;
	background-color: #000;
	color: #fff
}

.contents_util .share.active .item {
	visibility: visible;
	overflow: visible;
	width: 5rem;
	height: auto;
	opacity: 1;
	margin-top: 1.5rem;
	transition: all 0.2s;
	transition: all 0.2s
}

/* Breadcrumb */
.location {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 1.5rem;
	right: 0;
	z-index: 2;
}

.location .path {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}

.location .path .home {
	overflow: hidden;
	width: 2rem;
	height: 2rem;
}

.location .path .home:before {
	content: "\EE1B";
	font-family: "remixicon";
	display: block;
	width: 100%;
	height: 100%;
	font-size: 2.1rem;
	line-height: 1
}

.location .path>li {
	display: inline;
	position: relative;
	font-size: 1.4rem;
	color: #555;
}

.location .path>li:last-child a {
	color: #1D56BC;
	font-weight: 600;
}

.location .path>li+li::before {
	font-family: "remixicon";
	content: "\ea6e";
	display: inline-block;
	vertical-align: middle;;
	width: 2.4rem;
	height: 2.4rem;
	text-align: center;
	font-weight: 600;
	color: #555;
}

.location .path>li .label.more:after {
	content: "\EA50";
	font-family: "remixicon";
	display: inline-block;
	margin-left: .1rem;
	font-size: 2rem;
	vertical-align: middle;
	transition: all .2s
}

.location .path>li>a:hover, .location .path>li>a:focus {
	text-decoration: underline
}

.location .path .list {
	display: none;
	position: absolute;
	top: 100%;
	left: 2.4rem;
	width: auto;
	margin-top: .75rem;
	padding: 2rem 0;
	border: 1px solid #000;
	border-radius: .8rem;
	background: #fff
}

.location .path .list>li>a {
	display: block;
	padding: .8rem 2.5rem;
	font-size: 1.4rem;
	white-space: nowrap;
	color: #555;
	font-weight: 500;
	transition: all .2s
}

.location .path .list>li>a:hover, .location .path .list>li>a:focus {
	background: #F0F0F0;
	color: #01399D
}

.location .path>li.active .label {
	color: #01399D
}

.location .path>li.active .label:after {
	transform: rotate(180deg)
}

.location .path>li.active .list {
	display: block
}

.location .util {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: 2.5rem;
}

.location .util .share {
	position: relative;
}

.location .util .share .title {
	
}

.location .util .share .title .btn {
	margin-left: 0;
}

.location .util .share .title .btn {
	display: block;
	width: 3.5rem;
	min-width: auto;
	height: 3.5rem;
	background: rgba(255, 255, 255, 0.73)
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_share.svg)
		no-repeat center center;
	background-size: 100% auto;
	text-indent: -9999px;
	border-radius: 1.5rem;
}

.location .util .share .item {
	display: none;
	visibility: hidden;
	opacity: 0;
}

.location .util .share.active .item {
	display: block;
	visibility: visible;
	opacity: 1;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 10;
	margin-top: 1.5rem;
	padding: 1rem;
	border: 1px solid #ddd;
	background-color: #fff;
	white-space: nowrap;
	-webkit-transform: translateX(calc(-50% + 0.5px));
	transform: translateX(calc(-50% + 0.5px));
}

.location .util .share.active .item:before {
	content: "";
	display: block;
	position: absolute;
	top: -0.3rem;
	left: 50%;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	-webkit-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
}

.location .util .share.active .item .list {
	display: block;
}

.location .util .share.active .item .list li {
	
}

.location .util .share.active .item .list li:not (:first-child ){
	margin-top: 0.25rem;
}

.location .util .share.active .item .list li a {
	overflow: hidden;
	display: block;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
}

.location .util .share.active .item .list li a:before {
	display: block;
	width: 100%;
	height: 100%;
	font-family: "remixicon";
	text-align: center;
	line-height: inherit;
	font-size: 2rem;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.location .util .share.active .item .list li.facebook a:before {
	content: "\ecbc";
	color: #29487d;
}

.location .util .share.active .item .list li.twitter a::before {
	content: "\F3E7";
	color: rgb(29, 161, 242);
}

.location .util .share.active .item .list li.kakaostory a::before {
	content: "\f13c";
	color: #ffc20f;
}

.location .util .share.active .item .list li.kakaotalk a::before {
	content: "\ee6c";
	color: #381e1f;
}

.location .util .share.active .item .list li.band a::before {
	content: "b";
	font-size: 2rem;
	font-family: "Pretendard";
	font-weight: 900;
	color: #21c531;
}

.location .util .share.active .item a.close {
	display: block;
	overflow: hidden;
	display: block;
	width: 3rem;
	height: 3rem;
	margin-top: 0.25rem;
	text-align: center;
	line-height: 3rem;
}

.location .util .share.active .item a.close::before {
	content: "\eb99";
	display: block;
	width: 100%;
	height: 100%;
	font-family: "remixicon";
	text-align: center;
	line-height: inherit;
	font-size: 2rem;
}

.location .util .print {
	display: block;
	width: 3.5rem;
	min-width: auto;
	height: 3.5rem;
	margin-left: 0.5rem;
	background: rgba(255, 255, 255, 0.73)
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_print.svg)
		no-repeat center center;
	background-size: 100% auto;
	text-indent: -9999px;
	border-radius: 1.5rem;
}

.board_search {
	position: relative;
	margin-bottom: 3.7rem;
	padding: 2.8rem;
	background-color: #F8F8F8;
	border: 1px solid #D8D8D8
}

.board_search fieldset>span {
	display: block;
	gap: .4rem
}

.board_search .date {
	position: absolute
}

.board_search .search {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	max-width: 54.2rem;
	margin: 0 auto;
	border-radius: 3px
}

.board_search select, .board_search input[type=text] {
	border-radius: .6rem;
	border-color: #D5D4DA
}

.board_search .form_select {
	flex: 0 0 auto;
	margin-right: .4rem
}

.board_search .form_row.t2 .form_select {
	flex: 1 0 auto
}

.board_search input[type=text] {
	width: 100%;
	margin-right: .4rem
}

.board_search .btn.sch {
	width: 8.2rem
}

.board_search .date_box_wrap {
	margin-right: .4rem
}

.board_search .date_box_wrap ~ .date_box_wrap {
	margin: 0 0 0 .4rem
}

.board_search .sch_sel {
	min-width: 12rem;
	border: 1px solid #D5D4DA
}

.date_box_wrap {
	position: relative;
	display: inline-block;
	width: 15rem;
	max-width: 100%;
	height: 4rem;
	border: 1px solid #D5D4DA;
	background: #fff;
	border-radius: .6rem
}

.date_box_wrap:before {
	content: "\EB27";
	font-family: 'remixicon';
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%)
}

.date_box_wrap input[type=text].date_input {
	width: 100% !important;
	border: 0 !important;
	background: transparent !important
}

.board_search.row_full .search {
	flex-wrap: wrap
}

.board_search.row_full .form_row {
	width: 100%
}

.board_search input[type=text].date_input {
	width: 15rem
}

.date_column {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	max-width: 100%
}

.btn.sch:hover, .btn.sch:focus {
	background: #00389D
}

.form_row {
	display: flex
}

.form_row.space {
	
}

.form_row ~ .form_row {
	margin-top: 2rem
}

.form_row .form_select, .form_row .input[type=text] {
	margin-right: 0
}

.form_item {
	width: 50%;
	display: flex;
	align-items: center;
	gap: .8rem
}

.form_item.t2 input[type=text] {
	max-width: calc(100% - 19.8rem)
}

.form_item.t3 {
	width: 100%
}

.form_item.t4 {
	width: 100%
}

.form_item.t4 label {
	width: 12rem
}

.form_row.space .form_item.t4 {
	width: auto
}
/* .form_row.space .form_item.t4 .form_select{width:calc(100% - 12rem)} */
.form_item>label {
	margin-left: 0;
	padding-right: .9rem;
	flex-shrink: 0;
	width: 10rem;
	text-align: right;
	font-weight: 700
}

.board_search .form_item input[type=text] {
	margin: 0
}

.board_search .btn2 {
	min-width: inherit
}

.board_search.t2 .search {
	max-width: inherit
}

.contactus {
	background: #F8F8F8;
	display: flex;
	padding: 3rem 4rem;
	margin-top: 10rem;
	border-radius: .6rem;
	align-items: center;
	color: #555
}

.contactus .icon {
	flex: 0 0 6.6rem;
	margin-right: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.6rem;
	height: 6.6rem;
	background: #fff;
	border-radius: 50%
}

.contactus .icon img {
	width: 3.6rem
}

.contactus.type2 {
	margin-top: 3.4rem
}

.contactus.type3 {
	margin-top: 0
}

.contactus .bar_list>li {
	padding-left: 0
}

.contactus .bar_list>li:before {
	display: none
}

/* List */
.num_list>li {
	position: relative;
	padding-left: 2.9rem
}

.num_list.t2>li {
	padding-left: 2rem;
	color: #555;
}

.num_list>li+li {
	margin-top: .7rem
}

.num_list>li .num {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.4rem;
	height: 2.4rem;
	text-align: center;
	line-height: 2.4rem;
	border-radius: 100%;
	background: #22449C;
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem
}

.nums {
	position: absolute;
	left: 0;
	top: 0;
}

.bar_list>li {
	position: relative;
	padding-left: 1rem;
	margin-top: .2rem;
	line-height: 2.6rem
}

.bar_list>li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.1rem;
	width: .5rem;
	height: 1px;
	background: #555
}

.bar_list>li:first-child {
	margin-top: 0
}

.star_list>li {
	position: relative;
	padding-left: 1.2rem
}

.star_list>li:before {
	content: "*";
	position: absolute;
	left: 0;
	top: 0
}

.dot_list>li {
	position: relative;
	padding-left: .9rem
}

.dot_list>li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1rem;
	width: .4rem;
	height: .4rem;
	border-radius: 100%;
	background-color: #1D1D1D
}

.dot_list.t2>li {
	padding-left: 1.4rem;
	color: #555
}

.dot_list.t2>li+li {
	margin-top: .4rem
}

.dot_list.t2>li:before {
	left: .5rem;
	background: #9A9A9A
}

.dot_list.t2>li>b {
	display: block;
	margin-top: 1rem;
	color: #1d1d1d;
	font-weight: 600
}

.dot_list.t2>li>.inline {
	display: inline
}

.cirnum_list>li {
	position: relative;
	padding-left: 2rem
}

.cirnum_list>li .num {
	position: absolute;
	left: 0;
	top: 0
}

/* Top box */
.top_box {
	position: relative;
	margin-bottom: 4rem;
	border-radius: 2rem;
	color: #1d1d1d;
	border: 1px solid transparent;
	background-color: #fff;
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to right, #01399D 0%, #027FA7 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .05)
}

.top_box .group {
	display: flex;
	align-items: center;
	padding: 1.3rem 7rem 1.3rem 2.5rem
}

.top_box .group:before {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 14.2rem;
	height: 7.2rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/bg_topbox.png)
		right bottom no-repeat;
	background-size: 100% auto
}

.top_box .group .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 6.4rem;
	height: 6.4rem;
	margin-right: 1.3rem;
	border-radius: 100%;
	background: #F0F0F0
}

.top_box .group .desc {
	position: relative;
	z-index: 1
}

.top_box2 {
	display: flex;
	margin-bottom: 4rem;
	padding: 3.1rem 3.4rem;
	background: #F8F8F8;
	border-radius: 1rem
}

.top_box2 .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 3rem;
	width: 8.5rem;
	height: 8.5rem;
	background: #fff;
	border-radius: 100%;
	flex-shrink: 0
}

.top_box2 .desc_tit {
	display: block;
	margin-bottom: 1rem;
	font-size: 1.9rem;
	color: #1d1d1d
}

.top_box2 .desc_txt {
	color: #555
}

.top_box2 .btn1 {
	height: 4.4rem
}

/* Tab menu */
.depth4_tab {
	margin-bottom: 5rem
}

.depth4_tab ul {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.depth4_tab ul>* {
	padding-right: 0px;
	vertical-align: middle
}

.depth4_tab ul li {
	flex: auto;
	width: 14.28571%;
	position: relative;
	margin: -1px 0 0 -1px;
	border: 1px solid #888;
	background-color: #fff;
	font-size: 1.8rem;
	color: #717171;
	font-weight: 500;
	display: table;
	table-layout: fixed
}

.depth4_tab ul li:nth-child(n+7) {
	flex: inherit;
	width: calc(14.28571% + 1px)
}

.depth4_tab ul.ver_02 li {
	width: auto;
	flex: 1 !important
}

.depth4_tab ul.ver_04 li {
	width: 25%
}

.depth4_tab ul.ver_04 li:nth-child(n+5) {
	flex: inherit;
	width: calc(25% + 1px)
}

.depth4_tab ul.ver_05 li {
	width: 20%
}

.depth4_tab ul.ver_05 li:nth-child(n+6) {
	flex: inherit;
	width: calc(20% + 1px)
}

.depth4_tab ul.ver_07 li {
	width: 14.28571%
}

.depth4_tab ul.ver_07 li:nth-child(n+5) {
	flex: inherit;
	width: calc(14.28571% + 1px)
}

.depth4_tab ul li.active {
	border-color: transparent;
	font-weight: 600;
	color: #353297
}

.depth4_tab ul li.active:before {
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: -1px;
	border: 3px solid #353297;
	z-index: 1
}

.depth4_tab ul li.active a {
	color: #353297
}

.depth4_tab ul a {
	position: relative;
	display: block;
	line-height: 1.1;
	padding: .7rem;
	text-align: center;
	z-index: 1;
	height: 5.8rem;
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
	color: #717171;
}

.depth4_tab ul a:hover, .depth4_tab ul a:focus {
	text-decoration: underline
}

.depth4_tab.hid {
	display: none
}

/* 보안프로그램 설치/사용 */
.security_box {
	margin-bottom: 3rem;
	padding: 3.5rem;
	border: 1px solid #D8D8D8;
	border-radius: 1rem
}

.security_box.ty2 {
	background-color: #F8F8F8;
	border-color: #F8F8F8;
}

.security_box .tit {
	display: block;
	margin-bottom: .5rem;
	font-size: 1.9rem
}

.security_box .use {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px dashed #D8D8D8;
	text-align: center
}

.use input[type="checkbox"], .use input[type="radio"] {
	position: relative;
	top: -.1rem;
	margin-right: .4rem;
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
	border: 1px solid #717171;
	cursor: pointer
}

.use label {
	vertical-align: middle;
	color: #1d1d1d;
	font-weight: 700;
	font-size: 1.6rem;
	cursor: pointer
}

.use .desc {
	margin-bottom: 0.5rem;
	color: #555
}

.use label+.desc {
	margin-top: .5rem;
	margin-bottom: 0;
}

.warning {
	position: relative;
	margin-bottom: 3rem;
	padding: 1.5rem 3rem 1.5rem 6.2rem;
	border: 1px solid #D8D8D8;
	border-radius: 1rem;
	color: #555;
	letter-spacing: -.03rem
}

.warning.t2 {
	padding: 2.4rem 3rem 2.4rem 5.3rem;
	border: none;
	border-top: 1px dashed #DDD;
	border-radius: 0;
}

.warning:before {
	content: "\ECA1";
	font-family: "remixicon";
	position: absolute;
	left: 3rem;
	top: 1.6rem;
	color: #CD4848;
	font-size: 2.4rem;
	line-height: 1
}

.warning.t2:before {
	top: 2.4rem;
	left: 2.4rem;
}

.warning .tit {
	color: #1D1D1D;
	font-weight: 600
}

/* 제목태그 */
.title1 {
	position: relative;
	margin: 4rem 0 2rem;
	padding-left: 2.4rem;
	font-size: 2.4rem;
	color: #1D1D1D;
	font-weight: 700
}

.title1:before {
	content: "";
	position: absolute;
	left: 0;
	top: .8rem;
	width: 2rem;
	height: 1.9rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/bul_title1.png)
		center no-repeat;
	background-size: 2rem auto
}

.title2 {
	position: relative;
	margin: 3rem 0 2rem;
	font-weight: 700;
	font-size: 2rem;
	color: #1D56BC
}

.title3 {
	margin: 3rem 0 1.5rem;
	color: #1D1D1D;
	font-size: 1.9rem;
	font-weight: 700
}

.title4 {
	margin: 0 0 1rem;
	font-size: 1.7rem;
	font-weight: 700
}

.title4 ~ .title4 {
	margin-top: 3rem
}

.top_title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	padding: .5rem 1rem;
	background: #003863
		url(https://www.moel.go.kr/resources/cyber/images/sub/bg_toptit.png)
		right -.1rem center no-repeat;
	border-radius: 2rem;
	color: #fff !important;
	font-size: 2rem;
	letter-spacing: -.05rem;
	font-weight: 700;
	background-size: 9.3rem auto
}

[class^=title]>[class^=btn] {
	margin-left: .6rem
}

#contents_body>p {
	color: #555
}

/* Table */
.table_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 1rem 0
}

.table_wrap table {
	table-layout: fixed;
	position: relative;
	left: -1px;
	border-top: 2px solid #1D1D1D
}

.table_wrap tr th, .table_wrap tr td {
	padding: 1.5rem 1rem;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #555;
	letter-spacing: -.04rem;
	text-align: center;
	word-break: break-all
}

.table_wrap tr th a, .table_wrap tr td a {
	word-break: break-all
}

.table_wrap tr td {
	font-weight: 500
}

.table_wrap thead tr th {
	border-bottom: 1px solid #888;
	background: #F6F6F6;
	color: #1D1D1D;
	font-weight: 500
}

.table_wrap.t2 tr:last-child td {
	border-bottom: 1px solid #ddd !important
}

.table_wrap.t2 th, .table_wrap.sch th {
	background: #F6F6F6;
	color: #1D1D1D;
	font-weight: 500
}

.table_wrap.sch {
	margin-bottom: 4rem
}

.table_wrap.sch input, .table_wrap.sch .form_select, .table_wrap.sch button,
	.table_wrap.sch [class^=btn] {
	vertical-align: middle
}

.table_wrap.sch .btn4, .table_wrap.sch input[type=text] {
	height: 4rem;
	margin: .4rem 0
}

.table_wrap.sch .date_box_wrap input[type=text] {
	margin: 0
}

.table_wrap.sch .date_column {
	margin: .4rem 0
}

.table_wrap.sch .chk_list {
	width: calc(100% + 2rem);
	align-items: center
}

.table_wrap.sch .chk_list>li {
	margin-right: 2rem
}

.table_wrap.sch .chk_list input {
	position: relative;
	top: -.2rem
}

.t_caption {
	margin-bottom: 1.3rem;
	color: #333;
	font-size: 1.6rem
}

/* box */
.box1 {
	margin: 1rem 0;
	padding: 4rem 3.6rem;
	border: 1px solid #D8D8D8;
	border-radius: 1rem
}

.box2 {
	display: flex;
	align-items: center;
	margin: 1rem 0;
	padding: 3.5rem;
	background: #F8F8F8;
	border-radius: 1rem
}

.box3 {
	padding: 4rem 3.6rem;
	background-color: #F8F8F8;
}

.txtcolor1 {
	color: #555
}

.txtcolor1 strong {
	color: #1d1d1d
}

[class^=box] .dot_line_box {
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px dashed #D8D8D8
}

@
keyframes h_move { 25%{
	margin-left: 3px
}

50%{
margin-left
:
0
}
75%{
margin-left
:
-3px
}
100%{
margin-left
:
0
}
}

/* 레이어모달 팝업(접근성) */
.modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 2rem;
	z-index: 10;
	background: rgba(0, 0, 0, .4);
	overflow: auto;
	text-align: center;
	margin-left: 0 !important
}

.modal.visible {
	display: block
}

.modal:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-left: -4px
}

.modal .modal_box {
	position: relative;
	display: inline-block;
	width: calc(100% - 1px);
	max-width: 73rem;
	padding: 6rem 4rem 4rem;
	min-width: 10rem;
	min-height: 20rem;
	margin: 0;
	background: #fff;
	border-radius: 1rem;
	text-align: left;
	vertical-align: middle
}

.modal .modal_box.newlink {
	padding: 0;
	max-width: 114rem;
}

.modal .modal_box.ssize {
	width: 56rem;
}

.modal .modal_box .modal_title {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	font-size: 2.5rem;
	color: #1d1d1d;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #E5E5E5
}

.modal .modal_box .modal_title.t2 {
	padding-bottom: 0;
	border-bottom: 0
}

.modal .modal_box .modal_content {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.modal .modal_box .modal_content .layerbox {
	padding: 0
}

.modal .modal_box .modal_close {
	position: absolute;
	right: 4.4rem;
	top: 4rem;
	width: 3.7rem;
	height: 3.7rem;
	line-height: 3.7rem;
	font-size: 3.2rem;
	text-align: center;
	overflow: hidden;
	transition: all .2s
}

.modal .modal_box .modal_close:before {
	content: '\EB99';
	font-family: "remixicon";
	display: block;
	height: 100%;
	color: #1d1d1d
}

.modal .modal_box .modal_close:hover, .modal .modal_box .modal_close:focus
	{
	transform: rotate(180deg)
}

.modal .modal_box .btns, .modal .modal_box .btn_area {
	margin-top: 1.8rem
}

.modal .modal_box .list li {
	margin-top: .7rem;
	color: #5C5C5C;
	font-weight: 500
}

.modal .modal_box .list li:first-child {
	margin-top: 0
}

.modal .modal_box .modal_content::-webkit-scrollbar {
	width: 7px;
	height: 3px
}

.modal .modal_box .modal_content::-webkit-scrollbar-thumb {
	background-color: #9A9A9A;
	border-radius: 4px;
	height: 40%
}

.modal .modal_box .modal_content .search input[type=text] {
	margin-right: .4rem
}

.modal_btns {
	margin-top: 2rem;
	text-align: center
}

/* 정부포상 365 추천창구*/
.pw_con {
	min-height: 46rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

.pw_con .item_box {
	max-width: 28.3rem
}

.pw_con .icon {
	display: block;
	margin: 0 auto 1.2rem;
	width: 8.5rem;
	height: 8.5rem;
	line-height: 8.5rem;
	background: #fff;
	border-radius: 100%
}

.pw_con .icon img {
	width: 4.2rem
}

.pw_con .tit {
	display: block;
	margin-bottom: 3.6rem;
	font-size: 1.7rem;
	font-weight: 700
}

.pw_con .form_textbox, .pw_con .form_select select {
	width: 100%;
	height: 5.4rem
}

.pw_con .input_lst {
	margin-bottom: 1.5rem
}

.pw_con .input_lst>li label {
	display: block;
	margin-bottom: .4rem;
	color: #555;
	text-align: left
}

.pw_con .input_lst>li+li {
	margin-top: 1rem
}

.pw_con .input_lst+button {
	width: 100%;
}

/* 장관과의 대화 */
.service_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 3.2rem
}

.service_list>li {
	display: flex;
	width: calc(( 100% -  2.4rem)/2);
	padding: 4rem;
	border: 1px solid #D8D8D8;
	border-radius: .8rem
}

.service_list.ty2>li {
	padding: 5rem;
}

.service_list.ty2>li:nth-child(n+3) {
	width: 100%;
	margin-top: 2.4rem;
}

.service_list.ty3>li {
	width: 100%;
	margin-top: 0;
	align-items: center;
}

.service_list .icon {
	flex: 0 0 8.5rem;
	margin-right: 4.5rem
}

.service_list .desc_box .title {
	display: block;
	margin-bottom: 2rem;
	color: #1D56BC;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -.05rem
}

.service_list.ty2 .desc_box .title, .service_list.ty3 .desc_box .title {
	color: #1D1D1D;
}

.service_list .desc_box div a span:after {
	content: "";
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	margin-left: 1rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	vertical-align: middle;
}

.service_list .desc_box div a.write span:after {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_service_3.svg);
}

.service_list .desc_box div a.reply span:after {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_service_4.svg);
}

.service_list .desc_box div a:last-child {
	margin-right: 0;
}

.service_list.ty2 .desc_box .desc, .service_list.ty3 .desc_box .desc {
	color: #555;
}

.service_list.ty2 .desc_box strong:not (.title ){
	display: block;
	margin-top: 1.6rem;
}

.service_list.ty2 .desc_box>div {
	margin-top: 1.6rem;
}

.service_list.ty2 .desc_box>div a {
	width: 100%;
	max-width: 18.4rem;
}

[class^=frameArea] {
	display: none;
	position: relative;
	margin-top: 3rem
}

[class^=frameArea] iframe {
	width: 100%;
	height: 100.5rem;
	border: 1px solid #000
}

[class^=frameArea] .btn_close {
	position: absolute;
	right: 3rem;
	top: 2rem;
	transition: all .3s
}

[class^=frameArea] .btn_close:hover, [class^=frameArea] .btn_close:focus
	{
	transform: rotate(180deg)
}

/* 장관과의 대화_전자민원신청 */
.steps {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.steps li {
	position: relative;
	width: 100%;
	padding: 1.875rem 3rem;
	border: 1px solid #888;
	color: #1d1d1d;
	text-align: center;
}

.steps li:not (:first-child ){
	border-left: 0;
}

.steps li:not (:last-child ){
	border-right: 0;
}

.steps li.on {
	background-color: #353297;
	border-color: #353297;
	color: #fff;
	font-weight: 500;
}

.steps li.on:not (:last-child ):before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 2.8rem;
	height: 100%;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/bg_steps1.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.steps li strong, .steps li span {
	font-weight: inherit;
	color: inherit;
}

.certi_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.certi_list li {
	width: calc(( 100% - 2.7rem - 2.7rem - 2.7rem)/4);
	padding: 4.6rem 2rem 4rem;
	text-align: center;
	border: 1px solid #D8D8D8;
	border-radius: 1rem;
}

.certi_list li strong {
	display: block;
	font-size: 2rem;
	color: #1D1D1D;
}

.certi_list li strong:before {
	content: "";
	display: block;
	width: 8.5rem;
	height: 8.5rem;
	margin: 0 auto 2rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	border-radius: 50%;
}

.certi_list li:nth-child(1) strong:before {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_certi1.svg);
}

.certi_list li:nth-child(2) strong:before {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_certi2.svg);
}

.certi_list li:nth-child(3) strong:before {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_certi3.svg);
}

.certi_list li:nth-child(4) strong:before {
	background-image:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_certi4.svg);
}

.certi_list li a {
	width: 16.6rem;
	max-width: 100%;
	margin-top: 4rem;
}

/* 주요일정 */
.cals {
	
}

.cals .month {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.cals .month a {
	display: block;
	position: relative;
	width: 2.8rem;
	height: 2.8rem;
	text-indent: -9999px;
}

.cals .month a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_cal1.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.cals .month a.right:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.cals .month strong {
	display: block;
	margin: 0 3.2rem;
	color: #333;
	font-size: 2.8rem;
}

.cals .cal {
	margin-top: 2rem;
}

.cals .cal .weeks {
	border-bottom: 1px solid #f0f0f0;;
}

.cals .cal .weeks:first-child {
	
}

.cals .cal .weeks ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.cals .cal .weeks ul:first-child {
	border-bottom: 1px solid #DDD;
}

.cals .cal .weeks:not (:first-child ) ul:first-child {
	display: none;
}

.cals .cal .weeks ul li {
	width: calc(100%/ 7);
	font-size: 1.4rem;
	background-color: #F6F7FA;
	color: #D8D8D8;
}

.cals .cal .weeks ul li:not (:first-child ){
	border-left: 1px solid #f0f0f0;
}

.cals .cal .weeks ul:first-child li {
	line-height: 4.7rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	color: #333;
	background-color: #fff;
}

.cals .cal .weeks ul:first-child li {
	border-left: 0;
}

.cals .cal .weeks ul li a, .cals .cal .weeks ul li div {
	padding: 1.2rem;
}

.cals .cal .weeks ul li a {
	display: block;
	height: 12.5rem;
	background-color: #fff;
	font-weight: 500;
	color: #767676;
	background-color: #fff;
}

.cals .cal .weeks ul li a:hover, .cals .cal .weeks ul li a:focus {
	position: relative;
	z-index: 1
}

.cals .cal .weeks ul li a span.days {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-right: 0.5rem;
	color: #434343;
}

.cals .cal .weeks ul li a .desc {
	position: relative;
	display: block;
	padding-left: .8rem;
	word-break: break-all
}

.cals .cal .weeks ul li a .desc:before {
	content: "";
	position: absolute;
	left: 0;
	top: .8rem;
	width: .3rem;
	height: .3rem;
	border-radius: 100%;
	background: #fb8ab3
}

.cals .cal .weeks ul li:nth-child(1) a span.days, .cals .cal .weeks ul li:nth-child(7) a span.days
	{
	color: #D8D8D8;
	font-weight: 400;
}

.cals .cal .weeks ul li.today a span.days {
	color: #fff;
}

.cals .cal .weeks ul li.today a span.days:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 2.4rem;
	height: 2.4rem;
	margin-left: -1.2rem;
	margin-top: -1.2rem;
	background-color: #E24B82;
	border-radius: 50%;
}

.cals .today_sch {
	
}

.cals .today_sch ul {
	
}

.cals .today_sch ul li {
	position: relative;
	padding: 1.2rem 3rem 1.2rem 9.25rem;
	color: #333;
	background-color: #F8F8F8;
	border-radius: 0.8rem;
}

.cals .today_sch ul li:not (:first-child ){
	margin-top: 1rem;
}

.cals .today_sch ul li em {
	position: absolute;
	top: 1.2rem;
	left: 3rem;
	color: #353297;
	font-size: 1.8rem;
	font-weight: 700;
}

.cals .week_sch {
	
}

.cals .week_sch ul {
	padding: 3rem;
	border-radius: 0.8rem;
	background-color: #F8F8F8;;
}

.cals .week_sch ul li {
	position: relative;
	padding-left: 10rem;
	color: #333;
}

.cals .week_sch ul li:not (:first-child ){
	margin-top: 1rem;
}

.cals .week_sch ul li em {
	position: absolute;
	top: -0.3rem;
	left: 0;
	color: #353297;
	font-size: 1.8rem;
	font-weight: 700;
}

/* 역대 장관소개 */
.mvh_top {
	display: flex
}

.mvh_top .photo {
	overflow: hidden;
	flex: 0 0 22rem;
	height: 27.3rem;
	margin: 0 auto;
	margin-right: 2.4rem;
}

.mvh_top .photo img {
	width: 100%
}

.mvh_top .info {
	flex: auto;
	padding: 4rem 5rem;
	border: 1px solid #ddd;
	background: #fff
		url(https://www.moel.go.kr/resources/cyber/images/sub/vm_top_bg.jpg)
		right bottom no-repeat;
	background-size: 25.8rem auto
}

.mvh_top .info .cnt {
	display: inline-block;
	margin-bottom: 1rem;
	height: 3.6rem;
	line-height: 3.6rem;
	padding: 0 2rem;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #1D56BC
}

.mvh_top .info .name {
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: -.1rem;
	color: #282828
}

.mvh_top .info_date_box {
	max-width: 40rem;
	margin-top: 1.5rem;
	padding-top: 3rem;
	border-top: 1px dashed #bababa
}

.mvh_cont {
	padding: 3rem;
	background: #F8F8F8;
	margin: 2.4rem 0 0;
	padding: 5rem 6rem
}

.mvh_cont .title2:first-child {
	margin-top: 0
}

.mvh_top+.mvh_cont .depart_list>li, .mvh_top+.mvh_cont+.mvh_cont .depart_list>li
	{
	padding: 0 0 1.5rem 14rem
}

.mvh_cont.his {
	margin-top: 6rem;
	padding: 9rem;
	background-color: transparent;
	border-top: 1px solid #000;
	border-bottom: 1px solid #D8D8D8;
}

.depart_list {
	position: relative;
	padding-left: 3.1rem
}

.depart_list>li {
	position: relative;
	padding: 0 0 1.5rem 19.4rem
}

.depart_list>li:before {
	content: "";
	position: absolute;
	left: -2.7rem;
	top: 0;
	height: 100%;
	border-left: 1px solid #ddd
}

.depart_list>li:first-child:before {
	top: 1rem
}

.depart_list>li:last-child:before {
	height: 1rem
}

.depart_list>li:first-child::after, .depart_list>li:last-child::after {
	content: "";
	position: absolute;
	left: -3.1rem;
	top: 1rem;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: #1D56BC
}

.depart_list>li>strong {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.9rem
}

.depart_list.t2>li {
	padding: 0 0 1.5rem
}

.depart_list.t2>li>strong {
	position: static
}

.depart_detail {
	position: relative;
	padding-left: 3.1rem;
	line-height: 3rem
}

.depart_detail:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1rem;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: #1D56BC;
	z-index: 1
}

.depart_detail:after {
	content: "";
	position: absolute;
	left: .3rem;
	top: 1rem;
	height: calc(100% - 1rem);
	border-left: 1px solid #ddd;
	z-index: 0
}

.depart_detail li {
	word-break: break-all
}

/* 장관소개 */
.grand_info {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	height: 38.4rem;
	position: relative;
	padding-right: 3.6rem;
	border: 1px solid #01399D;
	background-color: #fff;
	border-radius: 2rem;
}

.grand_info:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -0.1rem;
	left: -0.1rem;
	width: 28rem;
	height: 16.2rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/img_grandinfo2.svg)
		no-repeat bottom left;
	background-size: 100% auto;
	border-bottom-left-radius: 1.9rem;
}

.grand_info .txts {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	width: calc(100% - 31rem);
	z-index: 1;
	padding: 3rem 0 3rem 11rem
} /* 250722 */
.grand_info .txts strong {
	position: relative;
	display: block;
	padding-left: 3.9rem;
	color: #282828;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
}

.grand_info .txts strong:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 2.5rem;
	height: 2.1rem;
	margin-bottom: 1rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/img_grandinfo3.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.grand_info .txts strong:after {
	content: "";
	position: relative;
	top: -1.4rem;
	display: inline-block;
	margin-left: 1rem;
	width: 2.5rem;
	height: 2.1rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/img_grandinfo3.svg)
		no-repeat center center;
	background-size: 100% auto;
	transform: rotate(180deg)
}

.grand_info .txts strong em {
	color: #1D56BC;
}

.grand_info .txts span {
	display: block;
	margin: 9rem 6rem 0 auto
}
/* .grand_info .txts span em{display: inline-block; width: 7.5rem; height: 3.1rem; margin-left: 1.5rem; background: url(https://www.moel.go.kr/resources/cyber/images/sub/img_grandinfo4.png) no-repeat center center; background-size: 100% auto; text-indent: -9999px; vertical-align: middle;} */
.grand_info .imgs { /*position:absolute;*/
	margin-right: 10rem;
	right: 10rem;
} /* 250722 */
.grand_info .imgs img {
	display: block;
	margin-bottom: 1rem;
} /* 250722 */

/* 사진(기존방식) */
.photo_b_top .photo_area {
	position: relative;
	width: 100%;
	border-radius: 1rem
}

.photo_b_top .photo_area img {
	border-radius: 1rem
}

.photo_b_top #mainContent {
	position: relative;
	margin-top: 8rem;
	padding: 0 0 8rem 12.5rem;
	font-size: 1.7rem;
	color: #555;
	border-bottom: 1px dashed #ddd
}

.photo_b_top #mainContent:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8.5rem;
	height: 8.5rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_photowrap2.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.photo_b_top #mainContent .title {
	display: block;
	margin-bottom: 2rem;
	font-size: 2.4rem;
	color: #1d1d1d;
	font-weight: 700
}

.photo_b_top .btn_arrow {
	position: absolute;
	right: 4rem;
	bottom: -4.25rem;
	display: flex;
	text-align: center;
	align-items: center
}

.photo_b_top .btn_arrow a {
	display: block;
	width: 8.5rem;
	height: 8.5rem;
	line-height: 8.5rem;
	color: #fff;
	background: #246BEB;
	transition: all .3s
}

.photo_b_top .btn_arrow a:hover, .photo_b_top .btn_arrow a:focus {
	background: #1F4997
}

.photo_b_top .btn_arrow a:before {
	content: "\EA64";
	font-family: "remixicon";
	font-size: 2.4rem
}

.photo_b_top .btn_arrow a.next {
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.photo_b_top .btn_arrow a.next:before {
	content: "\EA6E"
}

.photo_b_list {
	padding: 4rem 0;
	border-bottom: 1px solid #ddd
}

.pb_list_inner {
	position: relative;
	padding: 0 4rem
}

.pb_list {
	display: flex;
	width: calc(100% + 3rem)
}

.pb_list>li {
	width: 25%;
	margin-right: 3rem
}

.pb_list>li>a {
	display: block;
	height: 100%;
	border-radius: 1rem;
	overflow: hidden;
	transition: all .3s
}

.pb_list>li>a:hover, .pb_list>li>a:focus {
	box-shadow: .4rem .4rem 1.1rem 0 rgba(0, 0, 0, .25)
}

.pb_list>li>a img {
	height: 100%;
	transition: all .3s
}

.pb_list>li>a:hover img, .pb_list>li>a:focus img {
	transform: scale(1.1)
}

.btn_arrow2 a {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}

.btn_arrow2 a:before {
	content: "\EA64";
	font-family: "remixicon";
	font-size: 3rem
}

.btn_arrow2 a.next:before {
	content: "\EA6E"
}

.btn_arrow2 a.next {
	left: auto;
	right: 0
}

/* 현장속으로 */
.photo_wrap {
	
}

.photo_wrap .photos {
	background-color: #F8F8F8;
	padding: 5rem;
}

.photo_wrap .photos .i_wrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.photo_wrap .photos .i_wrap iframe, .photo_wrap .photos .i_wrap a {
	position: absolute;
	width: 100%;
	height: 100% !important;
	border-radius: 1rem;
	border: 0
}

.photo_wrap .photos .i_wrap a img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 1rem
}

.photo_wrap .slides {
	overflow: hidden;
}

.photo_wrap .slides .swiper {
	
}

.photo_wrap .slides .swiper.mySwiper {
	margin-top: 6rem;
	padding-bottom: 1.1rem;
}

.photo_wrap .slides .swiper.mySwiper2 {
	overflow: visible;
	z-index: 2;
}

.photo_wrap .slides .swiper .swiper-wrapper {
	
}

.photo_wrap .slides .swiper .swiper-wrapper .swiper-slide {
	position: relative;
}

.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide {
	padding-bottom: 9%;
	border-radius: 1rem;
}

.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a img
	{
	transition: all .3s
}

.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide-thumb-active img,
	.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a:hover img,
	.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a:focus img
	{
	box-shadow: 0.4rem 0.4rem 1.1rem 0 rgba(0, 0, 0, 0.25);
}

.photo_wrap .slides .swiper.mySwiper2 .swiper-wrapper .swiper-slide {
	overflow: hidden;
	width: 100%;
	padding-bottom: 56.25%;
	border-radius: 1rem;
}

.photo_wrap .slides .swiper .swiper-wrapper .swiper-slide img {
	position: absolute;
	width: 100%;
	height: 100%
}

.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide img {
	border-radius: 1rem;
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap {
	display: flex;
	position: absolute;
	bottom: -4rem;;
	right: 4rem;
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next {
	position: relative;
	top: auto;
	bottom: 0;
	width: 8.5rem;
	height: 8.5rem;
	margin-top: 0;
	opacity: 1;
	cursor: pointer;
	background-color: #246BEB;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev {
	left: auto;
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next {
	right: auto;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev:hover,
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next:hover
	{
	background-color: #1F4997;
}

.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev:after,
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next:after
	{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_slides1.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.photo_wrap .slides .swiper.mySwiper2 .swiper-button-prev:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.photo_wrap .texts {
	padding: 8rem 0;
	border-bottom: 1px solid #DDD;
}

.photo_wrap .texts .inners {
	position: relative;
	padding-left: 12.5rem;
}

.photo_wrap .texts .inners:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8.5rem;
	height: 8.5rem;
	background:
		url(https://www.moel.go.kr/resources/cyber/images/sub/icon_photowrap1.svg)
		no-repeat center center;
	background-size: 100% auto;
}

.photo_wrap .texts .inners strong {
	display: block;
	color: #1d1d1d;
	font-size: 2.4rem;
	letter-spacing: -0.05rem;
}

.photo_wrap .texts .inners p {
	margin-top: 2.5rem;
	color: #555;
}

/* 반응형 */
@media ( max-width : 1280px) {
	#contents {
		padding: 8rem 1.6rem 15rem;
		transition: padding .2s
	}
	.location {
		right: 1.6rem;
		bottom: 0.8rem;
	}
	#visual {
		height: 17rem;
	}
	#visual .desc_box .title {
		font-size: 3.5rem;
	}
	#visual .desc_box .desc {
		margin-top: 0.5rem;
		font-size: 1.7rem;
	}
	.grand_info .imgs {
		width: 35rem;
		margin-right: 0;
	}
	.grand_info .txts {
		width: calc(100% - 30rem);
		padding: 3rem 0 3rem 6rem;
	}
}

@media screen and (max-width:1024px) {
	#snb {
		display: none
	}
	#contents {
		float: none;
		width: 100%;
		padding: 4.4rem 1.6rem 10rem
	}
	#visual .desc_box {
		padding-left: 0;
		transition: padding .2s
	}
	.service_list {
		display: block;
	}
	.service_list li {
		width: 100%;
	}
	.service_list li:nth-child(n+2) {
		margin-top: 2rem;
	}
	.service_list .icon {
		flex: 0 0 7.5rem;
	}
	.certi_list li {
		width: calc(( 100% - 2rem - 2rem - 2rem)/4);
	}
	.grand_info {
		padding-right: 2rem;
	}
	.grand_info:before {
		width: 19.6rem;
		height: 11.34rem;
	}
	.grand_info .txts {
		width: calc(100% - 5rem);
		padding: 3.5rem 0 3.5rem 3rem;
	} /* 250722 */
	.grand_info .txts strong {
		font-size: 2.7rem;
	} /* 250722 */
	.grand_info .txts span {
		margin-top: 5rem;
	}
	.grand_info .imgs { /*right:1.6rem; */
		width: 36rem;
		margin-right: 1.6rem;
	} /* 250722 */
	.photo_wrap .photos {
		padding: 4rem;
	}
	.photo_wrap .texts .inners {
		padding-left: 10rem;
	}
	.photo_wrap .texts .inners:before {
		width: 7.5rem;
		height: 7.5rem;
	}
	.photo_wrap .texts {
		padding: 7rem 0;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap {
		bottom: -3rem;
		right: 3rem;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
		.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next {
		width: 7rem;
		height: 7rem;
	}
	.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide {
		padding-bottom: 13%;
	}
	.mvh_cont.his {
		margin-top: 4rem;
		padding: 5rem;
	}
}

@media screen and (max-width:768px) {
	#visual .img img.img_pc {
		display: none;
	} /* 250821 */
	#visual .img img.img_mb {
		display: block;
	} /* 250821 */
	.depth4_tab ul a {
		word-break: break-word
	}
	.depth4_tab ul li, .depth4_tab ul li:nth-child(n+7) {
		width: 33.3%;
		flex: none !important
	}
	.depth4_tab ul.ver_04 li, .depth4_tab ul.ver_04 li:nth-child(n+5),
		.depth4_tab ul.ver_05 li, .depth4_tab ul.ver_05 li:nth-child(n+6) {
		width: calc(33.33% + 1px);
		flex: none !important
	}
	.depth4_tab ul.mo4 li {
		width: 50%
	}
	.top_box .group {
		padding: 1.3rem 2.5rem
	}
	.top_box .group:before {
		opacity: .2
	}
	.modal .modal_box {
		padding: 6rem 2rem 3rem
	}
	.certi_list li {
		width: calc(( 100% - 2rem)/2);
	}
	.certi_list li:nth-child(n+3) {
		margin-top: 2rem;
	}
	.grand_info { /*display: block;*/
		flex-direction: column;
		height: auto;
		padding-right: 0rem;
	} /* 250722*/
	.grand_info .txts {
		padding: 3rem 1rem 7rem 3rem;
		width: calc(100% - 24rem);
		padding: 3rem 0 7rem 0;
		width: calc(100% - 14rem);
		width: auto;
	} /* 250722*/
	.grand_info .imgs {
		width: 27rem;
		margin-right: 0;
		margin-bottom: 3rem;
	} /* 250722*/
}

@media screen and (max-width:640px) {
	.cals .cal .weeks ul:first-child li {
		line-height: 4.2rem;
	}
	.cals .cal .weeks ul li a {
		height: 10rem;
	}
	.cals .cal .weeks ul li a, .cals .cal .weeks ul li div {
		padding: 1rem;
	}
	.cals .today_sch ul li {
		padding: 1rem 2rem 1rem 8.25rem;
	}
	.cals .today_sch ul li em {
		top: 1rem;
		left: 2rem;
	}
	.cals .week_sch ul {
		padding: 2rem;
	}
	.cals .week_sch ul li {
		padding-left: 9rem;
	}
	.photo_wrap .photos {
		padding: 3rem;
	}
	.photo_wrap .texts .inners {
		padding-left: 0;
	}
	.photo_wrap .texts .inners:before {
		position: relative;
		top: auto;
		left: auto;
		width: 7rem;
		height: 7rem;
		margin-bottom: 1rem;
	}
	.photo_wrap .texts {
		padding: 3rem 0 4rem;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap {
		bottom: -2.5rem;
		right: 2.5rem;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
		.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next {
		width: 6rem;
		height: 6rem;
	}
	.grand_info:before {
		width: 14rem;
		height: 8.1rem;
	}
	.grand_info .txts {
		width: 100%;
		width: auto;
		padding: 3rem 1rem 4rem;
	} /* 250722*/
	.grand_info .txts strong {
		padding-left: 2.5rem;
		font-size: 2.2rem
	}
	.grand_info .txts strong:before, .grand_info .txts strong:after {
		width: 1.8rem
	}
	.grand_info .txts strong:after {
		top: -.6rem;
		margin-left: .8rem
	} /* 250722*/
	.grand_info .txts span {
		margin-top: 12rem;
		text-align: right;
		margin-right: 24rem
	}
	.grand_info .txts span em {
		display: block;
		margin-top: 0.5rem;
		margin-left: auto;
		font-size: 0;
	}
	.service_list .icon {
		flex: 0 0 7rem;
	}
	.mvh_cont.his {
		margin-top: 2.5rem;
		padding: 3rem;
	}
	.photo_b_top #mainContent {
		padding-left: 0;
	}
	.photo_b_top #mainContent:before {
		position: relative;
		top: auto;
		left: auto;
		width: 7rem;
		height: 7rem;
		margin-bottom: 1rem
	}
}

@media screen and (max-width:600px) {
	#visual {
		height: 15rem;
		margin-bottom: 0
	} /* 250821 */
	#visual {
		margin-bottom: 0
	}
	#visual .desc_box {
		padding: 0 1.6rem
	}
	/*#visual .img img{width:auto;object-fit:none;position:absolute;left:auto;right:-65%}*/
/* 250821 */
	#contents {
		padding: 2.4rem 1.6rem 5rem
	}
	.contents_util {
		margin-bottom: 2.3rem
	}
	.contents_util .util .btn.print {
		display: none
	}
	.security_box {
		padding: 2rem 2.5rem
	}
	.warning {
		padding: 1.5rem 2rem 1.5rem 5.2rem
	}
	.warning.t2 {
		padding: 1.5rem 2rem 1.5rem 4rem
	}
	.warning:before {
		left: 2rem
	}
	.warning.t2:before {
		top: 1.6rem;
		left: 1.2rem
	}
	.self_certi>.item {
		padding: 4rem 2rem 11rem
	}
	.self_certi>.item .btn3 {
		bottom: 4rem
	}
	.box1, .box3 {
		padding: 2rem
	}
	.pw_con {
		min-height: 50rem;
		padding: 2rem
	}
	.table_wrap.scroll .table_box {
		position: relative;
		width: 100%;
		overflow-x: auto;
		padding-top: 3rem
	}
	.table_wrap.scroll:before {
		content: "\F322";
		font-family: "remixicon";
		position: absolute;
		left: 0;
		top: -.3rem;
		font-size: 2.2rem;
		vertical-align: middle;
		animation: h_move 1.5s infinite linear
	}
	.table_wrap.scroll:after {
		content: "좌, 우로 이동 가능합니다.";
		position: absolute;
		left: 3rem;
		top: 0
	}
	.table_wrap.scroll table {
		width: 580px
	}
	.agree_box {
		padding: 2rem 2.5rem
	}
	.modal .modal_box .modal_close {
		right: 2rem;
		top: 3rem
	}
	.board_search2 {
		padding: 3rem 2rem
	}
	.board_search2 .search {
		gap: 1.5rem 0;
		padding: 0
	}
	.board_search2 .search .col, .use_sch .use_sch_col {
		width: 100%
	}
	.board_search2 .search .col {
		display: block
	}
	.use_sch {
		flex-wrap: wrap
	}
	.search_bottom:before {
		left: -2rem;
		width: calc(100% + 4rem)
	}
	.board_search2 .search .col.search_resetbox {
		display: flex;
		position: static;
		transform: none
	}
	.service_list>li {
		padding: 3rem 2rem
	}
	.service_list.ty2>li {
		padding: 3rem 2rem;
	}
	.service_list.ty3>li {
		align-items: flex-start;
	}
	.service_list .icon {
		margin-right: 2rem
	}
	.history .history_row {
		display: block
	}
	.history .history_row .col_l {
		margin-bottom: 2rem;
		padding-left: 0
	}
	.history .history_row .motion_top.delay {
		transition-delay: 0s
	}
	.history .history_row.t2 .col_r {
		padding-bottom: 0
	}
	.history .history_row.t2+.history_row {
		margin-top: 6.5rem
	}
	.history .history_row.t2.active .col_r:before {
		height: calc(100% - 1.6rem)
	}
	.departinfo .info_top {
		padding: 0;
		text-align: center
	}
	.departinfo .info_top .img {
		position: static;
		margin: 0 auto 3rem
	}
	.departinfo .info_top .info_box {
		position: relative;
		margin-top: 3rem;
		padding: 2rem;
		justify-content: center
	}
	.departinfo .info_top .info_box .sign {
		width: 8rem
	}
	.info_bottom {
		padding: 4rem
	}
	.section_ins>li {
		padding: 2rem
	}
	.section_ins .btn_box {
		text-align: center
	}
	.photo_b_top .btn_arrow {
		bottom: -2.75rem
	}
	.photo_b_top .btn_arrow a {
		width: 5.5rem;
		height: 5.5rem;
		line-height: 5.5rem
	}
	.pb_list {
		flex-wrap: wrap;
		width: calc(100% + 1.5rem);
		gap: 1.5rem 0
	}
	.pb_list>li {
		width: calc(50% - 1.5rem);
		margin-right: 1.5rem
	}
}

@media screen and (max-width:500px) {
	.top_box2 {
		padding: 2rem 2.5rem
	}
	.top_box2 .icon {
		display: none
	}
	.board_search {
		padding: 1.5rem
	}
	.board_search .search {
		display: block
	}
	.board_search .search>* {
		margin-bottom: .8rem
	}
	.board_search .search>.btn.sch:last-of-type {
		margin-bottom: 0
	}
	.board_search .form_select {
		width: 100%;
		flex: none;
		margin-right: 0
	}
	.board_search .form_item .form_select {
		width: auto
	}
	.board_search .form_row.t2 .form_select {
		flex: 1 1 auto
	}
	.board_search .btn.sch {
		width: 100%
	}
	.board_search .date_box_wrap {
		width: 100%
	}
	.board_search .form_row .btn.sch {
		width: 8.2rem
	}
	.depth4_tab ul li, .depth4_tab ul li:nth-child(n+7) {
		width: 50%
	}
	.depth4_tab ul.ver_05 li, .depth4_tab ul.ver_05 li:nth-child(n+6),
		.depth4_tab ul.ver_04 li, .depth4_tab ul.ver_04 li:nth-child(n+5) {
		width: calc(50% + 1px)
	}
	.depth4_tab ul.mo3 li {
		width: 33.3%
	}
	.contactus {
		flex-direction: column;
		padding: 2rem;
		margin-top: 5rem
	}
	.contactus .icon {
		margin-bottom: 2rem
	}
	.input_row.t2.captcha_input .w200 {
		width: 100% !important
	}
	.mvh_top {
		display: block
	}
	.mvh_top .photo {
		margin-right: 0;
		width: 20rem;
		height: auto;
		margin: 0 auto 2rem;
		border-radius: .5rem
	}
	.mvh_top .info {
		padding: 3rem
	}
	.mvh_top .date_box {
		max-width: inherit
	}
	.mvh_cont {
		padding: 3rem
	}
	/*.mvh_cont .depart_list > li{padding:0 0 1.5rem 14rem}*/
}

@media screen and (max-width:420px) {
	.certi_list li {
		width: calc(( 100% - 1.4rem)/2);
		padding: 3rem 1.25rem 3rem;
	}
	.certi_list li:nth-child(n+3) {
		margin-top: 1.4rem;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap {
		bottom: -2rem;
		right: 2rem;
	}
	.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
		.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next {
		width: 5rem;
		height: 5rem;
	}
	.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide {
		padding-bottom: 18%;
	}
	.grand_info .txts span {
		margin: 6rem 19rem 0 0
	}
	.grand_info .imgs {
		width: 19rem;
		text-align: center;
	} /* 250722 */
	.mvh_cont.his {
		padding: 3rem 1rem
	}
}

.video_imgs:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.video_imgs:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 8rem;
	height: 8rem;
	margin-left: -4rem;
	margin-top: -4rem;
	background: url(../images/main/icon_sec1_2.png) no-repeat center center;
	background-size: 100% auto;
}

.video_imgs img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	max-width: none;
	min-width: 100%;
	height: 100%;
	transform-origin: left top;
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.video_imgs:hover img {
	-webkit-transform: scale(1.1) translate(-50%, -50%);
	transform: scale(1.1) translate(-50%, -50%);
}

.i_wrap {
	overflow: hidden;
}