/* 공통 */
#contents {
	width:100%; text-align:center;
}
.container{
	width:1200px; 
	margin:0 auto;
}
@media screen and (max-width: 1280px) {
	/* 공통 */
	.container { 
		width:100%;
	}
}
.bg-white{background:#FFF;}


/* TOP버튼 */
#go-top	{
	position:fixed; 
	right:20px; 
	bottom:20px;
}
#go-top a {
	display:block; 
	width:45px; 
	height:45px; 
	padding-top:22px;
	cursor:pointer; 
	text-align:center; 
	font-size:12px; 
	font-weight:600;
	color:#FFF;
	border-radius:3px;
	background:rgba(0,0,0,0.6) url(/V2020/images/top-bg.png) no-repeat center 10px; 
	-webkit-transition:1s; -moz-transition: 1s; transition:1s;
}
#go-top a:hover { 
	color:#FFF;
}

/* quick SNS */
.sns {
	position: fixed;
    right: 20px; bottom: 70px;    	
    z-index: 30;
}
.sns div {
	margin-top: 5px;
}
.sns a {
	display: block;
	padding:3px 5px 8px;
	text-align: center;
	border-radius: 3px;
	background: #fcea00;
}
.sns span {
	display: block; 
	font-size: 12px; color: #000; text-align: center; line-height:1.2; letter-spacing: 0.05rem; font-weight: 500;
}
.sns div:first-child {
	margin-top: 20px;
}
.sns div:first-child a {
	color:#fff;
	background: #3264c7;
}
.sns div:first-child span {
	color: #fff; font-weight: 350;
}

.sns div:nth-child(2) a {
	color:#fff;
	background: #99ccff;
}


@media all and (max-width: 500px) {
	/* TOP버튼 */
	#go-top	{
		right:10px; 
	}

	/* quick SNS */
	.sns {
		right: 10px;	
	}
}


/* 동영상 */
.iframe {
	box-sizing: border-box;
	width:100%;
	padding:7% 0;
	text-align: center;
	background:#f4f4f4;
}
.iframe .container {
	position:relative;	
	box-sizing: border-box;
	width:92%;
	height:0;
	max-width: 1400px;
	margin:0 auto;
	padding:41.2% 0 0;
	border:3px solid #00233e;
}
.iframe .container iframe  {
	position:absolute;	
	top:0;
	left:0;
	width:100%;
	height:100%;	
}


.iframe.iframe01 {	
	background-color:#10394C;
	background: #10394C; /* Fallback background color for non supported browsers */ 
	background-image: -moz-radial-gradient(center 45deg,circle cover, #10394C, #000000);
	background-image: -webkit-gradient(radial, 50% 50%, 10, 50% 50%,800, from(#10394C), to(#000000));
}
.iframe.iframe01 .container  {
	background:#fff;
	border-image: linear-gradient(to right, #01c9ca 0%, #3886FF 100%);
	border-image-slice: 1;
}
.iframe.iframe01 h3 {
	padding-bottom:10px; 
	font-size:50px; 
	line-height:52px; 
	font-weight:600;
	color:#fff;
}
.iframe.iframe01 p {
	padding-bottom:50px; 
	font-size:20px; 
	line-height:26px; 
	font-weight:300;
	color:#fff;
}


@media all and (max-width: 1400px) {
	/* 동영상 */
	.iframe .container {
		width:95%;
		padding-top:53%;
	}
	.iframe.iframe01 h3 {
		padding-bottom: 10px;
		font-size: 35px;
		line-height: 43px;
	}
	.iframe.iframe01 p {
		padding-bottom: 40px;
		font-size: 15px;
		line-height: 21px;
	}
}
@media screen and (max-width: 1024px) {
	.iframe.iframe01 h3 {
		padding-bottom: 5px; 
		font-size: 24px;
		line-height: 31px;
	}
	.iframe.iframe01 p {
		padding-bottom: 15px;
	}
}
@media all and (max-width: 900px) {
	/* 동영상 */
	.iframe .container {
		width:calc(93% - 4px);
		padding-top:52%;
		border-width:2px;
	}
	.iframe.iframe01 h3 {
		padding-bottom: 3px; 
		font-size: 21px;
	}
	.iframe.iframe01 p {
		padding-bottom: 20px;
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.iframe.iframe01 h3 {		
		padding-bottom: 0; 
		font-size: 19px;
	}
	.iframe.iframe01 p {
		max-width: 94%;
		margin-left: auto; margin-right: auto;
		padding-bottom: 18px;
		font-size: 14px;
	}
}


























/* 서비스 영역 */
#our-service {
	width:95%;
	margin:0 auto;
}
#our-service .service-box {
	position:relative; 
	display:table; 
	width:100%; 
	margin-top:-122px; 
	z-index:10;
}
#our-service .service-box > div {
	display:table-cell; 
	box-sizing:border-box;
	width:16.66%; 
	height:122px; 
	margin-left:-1px;	
	vertical-align:middle;
	border-left:1px solid rgba(255,255,255,.2);
	background:rgba(1,49,138,.9);
	-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;
}
#our-service .service-box > div:first-child { 
	border-left:none;
}
#our-service .service-box > div:hover {
	background-color:rgba(3,15,35,.8); 
	-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;
}

