@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* @import url('https://cdn.rawgit.com/moonspam/NanumBarunGothic/master/NanumBarunGothic.css'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
	font-family: 'NanumBarunGothic', sans-serif;
}


.clear:after {
	content: "";
	display: block;
	clear: both;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	line-height: 1;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	font-family: 'NanumBarunGothic';
	word-wrap: break-word;
	word-break: keep-all;
	overflow-x: hidden;
	letter-spacing: -0.02em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'NanumBarunGothic';
	line-height: 1;
}

ul,
ol {
	list-style: none;
	margin: 0;
}

a {
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: none;
}

img {
	border: none;
	outline: none;
	max-width: 100%;
}

p {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: keep-all;
}

button {
	border: none;
	background: none;
}

caption {
	display: none;
}


/* html 폰트 사이즈 */
@media (max-width:1200px) {
	html {
		font-size: 8.5px;
	}
}

@media (max-width:991px) {
	html {
		font-size: 8px;
	}
}

@media (max-width:768px) {
	html {
		font-size: 7.5px;
	}
}

@media (max-width:580px) {
	html {
		font-size: 6.5px;
	}
}

/*
mainColor
#ff8a65

*/


/* container */
.containerV1 {
	width: 100%;
	margin: 0 auto;
	max-width: 1540px;
}

@media (max-width:1540px) {
	.containerV1 {
		padding: 0 15px;
	}
}


/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.box_fontSize {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 4px 16px;
	border-radius: 2rem;
}

.box_fontSize>p {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-right: 8px;
}

.box_fontSize>button {
	font-size: 22px;
	color: #333;
	font-weight: 800;
	margin-right: 8px;
}

.box_fontSize>button:last-child {
	margin-right: 0;
}


.siteMap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ff8a65;
	z-index: 2000;
	visibility: hidden;
	opacity: 1;
	transition: opacity 0.4s;
}

.siteMap:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(img/siteMap_bgImg1.png) no-repeat right bottom / 85%;
	width: 29.9%;
	height: 44.53;
}

.siteMap.on {
	visibility: visible;
	opacity: 1;
}

/* 사이트맵 show&hide */
.siteMap .box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.siteMap .box .box1 {
	width: 1200px;
}

.siteMap .box .headBox {
	margin: 7.3rem auto 5rem;
	position: relative;
}

.siteMap .box .headBox .siteMapLogo {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.siteMap .box .headBox .box2 {
	-ms-display: flex;
	-ms-justify-content: flex-end;
	-ms-align-items: flex-end;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.siteMap .box .headBox .box2 .box_fontSize {
	background: #fff;
	margin-right: 4rem;
}

.siteMap .box .itemBox {
	margin: 0 auto;
	padding: 0 7.5rem;
}

.siteMap .box .itemBox .outer {
	-ms-display: flex;
	-ms-justify-content: space-between;
	display: flex;
	justify-content: space-between;
	color: #fff;
	text-align: center;
}

.siteMap .box .itemBox .outer a {
	color: inherit;
}

.siteMap .box .itemBox .outer>li>a {
	display: block;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 3.5rem;
}

.siteMap .box .itemBox .inner>li {
	margin-bottom: 3.8rem;
}

.siteMap .box .itemBox .inner>li:last-child {
	margin-bottom: 0;
}

.siteMap .box .itemBox .inner>li>a {
	font-size: 18px;
}

.siteMap .box .itemBox .inner_depth1 {
	margin-top: 18px;
}

.siteMap .box .itemBox .inner_depth1>li {
	margin-bottom: 16px;
}

.siteMap .box .itemBox .inner_depth1>li:last-child {
	margin-bottom: 0;
}

.siteMap .box .itemBox .inner_depth1>li>a {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
}

@media (max-width:1200px) {
	.siteMap {
		display: none;
	}
}

@media (max-height:900px) {
	.siteMap:after {
		background: url(img/siteMap_bgImg1.png) no-repeat right bottom / contain;
	}
}


/* head */
.header_wrap {
	position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid #ededed;
	transition: 0.2s;
}

.header_wrap .logo span {
	display: inline-block;
	font-size: 17px;
	color: #707070;
	margin-left: 15px;
	transform: translateY(4px);
}

#header {
	-ms-display: flex;
	display: flex;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	height: 10rem;
}


.menu_box #h_menu {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* top_bar */
.top_bar_wrap {
	background: #f7f8f9;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	transition: 0.2s;
}

.top_bar_wrap .top_bar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 50px;
	margin-right: 10rem;
}

