@charset "UTF-8";

/* main visual */
.swiper-pagination-bullet:before {
	background-color: #fff;
	box-shadow: 1px 1px 1px 1px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	box-shadow: 1px 1px 1px 1px inset;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	box-shadow: 1px 1px 1px 1px;
}


.popupArea .popupinner .swiper-container .swiper-wrapper img {width:100%; border:0;}


/* main custom visual */
@media (min-width: 1024px) {
	#custom-slide {
		display: flex;
		flex-wrap: wrap;
		width:100%;
		height:auto;
		min-height:550px;
		padding: 40px 550px 80px 40px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	#custom-slide .custom-slide-wrap {
		display: flex;
		flex-basis:100%;
		height:50%;
		justify-content: space-around;
		padding: 10px 0;
	}

	#custom-slide .custom-slide-wrap a {
		flex-direction: row;
		flex-grow: 1;
		height:100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
	}


	.custom-slide2  { display: flex; flex-direction: column; align-items: flex-start !important;}
	.custom-slide2 h3 {
		font-size:35px;
		font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		color:#fff000;
		margin-bottom: 15px;
		padding-left:28px
	}


	#custom-slide .box {
		display:flex;
		flex-direction: row;
		margin-top: 13px;
		width: 100%;
	}

	#custom-slide .box  { display: flex; padding-left: 28px;}
	#custom-slide .box .image_box {width:16%;}
	#custom-slide .box .image_box div { width: 159px; height: 117px; display:block}
	#custom-slide .box .text_box {width:84%}

	#custom-slide .box  .text_box ul { display: flex; flex-direction: column; margin-left: 20px;}
	#custom-slide .box  .text_box ul li.text-box-title { font-size:18px; color: #5c09d9;}
	#custom-slide .box  .text_box ul li{
		font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		color: #fff;
		display: flex;
		font-size : 14px;
		margin: 5px 0px;
	}

	#custom-slide .box .text_box ul li .text-box-btn a{
		padding: 5px 10px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		margin-right: 5px;
		background-color: #727272;
		color:#fff
	}
	#custom-slide .box .text_box ul li .text-box-btn2 a{
		padding: 5px 10px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		margin-right: 5px;
		background-color: #2e2e2e;
		color:#fff
	}


}


@media (max-width: 1440px){
	#custom-slide .box .image_box {width:25%;}
	#custom-slide .box .image_box div { width: 159px; height: 117px; display:block}
	#custom-slide .box .text_box {width:75%}
}

@media (max-width: 1280px) {
	#custom-slide .custom-slide-wrap a {
		flex-direction: row;
		flex-grow: 1;
		height:100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	#custom-slide .box .image_box {width:30%;}
	#custom-slide .box .image_box div { width: 159px; height: 90px; display:block}
	#custom-slide .box .text_box {width:70%}
	.custom-slide2 {padding: 25px 450px 45px 40px !important;}
	.custom-slide2 h3 {
		font-size: 25px;
		font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		color: #fff000;
		margin-bottom: 10px;
		padding-left: 28px;
	}

	#custom-slide .box .text_box ul li.text-box-title {
		font-size: 15px;
		color: #5c09d9;
	}

	#custom-slide .box {
		display:flex;
		flex-direction: row;
		margin-top: 4px;
		width: 100%;
		align-items: center;
		margin-bottom: 10px;
	}

	#custom-slide .box .text_box ul li {
		font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		color: #fff;
		display: flex;
		font-size: 13px;
		margin: 0px 0px 6px 0px;
	}
}
@media (max-width: 1024px) {
	#custom-slide {
		display: flex;
		flex-wrap: wrap;
		width:100%;
		padding: 0px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
	}
	#custom-slide img { height:100%;}
	#custom-slide .custom-slide-wrap {
		display: inline-flex;
		flex-basis:100%;
		height:50%;
		justify-content: space-around;
		padding: 1px;
	}

	#custom-slide .custom-slide-wrap a {
		flex-direction: row;
		flex-grow: 1;
		height:100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}



	#custom-slide .box .text_box ul li.text-box-title {
		font-size: 13px;
		color: #5c09d9;
	}

	#custom-slide .box .text_box ul li .text-box-btn a{
		padding: 5px 10px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		margin-right: 5px;
		background-color: #727272;
		color:#fff
	}
	#custom-slide .box .text_box ul li .text-box-btn2 a{
		padding: 5px 10px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		margin-right: 5px;
		background-color: #2e2e2e;
		color:#fff
	}

	.custom-slide2 h3 {
		font-size: 25px;
		font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		color: #fff000;
		margin-bottom: 10px;
		padding-left: 0px;
	}

	#custom-slide .box .text_box ul {
	}

	.custom-slide2 {
		padding: 25px 40px 45px 40px !important;
	}

	#custom-slide .box .image_box {width:20%;}
	#custom-slide .box .image_box div { width: 159px; height: 90px; display:block}
	#custom-slide .box .text_box {width:80%}
}
@media (max-width:905px) {
	#custom-slide .box .image_box {width:23%;}
	#custom-slide .box .image_box div { width: 159px; height: 90px; display:block}
	#custom-slide .box .text_box {width:77%}


}