#our-service .service-box > div * {
	color:#fff;
	line-height:1.4;
	vertical-align:middle;
}
a.service-btn {
	width:100%; 
	font-size:20px;
	font-weight:350;	
	color:rgba(255,255,255,.8);	
}
a.service-btn strong {
	display:block;
	font-size:125%;
	font-weight:450;	
}
a.service-btn img {
	opacity:0;
	width:0;	
}
a.service-btn:hover img {
	opacity:1;
	width:24px;
	margin-left:10px;
	-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;
}
@media only screen and (max-width: 1400px) { 
	#our-service .service-box {
		position: relative;
		margin-top: -91px;
	}
	#our-service .service-box > div {
		height: 90px;
		font-size: 18px;
	}
	a.service-btn {
		height: 90px;
	}
	a.service-btn:hover img { 
		width: 21px;
	}
}
@media all and (max-width: 1024px) {
	#our-service .service-box {
		margin-top: -61px;
	}
	#our-service .service-box > div {
		height: 60px;
		font-size: 1rem;
	}
	a.service-btn {
		height: 60px;
		padding-top: 15px;
		font-size:15px;	
	}
	#our-service .service-box > div span {
		line-height:1.6;
	}
	#our-service .service-box > div strong {
		display:inline;
		padding-left:3px;
		font-size:100%;
		font-weight:350;
		line-height:1;
	}
	a.service-btn:hover img {
		width:16px;
		margin-left:5px;
	}
	a.service-btn * {
		vertical-align:top
	}
}
@media all and (max-width: 900px) {
	#our-service {
		width:100%;
	}
	#our-service .service-box {
		overflow: hidden;
		margin-top: 0;
	}
	#our-service .service-box > div {
		float: left;
		overflow: hidden;
		width: 50%;
		height: 40px;
		margin-left: 0;
		font-size: .95rem;
		border-top: 0;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	#our-service .service-box > div:nth-child(even) {
		border-top-color: rgba(255,255,255,.2);
	}
	#our-service .service-box a.service-btn {		
		display:block;
		height: 100%;
		padding-top: 8px;
		color: #333;
	}
}
@media all and (max-width: 500px) {
	#our-service .service-box > div {
		font-size: .9rem;
	}
}





/* What-we-do 영역 */
#what-we-do .container {
	position: relative;
	box-sizing: border-box; 
	width: 100%; 
	padding: 120px 0 120px 24%; 
	text-align: left; 
	font-size: 0;
}
#what-we-do h2 {
	padding-bottom:30px; 
	color:#1E1E1E; 
	font-size:44px; 
	line-height:52px; 
	font-weight:600; 
}
#what-we-do h2 span {
	display:block; 
	font-size:40px; 
	font-weight:500; 
}
#what-we-do p {
	padding-bottom:30px; 
	font-size:18px; 
	line-height:26px
}
#what-we-do .what-box {
	display:inline-block; 
	width:33.333%; 
	vertical-align:top;
}
#what-we-do .what-box .in-box {
	padding:20px 0 0; 
	color:#000; 
	font-size:20px; 
	line-height:28px; 
	font-weight:400; 
	letter-spacing:-0.05em;
	word-break: keep-all;
}
#what-we-do .what-img figure {
	margin:0; 
	padding:0; 
	background:#fff; 
	overflow:hidden;
}
#what-we-do .what-img figure img {
	width:100%; 
	-webkit-transform:scale(1); 
	transform:scale(1); 
	-webkit-transition:.3s ease-in-out; 
	transition:.3s ease-in-out;
}
#what-we-do .what-img figure:hover img {
	-webkit-transform:scale(1.2); 
	transform:scale(1.2);
}