.top_bar_wrap .snsList {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 3.8rem;
}

.top_bar_wrap .snsList>li {
	margin-right: 2.4rem;
}

.top_bar_wrap .snsList>li:last-child {
	margin-right: 0;
}

.top_bar_wrap .app {
	margin-right: 3.8rem;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.01em;
	margin-top: -4px;
	/*color: #707070; width: 66px; height: 20px; line-height: 20px; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:6px;*/
}

.top_bar_wrap .sign>li {
	display: inline-block;
	margin-right: 12px;
}

.top_bar_wrap .sign>li:after {
	content: '|';
	font-size: 10px;
	display: inline-block;
	margin-left: 13px;
	transform: translateY(-1px);
}

.top_bar_wrap .sign>li:last-child {
	margin-right: 0;
}

.top_bar_wrap .sign>li:last-child:after {
	display: none;
}

.top_bar_wrap .sign>li>a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #707070;
}


/* Outer */
.menu_box .outer {
	-ms-display: flex;
	display: flex;
}

.menu_box .outer>li {
	padding: 0 3rem;
}

.menu_box .outer>li>a {
	display: block;
	font-size: 17px;
	font-weight: 700;
	color: #333;
	transition: 0.4s;
	position: relative;
	height: 10rem;
	line-height: 10rem;
	letter-spacing: -0.02em;
}

.menu_box .outer>li>a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2rem;
	border-bottom: 4px solid #ff8a65;
	width: 100%;
	display: none;
}



/* Inner */
.menu_box .inner_wrap {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #fafbfb;
	display: none;
	transition: 0.4s;
}

.menu_box .inner_box {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}

.menu_box .inner_box>.text_box {
	-ms-display: flex;
	-ms-flex-direction: column;
	-ms-justify-content: center;
	-ms-align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 38rem;
	height: 46rem;
	background: #ff8a65;
	color: #fff;
	text-align: center;
}

.menu_box .inner_box>.text_box>p {
	width: 100%;
}

.menu_box .inner_box>.text_box>.text1 {
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 2.4rem;
}

.menu_box .inner_box>.text_box>.h_line1 {
	width: 4.6rem;
	height: 1px;
	background: #fff;
	margin: 0 auto 2.4rem;
}

.menu_box .inner_box>.text_box>.text2 {
	font-size: 16px;
	line-height: 1.5;
}

.menu_box .inner_box>.inner {
	flex: 1;
	padding: 4.5rem 0 7.5rem 4.5rem;
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}

.menu_box .inner_box>.inner>li {
	width: calc(25% - 5.25rem);
	margin-right: 7rem;
	margin-bottom: 4rem;
}

.menu_box .inner_box>.inner>li:nth-child(4n) {
	margin-right: 0;
}

.menu_box .inner_box>.inner>li>a {
	display: block;
	font-size: 16px;
	position: relative;
	padding-bottom: 15px;
	color: #333;
	position: relative;
}

.menu_box .inner_box>.inner>li>a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	width: 14px;
	height: 5px;
	background-image: url(img/b6_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.menu_box .inner_box>.inner>li>a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #ff8a65;
	transition: 0.4s;
}

/* inner_depth1 */
.menu_box .inner_box>.inner>li.dropDown {
	position: relative;
}

.menu_box .inner_box>.inner>li.dropDown>a:before {
	display: none;
}

.menu_box .inner_box>.inner>li.dropDown>a:after {
	background-image: url(img/head_innerIcon2.png);
	width: 12px;
	height: 6px;
}

.menu_box .inner_depth1 {
	position: absolute;
	top: 100%;
	width: 100%;
	background: #fafbfb;
	z-index: 10;
	padding-left: 5px;
	display: none;
}

.menu_box .inner_depth1>li {
	margin-bottom: 6px;
}

.menu_box .inner_depth1>li:last-child {
	margin-bottom: 0;
}