/* pdf viewer */
.page_pdfViewer .viewer_area .pdf_aside_m {
	display: none;
}

@media (max-width: 768px) {
	.page_pdfViewer .viewer_area {
		height: 100%;
		border: none;
	}
	.viewer_area {
		flex-direction: column;
	}

	.page_pdfViewer .viewer_area .pdf_aside {
		min-width: 100%;
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		display: none;
	}

	.page_pdfViewer .viewer_area .pdf_aside_m {
		min-width: 100%;
		width: 100%;
		display: block;
		margin-bottom: 20px;

	}
	.page_pdfViewer .viewer_area .pdf_aside_m select{
		border-radius: 5px;
		width: 100%;
	}
	.viewer_top h4 {
		width: 100%;
		border-bottom: 1px dotted #aaa;
		padding-bottom: 10px;
	}
	.btn_area {
		display: flex;
		position: relative !important;
		justify-content: flex-end;
	}

	#custom-slide .box .text_box ul li:nth-child(2) { display: block;}
	#custom-slide .box .text_box ul li:nth-child(3) { display: none;}
	#custom-slide .box .image_box { display: none;}
	#custom-slide .box .text_box {width:100%}
	.custom-slide2 {
		padding: 20px 20px 45px 10px !important;
	}

	#custom-slide .box {margin-top: 0px;}
	.custom-slide2 h3 {font-size: 22px;}
	#custom-slide .box .text_box ul li .text-box-btn a{
		padding: 3px 8px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		font-size:11px;
		margin-right: 3px;
		background-color: #727272;
		color:#fff
	}
	#custom-slide .box .text_box ul li .text-box-btn2 a{
		padding: 3px 8px;
		font-family: "s-core-dream-light", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
		margin-right: 0px;
		background-color: #2e2e2e;
		color:#fff;
		font-size:11px;
	}

	#custom-slide .box .text_box ul li:nth-child(2) {
		margin:1px 0px 4px 0px;
	}

	#custom-slide .box .text_box ul li {
		margin:0px 0px 0px 0px;
	}

	#custom-slide .box {
		margin-bottom: 5px;
	}

}