/* 버튼 */
#what-we-do .what-btn a { 
	position: relative;
	display: block;	
	color: #fff;
	border-radius: 30px;
	background: #3163c7;
	zoom:1;
}
#what-we-do .what-btn a:hover,
#what-we-do .what-btn a:focus{ 	
	background: #00113c;
	-webkit-transition: .3s; 
	transition: .3s;
}
@media only screen and (min-width: 1401px) and (max-width: 2000px)  {
	#what-we-do .what-btn { 
		position: absolute;	
		left:0;
		top:450px;
		padding-bottom:30px; 	
	}
	#what-we-do .what-btn div {
		position: relative;
		padding-left:40px;
	}
	#what-we-do .what-btn div:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:0;
		width:40px;
		height:1px;
		background:rgba(49, 99, 199, .5);
	}
	#what-we-do .what-btn a { 
		margin-bottom: .5rem;
		padding:.7rem 3rem .7rem 4rem;
		font-size: 1.1rem; 
		line-height: 26px;
	}
	#what-we-do .what-btn a:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:0;
		width:2.5rem;
		height:1px;
		background:#fff;
	}
	#what-we-do .what-btn a:before {
		content:"";
		display:block;
		position:absolute;
		top:calc(50% - 3px);
		left:2.5rem;
		width:8px;
		height:8px;
		border-radius:4px;
		background:#fff;
	}
	#what-we-do .what-btn a span {
		display:none;
	}
}


@media only screen and (min-width: 2001px) {
	#what-we-do .container {
		max-width: 1400px;
		padding: 120px 0;
		text-align: center;
	}
	#what-we-do .what-box {
		width: calc(33% - 8px);
		margin: 0 4px;
	}

	/* 버튼 */
	#what-we-do .what-btn {
		overflow: hidden;
		width: 100%;
		margin:3rem auto 0;
	}
	#what-we-do .what-btn div {
		float: left;
		width: calc(33% - 4px);
		margin: 0 4px;
	}	
	#what-we-do .what-btn a { 
		padding:.8rem;
		font-size: 1.1rem; 
		line-height: 26px;
		color: #fff;
		border-radius: 3px;
	}
}
@media only screen and (max-width: 1400px) {
	#what-we-do .container {
		width: 92%;
		max-width: 1400px;
		margin:0 auto;
		padding: 85px 0;
		text-align: center;
	}
	#what-we-do h2 {
		padding-bottom: 20px;
		font-size: 35px;
		line-height: 41px;
	}
	#what-we-do h2 span {
		font-size: 28px;
	}
	#what-we-do p {
		padding-bottom: 40px;
		font-size: 15px;
		line-height: 21px;
	}
	#what-we-do .what-box {
		width: calc(33% - 8px);
		margin: 0 4px;
	}
	#what-we-do .what-box .in-box {
		padding: 20px 0 0;
		font-size: 16px;
		line-height: 23px;
		text-align: center;
	}	

	/* 버튼 */
	#what-we-do .what-btn {
		overflow: hidden;
		width: 100%;
		margin: 3rem auto 0;
	}
	#what-we-do .what-btn div {
		float: left;
		width: calc(33% - 6px);
		margin: 0 4px;
	}
	#what-we-do .what-btn a { 
		padding: .5rem;
		font-size: .9rem; 
		line-height: 26px;
		color: #fff;
		border-radius: 3px;
	}
}
@media only screen and (max-width: 1200px) {
	#what-we-do .what-box {
		width: calc(33% - 8px);
	}
}
@media only screen and (max-width: 1024px) {
	#what-we-do .container {
		width: calc(95% + 8px);
		padding: 50px 0 45px;
	}
	#what-we-do h2 {
		padding-bottom: 20px;
		font-size: 24px;
		line-height: 31px; 
	}
	#what-we-do h2 span {
		font-size: 18px;
	}
	#what-we-do p {
		display: none;
	}
	#what-we-do .what-box .in-box {
		padding:12px;
		font-size: 14px;
		line-height: 20px;
	}
	#what-we-do .what-box h4 {
		font-size: 20px; 
		line-height: 24px;
	}


	/* 버튼 */
	#what-we-do .what-btn {
		margin:2rem auto 0;
	}
	#what-we-do .what-btn a { 
		padding:.3rem;
	}
}
@media only screen and (max-width: 900px) {
	#what-we-do .container {
		width: 94%;
		margin: 0 auto 1rem;
		padding: 40px 0 25px;
	}
	#what-we-do h2 {
		padding-bottom: 20px;
		font-size: 21px;
		line-height: 26px;
	}
	#what-we-do h2 span {
		font-size: 16px;
	}
	#what-we-do .what-box .in-box  {
		padding: 12px 3px;
		font-size: 14px;
		line-height: 1.4;
	}
	#what-we-do .what-box .in-box br {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	#what-we-do .container {
		width: 92%;
		padding: 30px 0 5px;
	}
	#what-we-do h2 {
		padding-bottom: 18px;
		font-size: 19px;
		line-height: 25px;
	}
	#what-we-do h2 span {
		font-size: 14px;
	}
	#what-we-do .what-box   {
		width: 100%;
		margin: 0;
	}
	#what-we-do .what-box .in-box  {
		padding: 8px 0 30px;
		font-size: 15px;
		line-height: 20px;
	}
	
	/* 버튼 */
	#what-we-do .what-btn {
		margin: 0 auto 4rem;
	}
	#what-we-do .what-btn div {
		width: calc(33% - 2px);
		margin: 0;
	}
	#what-we-do .what-btn div:nth-child(2) {
		margin: 0 4px;
	}

}
@media only screen and (max-width: 500px) {	
	/* 버튼 */
	#what-we-do .what-btn {
		margin: 0 auto 2rem;
	}
	#what-we-do .what-btn div,
	#what-we-do .what-btn div:nth-child(2) {
		width: 100%;
		margin: 3px 0 0;
	}
}