.menu_box .inner_depth1>li>a {
	display: block;
	font-size: 15px;
	color: #333;
	padding-left: 8px;
	position: relative;
	line-height: 1.2;
}

.menu_box .inner_depth1>li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 2px;
	height: 2px;
	background: #333;
}

/* //Inner */
/* //Outer */


/* menu_box box_fontSize */
.menu_box .box_fontSize {
	margin-left: 4rem;
	border: 1px solid #333;
}

/* siteMapBtn */
.menu_box .siteMapBtn {
	margin-left: 16rem;
	color: #000;
	width: 26px;
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.menu_box .siteMapBtn span {
	display: inline-block;
	width: 26px;
	height: 3px;
	background: #000;
	position: relative;
	transition: 0.4s;
}

.menu_box .siteMapBtn span:before,
.menu_box .siteMapBtn span:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: inherit;
	background: inherit;
	transition: 0.4s;
}

.menu_box .siteMapBtn span:before {
	top: -6px;
}

.menu_box .siteMapBtn span:after {
	top: 6px;
}





/* hover */
.menu_box .outer>li:hover>a {
	color: #ff8a65;
	font-weight: 800;
}

.menu_box .outer>li:hover>a:after {
	display: block;
}

.menu_box .outer>li:hover .inner_wrap {
	display: block;
}

/* outer li hover inner_wrap보이게  */
.menu_box .inner_box>.inner>li:hover>a {
	color: #ff8a65;
	font-weight: 800;
}

.menu_box .inner_box>.inner>li:hover>a:before {
	width: 100%;
}

/* inner li a hover 밑줄보이게 */
.menu_box .inner_box>.inner>li.dropDown:hover>a:after {
	transform: rotate(180deg);
}

.menu_box .inner_box>.inner>li.dropDown:hover .inner_depth1 {
	display: block;
}


/* outer li a 클릭해서 페이지 또는 게시판 이동하면 해당 outer li a의 color */
.menu_box .outer>li>a.on {
	color: #ff8a65;
	font-weight: 800;
}

.menu_box .outer>li>a.on:after {
	display: block;
}

/* 스크롤할때 */
.header_wrap.scroll {
	top: 0;
}

.header_wrap.scroll .top_bar_wrap {
	top: -50px;
}


@media (max-width:1540px) {
	.menu_box .outer>li {
		padding: 0 3rem;
	}

	.menu_box .outer>li .inner_wrap .containerV1 {
		padding: 0;
	}

	.menu_box .inner_box>.inner {
		padding: 5rem 3rem;
	}

	.menu_box .inner_depth1>li>a {
		font-size: 14px;
	}

	.menu_box .box_fontSize {
		margin-left: 2rem;
	}

	.menu_box .siteMapBtn {
		margin-left: 8rem;
	}
}