/* 20210908 추가*/
.main_visual {​​​​​​​​position: relative; width: 1440px;  margin:0 auto;}​​​​​​​​	​​​​​​
#custom-slide {​​​​​​​​ padding: 40px 0px 80px 40px}​​​​​​​​
.main_visual.main_accordian.box.accordian_fold.btn_list {​​​​​​​​ min-height: 302px; align-items: center;}​​​​​​​​
.main_visual.main_accordian.box.accordian_head {​​​​​​​​ font-size:18px}
		​​​​​​​​
		@media (max-width:1440px){​​​​​​​​
			.swiper-container {​​​​​​​​ width: 770px;}​​​​​​​​
			#custom-slide {
								padding: 40px 20px 80px 40px !important;
								background-position: left center;
								background-size: cover;
								height: 450px;
						}​​​​​​​​
			.main_visual .main_accordian .box .accordian_head {​​​​​​​​
			height: 52px;
			line-height: 52px;
							}​​​​​​​​
			.main_visual .main_accordian .box .accordian_fold .btn_list{​​​​​​​​
			padding: 0 20px 10px;
							}​​​​​​​​
			.main_visual .main_accordian .box .accordian_fold .btn_list {​​​​​​​​ min-height: 238px;  }​​​​​​​​
			.main_visual {​​​​​​​​ width: 100%;}​​​​​​​​
					}​​​​​​​​
			@media (max-width:1280px){​​​​​​​​
			.swiper-container {​​​​​​​​
			width: 614px;
			}
			​​​​​​​​
			#custom-slide {​​​​​​​​
				background-position: center center;
				background-size: cover;
				height: 420px;
				padding: 40px 0 0 0!important;
			}​​​​​​​​

		}
		​​​​​​​​
		@media (max-width:1024px){​​​​​​​​
		.swiper-container {​​​​​​​​ width: 100%;}​​​​​​​​
		#custom-slide {​​​​​​​​height: 300px; padding: 20px 20px 20px 20px!important;}​​​​​​​​
				}​​​​​​​​

		@media (max-width:790px){​​​​​​​​
		#custom-slide {​​​​​​​​height: 400px;}​​​​​​​​
				}​​​​​​​​

		@media (max-width:600px){​​​​​​​​
		#custom-slide {​​​​​​​​height: 300px; padding: 20px 20px 20px 20px!important;}​​​​​​​​
				}​​​​​​​​

		@media (max-width: 400px){​​​​​​​​
			#custom-slide {​​​​​​​​
				height: 215px;
				padding: 20px 20px 20px 20px;
			}​​​​​​​​
		}

/* 헤더 반응형 */
@media (max-width: 1239px){
	#header .gnb_wrap .logo { left: 20px;}

	#header #gnb #nav .nav_menu { width:auto; min-width: 600px;}
	#header #gnb #nav .nav_menu > li > a span { line-height: 1.2em; display: flex; align-items: center; justify-content: center; word-break: keep-all;}

	#header .inner_wrap { width: 100%; max-width: 100%; box-sizing: border-box; padding: 0px 20px;}


	#header .top_wrap .top_menu.left li {padding:0px 8px;}
	#header .top_wrap .top_menu.right > li.line { width: 10px;}

	#header .top_wrap .top_menu.left > li > a { font-size: 13px;}
}
@media (max-width: 1024px){
#header .top_wrap .top_menu.left li {}
#header .top_wrap .top_menu.right { display: none;}
}
/* Language box 추가*/
#header .top_wrap .top_menu.right > li {position: relative;}


.lang_box {}
.lang_box ul {
	display: none;
	border: 1px solid #101010;
		border-top: none;
	background-color: #fff;
	position: absolute;
	z-index: 301;
	width: 100%;
	height: auto;
	text-align: center;
}

.lang_box li {
	padding: 10px;
	cursor: pointer;
}
.lang_box .langboxTitle {
	display: block;
		height: 40px;
		padding: 0 16px;
		font-size: 13px;
		color: #fff;
		line-height: 40px;
		text-align: center;
}
.lang_box li a {
	height: auto;
	line-height: 1.0em;
	color: #404040;
}