/* 소개 영역 */
#introduce {
	padding:110px 0; 
	background:url('/V2020/images/intro_bg.jpg') center top no-repeat; 
	background-attachment:fixed; background-size:cover; 
}
#introduce h3 {
	padding-bottom:10px; 
	color:#fff; 
	font-size:44px; 
	line-height:52px; 
	font-weight:600;
}
#introduce p {
	padding-bottom:50px; 
	font-size:18px; 
	line-height:26px; 
	color:#fff; 
	font-weight:300;
}
#introduce .what-box-area { 
	width:92%;
	max-width:1400px;
	margin: 0 auto 
}
#introduce .what-box {
	display: inline-block; 
	width: calc(20% - 8px);
	margin: 0 2px;
	vertical-align: top; 
	background: #fff;
}
#introduce .what-box .in-box {
	padding:30px 0; 
	color:#000; 
	font-size:21px; 
	line-height:22px; 
	font-weight:400; 
}
#introduce .what-img figure {
	margin:0; 
	padding:0; 
	background:#fff; 
	overflow:hidden;
}
#introduce .what-img figure img {
	display: block; 
	width: 100%; 
	-webkit-transform: scale(1); 
	transform: scale(1); 
	-webkit-transition: .3s ease-in-out; 
	transition: .3s ease-in-out;
}
#introduce .what-img figure:hover img {
	-webkit-transform: scale(1.2); 
	transform: scale(1.2);
}
#introduce .what-btn {
	width: 100%; 
	margin: 0 auto; 
	padding: 8px 20px; 
	color: #999; 
	font-size: 11px; 
	font-weight: 600 !important; 
	border: 1px solid #ccc; 
	background: #fff; 
}
#introduce .what-btn:hover {
	color: #fff; 
	border: 1px solid #666; 
	background: #666;
}