@media (max-width:1200px) {
	.header_wrap {
		position: absolute;
		top: 0;
		overflow-x: hidden;
	}

	.open_btn {
		font-size: 20px;
		cursor: pointer;
		color: #000;
	}

	.logo_box .logo img {
		max-width: 150px;
	}

	.logo_box .logo span {
		font-size: 12px;
		transform: translateY(0%);
		margin-left: 5px;
	}

	.menu_box {
		border-right: solid 1px #eee;
		box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
		width: 20em;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10000;
		margin-right: -20em;
		transition: 0.4s;
		background: #f4f4f4;
	}

	.menu_box #h_menu {
		width: 100%;
		left: 0;
		height: 100%;
		position: absolute;
		top: 0;
		display: block;
	}

	.mob_box1 {
		background: #ff8a65;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100px;
		padding: 10px;
		display: flex;
		justify-content: space-between;
	}

	.mob_box1 .logo_mob {
		max-width: 150px;
	}

	.close_btn {
		cursor: pointer;
		height: 46px;
	}

	.close_btn>i {
		display: block;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 46px;
	}

	.top_bar_wrap {
		position: relative;
		background: #fff;
		margin: 60px 10px 0;
		width: calc(100% - 20px);
	}

	.top_bar_wrap .top_bar {
		flex-wrap: wrap;
		justify-content: flex-start;
		height: 100%;
		margin-right: 0;
		padding: 15px 0;
	}

	.top_bar_wrap .snsList {
		margin-right: 0;
		order: 3;
		margin: 20px auto 0;
		text-align: center;
	}

	.top_bar_wrap .app {
		margin-right: 0;
		order: 2;
	}

	.top_bar_wrap .sign {
		order: 1;
		width: calc(100% - 66px);
		padding-left: 10px;
	}

	/* Outer */
	.menu_box .outer {
		display: block;
		background: #fff;
		width: calc(100% - 20px);
		margin: 10px auto 0;
		/*overflow-x: hidden; overflow-y: auto;*/
	}

	.menu_box .outer>li {
		padding: 0 10px;
	}

	.menu_box .outer>li>a {
		padding: 0;
		height: auto;
		line-height: 1;
		padding: 12px 15px;
		border-bottom: 1px solid #dadada;
		font-size: 16px;
	}

	.menu_box .outer>li:last-child>a {
		border-bottom: none;
	}

	.menu_box .outer>li>a:after {
		content: '\f107';
		left: auto;
		right: 15px;
		top: 50%;
		bottom: auto;
		border-bottom: none;
		width: auto;
		transform: translateY(-50%);
		font-family: fontAwesome;
		transition: 0.4s;
		display: block;
	}

	/* outer li a 화살표 */




	/* Inner */
	.menu_box .inner_wrap {
		position: static;
		display: block;
		visibility: hidden;
		height: 0;
		transform: translateY(0);
		opacity: 0;
		border-bottom: none;
	}



	.menu_box .inner_wrap .containerV1 {
		width: auto;
		margin: 0;
		padding: 0;
	}

	.menu_box .inner_box>.text_box {
		display: none;
	}

	.menu_box .inner_box {
		padding: 0;
		display: block;
	}

	.menu_box .inner_box>.inner {
		display: block;
		transform: translateY(0);
		padding: 0;
	}

	.menu_box .inner_box>.inner>li {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #eee;
	}

	.menu_box .inner_box>.inner>li:last-child {
		border-bottom: none;
	}

	.menu_box .inner_box>.inner>li>a {
		background-color: #eee;
		font-size: 14px;
		color: #ff8a65;
		padding: 10px 15px;
	}

	.menu_box .inner_box>.inner>li>a:after {
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.menu_box .inner_box>.inner>li>a:before {
		display: none;
	}

	/* inner_depth1 */
	.menu_box .inner_box>.inner>li.dropDown {
		position: relative;
	}

	.menu_box .inner_depth1 {
		position: static;
		background: #f8f8f8;
		padding: 0;
		display: block;
	}

	.menu_box .inner_depth1>li {
		margin-bottom: 0;
	}

	.menu_box .inner_depth1>li>a {
		font-size: 12px;
		padding: 8px 20px;
	}

	.menu_box .inner_depth1>li>a:before {
		left: 14px;
		top: 13px;
	}

	/* Inner */
	/* Outer */

	/* box_fontSize */
	.menu_box .box_fontSize {
		justify-content: center;
		margin-left: 0;
		background: #fff;
		width: calc(100% - 20px);
		margin: 10px auto 0;
	}


	/* 메뉴박스 보이게 하는 클래스 */
	.menu_box.inactive {
		margin-right: 0;
	}

	/* hover */
	.menu_box .outer>li:hover>a {
		color: #ff8a65;
		font-weight: bold;
	}

	.menu_box .inner_box>.inner>li:hover>a {
		font-weight: bold;
	}

	.menu_box .inner_box>.inner>li.dropDown:hover>a:after {
		transform: translateY(-50%) rotate(0deg);
	}


	/* (max-width:991px에서 outer li 클릭했을때 inner_wrap이 나오는 효과) 및 outer li a 효과 */
	.menu_box .outer>li.on>a {
		background: #ff8a65;
		color: #fff;
	}

	.menu_box .outer>li.on>a:after {
		transform: translateY(-50%) rotate(180deg);
		display: block;
	}

	.menu_box .outer>li.on .inner_wrap {
		visibility: visible;
		height: auto;
		transform: translateY(1%);
		opacity: 1;
	}


	/* 스크롤할때 */
	.header_wrap.scroll {
		top: 0;
	}

	.header_wrap.scroll .top_bar_wrap {
		top: 0;
	}
}

