body#main #root {
	background-color: #E8EFF5;
	transition: margin-top .3s linear
}

body#main #root [data-pop=TopPop] {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: 0;
	background-color: #053863
}

body#main #root [data-pop=TopPop]>.layout {
	display: none;
	height: 100%
}

body#main #root [data-pop=TopPop]>.layout>.midd {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul {
	position: relative;
	z-index: 30;
	width: 100%;
	height: 100%
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li {
	opacity: 0;
	display: table;
	table-layout: fixed;
	position: absolute;
	left: 5rem;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 4em;
	transition: opacity .5s linear .3s, left .5s linear .3s
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>.bg {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	/*background-image:url(/img/2021Renewal/main/toppop_bg_l.png);*/
	background-position: left bottom
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>a {
	display: none;
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 2.2em;
	color: #4a332a
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>a:after {
	content: "";
	display: inline-block;
	width: 2.272em;
	height: 1.363em;
	margin-left: 3em;
	vertical-align: top;
	/*background-image:url(/img/2021Renewal/main/toppop_more.svg);*/
	background-repeat: no-repeat;
	background-size: contain
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>a>img {
	display: none
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li[data-open=on] {
	opacity: 1;
	left: 0;
	z-index: 100;
	transition: opacity .5s linear 0s, left .5s linear 0s
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li[data-open=on]>a {
	display: table-cell
}

body#main #root [data-pop=TopPop]>.layout>.midd .control {
	position: absolute;
	left: 50%;
	top: calc(50% + 1rem);
	z-index: 50;
	transform: translateX(-50%)
}

body#main #root [data-pop=TopPop]>.layout>.midd .control:after {
	content: "";
	display: block;
	clear: both
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button {
	float: left;
	width: 1.1rem;
	height: 1.1rem;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border: none;
	background: 0 0;
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -1000px
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.num {
	margin-top: .3rem;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 50%
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.num[data-open=on]
	{
	background-color: #fff
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.num:nth-child(n+2)
	{
	margin-left: 1rem
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.play,
	body#main #root [data-pop=TopPop]>.layout>.midd .control button.stop {
	width: 1.6rem;
	height: 1.6rem;
	margin-left: 1rem
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.play {
	background-image: url(/img/2021Renewal/common/play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root [data-pop=TopPop]>.layout>.midd .control button.stop {
	background-image: url(/img/2021Renewal/common/stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root [data-pop=TopPop]>.layout>.foot {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 50;
	padding: 0 2.6rem 0 2.4rem;
	font-size: 1.4rem;
	color: #4a332a
}

body#main #root [data-pop=TopPop]>.layout>.foot input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 50%;
	width: 2rem;
	height: 2rem;
	transform: translateY(-50%)
}

body#main #root [data-pop=TopPop]>.layout>.foot>a {
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 2.4rem;
	height: 2.4rem;
	transform: translateY(-50%)
}

body#main #root [data-pop=TopPop]>.layout>.foot>a:after, body#main #root [data-pop=TopPop]>.layout>.foot>a:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: calc(50% - .1rem);
	width: 1.6rem;
	height: 2px;
	background-color: #fff
}

body#main #root [data-pop=TopPop]>.layout>.foot>a:before {
	transform: translate(-50%, -50%) rotate(45deg)
}

body#main #root [data-pop=TopPop]>.layout>.foot>a:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

body#main #root [data-pop=TopPop]>.layout>.foot>a>span {
	opacity: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

@media screen and (max-width:1024px) {
	body#main #root [data-pop=TopPop]>.layout>.midd:before {
		left: -5em;
		background-position: left bottom
	}
}

@media screen and (max-width:600px) {
	body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>a:after {
		position: absolute;
		right: 1em;
		bottom: 1em
	}
}

body#main #root #container>.layout {
	padding: 0.5rem 0;
	width:100%;
}

body#main #root #container>.layout:after {
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item] {
	float: left;
	background-color: #fff;
	border-radius: 2em
}

body#main #root #container>.layout>[data-item="1"] {
	width: 70.5em;
	height: 33.8em
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone] {
	position: relative
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.grid
	{
	display: block;
	position: relative;
	z-index: -1;
	width: 100%
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.title
	{
	display: none !important;
	position: absolute;
	left: 3.1em;
	top: 2.1em;
	z-index: 200;
	width: 15em;
	height: 3.8em;
	line-height: 1.4;
	padding: 1.2em 0 0 3.7em;
	background-color: #fff;
	border-radius: 1.8em
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.title:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 1em;
	top: 50%;
	width: 2.4em;
	height: 2.4em;
	background-image: url(/img/2021Renewal/common/fire.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: translateY(-50%)
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.title>strong
	{
	font-weight: 500;
	font-size: 1.3em;
	color: #000
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.title>span
	{
	padding-left: .5em;
	font-weight: 400;
	font-size: 1.3em;
	color: rgba(26, 26, 26, .6)
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.title>span>em
	{
	font-style: normal;
	font-weight: 500;
	color: #3C64E6
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move
	{
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	border-radius: 2em
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control
	{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control:after
	{
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button
	{
	opacity: .6;
	float: left;
	width: 4.8em;
	height: 4.8em;
	padding: 0;
	margin: 0;
	font-size: inherit;
	cursor: pointer;
	border: none;
	background-color: #000;
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -1000px;
	transition: all .3s linear
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button:nth-child(n+2)
	{
	margin-left: 1px
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button.num
	{
	display: none
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button.before
	{
	background-image: url(/img/2021Renewal/common/white_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button.after
	{
	background-image: url(/img/2021Renewal/common/white_arrow_after.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button.play
	{
	background-image: url(/img/2021Renewal/common/white_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button.stop
	{
	background-image: url(/img/2021Renewal/common/white_stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>.control>button:hover
	{
	opacity: 1
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul
	{
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li
	{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	transition: opacity .5s linear .5s
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a
	{
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
/*
body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a:focus::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #03f;border-radius:2em}
웹접근성 */
body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in
	{
	display: block;
	width: 37em;
	height: 100%;
	padding: 8.4em 0 0 4em;
	color: #fff
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in:after
	{
	content: "";
	display: block;
	position: absolute;
	left: 4em;
	bottom: 4em;
	width: 6em;
	height: 2.7em;
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in>strong
	{
	display: block;
	line-height: 1.3;
	font-weight: 600;
	font-size: 2.7em
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in>span
	{
	display: block;
	line-height: 1.5;
	margin-top: 1.1em;
	font-weight: 500;
	font-size: 1.5em
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in[data-type="2"]
	{
	color: #253675
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li[data-open=on]
	{
	opacity: 1;
	z-index: 100;
	transition: opacity .5s linear 0s
}

@media screen and (max-width:800px) {
	body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in:after
		{
		left: auto;
		right: 4em
	}
}

@media screen and (max-width:500px) {
	body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in
		{
		width: calc(100% - 4em);
		padding-top: 11em
	}
	body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.move>ul>li>a>.in>span
		{
		display: none
	}
}

body#main #root #container>.layout>[data-item="2"] {
	width: calc(100% - 70.5em - 4em);
	height: 33.8em;
	margin-left: 4em
}

body#main #root #container>.layout>[data-item="4"]+[data-item="2"] {
	display: none !important
}

body#main #root #container>.layout>[data-item="2"]>.in {
	position: relative;
	padding: 2.6em
}

body#main #root #container>.layout>[data-item="2"]>.in:before {
	content: "";
	display: block;
	position: absolute;
	left: 4.5em;
	top: -.2em;
	width: 4.087em;
	height: 5.21em;
	background-image: url(/img/2021Renewal/main/main_star.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="2"]>.in>.head {
	height: 4.9em;
	text-align: center
}

body#main #root #container>.layout>[data-item="2"]>.in>.head>strong {
	display: block;
	line-height: 1.4;
	font-weight: 500;
	font-size: 2.1em;
	color: #1a1a1a
}

body#main #root #container>.layout>[data-item="2"]>.in>.head>strong>span
	{
	font-weight: inherit;
	color: #2E63C5
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd {
	padding-bottom: 2em
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul {
	min-width: 65.3em
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul:after {
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li {
	display: table;
	table-layout: fixed;
	float: left;
	position: relative;
	width: calc(( 100% - 1px)/3);
	height: 7.6em;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(3n+1)
	{
	clear: both;
	border-left: 1px solid #e6e6e6
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:not(:nth-child(n+4))
	{
	border-top: 1px solid #e6e6e6
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:not(:nth-child(n+3))
	{
	border-right: 1px solid #d5deee
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a {
	display: table-cell;
	line-height: 1.4;
	padding: 0 .5em 0 5.3em;
	vertical-align: middle;
	font-weight: 400;
	font-size: 1.5em;
	color: #1a1a1a;
	background-color: #fff;
	transition: background-color .3s linear
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 1.5em;
	top: 50%;
	width: 3em;
	height: 3em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: translateY(-50%)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a>span
	{
	font-weight: inherit
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a>span>span
	{
	display: block
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a>span>span:not(:nth-child(n+2))
	{
	margin-right: .3em
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a:hover
	{
	background-color: #cbdeff
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:not(:nth-child(n+4))>a
	{
	background-color: #e8f0fe
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:not(:nth-child(n+4))>a:hover
	{
	background-color: #cbdeff
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(1)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_1.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(2)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_2.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(3)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_3.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(4)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_4.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(5)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_5.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(6)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_6.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(7)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_7.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(8)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_8.svg)
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(9)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_9.svg)
}


body#main #root #container>.layout>[data-item="1"]+[data-item="3"] {
	display: none !important
}



body#main #root #container>.layout>[data-item="3"]>.in>ul {
	position: relative
}

body#main #root #container>.layout>[data-item="3"]>.in>ul:after {
	content: "";
	display: block;
	clear: both
}


body#main #root #container>.layout>[data-item="3"]>.in>ul>li:nth-child(n+2)
	{
	margin-left: .5em
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head:after
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .1em;
	background-color: #e6e6e6
}


/*20250507 공지사항 박스 수정 이전 작업 주석 처리 부분*/

/* body#main #root #container>.layout>[data-item="3"]>.in {
	position: relative;
	padding: 2.4em 2.6em
} */


/* body#main #root #container>.layout>[data-item="3"] {
	clear: both;
	width: 70.5em;
	height: 30.8em;
	margin-top: 3em
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li {
	float: left
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a {
	display: block;
	position: relative;
	padding: 0 1em 1.3em
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a:after
	{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: .3em;
	background-color: #2E63C5;
	transition: left .3s ease, width .3s ease
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more {
	display: none;
	position: absolute;
	right: 0;
	top: .5em;
	z-index: 100;
	width: 1.8em;
	height: 1.8em
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd {
	display: none;
	position: absolute;
	left: 0;
	top: 6.7em;
	width: 100%
} */


/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a:hover>strong
	{
	color: #1a1a1a
} */

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]>a>strong
	{
	color: #1a1a1a
} */

/*20250507 공지사항 박스 수정 부분*/

body#main #root #container>.layout>[data-item="3"] {
	clear: both;
	width: 70.5em;
	height: 30.8em;
	margin-top: 4em;
	position: relative;
}

body#main #root #container>.layout>[data-item="3"]>.in {
	position: absolute;
	padding: 1.3em 2.6em 2.4em 2.6em;
	top: -2vh;
	width: 100%;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul{
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle {
	background-color:unset;
	border-radius:0;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head>a {
	margin: 1.25em 0.7em;
	display: inline-block;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]>a {
	display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 1.8em 1em;
    margin:0 auto;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head>a>span.dot {
	display: none;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    margin-bottom:0.5rem;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]>a>span.dot {
	display:block;
	margin-bottom: 1.5rem;
}


body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]>a>strong{
	color:#fff;
	line-height: 1;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more {
	display: none;
	position: absolute;
	right: 0;
	top: 4vh;
	z-index: 100;
	width: 1.8em;
	height: 1.8em
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd {
	display: none;
	position: absolute;
	left: 0;
	top: 8.5em;
	width: 100%
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]{
	background-color:#2E63C5;
	color:#fff;
	font-weight:600;
	border-radius:0.7rem 0.7rem 0 0;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a:hover>strong 	{
	color: #aeaeae;
}
body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]>a>strong{
	color: #fff;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>.noti {
	background-color:#EE4444;
	font-size:0.9em;
	color:#fff;
	padding:4px 5px 2px;
	border-radius:2px;
	margin-right:0.5rem;
	line-height:0.9;
	font-weight:500;
}



/*=============================20250507 수정 end ======================*/

/*=============================20250605 수정 start  ======================*/

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd {
	margin-top:1.5rem;
}

body#main #root #container>.layout>[data-item="4"]>.in>.head>a {
	display: block;
	position: relative;
	padding: 0.7em 0 1.3em;
}
body#main #root #container>.layout>[data-item="4"]>.in>.more {
	display: block;
	position: absolute;
	right: 3.9em;
	top: 3.5em;
	width: 1.8em;
	height: 1.8em
}
body#main #root #container>.layout>[data-item="4"]>.in>.control {
	display: block;
	position: absolute;
	right: 6.7em;
	top: 3.5em;
	height: 1.8em
}

@media screen and (max-width:550px) {
	body#main #root #container>.layout>[data-item="3"] {
		max-height: 28em;
	}
}

/*=============================20250605 수정 end  ======================*/

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a>strong
	{
	line-height: 1.5;
	font-weight: 500;
	font-size: 1.8em;
	color: rgba(26, 26, 26, .6)
}




body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li:nth-child(n+2)
	{
	margin-top: .8em
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li:nth-child(n+7)
	{
	display: none !important
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a
	{
	display: block;
	position: relative;
	line-height: 2.4em;
	padding: 0 9em 0 1.9em
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - .6em);
	width: .9em;
	height: .9em;
	border: .3em solid #E4E4E4;
	border-radius: 50%
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>strong
	{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	position: relative;
	max-width: 92%;
	padding-right: 2.4em;
	vertical-align: top;
	font-size: 1.5em;
	color: #000
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>strong>em
	{
	overflow: hidden;
	display: block;
	position: absolute;
	right: 1.5em;
	top: calc(50% - .8em);
	width: 1.4em;
	height: 1.4em;
	text-indent: -1000px;
	font-style: normal;
	background-image: url(/img/2021Renewal/main/new.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>span
	{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.5em;
	color: rgba(26, 26, 26, .6)
}

/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a:hover>strong
	{
	text-decoration: underline
} */

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]>a:after
	{
	left: 0;
	width: 100%
}



body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]+.midd,
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]+.midd+.more
	{
	display: block
}



body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more>a {
	display: block;
	width: 100%;
	height: 100%;
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more>a:before
	{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/img/2021Renewal/main/more.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: rotate(0);
	transition: transform .3s linear
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more>a>span
	{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more>a:hover:before
	{
	transform: rotate(180deg)
}

body#main #root #container>.layout>[data-item="3"]+[data-item="6"] {
	display: none !important
}

body#main #root #container>.layout>[data-item="4"] {
	width: calc(100% - 70.5em - 4em);
	height: 30.8em;
	margin-top: 4em;
	margin-left: 4em
}

body#main #root #container>.layout>[data-item="4"][data-clone] {
	display: none
}

body#main #root #container>.layout>[data-item="4"]>.in {
	position: relative;
	padding: 2.4em 2.6em
}

body#main #root #container>.layout>[data-item="4"]>.in>.head {
	position: relative
}

body#main #root #container>.layout>[data-item="4"]>.in>.head:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .1em;
	background-color: #e6e6e6
}

/* body#main #root #container>.layout>[data-item="4"]>.in>.head>a {
	display: block;
	position: relative;
	padding: 0 0 1.3em
} */

body#main #root #container>.layout>[data-item="4"]>.in>.head>a>strong {
	line-height: 1.6;
	font-weight: 500;
	font-size: 1.8em;
	color: #1a1a1a
}

/*사진영상뉴스 섹션 유지할 경우 쓰는 코드 / 대한민국 정책브리핑 섹션으로 교체할 경우 주석처리하기*/
body#main #root #container>.layout>[data-item="4"]>.in>.midd {
	overflow: hidden;
	position: relative;
	height: 19.5em;
	margin-top: 2em
}
/* 여기까지 주석 */


body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 200000px;
	height: 100%
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul:after {
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li {
	float: left;
	width: 20.8em;
	margin-right: 1.5em
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a {
	display: block;
	text-align: center
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.m,
	body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.p
	{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	transition: background-size .2s linear
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.m>img,
	body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.p>img
	{
	display: block;
	width: 100%
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.m:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 100;
	width: 3.4em;
	height: 3.4em;
	background-image: url(/img/2021Renewal/common/movie_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: translate(-50%, -50%)
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.t
	{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	line-height: 1.4;
	margin-top: .7em;
	font-weight: 400;
	font-size: 1.5em;
	color: #000
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a>.d
	{
	display: block;
	line-height: 1.4;
	margin-top: .1em;
	font-weight: 400;
	font-size: 1.5em;
	color: rgba(26, 26, 26, .6)
}

body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a:focus>.m,
	body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a:focus>.p,
	body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a:hover>.m,
	body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a:hover>.p
	{
	background-size: auto 110%
}

/* 250117 웹접근성 포커싱 숨기기 */
/*
body#main #root #container>.layout>[data-item="4"]>.in>.midd>ul>li>a:focus{outline:0;border:5px solid #ffb71c}
*/
/* body#main #root #container>.layout>[data-item="4"]>.in>.control {
	display: block;
	position: absolute;
	right: 6.7em;
	top: 2.8em;
	height: 1.8em
} */

body#main #root #container>.layout>[data-item="4"]>.in>.control button {
	opacity: .8;
	float: left;
	width: 1.8em;
	height: 1.8em;
	padding: 0;
	margin: 0;
	font-size: 1em;
	cursor: pointer;
	border: none;
	background-color: transparent;
	background-size: 280% auto !important;
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -1000px;
	transition: opacity .3s linear
}

body#main #root #container>.layout>[data-item="4"]>.in>.control button.before
	{
	background-image: url(/img/2021Renewal/common/gray_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="4"]>.in>.control button.after
	{
	background-image: url(/img/2021Renewal/common/gray_arrow_after.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="4"]>.in>.control button.play
	{
	background-image: url(/img/2021Renewal/common/gray_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="4"]>.in>.control button.stop
	{
	background-image: url(/img/2021Renewal/common/gray_stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="4"]>.in>.control button:hover
	{
	opacity: 1
}

/* body#main #root #container>.layout>[data-item="4"]>.in>.more {
	display: block;
	position: absolute;
	right: 3.9em;
	top: 2.8em;
	width: 1.8em;
	height: 1.8em
} */

body#main #root #container>.layout>[data-item="4"]>.in>.more>a {
	display: block;
	width: 100%;
	height: 100%
}

body#main #root #container>.layout>[data-item="4"]>.in>.more>a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/img/2021Renewal/main/more.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: rotate(0);
	transition: transform .3s linear
}

body#main #root #container>.layout>[data-item="4"]>.in>.more>a>span {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

body#main #root #container>.layout>[data-item="4"]>.in>.more>a:hover:before
	{
	transform: rotate(180deg)
}

body#main #root #container>.layout>[data-item="5"] {
	clear: both;
	width: 100%;
	margin-top: 4em;
	background-color: transparent
}

body#main #root #container>.layout>[data-item="3"]+[data-item="5"] {
	display: none !important
}

body#main #root #container>.layout>[data-item="5"]>.in {
	position: relative
}

body#main #root #container>.layout>[data-item="5"]>.in>.head {
	position: relative;
	height: 0;
	line-height: 3.7em;
	margin-bottom: 0
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>span, body#main #root #container>.layout>[data-item="5"]>.in>.head>strong
	{
	display: none !important;
	vertical-align: middle
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>strong {
	display: inline-block;
	font-weight: 500;
	font-size: 2.6em;
	color: #101011
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>strong i {
	position: relative;
	font-style: normal;
	font-weight: inherit
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>strong i:before
	{
	content: "";
	display: block;
	position: absolute;
	left: -5%;
	bottom: 0;
	width: 110%;
	height: 40%;
	background-color: rgba(68, 102, 249, .35)
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>span {
	display: inline-block;
	position: relative;
	height: 2.3125em;
	padding: 0 1.4375em;
	margin-left: 1.25em;
	font-weight: 400;
	font-size: 1.6em;
	color: #373737;
	background-color: #FED000;
	border-radius: 1.25em
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>span:before
	{
	content: "";
	display: block;
	position: absolute;
	left: -.8125em;
	top: calc(50% - .5em);
	width: 1.25em;
	height: .9375em;
	border-top: 0 solid transparent;
	border-left: 1.25em solid transparent;
	border-right: 1.25em solid transparent;
	border-bottom: .9375em solid #FED000
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div {
	position: absolute;
	right: 0;
	top: 0
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>.close,
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div>.open
	{
	display: none;
	width: 3.9em;
	height: 3.9em;
	border-radius: 50%;
	background-image: url(/img/2021Renewal/common/sns_open.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>.close>span,
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div>.open>span
	{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div {
	display: block;
	position: absolute;
	right: 0;
	top: 0
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul
	{
	white-space: nowrap;
	display: inline-block;
	position: fixed;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul>li
	{
	display: block;
	margin-bottom: 1em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul>li:nth-child(n+2)
	{
	margin-left: 0
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul>li [data-sns]
	{
	width: 4.2em;
	height: 4.2em;
	transition: box-shadow .3s linear
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul>li [data-sns]:hover
	{
	box-shadow: 4px 4px 3px rgba(0, 0, 0, .2)
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>.close
	{
	display: none;
	background-image: url(/img/2021Renewal/common/sns_close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd {
	height: 29.7em;
	padding: 3em 0;
	background-color: #fff;
	border-radius: 2em
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul {
	position: relative
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head
	{
	width: 33.5em;
	padding-left: 7.2em
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
	{
	display: block;
	position: relative;
	width: 20.5em;
	line-height: 6em;
	padding: 0 0 0 5em
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before
	{
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 1px;
	z-index: 10;
	width: 28.9em;
	height: calc(100% - 1px);
	border-radius: 1.2em;
	transition: opacity .3s linear
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a [data-sns]
	{
	position: absolute;
	left: 1.3em;
	top: calc(50% - .1em);
	z-index: 20;
	width: 3em;
	height: 3em;
	background-size: 160% auto !important;
	background-color: transparent !important;
	box-shadow: none;
	border-radius: 0;
	transform: translateY(-50%)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a [data-sns=fa]
	{
	left: 1.3em;
	width: 3em;
	height: 3em;
	background-size: 80% auto !important
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a [data-sns=fa]:not([data-type="w"])
	{
	background-image: url(/img/2021Renewal/common/facebook_2.svg)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>span
	{
	display: inline-block;
	position: relative;
	z-index: 20;
	vertical-align: top;
	font-size: 1.7em;
	color: #272727
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:hover>span
	{
	color: #2E63C5
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(1)>.head>a:before
	{
	background-color: #E44
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(2)>.head>a:before
	{
	background-color: #405998
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(3)>.head>a:before
	{
	background-color: #23AA36
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(4)>.head>a:before
	{
	background-color: #59b4e8
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(n+1)>.head>a:after
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
	{
	display: none;
	position: absolute;
	left: 33.5em;
	top: 0;
	width: calc(100% - 33.5em - 4em);
	height: 27em
}
/*웹접근성 임시 숨기기*/
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd:after
	{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 7em;
	height: 100%;
	height: 98%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, .5) 35%, #fff 100%)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move
	{
	overflow: hidden;
	position: relative;
	height: 100%
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 200000px;
	height: 100%
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul:after
	{
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li
	{
	float: left;
	width: 28em;
	height: 100%;
	margin-right: 2.7em
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a
	{
	display: block;
	width: 100%;
	height: 100%;
	text-align: left
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.m,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p
	{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	transition: background-size .2s linear
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.m>img,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p>img
	{
	display: block;
	width: 100%
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.m:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 100;
	width: 3.4em;
	height: 3.4em;
	background-image: url(/img/2021Renewal/common/movie_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: translate(-50%, -50%)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.t
	{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	line-height: 1.4;
	margin-top: 1.2em;
	font-weight: 400;
	font-size: 1.6em;
	color: #000
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.d
	{
	display: block;
	line-height: 1.4;
	margin-top: .3714em;
	font-weight: 400;
	font-size: 1.5em;
	color: rgba(26, 26, 26, .6)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a .text
	{
	display: block;
	width: 100%;
	height: 100%;
	padding: 2em;
	font-size: 1.4em;
	border: 1px solid #ECECEC;
	color: #262424;
	background: #FAF8F8
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.m,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.p
	{
	background-size: auto 110%
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.text
	{
	border-color: #59b4e8
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
	{
	opacity: 1;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 200;
	width: 4.8em;
	height: 4.8em;
	background-image: url(/img/2021Renewal/main/arrow_2.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition: opacity .2s linear
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after>span,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before>span
	{
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -1000px
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after:hover,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before:hover
	{
	opacity: 1;
	box-shadow: .4em .4em .3em rgba(0, 0, 0, .02)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
	{
	left: -2.6em;
	transform: translateY(-50%) rotate(0)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after
	{
	right: -2.6em;
	transform: translateY(-50%) rotate(180deg)
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a:before
	{
	opacity: 1
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a [data-sns=fa]
	{
	background-image: url(/img/2021Renewal/common/facebook_2_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a [data-sns=bl]
	{
	background-image: url(/img/2021Renewal/common/sns_5_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a [data-sns=yo]
	{
	background-image: url(/img/2021Renewal/common/sns_3_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a [data-sns=in]
	{
	background-image: url(/img/2021Renewal/common/sns_7_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a [data-sns=tw]
	{
	background-image: url(/img/2021Renewal/common/sns_2_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a>span
	{
	color: #fff
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.midd
	{
	display: block
}

body#main #root #container>.layout>[data-item="5"]>.in>.control {
	position: absolute;
	right: calc(100% - 27.8em);
	bottom: 4em
}

body#main #root #container>.layout>[data-item="5"]>.in>.control:after {
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a {
	opacity: 1;
	float: left;
	display: block;
	width: 2.8em;
	height: 2.8em;
	border: 1px solid rgba(0, 0, 0, .4);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 130% auto
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(1)
	{
	background-image: url(/img/2021Renewal/common/gray_play.svg)
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(2)
	{
	background-image: url(/img/2021Renewal/common/gray_stop.svg)
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a>span {
	opacity: 0
}

body#main #root #container>.layout>[data-item="6"] {
	clear: both;
	width: 33.8em;
	height: 27.6em;
	margin-top: 4em;
	background-color: transparent
}

body#main #root #container>.layout>[data-item="6"]>.bx {
	height: 18.3em;
	border-radius: 2em;
	overflow: hidden
}

/*2025-07-29 부총리 사임으로 인한 배너 위치 교체 nth-child 1과 2를 서로 교체*/
body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2) {
	
	background: #476eb8 url(/img/2021Renewal/main/main_item_6_bg.png)
		no-repeat right top
		/* background:#47B877 url(/img/2021Renewal/main/main_item_6_bg.png) no-repeat right top;background-size:22.8em auto */
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in
	{
	position: relative;
	height: 100%;
	padding: 3.3em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in:after,
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in:before
	{
	content: "";
	position: absolute;
	z-index: 0
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>a
	{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-indent: -9999px
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.head,
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd
	{
	position: relative;
	z-index: 20
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.head>strong
	{
	display: block;
	line-height: 1;
	font-size: 2em;
	color: #fff
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.head>strong>a
	{
	color: inherit
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.head>span
	{
	display: block;
	line-height: 1.5;
	margin-top: 1.333em;
	font-size: 1.5em;
	color: #A1FFC9
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd
	{
	margin-top: 2em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd>ul>li
	{
	position: relative;
	padding-left: 1.3em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd>ul>li:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - .4em);
	width: .7em;
	height: .7em;
	background-color: #FED000;
	border-radius: 50%
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd>ul>li>a
	{
	font-size: 1.5em;
	color: #fff
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd>ul>li>a:hover
	{
	text-decoration: underline
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in>.midd>ul>li:nth-child(n+2)
	{
	margin-top: .2em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) {
	height: 7.7em;
	margin-bottom: 1.6em;
	background-color: #fff
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul
	{
	width: 100%
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul:after
	{
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li
	{
	float: left;
	display: table;
	table-layout: fixed;
	width: 50%
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li:nth-child(n+2)
	{
	border-left: 1px solid #E8EFF5
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li>a
	{
	overflow: hidden;
	display: table-cell;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 7.7em;
	padding: 0 .5em;
	vertical-align: middle;
	text-align: center;
	color: #000;
	background-color: #fff;
	transition: all .2s linear
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li>a>span
	{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	padding-left: 4em;
	text-align: left;
	font-size: 1.5em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li>a>span:before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 3.8em;
	height: 3.333em;
	transform: translateY(-50%)
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li>a:hover
	{
	z-index: 10;
	background-color: #cbdeff;
	box-shadow: .2em .9em 2.3em rgba(104, 116, 159, .13)
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li:nth-child(1)>a
	{
	border-radius: 2em 0 0 2em
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li:nth-child(1)>a>span:before
	{
	background-image: url(/img/2021Renewal/main/simbol_10.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li:nth-child(2)>a
	{
	border-radius: 0 2em 2em 0
}

body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) .in>ul>li:nth-child(2)>a>span:before
	{
	background-image: url(/img/2021Renewal/main/simbol_11.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

/*2025-07-29 위치변경 끝*/

body#main #root #container>.layout>[data-item="7"] {
	width: calc(100% - 8em - ( 33.8em * 2));
	height: 27.6em;
	margin: 4em 4em 0;
	background-color: #D6E1ED;
	background-image: url(/img/2021Renewal/main/dataitem7-pattern.png);
	background-position: center center;
	background-size: auto auto;
	background-repeat: repeat
}

body#main #root #container>.layout>[data-item="7"]>.in {
	padding: 0 2.8em
}

body#main #root #container>.layout>[data-item="7"]>.in>.head {
	height: 5.7em;
	padding-top: 2.1em;
	text-align: center
}

body#main #root #container>.layout>[data-item="7"]>.in>.head>strong {
	display: inline-block;
	position: relative;
	line-height: 1;
	font-weight: 500;
	font-size: 1.9em;
	color: #000
}

body#main #root #container>.layout>[data-item="7"]>.in>.head>strong:after
	{
	content: "";
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin: -.3em 0 0 .5em;
	vertical-align: top;
	background-image: url(/img/2021Renewal/main/arrow_3.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="7"]>.in>.head>strong>span
	{
	font-weight: inherit;
	color: #2E63C5
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd {
	position: relative;
	height: 19em
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]
	{
	overflow: hidden;
	position: relative;
	height: 100%
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul
	{
	position: relative;
	width: 65em;
	height: 100%;
	margin: 0 auto
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul:after
	{
	content: "";
	display: block;
	clear: both
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li
	{
	float: left;
	height: 4.7em;
	font-size: 1em;
	border-left: 1px solid #e6e6e6
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li>a
	{
	display: table;
	table-layout: fixed;
	width: 15.5em;
	height: 100%;
	background-color: #fff;
	transition: background-color .3s linear
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li>a>span
	{
	white-space: normal;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -1px;
	font-size: 1.5em;
	color: #000
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li>a:hover
	{
	background-color: #E8F0FE
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li:nth-child(4n+1)
	{
	border-left: none
}

body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li:nth-child(n+5)
	{
	border-top: 1px solid #e6e6e6
}

body#main #root #container>.layout>[data-item="8"] {
	overflow: hidden;
	width: 33.8em;
	height: 27.6em;
	margin-top: 4em
}

body#main #root #container>.layout>[data-item="8"]>.in>.head {
	position: relative;
	height: 5.7em;
	padding: 2.1em 0 0 2.6em
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>strong {
	display: inline-block;
	line-height: 1;
	font-weight: 500;
	font-size: 1.9em;
	color: #000
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control {
	position: absolute;
	right: 1.8em;
	bottom: 1.4em;
	width: 20em;
	text-align: right
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>span
	{
	display: inline-block;
	height: 1.8em;
	line-height: 1;
	padding: .4em .9em 0;
	margin: 0 .5em 0 -.3em;
	vertical-align: middle;
	font-size: 1.3em;
	border: 1px solid rgba(0, 0, 0, .18);
	color: #939393;
	background-color: #fff;
	border-radius: 1.1em
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>span>em
	{
	font-style: normal;
	color: #2E63C5
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button
	{
	opacity: .8;
	overflow: hidden;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	padding: 0;
	margin: 0 0 0 -.4em;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	font-size: 1em;
	text-indent: -1000px;
	background-color: transparent;
	background-size: 280% auto !important;
	transition: opacity .3s linear
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button.before
	{
	background-image: url(/img/2021Renewal/common/gray_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button.after
	{
	background-image: url(/img/2021Renewal/common/gray_arrow_after.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button.play
	{
	background-image: url(/img/2021Renewal/common/gray_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button.stop
	{
	background-image: url(/img/2021Renewal/common/gray_stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

body#main #root #container>.layout>[data-item="8"]>.in>.head>.control>button:hover
	{
	opacity: 1
}

body#main #root #container>.layout>[data-item="8"]>.in>.midd {
	position: relative;
	height: 21.9em
}

body#main #root #container>.layout>[data-item="8"]>.in>.midd>.grid {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%
}

body#main #root #container>.layout>[data-item="8"]>.in>.midd>ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	border-radius: 0 0 2em 2em
}

body#main #root #container>.layout>[data-item="8"]>.in>.midd>ul>li {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	transition: opacity .5s linear .5s
}

body#main #root #container>.layout>[data-item="8"]>.in>.midd>ul>li>a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%
}

/* 250117 웹접근성 포커싱 숨기기 */
/*
body#main #root #container>.layout>[data-item="8"]>.in>.midd>ul>li>a:focus::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px dashed #03f}
*/
body#main #root #container>.layout>[data-item="8"]>.in>.midd>ul>li[data-open=on]
	{
	opacity: 1;
	z-index: 100;
	transition: opacity .5s linear 0s
}

body#main[data-TopPop=on] #root {
	margin-top: 12.1em
}

body#main[data-TopPop=on] #root [data-pop=TopPop] {
	height: 12.1em
}

body#main[data-TopPop=on] #root [data-pop=TopPop]>.layout {
	display: block
}

@media screen and (max-width:1200px) {
	body#main #root #container {
		font-size: .9em
	}
	body#main #root #container>.layout {
		padding: 3em 0
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2)>.in:after
		{
		background-size: auto 80%
	}
}

@media screen and (max-width:1024px) {
	body#main #root #container {
		font-size: .8em
	}
}

@media screen and (max-width:920px) {
	body#main #root #container>.layout>[data-item="2"], body#main #root #container>.layout>[data-item="4"]
		{
		width: 100%;
		margin: 3em 0 0
	}
	body#main #root #container {
		font-size: 1em
	}
	body#main #root #container>.layout>[data-item="1"] {
		width: 100%;
		height: auto
	}
	body#main #root #container>.layout>[data-item="1"]+[data-item="2"] {
		display: none !important
	}
	body#main #root #container>.layout>[data-item="3"] {
		width: 100%
	}
	body#main #root #container>.layout>[data-item="3"]+[data-item="4"] {
		display: none !important
	}
	body#main #root #container>.layout>[data-item="4"][data-clone] {
		display: block
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.head>span {
		display: none
	}
	body#main #root #container>.layout>[data-item="5"] {
		margin-top: 3em
	}
	body#main #root #container>.layout>[data-item="5"]+[data-item="2"] {
		display: block !important
	}
	body#main #root #container>.layout>[data-item="3"]+[data-item="5"] {
		display: block !important
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.head {
		height: 4.2em;
		line-height: 4.2em;
		margin-bottom: 1.3em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div {
		z-index: 400
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		position: relative;
		height: 42.7em;
		padding: 0;
		background-color: transparent
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul:after {
		content: "";
		display: block;
		clear: both
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li {
		float: left;
		width: calc(( 100% - 1px - 8px)/3)
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(n+2)
		{
		margin-left: 4px
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head
		{
		width: 100%;
		padding: 0
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
		{
		width: 100%;
		padding: 0;
		text-align: center
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before
		{
		width: 100%
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:after
		{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100%;
		height: calc(100% - 1px) !important;
		background-color: #fff !important;
		border-radius: 1.2em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>i
		{
		display: inline-block;
		position: relative !important;
		left: auto !important;
		vertical-align: middle !important;
		transform: translateY(-.2em) !important
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>i[data-sns]
		{
		margin-right: .3em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		overflow: hidden;
		left: 0;
		top: 7.6em;
		width: 100%;
		height: 35em;
		padding: 3em 3em 5em;
		background-color: #fff;
		border-radius: 2em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd>.before
		{
		left: .3rem
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd>.after
		{
		right: .3rem
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		right: 0;
		bottom: 1.5em;
		width: 100%;
		text-align: center
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control>a {
		float: none;
		display: inline-block
	}
	body#main #root #container>.layout>[data-item="6"] {
		width: 100%
	}
	body#main #root #container>.layout>[data-item="7"] {
		width: 100%;
		margin: 3em 0 0
	}
	body#main #root #container>.layout>[data-item="8"] {
		width: 100%;
		height: auto;
		margin: 3em 0 0
	}
	body#main #root #container>.layout>[data-item="8"]>.in .midd {
		height: auto
	}
	body#main #root #container>.layout>[data-item="8"]>.in .midd>.grid {
		width: 72%
	}
}

@media screen and (max-width:900px) {
	body#main #root [data-pop="TopPop"]>.layout>.midd>ul>li>a {
		vertical-align: middle;
		padding-top: 25px
	}
}

@media screen and (min-width:560px) and (max-width:920px) {
	body#main #root #container>.layout>[data-item="6"] {
		height: auto
	}
	body#main #root #container>.layout>[data-item="6"]:after {
		content: "";
		display: block;
		clear: both
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2) {
		float: left;
		width: calc(100% - 22em - 2em - 1px)
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) {
		float: right;
		width: calc(22em);
		height: 18.3em;
		margin-top: 0
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in>ul>li
		{
		float: none;
		width: 100%;
		height: calc(18.3em/ 2)
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in>ul>li:nth-child(1)>a
		{
		border-radius: 2em 2em 0 0
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in>ul>li:nth-child(2)
		{
		border-left: none;
		border-top: 1px solid #E8EFF5
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in>ul>li:nth-child(2)>a
		{
		border-radius: 0 0 2em 2em
	}
}

@media screen and (max-width:760px) {
	body#main #root #container>.layout>[data-item="1"] {
		height: 40em
	}
	body#main #root #container>.layout>[data-item="1"]>.in, body#main #root #container>.layout>[data-item="1"]>.in>[data-js=popupzone]
		{
		height: 100%
	}
	body#main #root #container>.layout>[data-item="1"]>.in>[data-js=popupzone]>.grid
		{
		width: auto;
		height: 100%
	}
	body#main #root #container>.layout>[data-item="2"] {
		height: auto
	}
	body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul {
		min-width: 40em
	}
	body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a {
		height: 7em;
		padding: 0;
		text-align: center
	}
	body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a:before
		{
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto;
		transform: translateY(0)
	}
	body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a>span
		{
		display: block;
		margin-top: .5em
	}
	body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li>a>span>span
		{
		display: inline-block
	}
}

@media screen and (max-width:640px) {
	body#main #root #container>.layout>[data-item="1"] {
		height: 37em
	}
}

@media screen and (max-width:600px) {
	body#main #root #container>.layout {
		padding: 2em 0
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		height: 36.2em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
		{
		height: 8em;
		padding-top: 1em;
		line-height: 1;
		text-align: center
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>span
		{
		display: block
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>i[data-sns]
		{
		top: auto !important;
		margin-right: 0;
		margin-bottom: .5em;
		transform: translateY(0) !important
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>i[data-sns=fa]:after
		{
		background-color: transparent !important
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		top: 9.1em;
		height: 27em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li
		{
		width: 20.8em;
		margin-right: 1.5em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li[data-open=on]>.head>a>i[data-sns=fa]:before
		{
		background-image: url(/img/2021Renewal/common/sns_1_w.svg);
		background-size: auto 130%
	}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2) {
		height: auto
	}
	body#main #root #container>.layout>:not([data-item="1"]) {
		margin-top: 2em
	}
}

@media screen and (max-width:560px) {
	body#main #root #container>.layout>[data-item="1"] {
		height: 34em
	}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a>strong
		{
		font-size: 1.6em
	}
	body#main #root #container>.layout>[data-item="3"]+[data-item="6"] {
		display: block !important
	}
	body#main #root #container>.layout>[data-item="3"]+[data-item="6"]>.bx {
		display: block !important;
		width: 100% !important
	}
	body#main #root #container>.layout>[data-item="6"] {
		height: auto
	}
}

@media screen and (max-width:500px) {
	body#main #root #container>.layout>[data-item="1"] {
		font-size: .9em;
		height: 32em
	}
	body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li>a>span
		{
		font-size: 1.4rem
	}
}

@media screen and (max-width:460px) {
	body#main #root #container {
		font-size: .9em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		bottom: 1em
	}
}

@media screen and (max-width:400px) {
	body#main #root #container {
		font-size: .8em
	}
}

@media screen and (max-width:360px) {
	body#main #root #container>.layout>[data-item="1"] {
		height: 28em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head
		{
		font-size: .9em
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		top: 8.1em
	}
}

@media screen and (max-width:350px) {
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li .head {
		font-size: .93em
	}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li:nth-child(n+2)
		{
		margin-left: 0
	}
}

body#main #root [data-pop="TopPop"]>.layout>.midd>ul>li>a {
	vertical-align: bottom
}


/*메인 부총리 부분 사람 사진 이미지 준비중입니다 부분*/
/* body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in:before
	{
	content: "준비중입니다";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 1em;
	bottom: 0;
	width: 7.11em;
	height: 9.5em;
	background: url(/img/2021Renewal/main/main_item_6_photo.png) no-repeat
		center center;
	background-size: 100% auto;
	z-index: 21;
	background-color: rgba(19, 19, 19, .45);
	text-align: center;
	font-size: 1.8em;
	color: #fff;
	line-height: 10.2;
	font-weight: 500
} */



/* 열린부총리실 추가작업 2022.10.28 */
body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in:before
	{
	display: none;
}

/* body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) {
	background-color: #405998;
} */

/* 수정 작업 2022.11.17 */

/* 2025.07.29 장관 사임으로 인한 메인 배너 이미지 주석 처리 */
/* body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in:before {
    content: "";position: absolute;display: block; left: auto; right:0.6em;top:auto;bottom:0;width:9.5em;height:9.5em; background:url(/img/2021Renewal/main/main_item_6_photo_02.png) no-repeat center center;background-size:100% auto;background-position: bottom;z-index: 1;
} */

/* 수정 작업 2024.02.07 */
body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(1)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_15.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(2)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_16.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(3)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_13.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(4)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_14.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(5)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_4.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(6)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_5.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(7)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_2.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(8)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_6.svg);
}

body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:nth-child(9)>a:before
	{
	background-image: url(/img/2021Renewal/main/simbol_12.svg);
}

/* SNS 영역 수정 2024.04.02  */
body#main #root #container>.layout>[data-item="5"]>.in>.head>div {
	display: none;
}

body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul
	{
	border: 1px solid #ccc;
	z-index: 555;
	background: #fff;
}

[data-sns]:not([data-type="w"]) {
	box-shadow: none;
}

@media screen and (max-width: 920px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div {
		display: block;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul
		{
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		border: none;
		background: none;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.head>div>div>ul>li
		{
		display: inline-block;
		margin-bottom: 0;
	}
	[data-sns]:not([data-type="w"]) {
		box-shadow: 0.4em 0.4em 0.3em rgba(0, 0, 0, .02);
	}
}

/* 메인 sns 수정 2024.05.02 */
body#main #root #container>.layout>[data-item="5"]>.in>.midd {
	padding: 1.4em 2.6em;
	height: 32.5em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 1rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head
	{
	width: auto;
	padding-left: 0;
	padding-right: 1rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
	{
	width: auto;
	line-height: 5em;
	padding: 0 2em 0 5em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before
	{
	width: 100%;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(n+1)>.head>a:after
	{
	display: none;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul
	{
	top: 6.4rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
	{
	left: 0;
	width: 100%;
	height: 28.5em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
	{
	right: 0;
	top: 2.5rem;
	background-image: url(/img/2021Renewal/common/gray_arrow.svg);
	width: 1.8em;
	height: 1.8em;
	background-size: auto;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after
	{
	background-image: url(/img/2021Renewal/common/gray_arrow_after.svg);
	transform: none;
	top: 1.5rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
	{
	right: 3.7rem;
	left: auto;
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(1)
	{
	background-size: auto;
	border: none;
	width: 1.8em;
	height: 1.8em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(2)
	{
	background-size: auto;
	border: none;
	width: 1.8em;
	height: 1.8em;
}

body#main #root #container>.layout>[data-item="5"]>.in>.control {
	right: 4.5rem;
	top: 3rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a
	{
	width: 12em;
	padding: .8em 2em .9em;
	line-height: 1;
	z-index: 2;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a img
	{
	position: relative;
	z-index: 11;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a:before
	{
	background: #eee;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul
	{
	overflow: hidden;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li .last-btn a
	{
	font-size: 1.5rem;
	color: #000;
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 1.6rem;
	z-index: 20;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap
	{
	width: 100%;
	overflow: hidden;
	margin-top: 6.5rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe
	{
	margin-top: -8rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li
	{
	width: 28em;
	padding: 0 3.8em;
	border-right: 1px solid #e7e7e7;
	margin: 2em 0;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.t
	{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 4rem;
	white-space: normal;
	font-size: 1.5rem;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p
	{
	background-size: 100% 100%;
}

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.m,
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.p
	{
	background-size: 110% 110%
}

@media screen and (max-width: 1200px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		height: 36.5em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		height: 32.5em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li
		{
		padding: 0 4em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after
		{
		top: 1.7rem;
	}
}

@media screen and (max-width: 1024px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe
		{
		margin-top: -12rem;
	}
}

@media screen and (max-width: 920px) {
	body#main #root #container>.layout>[data-item="5"] {
		width: 100%;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		padding: 2.4em 0;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul {
		border: none;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
		{
		padding: 0 2em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		width: auto;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul
		{
		top: 0;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		height: 26em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		height: 37.7em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		top: auto;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		bottom: 2.5em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after
		{
		top: auto;
		bottom: 2.2em;
		left: 52%;
		transform: translateX(-50%);
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
		{
		top: auto;
		bottom: 2.2em;
		left: 48%;
		transform: translateX(-50%);
	}
/* 	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li {
		width: calc(( 100% - 12px)/4);
	} */
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before
		{
		height: 100%;
		top: 0;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head
		{
		padding-right: 0;
		background-color: #fff;
		border-radius: 1.2em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a
		{
		text-align: center;
		width: 100%;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a img
		{
		width: 7.7em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li
		{
		width: 23em;
		padding: 0 2em;
		margin: 0;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>span
		{
		font-size: 1.5em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap
		{
		margin-top: 0;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li .last-btn a
		{
		top: auto;
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		right: auto;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.midd
		{
		padding: 3em 3em 2em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p
		{
		height: 62%;
		overflow: hidden;
	}
	body#main #root #container>.layout>[data-item="4"]+[data-item="2"] {
		display: block !important;
	}
}

@media screen and (max-width: 600px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a
		{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a
		{
		line-height: 1;
		padding: 1em 2em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		bottom: 1em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after
		{
		left: 55%;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before
		{
		left: 45%;
	}
}

@media screen and (max-width: 540px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe
		{
		margin-top: -8rem;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap
		{
		height: 16rem;
	}
	
	/*20250507 공지사항 박스 수정 부분*/
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul {
	    flex-flow: row wrap;
	    font-size: 0.9rem;
	}
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head>a {
    margin: 1em 0.1em;
	}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]>a {
	  padding: 1.5em 0.5em
	}
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a>strong {
	font-size: 1.45em;
	}
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle>.head[data-open=on]>a>span.dot {
	    margin-bottom: 0.7rem;
	}
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a {
		padding: 0;
	}
	
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more {
     top: 2.7vh;
    }
    
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd {
    	top:8em;
    }
    
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a {
    display: flex;
    }
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>.noti {
    word-break: keep-all;
    vertical-align: middle;
    display: flex;
    line-height:1.5;
    }
	
	
	/* body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head>a {
		padding: 0 .5em 1.3em
	} */
	
	
	
}

@media screen and (max-width: 480px) {
	/*20250507 공지사항 박스 수정 부분*/
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.midd
		{
		padding: 2em 0 2em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd
		{
		height: 27em;
	}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd {
		height: 38.7em;
	}
	

	
}


@media screen and (max-width: 375px) {
	/*20250507 공지사항 박스 수정 부분*/
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.head[data-open=on]+.midd {
	 overflow-y: scroll;
	 min-height:140px;
	}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>.noti {
    background-color: #EE4444;
    font-size: 0.8em;
    }
	
	/*===================END=======================*/
	
	
	
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a {
    line-height: 1.5em;
    }
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>strong {
    font-size: 1.2em;
    }
    body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd>ul>li>a>span {
    font-size: 1.2em;
    }
    
}



@media screen and (max-width: 360px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.control {
		bottom: 2em;
	}
}

/* 메인 sns 수정 2024.05.02 끝*/

/* 메인 sns 수정 2024.10.22 */
/*
body#main #root #container>.layout>[data-item="5"]>.in>.midd { 
	padding:1.4em 2.6em; 
	height: 41.5em;
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul { 
	display:flex; 
	flex-wrap: wrap; 
	border-bottom:1px solid #e6e6e6; 
	padding-bottom:1rem; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head { 
	width:auto; 
	padding-left:0; 
	padding-right:1rem;
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a { 
	width:auto; 
	line-height: 5em; 
	padding: 0 2em 0 5em;
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before { 
	width:100%;  
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li:nth-child(n+1)>.head>a:after { 
	display:none; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul { 
	top: 6.4rem; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd { 
	left:0; width:100%; 
	height:37.5em; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after, body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before { 
	right:0;  
	top:2.5rem; 
	background-image: url(/img/2021Renewal/common/gray_arrow.svg); 
	width: 1.8em; 
	height: 1.8em; 
	background-size: auto; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after {  
	background-image: url(/img/2021Renewal/common/gray_arrow_after.svg); 
	transform:none; 
	top:1.5rem;
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before { 
	right:3.7rem; 
	left: auto; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(1) {   
	background-size:auto; 
	border:none; 
	width:1.8em; 
	height:1.8em; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.control>a:nth-child(2) {    
	background-size:auto; 
	border:none; 
	width:1.8em; 
	height:1.8em; 
	}
body#main #root #container>.layout>[data-item="5"]>.in>.control { 
	right:4.5rem; 
	top:3rem;  
	}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.head>a { width:12em; padding: .8em 2em .9em; line-height: 1; z-index:2;} 
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.head>a img { position:relative; z-index:11;} 
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy>.head>a:before { background:#eee; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul { overflow:hidden; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li .last-btn a { font-size:1.5rem; color:#000; font-weight:500; position:absolute; right:0; top:1.6rem; z-index:20; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap {  width:100%; overflow:hidden; margin-top:6.5rem;}
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe { margin-top:0; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li { width:35em; padding: 0 3.8em; border-right:1px solid #e7e7e7; margin: 2em 0; }

body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.t {  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; min-height: 4rem;white-space: normal; font-size:1.5rem; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p { background-size:100% 100%; }
body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.m,body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a:hover>.p {
    background-size: 110% 110%
}

@media screen and (max-width: 1200px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd { height: 50em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd { height: 47.5em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li { padding: 0 4em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after { top: 1.7rem; }
}
@media screen and (max-width: 1024px) {
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe { margin-top:0; }
	
}

@media screen and (max-width: 920px) {
	body#main #root #container>.layout>[data-item="5"] { width:100%; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd { padding:2.4em 0; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul { border:none; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a { padding:0 2em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.control { width:auto; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul { top:0 ;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd { height:37em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd { height: 48.7em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.control { top:auto; right:auto;left: 50%; transform: translateX(-50%); bottom:2.5em;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after { top:auto; bottom:2.2em; left: 52%; transform: translateX(-50%);}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before { top:auto; bottom:2.2em; left: 48%; transform: translateX(-50%);}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li { width: calc((100% - 12px) / 4); }

	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a:before { height:100%; top:0; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head { padding-right:0;background-color:#fff; border-radius: 1.2em;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.head>a { text-align:center; width:100%;} 
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.head>a img { width:7.7em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li { width:23em; padding: 0 2em; margin: 0;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a>span { font-size:1.5em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap { margin-top:0; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li .last-btn a { top:auto; bottom:1rem; left:50%; transform: translateX(-50%); right: auto;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.midd { padding: 3em 3em 2em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .move>ul>li>a>.p { height:62%; overflow:hidden; }
	
	body#main #root #container>.layout>[data-item="4"]+[data-item="2"] { display:block !important; }
	
}
@media screen and (max-width: 600px) {
	
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.head>a { display:flex;  align-items: center; justify-content: center; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.head>a { line-height:1; padding: 1em 2em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.control { bottom:3em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .after { left: 55%;  }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .before {left: 45%;  }

}
@media screen and (max-width: 540px) {
	
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd iframe { margin-top:0; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd .freme-wrap { height:27rem; }

}
@media screen and (max-width: 480px) {
	
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li.Policy >.midd { padding:2em 0 2em;  }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li>.midd { height: 32em; }
	body#main #root #container>.layout>[data-item="5"]>.in>.midd { height:45.7em; }
	
}
@media screen and (max-width: 360px) {
	
	body#main #root #container>.layout>[data-item="5"]>.in>.control{bottom:4em; }
	
}
*/
/* 메인 sns 수정 2024.10.22 끝*/

/* 240808 메인팝업 */
.main-dialog-popup { /*min-width: 62rem;max-width: 30rem;*/
	width: 100%;
	position: absolute;
	top: 6%;
	right: 50%;
	transform: translateX(+720px);
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 3000; /*padding:5rem 4rem 3rem;border-top:4px solid #1069BB;*/
}

.main-dialog-popup .title {
	position: relative;
}
/*.main-dialog-popup .title:before { content:''; position:absolute; top:0; right:0; background:url(/img/2021Renewal/common/popup-img01.svg) no-repeat; height: 8rem;width: 1rem; background-size:80%; }*/
.main-dialog-popup .title h2 {
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: 700 !important;
	line-height: 1.3em;
	text-align: center;
}

.main-dialog-popup .title h2>em {
	font-weight: 700 !important;
}

.main-dialog-popup .title h2>em.color-01 {
	color: #0A3F71;
}

.main-dialog-popup .title h2>em.color-02 {
	color: #1069BB;
}

.main-dialog-popup .title p {
	font-size: 1.4rem;
	margin-top: 2rem;
	text-align: center;
}

.main-dialog-popup .detail {
	background-color: #fff;
	padding: 2rem 3rem;
	border-radius: 1rem;
	margin: 2rem 0 2.5rem;
	position: relative;
}

.main-dialog-popup .dialog-body {
	background-size: 100% 100%;
	display: block;
}
/*.main-dialog-popup .detail:before { content:''; position:absolute; bottom:-1rem; right:3rem; background:url(/img/2021Renewal/common/popup-img02.svg) no-repeat; height: 3rem;width: 3rem; z-index:5; }*/
.main-dialog-popup .detail .content p {
	font-size: 1.6em;
}

.main-dialog-popup .detail .content p span {
	font-weight: 500;
	color: #333;
}
/*.main-dialog-popup .detail .content p span.point { color:#333; position:relative;z-index:0; }*/
.main-dialog-popup .detail .content p span.point:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #dfefff;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.main-dialog-popup .detail .content p em {
	position: relative;
	font-weight: 800;
	color: #1069BB;
	display: block;
	font-size: 16px;
	padding-left: 1rem;
	margin-top: 1rem;
}

.main-dialog-popup .detail .content p:first-child em {
	margin-top: 0;
}

.main-dialog-popup .detail .content p em:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: '';
	width: 5px;
	height: 14px;
	background: #1069BB;
}

.main-dialog-popup .detail .content .in-box {
	background: #f0f6ff;
	padding: 1.6rem;
	border-radius: 5px;
	margin-top: 1rem;
}

.main-dialog-popup .detail .content .in-box p {
	font-size: 1.4em;
	font-weight: 500;
	position: relative;
	padding-left: 1rem;
	color: #6a6a6a;
}

.main-dialog-popup .detail .content .in-box p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	background: #6a6a6a;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.main-dialog-popup .dialog-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f2f2f2;
	border: 1px solid #ccc;
	padding: 1rem 2rem;
}

.main-dialog-popup .dialog-footer label {
	font-size: 1.4em;
}

.main-dialog-popup .dialog-footer input {
	margin-right: .5rem;
}

.main-dialog-popup .dialog-footer .close-btn {
	cursor: pointer;
}

/*241021 웹접근성 추가*/
.main-dialog-popup .dialog-footer .close-btn.access {
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	font-size: 1.4rem;
}

.main-dialog-popup>a.event {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.main-dialog-popup>a.event:focus {
	border: none;
	outline: none;
}

.main-dialog-popup .dialog-footer .close-btn.access:before {
	content: '';
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(/img/2021Renewal/common/ico-close.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0.5rem;
}

input#dont-show-again:focus {
	outline: 2px solid #007BFF;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.dialog-body {
	pointer-events: none;
}

/*241021 웹접근성 추가 끝*/
@media ( max-width : 1440px) {
	.main-dialog-popup {
		left: 3rem;
		transform: none;
	}
}

@media ( max-width : 768px) {
	.main-dialog-popup {
		width: 95% !important;
		height: auto !important;
		min-width: 430px;
		left: 50%;
		transform: translateX(-50%) scale(0.7);
	}
}

/* 240910 팝업 글자 컬러*/
.top-pop-color {
	color: #fff;
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>.banner-align {
	margin-bottom: 4rem;
}

body#main #root [data-pop=TopPop]>.layout>.foot-position {
	position: relative;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 2em;
	align-items: baseline;
	bottom: 4rem;
}

body#main #root [data-pop=TopPop]>.layout>.foot-position input[type=checkbox]
	{
	position: relative;
	margin-right: 1em;
}

.half-image-mob {
	display: none;
}

@media ( max-width : 1440px) {
	.half-image {
		height: 5.4em;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -79%);
		text-align: center;
	}
	.image-container {
		position: relative;
		width: 100%;
		height: 100%;
		display: contents;
	}
}

@media ( max-width : 1024px) {
	.half-image {
		height: 4.4em;
	}
}

@media ( max-width : 768px) {
	.half-image {
		display: none;
	}
	.half-image-mob {
		display: block;
		width: auto;
		height: 8em;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -79%);
		text-align: center;
	}
}

@media ( max-width : 640px) {
}

@media ( max-width : 540px) {
}

@media ( max-width : 425px) {
	.half-image-mob {
		height: 6em;
	}
}

@media ( max-width : 325px) {
}

@media ( max-width : 280px) {
	.half-image-mob {
		height: 5em;
	}
}

body#main #root [data-pop=TopPop]>.layout>.midd>ul>li>.bg {
	display: none;
}

/*241024 웹접근성 포커스 수정*/
/*
body#main #root #container>.layout>[data-item="7"]>.in>.midd>[data-js=scroll]>ul>li>a:focus {
	box-shadow: 0 0 0 4px white;
	outline: 3px solid black;
    outline-offset: -2px ;
    z-index: 9999;
    position: relative;
}
body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2) .in>ul>li:nth-child(1)>a:focus {
	box-shadow: 0 0 0 4px white;
	outline: 3px solid black;
    outline-offset: -3px ;
    z-index: 9999;
    position: relative;
}
body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(2) .in>ul>li:nth-child(2)>a:focus {
	box-shadow: 0 0 0 4px white;
	outline: 3px solid black;
    outline-offset: -3px ;
    z-index: 9999;
    position: relative;
}
*/

/* 250121 메인 컨트롤 수정 */
body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit
	{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 0 5px 0 5px;
	z-index: 201;
	display: flex;
	align-items: center;
	/* border: 1px solid #E6E6E6; */
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>span
	{
	display: inline-block;
	height: 1.8em;
	line-height: 1;
	padding: .4em .9em 0;
	margin: 0 .3em 0 .3em;
	vertical-align: middle;
	font-size: 1.3em;
	border: 1px solid rgba(0, 0, 0, .18);
	color: #939393;
	background-color: #fff;
	border-radius: 1.1em;
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>span>em
	{
	font-style: normal;
	color: #2E63C5;
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler
	{
	display: block;
	/* position: absolute; */
	right: 6.7em;
	top: 2.8em;
	height: 1.8em;
	padding-bottom: 2.0em;
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler button
	{
	opacity: .8;
	float: left;
	width: 1.8em;
	height: 1.8em;
	padding: 0;
	margin: 0;
	font-size: 1em;
	cursor: pointer;
	border: none;
	background-color: transparent;
	background-size: 280% auto !important;
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -1000px;
	transition: opacity .3s linear;
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler button.stop
	{
	background-image: url(/img/2021Renewal/common/gray_stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: scale(0.7);
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler button.play
	{
	background-image: url(/img/2021Renewal/common/gray_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: scale(0.7);
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler button.before
	{
	background-image: url(/img/2021Renewal/common/gray_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: scale(0.7);
}

body#main #root #container>.layout>[data-item="1"] [data-js=popupzone]>.control-edit>.controler button.after
	{
	background-image: url(/img/2021Renewal/common/gray_arrow_after.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: scale(0.7);
}

/*250203 주요 메뉴 바로가기 배경 컬러 수정*/
body#main #root #container>.layout>[data-item="2"]>.in>.midd>ul>li:not(:nth-child(n+4))>a
	{
	background-color: #fff;
}


/*250602 메인 사진영상뉴스 섹션/하단 배너 교체 */
/* body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) {
	background:url(/img/2021Renewal/main/renew_banner_img02.jpg) center center / cover no-repeat;
}
body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1)>.in { 
	position: relative; height: 100%; padding:2em; text-align:center;} */
	
		
	
	/* 25-06-04 대한민국 정책브리핑 섹션으로 교체할 경우 쓰는 코드*/
/* body#main #root #container>.layout>[data-item="4"]>.in>.head>a.briefing {padding:0;}
body#main #root #container>.layout>[data-item="4"]>.in>.head>a.briefing>span>img {
	max-height:35px;
}
body#main #root #container>.layout>[data-item="4"]>.in>.midd.korea-policy {
	overflow: hidden;
	position: relative;
	height: 20em;
	margin-top: 0;
}
body#main #root #container>.layout>[data-item="4"]>.in>.midd.korea-policy>.move {
	position: relative;
    top: -80px;
} */

	/* 대한민국 정책브리핑 섹션으로 교체할 경우 쓰는 코드*/
/* @media ( max-width : 920px) {
	body#main #root #container>.layout>[data-item="4"]>.in>.head>a>span>img { max-height: 26px;}
	body#main #root #container>.layout>[data-item="4"]>.in>.midd.korea-policy {height:21em;}
	body#main #root #container>.layout>[data-item="4"]>.in>.midd.korea-policy>.move {top:-70px;}
	body#main #root #container>.layout>[data-item="5"]>.in>.midd>ul>li { width: calc(( 100% - 12px)/3); }
} */

@media ( max-width : 550px) {
	body#main #root #container>.layout>[data-item="6"]>.bx {min-height: 190px;}
	body#main #root #container>.layout>[data-item="6"]>.bx:nth-child(1) {min-height:auto;}
}

@media ( max-width : 475px) {
	 body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd { top: 7em; }
}


@media ( max-width : 425px) {
	body#main #root #container>.layout>[data-item="6"]>.bx {min-height: 180px;}
	body#main #root #container>.layout>[data-item="3"] {max-height:30em;}
	body#main #root #container>.layout>[data-item="3"]>.in {    padding: 1.3em 1em 2.4em 1em;}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd { top: 7em; }
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.more { top: 2.3vh; }
	body#main #root #container>.layout>[data-item="6"]>.bx:last-child {min-height: 65px;}
}

@media ( max-width : 400px){
	body#main #root #container>.layout>[data-item="3"] {height:30em;}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd {  top: 6em; }
}


@media ( max-width : 375px){
    body#main #root #container>.layout>[data-item="3"] { max-height: 27em;}
    body#main #root #container>.layout>[data-item="3"]>.in {padding:1.3em 1.8em 2.4em 1.8em;}
    body#main #root #container>.layout>[data-item="3"]>.in>ul {gap:5px;}
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li>.midd { top: 9em; }
	body#main #root #container>.layout>[data-item="3"]>.in>ul>li.inTitle {width:fit-content;}
}

@media ( max-width : 320px) {
	body#main #root #container>.layout>[data-item="6"]>.bx {min-height: 170px;}
}