@media only screen and (max-width: 1400px) {
	#introduce {
		padding: 75px 0;
	}
	#introduce h3 {
		padding-bottom: 10px;
		font-size: 35px;
		line-height: 43px;
	}
	#introduce p {
		padding-bottom: 40px;
		font-size: 15px;
		line-height: 21px;
	}
	#introduce .what-box .in-box {
		padding: 20px 0;
		font-size: 17px;
	}
}
@media screen and (max-width: 1024px) {
	#introduce {
		 height:auto; 
		 padding:45px 20px; 
		 background-size:cover;
		 background-attachment:scroll;
	} 
	#introduce h3 {
		padding-bottom: 20px; 
		font-size: 24px;
		line-height: 31px;
	}
	#introduce p {
		display: none; 
	}
	#introduce .what-box-area {
		width: 100%;
	}
	#introduce .what-box .in-box {
		padding: 11px 0;
		font-size: 15px;
	}
}
@media screen and (max-width: 900px) {
	#introduce {
		padding: 27px 20px 35px;
	}
	#introduce h3 {
		padding-bottom: 15px; 
		font-size: 20px;
	}
	#introduce .what-box .in-box {
		padding: 8px 0;
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	#introduce {		
		padding: 25px 0 30px;
	}
	#introduce h3 {
		padding-bottom: 10px; 
		font-size: 17px;
	}
	#introduce .what-box {
		overflow: hidden;
		width: 92%;
		margin: 0 auto 5px;
	}
	#introduce .what-box a {
		overflow: hidden;
		width: 100%;		
	}
	#introduce .what-box .what-img {
		float: left;
		width: 80px;
	}
	#introduce .what-box .in-box {
		float: left;
		padding: 0 3%;
		line-height: 68px;
		font-size: 15px;
		text-align: left;
	}
}





/* 고객센터 영역 */
#customer .container {
	max-width: 1400px; 
	width: 92%;
	margin: 0 auto; 
	padding: 60px 0; 
	text-align: left;
}
#customer .container:after {
	content:""; 
	display:block; 
	clear:both;
}
#customer h4 {
	padding-bottom:20px;
	color:#000; 
	font-size:1.3rem; 
	line-height:28px;
	font-weight:500;
}

/* 고객센터 공지사항 */
#customer .cs-notice {
	float:left;
	width:33%;
	padding-right:3%;
}
#customer .cs-notice h4 {
	float:left; 
	display:inline-block; 
	width:calc(100% - 60px);
}
#customer .cs-notice .more {
	float:right;
	display:inline-block; 
	width:60px;	
	text-align:right; 
}
#customer .cs-notice .more a {
	display:inline-block;
	color:#ccc; 
	letter-spacing:0;
	font-size:15px;
}
#customer .cs-notice .more a * {
	vertical-align:middle;
}
#customer .cs-notice .more a:hover {
	color:#000;
}
#customer .cs-notice .notice_list {
	width:100%;
}

/* 공지사항 추출 */
.board_output td {
	height:36px;
	color:#666 !important; 
	font-size:15px; 
	font-weight:400;
}
.board_output a {
	font-size:17px !important; 
	line-height:44px; 
	font-weight:400; 
	color:#666 !important;
}
.board_output_1_tr {
	border-bottom:1px solid #ddd;
}

/* 고객센터 정보 */
#customer>div {
	display: table;	
}
/*
#customer .cs-center {
	float: left; 
	width: 34%; 
	height: 235px; 
	padding: 0 2.5%; 
	border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd;
}*/
#customer .cs-center {
	display: table-cell; 
	box-sizing: border-box;	
	width: 50%;
	padding-right: 6%;
	vertical-align: bottom;
}
#customer .cs-center li	{	
	margin: .3rem 0; 
	font-size: 1.1rem; 
	line-height: 1.6;
}
#customer .cs-center li::before {
	content:""; 
	width:4px; 
	height:4px; 
	margin-right:10px; 
	margin-top:15px; 
	vertical-align:top; 
	border-radius:50px; 
	background:#666; 
	display:inline-block;
}
#customer .cs-center li a {
	padding:9px 0; 
	font-size: 1.1rem;
	text-indent:0px;
}
#customer .cs-center li.tel_num,
#customer .cs-center li.tel_num a {
	padding-bottom: 20px; 
	color: #ed5c20; 
	font-size: 3rem; 
	line-height: 4rem; 
	font-weight: 700; 
	letter-spacing: 0; 
	font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}