@media (max-height:800px) {
	.menu_box .outer {
		overflow-x: hidden;
		overflow-y: auto;
	}
}

/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/

/* 텝 초기화 */
.index .tabBox .nav {
	border: none;
}

.index .tabBox .nav>li {
	margin: 0;
}

.index .tabBox .nav>li>a {
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: 0;
}

.index .tabBox .nav>li:hover>a {
	background: none;
}

.index .tabBox .nav>li.active>a {
	border: none;
}





/* section1 */
.index .section1 {
	padding: 4rem 0;
}

.index .section1 .itemBox {
	-ms-display: flex;
	-ms-justify-content: center;
	display: flex;
	justify-content: center;
}

.index .section1 .itemBox>li {
	border: 1px solid #e1e1e1;
	border-right: none;
}

.index .section1 .itemBox>li:last-child {
	border-right: 1px solid #e1e1e1;
}



/* section2 */
.index .section2 {
	padding: 0 0 9rem;
}

.index .section2 .itemBox {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.index .section2 .leftItem {
	width: 37.14%;
	padding-right: 1.49%;
	position: relative;
}

/* 탭제목 */
.index .section2 .leftItem .titleBox {
	-ms-display: flex;
	-ms-justify-content: space-between;
	-ms-align-items: flex-start;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2.7rem;
}

.index .section2 .leftItem .titleBox .textBox .text1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #333;
	margin-bottom: 8px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.index .section2 .leftItem .titleBox .textBox .text2 {
	font-size: 12px;
	color: #808080;
}

.index .section2 .leftItem .more {
	position: absolute;
	right: 4.19%;
	top: 0.8rem;
	width: 2.7rem;
	text-align: center;
}

.index .section2 .leftItem .more a {
	display: block;
	height: 2.7rem;
	line-height: 2.3rem;
	border: 2px solid #dedede;
	font-weight: 800;
	color: #969696;
	font-size: 1.8rem;
}




.index .section2 .rightItem {
	width: calc(100% - 37.14%);
}

.index .section2 .rightItem .titleBox {
	margin-bottom: 2.7rem;
}

.index .section2 .rightItem .titleBox .text1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #333;
	margin-bottom: 8px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.index .section2 .rightItem .titleBox .text2 {
	font-size: 12px;
	color: #808080;
}

/* 로고 사이즈 수정 */
@media (max-width:768px) {
	.index .section2 .leftItem {
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 40px;
	}

	.index .section2 .rightItem {
		width: 100%;
	}

	.logo_box .logo img {
		width: 300px;
	}

	.logo_box .logo span {
		font-size: 12px;
		transform: translateY(0%);
		margin-left: 5px;
	}
}


/* section3 */
.index .section3 {
	background: #fedce5;
	text-align: center;
	margin-bottom: 9rem;
}



/* section4 */
.index .section4 {
	margin-bottom: 8rem;
}

/* .index .section4 .containerV1 {  } */
.index .section4 .titleBox {
	padding: 5rem 0 6rem;
	text-align: center;
}

.index .section4 .titleBox .text1 {
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 3.6rem;
	color: #333;
	margin-bottom: 2rem;
}

.index .section4 .titleBox .text2 {
	font-size: 2rem;
	line-height: 1.5;
	color: #333;
}

/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
#footer .linkBox1 {
	background: #f8f9fa;
	padding: 3rem 0;
}

#footer .linkBox1 ul {
	display: flex;
	justify-content: center;
}

#footer .linkBox1 ul>li {
	padding: 0 3rem;
	position: relative;
	color: #aaa;
}

#footer .linkBox1 ul>li:after {
	content: '|';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#footer .linkBox1 ul>li:last-child:after {
	display: none;
}

#footer .linkBox1 ul>li>a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.01em;
	color: inherit;
}


#footer .itemBox1 {
	padding: 3.2rem 0 10rem;
	background: #edeef0;
}

#footer .itemBox1 .containerV1 {
	-ms-display: flex;
	-ms-align-items: flex-start;
	display: flex;
	align-items: flex-start;
	padding: 0 15rem;
}

#footer .itemBox1 .leftItem {
	flex: 1;
	padding-right: 5%;
}