.langboxTitle a { color: #fff; margin-right: 20px;}
.langboxTitle a:hover, .langboxTitle a:focus {
	color:#fff;
}

#ipsiMainPopupWrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	font-family: "s-core-dream-regular", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
}
.pannel { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); position: fixed; top: 0; left: 0; z-index: 1000;}
.popupAllbox {
	margin: 0 auto;
	position: relative;
	z-index: 1001;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	height: 100%;
	width:1475px;
}
.popupTitle { display: flex; width: 100%; justify-content: center;}
.popupTitle h3 { font-size: 48px; color: #fff; line-height: 1.0em; margin-bottom: 25px; margin-top: 20px;}

.popupBoxArea { display: flex;   width: 100%; flex-direction: row; justify-content: space-between; }
.popupAllbox .boX01 { width:32%; margin-right: 1%; padding: 20px; max-width: 478px; min-height:680px; border-radius: 20px; background-color: #fff; box-sizing: border-box; border:5px solid #ff9a2e;}
.popupAllbox .boX02 { width:32%; margin-right: 1%; padding: 20px; max-width: 478px; min-height:680px; border-radius: 20px; background-color: #fff; box-sizing: border-box; border: 5px solid #635b97;}
.popupAllbox .boX03 {
	width:32%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.popupAllbox .boX01 { display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: url(../images/main/logoBg.png) center center no-repeat #fff;}
.popupAllbox .boX01 h2 {
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	color: #ff9900;
	font-size: 60px;
	margin-top: 110px;
	line-height: 1.1em;
	text-align: center;
}
.popupAllbox .boX01 h4 {
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	color: #202020;
	font-size: 50px;
	line-height: 1.2em;
	text-align: center;
	margin-top: 70px;
}

.popupAllbox .boX01 button {
	padding: 14px 0px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background-color:#ff9900;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	width: 100%;
}


.popupAllbox .boX02 {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.popupAllbox .boX02 .boX02content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
		height: 100%;
}
.popupAllbox .boX02 .boX02content .boX02se01 { background-color: #e0deea; border-radius: 16px; box-sizing: border-box; padding:10px 10px 15px 10px;}
.popupAllbox .boX02 .boX02content .boX02se01 h3 {
	font-size: 27px;
	color: #202020;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	margin-top: 13px;
	line-height: 1.2em;
	text-align: center;
}
.popupAllbox .boX02 .boX02content .boX02se01 ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 25px;
}
.popupAllbox .boX02 .boX02content .boX02se01 ul li { width: 50%; display: flex; margin-bottom: 8px;}
.popupAllbox .boX02 .boX02content .boX02se01 ul li div { width: 97%; margin:0 auto; display: block; }
.popupAllbox .boX02 .boX02content .boX02se01 ul li div a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #635b97;
	color: #fff;
	font-size: 20px;
	min-height: 75px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px;
	word-break: keep-all;
	line-height: 1.2em;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	flex-wrap: wrap;
	height: 100%;
}
.popupAllbox .boX02 .boX02content .boX02se01 ul li a strong {
	color: #ffcc00;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	font-weight: normal;
}

.popupAllbox .boX02 .boX02content .boX02se02 { box-sizing: border-box; padding: 10px; background-color: #ff9900; border-radius: 16px;}
.popupAllbox .boX02 .boX02content .boX02se02 div{
	display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	padding: 0px 20px;
}

.popupAllbox .boX02 .boX02content .boX02se02 div span {
	font-size: 20px;
	color: #ffffff;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	line-height: 1.2em;
	text-align: center;
}

.popupAllbox .boX02 .boX02content .boX02se02 div h5 {
	font-size: 23px;
	color: #ffffff;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	line-height: 1.3em;
	word-break: keep-all;
	text-align: center;
}

.popupAllbox .boX02 .boX02content .boX02se02 div h5 a {
	color: #ffffff;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;

}


.popupAllbox .boX02 .boX02content .boX02se03 {width: 100%; display: flex; margin: 8px 0px;}
.popupAllbox .boX02 .boX02content .boX02se03 ul { display: flex; justify-content: center; width: 100%;}
.popupAllbox .boX02 .boX02content .boX02se03 ul li {width: 33.333333333%;}
.popupAllbox .boX02 .boX02content .boX02se03 ul li a {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 120px;
		justify-content: space-between;
}

.popupAllbox .boX02 .boX02content .boX02se03 ul li a span {
	font-size: 20px;
	color: #202020;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	margin-top: 20px;
}
.popupAllbox .boX02 .boX02content .boX02se04 { display: flex; width: 100%; flex-direction: row; justify-content: space-between;}
.popupAllbox .boX02 .boX02content .boX02se04 button { width: 49%;}
.popupAllbox .boX02 .boX02content .boX02se04 button:nth-child(1) {
	padding: 14px 0px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background-color:#635b97;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
}

.popupAllbox .boX02 .boX02content .boX02se04 button:nth-child(2) {
	padding: 14px 0px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background-color:#8d4eb1;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
}



.popupAllbox .boX03 .boX3se01{
	padding: 20px;
	max-width: 478px;
	min-height:356px;
	border-radius: 20px;
	background-color: #009986;
	box-sizing: border-box;
	border: 5px solid #009986;
}

.popupAllbox .boX03 .boX3se01 h3{
	text-align: center;
	width: 100%;
	font-size: 27px;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	color: #fff;
	line-height: 1.2em;
}
.popupAllbox .boX03 .boX3se01 ul {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-top: 10px;
}
.popupAllbox .boX03 .boX3se01 ul li {
	display: flex;
	width: 100%;
	background-color: #fff;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 16px 10px;
	margin-top: 10px;

}
.popupAllbox .boX03 .boX3se01 ul li a {
	color: #202020;
	font-size: 20px;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	width: 100%;
	line-height: 1.4em;
	word-break: keep-all;
	text-align: center;
}
.popupAllbox .boX03 .boX3se02{
	padding: 20px;
	max-width: 478px;
	min-height:307px;
	border-radius: 20px;
	background-color: #fff;
	box-sizing: border-box;
	border: 5px solid #009986;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.popupAllbox .boX03 .boX3se02 h3{
	text-align: center;
	width: 100%;
	font-size: 27px;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	color: #009986;
	line-height: 1.2em;
}
.popupAllbox .boX03 .boX3se02 a {
	background-color: #ccebe7;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	border-radius: 16px;
	padding: 20px 0px;
	box-sizing: border-box;
}

.popupAllbox .boX03 .boX3se02 a div {
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	margin-left: 10px;
	color: #202020;
}
.popupAllbox .boX03 .boX3se02 a div span{ font-size: 20px; line-height: 1.2em;}
.popupAllbox .boX03 .boX3se02 a div h5 { font-size: 24px; line-height: 1.2em; font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;}
.popupAllbox .boX03 .boX3se02 button{
	padding: 14px 0px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background-color:#009986;
	font-family: "s-core-dream-bold", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif;
	width: 100%;
}


.popupBoxBtn {width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.popupBoxBtn button { color: #fff; padding: 10px 20px; font-family: "s-core-dream-medium", AppleSDGothicNeo-SemiBold, helvetica, dotum, sans-serif; line-height: 1.0em;}
.popupBoxBtn button:nth-child(1) { border-radius: 30px; border: 2px solid #fff;}
.popupBoxBtn button:nth-child(2) { margin-left: 10px; border: 2px solid #fff; background-color: #fff; color: #202020; border-radius: 30px;}




.sns_box {}
.sns_box ul {
	display: none;
	border: 1px solid #101010;
		border-top: none;
	background-color: #fff;
	position: absolute;
	z-index: 301;
	width: 100%;
	height: auto;
	text-align: center;
}

.sns_box li {
	padding: 10px 0px;
	cursor: pointer;
}
.sns_box .snsboxTitle {
	display: block;
		height: 40px;
		padding: 0 16px;
		font-size: 13px;
		color: #fff;
		line-height: 40px;
		text-align: center;
}
.sns_box li a {
	height: auto;
	line-height: 1.0em;
	color: #404040;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.sns_box li a img { margin-bottom: 5px;}
.snsboxTitle a { color: #fff; margin-right: 20px;}
.snsboxTitle a:hover, .snsboxTitle a:focus {
	color:#fff;
}




@media (max-width: 1475px){
	.popupAllbox {width:95%;}
	.popupAllbox .boX01 {padding: 10px;}
	.popupAllbox .boX01 h2 {font-size: 50px;}
	.popupAllbox .boX01 h4 { font-size:45px; word-break: keep-all;}

	.popupAllbox .boX02 {padding: 10px;}
	.popupAllbox .boX03 .boX3se01 {padding: 10px;}
	.popupAllbox .boX03 .boX3se02 {padding: 10px;}

	.popupAllbox .boX01 button,
	.popupAllbox .boX02 .boX02content .boX02se04 button:nth-child(1),
	.popupAllbox .boX02 .boX02content .boX02se04 button:nth-child(2),
	.popupAllbox .boX03 .boX3se02 button {font-size: 20px;}

}

@media (max-width: 1235px){
	.popupAllbox .boX01 h2 {font-size: 40px; margin-top: 0px;}
	.popupAllbox .boX01 h4 { font-size:40px; word-break: keep-all; margin-top: 30px;}
	.boX01content {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
	.popupAllbox .boX02 .boX02content .boX02se01 h3 { font-size: 25px;}
	.popupAllbox .boX02 .boX02content .boX02se02 div h5 {font-size: 20px;}
	.popupAllbox .boX02 {width: 33%;}
	.popupAllbox .boX02 .boX02content .boX02se01 ul li div a { font-size:18px; min-height:auto;}
	.popupAllbox .boX02 .boX02content .boX02se03 ul li a span {font-size: 18px;}
	.popupAllbox .boX03 .boX3se01 ul li a { font-size: 18px;}
}

@media (max-width:1024px) {
	#ipsiMainPopupWrapper { position: absolute; top: 0; height: auto;}

	.popupTitle h3 { margin-top: 20px; margin-bottom: 20px;}

	.popupBoxArea { flex-direction: column;}
	.popupAllbox .boX01 {width: 100%; max-width: 100%; min-height: auto;}
	.popupAllbox .boX02 {width: 100%; max-width: 100%; min-height: auto; margin-top: 20px;}
	.popupAllbox .boX03 { width: 100%; max-width: 100%; flex-direction: row;  margin-top: 20px;}
	.popupAllbox .boX03 .boX3se01 { width:49%; max-width: auto; min-height: auto;}
	.popupAllbox .boX03 .boX3se02 { width:49%; max-width: auto; min-height: auto;}

	.popupAllbox .boX01 h2 { margin-top: 10px;}
	.popupAllbox .boX01 h4 {margin-top: 10px; margin-bottom: 10px;}

	.popupAllbox .boX03 .boX3se02 a { height: 100%; padding: 10px 0px; margin-top: 10px;}
	.popupAllbox .boX02 .boX02content .boX02se01 { width: 100%;}
	.popupAllbox .boX02 .boX02content .boX02se02 { width: 100%; margin-top: 10px; margin-bottom: 10px;}

}
@media (max-width:700px) {
	.popupAllbox .boX01 {display:none;}
	.popupAllbox .boX03 .boX3se02 {display:none;}
	.popupAllbox .boX03 {flex-direction: column; width: 100%;}
	.popupAllbox .boX03 .boX3se01 { max-width: 100%;; width:100%;}
	.popupAllbox .boX03 .boX3se02 { max-width: 100%;; width:100%; margin-top: 10px;}
	.popupBoxBtn {position: absolute; top: 100px;}
	.popupBoxArea {margin-top:100px;}

}