#customer .cs-center li.tel_num::before,
#customer .cs-center li.cs-btn::before {
	display: none;
}
#customer .cs-center li.cs-btn	{
	overflow:hidden;
	margin-bottom: 0;
	padding-top: 1.5rem; 
	padding-left: 0; 
	text-align: center;
}
#customer .cs-center li.cs-btn a{
	float: left;
	width: calc(50% - 4px);
}
#customer .cs-center li.cs-btn a:first-child {
	margin-right: 8px;
}

/* 홍보영상 */
/*
#customer .cs-movie {
	float: left; 
	width: 33%; 
	padding-left: 3%;
}
*/
#customer .cs-movie {
	display: table-cell; 
	box-sizing: border-box;	
	width: 50%;		
	padding-left: 6%;
	border-left: 1px solid #ddd;
	vertical-align: bottom;
}
#customer .cs-movie .youtube-wrap .youtube { 
	position: relative; 
	width: 100%; 
	padding-bottom: 56.25%;
}
#customer .cs-movie .youtube-wrap .youtube iframe { 
	position: absolute; 
	width: 100%; 
	height: 100%;
}

/* 버튼 */
a.cs-btn, a.cs-btn2 {
	display: inline-block; 
	width: calc(48% - 4px);
	font-size: 15px;	
	color: #fff; 
	border-radius: 3px; 
	background: #787878; 
}
a.cs-btn2 { 
	background: #3163c7;
}
a.cs-btn:hover	{ 
	background: #555;
}
a.cs-btn2:hover	{ 
	background: #00113c;
}


@media only screen and (max-width: 1400px) {
	#customer .container {
		padding: 50px 0;
	}
	#customer h4 {
		padding-bottom: 10px;
	}
	#customer .cs-center li.tel_num, 
	#customer .cs-center li.tel_num a {
		padding-bottom: 0;
		font-size: 2.4rem;
	}
}
@media only screen and (max-width: 1200px) {
	.board_output a {
		font-size: 16px !important;
		line-height: 38px;
	}
	#customer .cs-center li {
		margin: 0;
		font-size: 1.1rem;
	}
	#customer .cs-center li::before {
		margin-top: 13px;
	}
	#customer .cs-center li a {
		padding: 7px 0;
		font-size: .9rem;
	}
}
@media only screen and (max-width: 1024px) {
	#customer .container {
		width: 100%;
		padding: 0;
	}
	#customer {
		padding:35px 24px; 
		background-attachment:scroll;
	}
	#customer .cs-center {
		padding-right: 4%;
	}
	#customer h4 {
		padding-bottom:0;
		font-size:1rem; 
	}
	#customer .cs-center li {		
		margin: .1rem 0;
		font-size: .9rem; 
	}
	#customer .cs-center li::before {
		margin-top: 10px;
	}
	a.cs-btn, a.cs-btn2 {		
		font-size: 13px; 
	}
	/* 고객센터 공지사항 */
	#customer .cs-notice {
		padding-right:20px;
	}
	/* 공지사항 추출 */
	.board_output td{
		height: 26px;
		font-size:12px;
		line-height:26px;
	}
	.board_output a	{
		font-size:13px !important; 
		line-height:26px;
	}
	/* 고객센터 홍보영상 */
	#customer .cs-movie {
		padding-left: 4%;
	}
}
@media only screen and (max-width: 900px) {	
	/* 고객센터 공지사항 */
	#customer .cs-notice {
		width: 50%;
		padding-right: 2.5%;
	}
	/* 고객센터 */
	#customer .cs-center li.cs-btn {
		padding-top: .5rem;
	}
	#customer .cs-center li a {
		padding: 3px 0; 
	}	
}
@media only screen and (max-width: 767px) {	
	#customer {
		width: 92%;
		margin: 0 auto;
		padding: 30px 0 50px;
	}
	/* 고객센터 공지사항 */
	#customer .cs-notice {
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0;
	}
	.board_output td {
		font-size: 14px;
		line-height: 28px;
	}
	.board_output a {
		font-size: 15px !important;
		line-height: 33px;
	}
	/* 고객센터 */
	#customer .cs-center {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
		border:0;
	}
	#customer .cs-center h4 {
		display: none;
	}
	#customer .cs-center li.tel_num, 
	#customer .cs-center li.tel_num a {
		font-size: 2rem;
		line-height:3rem;
	}
	#customer .cs-center li {
		margin: 0;
		font-size: 14px;
		line-height: 23px;
	}
	#customer .cs-center li::before {
		margin-top: 11px;
	}
	#customer .cs-center li a {
		padding: 4px 0;
	}
	/* 고객센터 홍보영상 */
	#customer .cs-movie {
		display: block;
		width: 100%;
		padding-left: 0;
	}
}