#footer .itemBox1 .leftItem .linkBox2 {
	display: flex;
	margin-bottom: 4rem;
}

#footer .itemBox1 .leftItem .linkBox2>li {
	padding: 0 16px;
	position: relative;
}

#footer .itemBox1 .leftItem .linkBox2>li:first-child {
	padding-left: 0;
}

#footer .itemBox1 .leftItem .linkBox2>li:last-child {
	padding-right: 0;
}

#footer .itemBox1 .leftItem .linkBox2>li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 30%;
	width: 2px;
	height: 2px;
	background: #333;
}

#footer .itemBox1 .leftItem .linkBox2>li:last-child:after {
	display: none;
}

#footer .itemBox1 .leftItem .linkBox2>li>a {
	display: block;
	color: #333;
	font-size: 15px;
}

#footer .itemBox1 .leftItem .contents {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#footer .itemBox1 .leftItem .contents .f_logo {
	width: 25.9rem;
	padding-right: 3rem;
}

#footer .itemBox1 .leftItem .contents .textBox {
	width: calc(100% - 25.9rem);
	font-size: 12px;
}

#footer .itemBox1 .leftItem .contents .textBox a {
	color: inherit;
}

#footer .itemBox1 .leftItem .contents .textBox>div>span {
	display: inline-block;
	margin-right: 1.5rem;
	line-height: 1.5;
}

#footer .itemBox1 .leftItem .contents .textBox>div>span:after {
	content: '|';
	display: inline-block;
	margin-left: 1.5rem;
}

#footer .itemBox1 .leftItem .contents .textBox>div>span:last-child {
	margin-right: 0;
}

#footer .itemBox1 .leftItem .contents .textBox>div>span:last-child:after {
	display: none;
}

#footer .itemBox1 .leftItem .contents .copy {
	line-height: 1.5;
	margin-top: 5px;
}



/* #footer .itemBox1 .rightItem {  } */
#footer .itemBox1 .rightItem .snsList {
	-ms-display: flex;
	-ms-justify-content: flex-end;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4rem;
}

#footer .itemBox1 .rightItem .snsList>li {
	margin-right: 2.4rem;
}

#footer .itemBox1 .rightItem .snsList>li:last-child {
	margin-right: 0;
}

#footer .itemBox1 .rightItem .footerSelectBox {
	margin-left: auto;
	margin-right: 0;
	display: inline-block;
	width: 100% !important;
	height: 50px;
	position: relative;
}

#footer .itemBox1 .rightItem .footerSelect {
	width: 100%;
	height: 100%;
	background: none;
	border: 2px solid #707070;
	color: #707070;
	font-size: 15px;
	font-weight: bold;
	padding: 15px 35px 15px 15px;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

#footer .itemBox1 .rightItem .footerSelect option {
	background: #fff;
	color: #707070;
}

#footer .itemBox1 .rightItem .footerSelectBox>i {
	font-size: 14px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #707070;
	z-index: 10;
}



@media (max-width:1540px) {
	#footer .linkBox1 ul>li {
		padding: 0 15px;
	}

	#footer .linkBox1 ul>li>a {
		font-size: 13px;
	}

	#footer .itemBox1 .containerV1 {
		padding: 0 15px;
	}

	#footer .itemBox1 .leftItem .linkBox2>li>a {
		font-size: 13px;
	}
}

@media (max-width:1200px) {
	#footer .linkBox1 .containerV1 {
		overflow-x: auto;
		overflow-y: hidden;
	}

	#footer .linkBox1 ul {
		width: 1200px;
		justify-content: flex-start;
	}
}

@media (max-width:991px) {
	#footer .itemBox1 .leftItem {
		padding-right: 3%;
	}

	#footer .itemBox1 .leftItem .linkBox2>li {
		padding: 0 8px;
	}

	#footer .itemBox1 .leftItem .linkBox2>li>a {
		font-size: 12px;
	}

	#footer .itemBox1 .leftItem .contents .f_logo {
		padding-right: 0;
		margin-bottom: 15px;
	}

	#footer .itemBox1 .leftItem .contents .textBox {
		width: 100%;
	}
}

@media (max-width:768px) {
	#footer .itemBox1 .containerV1 {
		flex-wrap: wrap;
	}

	#footer .itemBox1 .leftItem {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}

	#footer .itemBox1 .rightItem .snsList {
		justify-content: flex-start;
	}
}