/* 하단 풋터 영역 */
#footer {
	padding:0 0 70px;
	text-align:center;
	line-height:20px;
	background:#333;
}
#footer a {
	color:#bbb;
}

.language_change {
	width: 100%;
	color: #fff;
	text-align: center;
	background:#282828;
}
.language_change li {
	display: inline-block;
	padding: .5rem 1rem .8rem;
	list-style: none;
	font-size: .95em;
}
.language_change li * {
	vertical-align: middle;
}
.language_change a {
	display: inline-block;
	font-weight: 700;
}
.language_change img {
	display: inline-block;
	padding-right: 4px;
	border-style: none;
}
.language_change div {
	display: inline-block;
}

#footer .copyright_sns,
#footer .copyright_logo,
#footer .footer_util	{
	width: 100%;
}
#footer .copyright_sns {
	margin-top:40px;
}
#footer .copyright_sns li {
	display: inline-block; 
	padding-right: 6px;
}
#footer .copyright_sns li:last-child {
	padding-right: 0;
}
#footer .copyright_sns li a {
	position:relative;
	display: block; 
	width: 42px; 
	height: 42px; 
	overflow:hidden;
	padding-top: 10px;
	font-size: 17px; 
	color: #fff; 
	border-radius: 30px; 
	background-color: rgba(255,255,255,.1);
}
#footer .copyright_sns li a:hover {
	background-color: rgba(255,255,255,.3);
}
#footer .copyright_sns li a span {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	padding:10px;
	text-indent:-9999em;
}
#footer .footer_util li {
	display: inline-block; 
	padding-right: 2px;
}
#footer .footer_util li a {
	display: block; 
	padding: 3px 14px 5px; 
	color: #bbb; 
	font-size: 14px; 
	border: 1px solid #a0a0a0; 
}
#footer .footer_util li a:hover {
	color: #fff; 
	border: 1px solid #999; 
	background: #999;
}
#footer .footer_copyright {
	width: 100%; 
	padding: 20px 0;
}
#footer .footer_copyright li {
	display: inline-block; 
	padding-right: 20px; 
	font-size: 14px; 
	color: #ddd;
}
#footer .footer_copyright li:last-child,
#footer .footer_copyright li:nth-last-child(2) {
	padding-right: 0;
}
#footer .copy_end {
	width:100%;
}


@media only screen and (max-width: 1400px) {
	#footer {
		padding-bottom:50px;
	}
}
@media screen and (max-width: 1024px) {
	/* 하단 풋터 영역 */
	#footer .copyright {
		font-size:13px; 
		line-height:20px;
	}
	#footer .copyright_sns {
		margin-top:30px;
	}
	#footer .copyright_sns li a {
		width:32px; 
		height:32px; 
		padding-top:6px;
		font-size:14px; 
	}
}
@media only screen and (max-width: 900px) {
	#footer .footer_copyright {
		width: 100%;
		padding: 15px 0;
	}
	#footer .footer_copyright {
		padding: 15px 10px;
	}
	#footer .footer_copyright li {
		font-size: 13px;
	}
	#footer .footer_util li a {
		padding: 1px 15px 3px;
		font-size: 12px;
	}
}
@media only screen and (max-width: 500px) {
	#footer .footer_util li {
		min-width:150px
	}
	#footer .footer_util li:nth-child(3n) {
		min-width:304px;
		margin-top:5px;
	}
}



.popup {
	position:relative;
	box-sizing:border-box;
	width: 100%;
    height: auto;	
	padding: 1.5rem;	
	border-top:2px solid #fff;
	background:#00233e;	
	z-index:10;
}
.popup h2 {
	display:inline-block;
	color:#fff;
	font-size:1.5rem;
	line-height:1.6;
	font-weight:500;
}
.popup h2 span {
	font-weight:300;
	font-size:1rem
}
.popup > div {
	display:inline-block;
}
.popup div div {
	display:inline-block;
	width:auto;
	margin:0 auto;
	font-size:.8rem;
	margin-left:5px;
	padding:0 1rem .05rem;
	font-weight:300;
	color:#fff;
	border-radius:20px;
	background:#000;
}
.popup p {
	display:inline-block;
	height:100%;
	margin-left:1.5rem;
	font-size:1.2rem;
	color:#fff;
	text-align:left;
	font-weight:300;
}
.popup p strong {
	color:#fff;
	padding:0 10px;
	font-weight:300;
	font-size:1.2rem;
}
.popup a {
	display:inline-block;
	padding:.2rem 1rem;
	color:#fff;
	text-align:left;
	font-size:.9rem;
	color:#000;
	font-weight:500;
	border-radius:3px;
	border:1px solid #fff;
	background:#fff;
}
.popup a {
	margin-left:1rem;
}
.popup a + a {
	margin-left:.5rem;
}

@media only screen and (max-width: 1200px) {
	.popup {
		padding: 1rem;
	}
	.popup h2 {
		font-size:1.3rem
	}
	.popup > div {
		width:100%; 
		margin-bottom:.2rem;
	}
	.popup p {
		margin-left:0;
		font-size:.9rem;
		text-align:center;
	}
	.popup p strong {
		padding: 0 5px;
		font-size:.9rem;
	}
	.popup a {
		padding:1px .5rem 2px;
		font-size:.8em;
	}
	.popup a + a {
		margin-left:5px;
	}
}

@media only screen and (max-width: 1024px) {	
	.popup {
		border-top:0;
	}
}
@media only screen and (max-width: 768px) {	
	.popup p {
		display:block;
		margin-bottom:5px;
	}
}
@media only screen and (min-width: 501px) {	
	.popup p br {
		display:none
	}
}
@media only screen and (max-width: 500px) {	
	.popup   {
		border:0
	}
	.popup p  {
		display:block;
		margin:.5rem 0;
		line-height:1.5
	}
	.popup p br {
		display:block
	}
	.popup a {
		min-width: 45%;
		padding:5px 0;
		text-align: center;
	}
}



/* NAVER D2*/
.mainNaver {
	border-top: 2px solid #fff; 
	background-color: #1eb9aa;
    background-image: -webkit-linear-gradient(-90deg, #1eb9aa 9%, #32eb7d 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(9%, #1eb9aa), to(#32eb7d));
    background-image: -webkit-linear-gradient(right, #1eb9aa 9%, #32eb7d 100%);
    background-image: linear-gradient(-90deg, #1eb9aa 9%, #32eb7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1eb9aa', endColorStr='#32eb7d', GradientType=1 );
}
.mainNaver a {
	display: flex; flex-direction: row; align-items: center;
	width: 1200px;
	margin: 0 auto; padding: 17px 0;
	background: url("https://itnbasic.com/wp-content/uploads/2022/09/bgNaverD2.png") no-repeat 50% 0; background-size:cover;
}
.mainNaver a > * {
	flex-basis: 40%;
}
.mainNaver img {
	max-width: 450px;
}
.mainNaver a > span {
	flex-basis: 60%;
	font-weight: 500;
    color: #fff; font-size: 1.35em; text-align: center; letter-spacing: -0.02em; line-height: 1.5; 
}
.mainNaver a > span br {
	display: none;
}

@media (max-width: 1200px) {
	.mainNaver a {
		flex-wrap: wrap;
		width: 97%;
		padding: 10px 0;
	}
	.mainNaver img {
		max-width: 300px;
		margin-bottom: 5px;
	}
	.mainNaver a > * {
		flex-basis: 100%;
		text-align: center;
	}
	.mainNaver a > span {		
		flex-basis: 100%; 
		font-size: 1em; line-height: 1.4; 
	}
}
@media (max-width: 500px) {
	.mainNaver img {
		max-width: 280px;
	}
}