@media (max-width:580px) {
	#footer .itemBox1 .leftItem .contents .textBox>div>span {
		display: block;
	}

	#footer .itemBox1 .leftItem .contents .textBox>div>span:after {
		display: none;
	}
}

@media (max-width:480px) {
	#footer .itemBox1 .leftItem .responsiveBox1 {
		overflow-x: auto;
		overflow-y: hidden;
	}

	#footer .itemBox1 .leftItem .linkBox2 {
		width: 480px;
		margin-bottom: 0;
	}

	#footer .itemBox1 .leftItem .contents {
		margin-top: 4rem;
	}

	#footer .itemBox1 .rightItem .footerSelect {
		font-size: 12px;
	}

	#footer .itemBox1 .rightItem .footerSelectBox>i {
		font-size: 11px;
	}
}

/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/


.wrap {
	padding-top: 150px;
}

.wrap.scroll {
	padding-top: 100px;
}

@media (max-width:1200px) {
	.wrap {
		padding-top: 10rem;
	}

	.wrap.scroll {
		padding-top: 10rem;
	}
}




/* 서브페이지 패딩 */
.tmt_sub_frame {
	padding: 40px 0 50px;
	min-height: 80vh;
}

.tmt_sub_frame .containerV1 {
	-ms-display: flex;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}

.tmt_sub_frame .containerV1 .sideWrap {
	width: 22.53%;
	padding-right: 4.22%;
}

.tmt_sub_frame .containerV1 .itemBox {
	flex: 1;
}

@media (max-width:991px) {
	.tmt_sub_frame .containerV1 .sideWrap {
		display: none;
	}

	.tmt_sub_frame .containerV1 .itemBox {
		width: 100%;
	}
}


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {
	border: 1px solid #ff8a65;
	background-color: #ff8a65;
}

.btn.active.btn-color,
.btn.btn-color:hover,
.btn.btn-color:focus,
.btn.btn-color:active {
	background-color: #ff8a65;
}

.border-color,
i.border-color,
img.border-color {
	border-color: #ff8a65;
}


@media (max-width:720px) {
	#itemTitle0 {
		height: 20% !important;
	}

	.top_bar_wrap {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.menu_box .box_fontSize {
		margin: 5px auto 0 !important;
		border: none !important;
		padding: 10px 0;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}


@media (max-width:995px) {
	.img-wrap {
		padding-bottom: 44% !important;
	}

	.visible-xs .item {
		background-image: url('https://cnyouth2021.cafe24.com/data/apms/background/hs_title_m.png') !important;
	}

	.trans-bg-black,
	.carousel-control {
		display: none !important;
	}

	#itemTitle0 {
		height: 380px !important;
	}

}



@media (max-width:995px) {
	.img-wrap {
		padding-bottom: 44% !important;
	}

	.visible-xs .item {
		background-image: url('https://cnyouth2021.cafe24.com/data/apms/background/hs_title_m.png') !important;
	}

	.trans-bg-black,
	.carousel-control {
		display: none !important;
	}

	#itemTitle0 {
		height: 380px !important;
	}

}

@media (min-width:721px) {

	.quickBox,
	.quickBtn {
		display: none;
	}

	.cnterMenu {
		display: none
	}
}

@media (max-width:720px) {
	.quickBtn {
		position: fixed;
		left: 5%;
		bottom: 30px;
		display: block;
		height: 40px;
		width: 40px;
		z-index: 99999;
	}

	.quickBtn img {
		width: 100%;
	}

	.quickBox {
		display: none;
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.qBack {
		position: fixed;
		z-index: 9999997;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
	}

	.qList {
		position: fixed;
		left: 5%;
		bottom: 30px;
		z-index: 9999998;
	}

	.qList li {
		display: block;
		margin-top: 10px;
		font-size: 14px;
		font-weight: 500;
		color: #fff;
	}

	.qList li a {
		display: inline-block;
		margin-right: 10px;
		background: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		text-align: center;
		line-height: 40px;
	}

	.qList li a img {
		width: 50%;
	}

	#itemTitle0 {
		height: 20% !important;
	}

}