@charset "UTF-8";

/********** 헤더 **********/
.header {
	display:block;
	width:100%;
	background-color:#fff;
	background-color:var(--color-white);					/* ie11 대응 */
	background-color:var(--color-white);	/* 모던 */
	position:fixed;
	left:0;
	top:0;
	z-index:1250;
}
.header:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:9px;
	background:linear-gradient(90deg, #13489e 0%, #d44869 100%);	/* ie11 대응 */
	background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);	/* 모던 */
}

	.header img { vertical-align:top; }

	.header .header--frame {
		display:flex;
		justify-content:space-between;
		width:100%;
	}
		.header .header-logo {
			display:block;
		}
		.header .header-logo .logo {
			display:block;
			background-image:url('../../img/home/page/common/image_logo.png');
			background-repeat:no-repeat;
			background-position:left center;
			transition:0.3s all ease-in-out;
		}
		
		.header .header-logo .logo a {
			display:block;
			width:100%;
			height:100%;
		}
		
		.header .header-side {
			width:auto;
		}
			
				.header .header-side .all {
					display:block;
					width:50px;
					height:50px;
					position:relative;
					border-radius:5px;
				}
					.header .header-side .all .line-mark {
						height:2px;
						position:absolute;
						transition:0.3s all ease-in-out;
					}
					.header .header-side .all .line-mark.line1 {
						width:30px;
						top:15px;
						left:21px;
						background-color:#13489e;
						background-color:var(--color-primary);	/* IE11 폴백 */
						background-color:var(--color-primary);

					}
					.header .header-side .all .line-mark.line2 {
						width:30px;
						top:24px;
						left:10px;
						background-color:#b33d58;
						background-color:var(--color-secondary-alt);	/* IE11 폴백 */
						background-color:var(--color-secondary-alt);
					}
					.header .header-side .all .line-mark.line3 {
						width:30px;
						top:33px;
						left:21px;
						background-color:#13489e;
						background-color:var(--color-primary);	/* IE11 폴백 */
						background-color:var(--color-primary);
					}
				
				.header .header-side .all:hover,
				.header .header-side .all:focus {
					background:linear-gradient(45deg, #13489e 0%, #d44869 100%);	/* IE11 폴백 */
					background:linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);					
					border:0px;
				}
			
					.header .header-side .all:hover .line-mark.line1,
					.header .header-side .all:focus .line-mark.line1 {
						width:30px;
						background-color:#fff !important;
						background-color:var(--color-white) !important;	/* IE11 폴백 */
						background-color:var(--color-white) !important;
						top:50%;
						left:50%;
						transform:translate(-50%, -50%);
					}
				
					.header .header-side .all:hover .line-mark.line2,
					.header .header-side .all:focus .line-mark.line2 {
						opacity:0;
					}
				
					.header .header-side .all:hover .line-mark.line3,
					.header .header-side .all:focus .line-mark.line3 {
						width:30px;
						background-color:#fff !important;
						background-color:var(--color-white) !important;	/* IE11 폴백 */
						background-color:var(--color-white) !important;
						top:50%;
						left:50%;
						transform:translate(-50%, -50%) rotate(90deg);
					}
			
				.header .header-side .all.active { background-color:#000; background-color:var(--color-black); }	/* IE11 폴백 */
				.header .header-side .all.active { background-color:var(--color-black); }
					.header .header-side .all.active .line-mark { background-color:#fff; background-color:var(--color-white); transition:0.3s all ease-in-out; }	/* IE11 폴백 */
					.header .header-side .all.active .line-mark { background-color:var(--color-white); transition:0.3s all ease-in-out; }
					.header .header-side .all.active .line-mark.line1 {
						width:21px;
						top:50%;
						left:50%;
						transform:translate(-50%, -50%) rotate(135deg);
						
					}
					.header .header-side .all.active .line-mark.line2 { display:none; }
					.header .header-side .all.active .line-mark.line3 {
						width:21px;
						top:50%;
						transform:translate(-50%, -50%) rotate(-135deg);
					} 
			
				.header .header-side .all.active:hover,
				.header .header-side .all.active:focus { background-color:#25597a; background-color:var(--color-info-dark); }	/* IE11 폴백 */
				.header .header-side .all.active:hover,
				.header .header-side .all.active:focus { background-color:var(--color-info-dark); }
			
				.header .header-side .all.active:hover .line-mark,
				.header .header-side .all.active:focus .line-mark { background-color:#fff !important; background-color:var(--color-white) !important; }	/* IE11 폴백 */
				.header .header-side .all.active:hover .line-mark,
				.header .header-side .all.active:focus .line-mark { background-color:var(--color-white) !important; }
			
				.header .header-side .all.active:hover .line-mark.line1,
				.header .header-side .all.active:focus .line-mark.line1 { transform:rotate(225deg); }
			
				.header .header-side .all.active:hover .line-mark.line3,
				.header .header-side .all.active:focus .line-mark.line3 { transform:rotate(-45deg); }
	
/********** 사이트 맵 **********/
.site-map { display:none; }
	.site-map .main-category-link .new-window,
	.site-map .sub-category-link .new-window,
	.site-map .tail-category-link .new-window { display:inline-block; }

	.site-map .main-category-link .new-window.big {
		width:18px;
		height:18px;
		margin-left:15px;
		background:url('../../img/home/common/image_icon_newWindow_big.png') no-repeat center center;
	}
	
	.site-map .sub-category-link .new-window.small {
		width:13px;
		height:13px;
		margin-left:10px;
		background:url('../../img/home/common/image_icon_newWindow_small.png') no-repeat center center;
	}
	
	.site-map .tail-category-link .new-window.small {
		width:13px;
		height:13px;
		margin-left:10px;
		background:url('../../img/home/common/image_icon_newWindow_small.png') no-repeat center center;
	}

	.site-map .site-map--close-btn {
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		border-radius:5px;
		background:linear-gradient(90deg, #13489e 0%, #d44869 100%);	/* IE11 폴백 */
		background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
	}
		.site-map .site-map--close-btn .line-mark {
			width:30px;
			height:2px;
			margin-left:-15px;
			background:#fff;
			background:var(--color-white);	/* IE11 폴백 */
			background:var(--color-white);
			position:absolute;
			left:50%;
		}
		
		.site-map .site-map--close-btn .line-mark.line1 {
			margin-top:-1px;
			top:50%;
			transform:rotate(135deg);
			transition:0.3s all ease-in-out;
		}
		
		.site-map .site-map--close-btn .line-mark.line2 {
			margin-top:-1px;
			top:50%;
			transform:rotate(-135deg);
			transition:0.3s all ease-in-out;
		} 
	
		.site-map .site-map--close-btn:hover .line-mark,
		.site-map .site-map--close-btn:focus .line-mark { transition:0.3s all ease-in-out; }
	
		.site-map .site-map--close-btn:hover .line-mark.line1,
		.site-map .site-map--close-btn:focus .line-mark.line1 { transform:rotate(225deg); }
		
		.site-map .site-map--close-btn:hover .line-mark.line2,
		.site-map .site-map--close-btn:focus .line-mark.line2 { transform:rotate(-45deg); }
	
	.site-map .side-menu {
		display:flex;
		justify-content:flex-start;
		width:100%;
	}
	
		.site-map .side-menu-item {
			display:block;
			align-self:center;
		}
		
		.site-map .side-menu-btn { 
			width:auto;
			font-weight:600;
			font-size:0.85em;
			color:rgba(0,0,0,.7);	/* IE11 폴백 */
			color:var(--color-black-70);
		}
		
		.site-map .side-menu-btn:not(:last-of-type) {
			margin-right:10px;
			padding-right:10px;
			border-right:1px solid #ccc;
			border-right:1px solid var(--color-gray-light);	/* IE11 폴백 */
			border-right:1px solid var(--color-gray-light);
		}
	
	.site-map .title-box .m-txt {
		padding-top:10px;
		font-family:'SEBANG_Gothic_Bold', sans-serif;
		font-size:2rem;
		letter-spacing:-.9px;
		color:#000;
		color:var(--color-black);	/* IE11 폴백 */
		color:var(--color-black);
	}
	
	.site-map .title-box .s-txt {
		font-weight:600;
		word-wrap:break-word;
		word-break:keep-all;
		margin-top:10px;
	}

/********** responsive - start **********/

/* Mobile */
@media screen and (min-width:1px) and (max-width:320px) {
	.header-middle .side-btn-frame { top:42px !important; }
}

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	.header .header-logo .logo {
		max-width:70%;
		width:100%;
	}
		
	/********** 헤더 - 전체메뉴 **********/
	.site-map .title-box .m-txt { font-size:1.4rem; font-weight:600; color:#000; color:var(--color-black); }	/* IE11 폴백 */
	.site-map .title-box .m-txt { font-size:1.4rem; font-weight:600; color:var(--color-black); }
	.site-map .title-box .s-txt { font-size:0.85rem; margin-top:10px; color:rgba(0,0,0,.6); }	/* IE11 폴백 */
	.site-map .title-box .s-txt { font-size:0.85rem; margin-top:10px; color:var(--color-black-60); }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {	
	.header .header--frame {
		align-items:center;
		padding:26px 21px 17px 21px;
		border-bottom:1px solid #ccc;
		border-bottom:1px solid var(--color-gray-light);	/* IE11 폴백 */
		border-bottom:1px solid var(--color-gray-light);
		background-color:#fff;
		background-color:var(--color-white);	/* IE11 폴백 */
		background-color:var(--color-white);
	}
		.header .header-logo { width:100%; }
	
		.header .header-logo .pc-logo { display:none; }
		.header .header-logo .mob-logo { display:block; }
	
		.header .header-logo .logo {
			height:50px;
			background-size:contain;
		}
		
		.header .header-middle { display:none; }		
		
		/********** 헤더 - middle - 메뉴 **********/
		.header-middle .menu-frame { display:none; }
		
	/********** 헤더 - 전체메뉴 **********/
	.site-map {
		width:100%;
		height:100vh;
		position:fixed;
		left:0px;
		top:0px;
		z-index:2001;
	}
	
		.site-map .site-map--mask {
			display:block;
			width:100%;
			height:100%;
			background-color:rgba(0,0,0,.3);	/* IE11 폴백 */
			background-color:var(--color-black-30);
		}
	
		.site-map .site-map--frame { 
			width:80%;
			height:100vh;
			padding:30px;
			background-color:#fff;
			background-color:var(--color-white);	/* IE11 폴백 */
			background-color:var(--color-white);
			position:absolute;
			right:-80%;
			top:0;
			transition:0.3s all ease-in-out;
		}
		.site-map .site-map--frame.open { right:0; }
			.site-map.all-menu-open .site-map--frame { right:0; }
		  
			.site-map .sitemap-menu--frame { height:100%; position:relative; }
		
				.site-map .title-box { display: block; width:100%; padding-bottom:20px; border-bottom:1px solid #ccc; border-bottom:1px solid var(--color-gray-light); }	/* IE11 폴백 */
				.site-map .title-box { display: block; width:100%; padding-bottom:20px; border-bottom:1px solid var(--color-gray-light); }
	
				.site-map .marker-box {
					display:block;
					position:absolute;
				}
				.site-map .marker {
					display:block;
					width:100%;
					height:100%;
					position:relative;
				}
					.site-map .marker .line {
						display:block;
						height:2px;
						position:absolute;
						background-color:#000;
						background-color:var(--color-black);	/* IE11 폴백 */
						background-color:var(--color-black);
					}		
						.site-map .marker .line.line1 { 
							transform:rotate(90deg);
							transition:0.3s all ease-in-out;
						}
						.site-map .marker .line.line2 { 
							transform:rotate(0deg);
							transition:0.3s all ease-in-out; 
						} 
	
	.site-map .main-category-box {
		height:calc(100% - 100px);
		overflow-y:auto;
	}
	
		.site-map .main-category-box .main-category-list {
			width:100%;
			border-bottom:1px solid #ccc;
			border-bottom:1px solid var(--color-gray-light);	/* IE11 폴백 */
			border-bottom:1px solid var(--color-gray-light);
		}
			.site-map .main-category-link {
				display:block;
				width:100%;
				padding:20px 0;
				font-weight:600;
				font-size:1.05em;
				position:relative;
			}
				.site-map .main-category-link .marker-box {
					width:20px;
					height:20px;
					right:0px;
					top:20px;
				}
					.site-map .main-category-link .marker .line {
						width:20px;
						margin-top:-1px;
						margin-left:-10px;
						background-color:#000;
						background-color:var(--color-black);	/* IE11 폴백 */
						background-color:var(--color-black);
						left:50%;
						top:50%;
					}
	
			.site-map .main-category-link.enter { color:#1b489c; color:var(--color-accent); }	/* IE11 폴백 */
			.site-map .main-category-link.enter { color:var(--color-accent); }
			.site-map .main-category-link.enter .marker .line { background-color:#1b489c; background-color:var(--color-accent); }	/* IE11 폴백 */
			.site-map .main-category-link.enter .marker .line { background-color:var(--color-accent); }
			.site-map .main-category-link.enter .marker .line.line1 { display:none; }
			
			.site-map .main-category-link:hover,
			.site-map .main-category-link:focus {
				color:#38a36e;
				color:var(--color-success-hover);	/* IE11 폴백 */
				color:var(--color-success-hover);
				text-decoration:none;
			}
			
	.site-map .sub-category-box {
		display:none;
		padding:10px;
		padding-bottom:20px;
		padding-top:0px;
	}
	.site-map .sub-category-list:not(:last-of-type) { margin-bottom:10px; }
	
		.site-map .sub-category-link {
			display:block;
			width:100%;
			padding-left:12px;
			background-image:url('../../img/home/common/img-dot.jpg');
			background-repeat:no-repeat;
			background-position:left 8.69px;
			position:relative;
			font-weight:600;
			font-size:0.91rem;
			line-height:1.4;
		}
			.site-map .sub-category-link .marker-box {
				width:14px;
				height:14px;
				right:0px;
				top:2px;
			}
				.site-map .sub-category-link .marker .line {
					width:14px;
					margin-left:-7px;
					margin-top:-1px;
					background-color:#000;
					background-color:var(--color-black);	/* IE11 폴백 */
					background-color:var(--color-black);
					left:50%;
					top:50%;
				}
	
			.site-map .sub-category-link.active { color:#17739e; color:var(--color-info); }	/* IE11 폴백 */
			.site-map .sub-category-link.active { color:var(--color-info); }
				.site-map .sub-category-link.active .marker .line { background-color:#17739e; background-color:var(--color-info); }	/* IE11 폴백 */
				.site-map .sub-category-link.active .marker .line { background-color:var(--color-info); }
				.site-map .sub-category-link.active .marker .line.line1 { display:none; }
	
		.site-map .sub-category-link:hover,
		.site-map .sub-category-link:focus {
			color:#c7111b;
			color:var(--color-danger);	/* IE11 폴백 */
			color:var(--color-danger);
			text-decoration:none;
		}
	
	
	.site-map .tt { display:block; width:100%; }
	
	.site-map .site-map--close-btn { top:0; right:0px; }
	
	.site-map .tail-category-box {
		display:none;
		padding-left:15px;
		padding-bottom:15px;
		margin-top:10px;
	}
	.site-map .tail-category-list:not(:last-of-type) { margin-bottom:10px; }
		.site-map .tail-category-link {
			display:block;
			width:100%;
			font-weight:600;
			font-size:0.85rem;
			color:rgba(0,0,0,.8);	/* IE11 폴백 */
			color:var(--color-black-80);
		}
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1516px) {
	.header .header-logo .logo { width:278px; }
	
	/********** 헤더 - 전체메뉴 **********/
	.site-map .title-box .m-txt { font-size:1.8rem; font-weight:600; color:#000; color:var(--color-black); }	/* IE11 폴백 */
	.site-map .title-box .m-txt { font-size:1.8rem; font-weight:600; color:var(--color-black); }
}

/* Tablet & Pc */
@media screen and (min-width:640px) {
	
}

/* Pc */
@media screen and (min-width:1317px) and (max-width:1516px) {
	/* PC 드롭메뉴 좌우 배경 이미지 + 상단 구분선 */
	.header:after {
		background-image:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1));	/* IE11 폴백 */
		background-image:linear-gradient(to bottom, var(--color-black-10), var(--color-black-10));
		background-position: 0 160px;
		background-size: 100% 1px;
	}
	
	.header .header--frame { max-width:1300px; }
	
	.site-map .main-category-list { width:23.5%; }
	.site-map .main-category-list:not(:last-of-type) { margin-right:2%; }
	.site-map .main-category-list:nth-of-type(4n) { margin-right:0; }
	.site-map .main-category-list:nth-of-type(n+5) { margin-top:40px; }
}

/* Pc */
@media screen and (min-width:1317px) {
	/********** 헤더 - top **********/
	.header {
		background-color:#fff;
		background-color:var(--color-white);	/* IE11 폴백 */
		background-color:var(--color-white);
		transition:0.3s all ease-in-out;
		overflow:hidden;
	}
	/* PC 드롭메뉴 좌우 배경 이미지 + 상단 구분선 */
	.header:after {
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-repeat: no-repeat;
		opacity:0;
		transition:opacity 0.3s ease-in-out;
		pointer-events:none;
		z-index:-1;
	}
	.header.mouseEnter:after {
		opacity:1;
	}
	
		.header .header-logo {
			padding-top:41.5px;
		}
		.header .header-logo .logo {
			width:327px;
			height:77px;
		}
	
		.header .header-logo .pc-logo { display:block; }
		.header .header-logo .mob-logo { display:none; }
	
		.header .header--frame {
			margin-left:auto;
			margin-right:auto;
		}

			.header-middle { 
				display:block;
				width:auto;
			}
				.header-middle--navi { 
					display:flex;
					justify-content:flex-start;
					width:100%;
				}
					.header-middle .menu-frame {
						display:block;
						width:100%;
					}						
						.header-middle .main-menu {
							display:flex;
							justify-content:flex-start;
							width:100%;
						}
							.header-middle .main-menu .menu-list { 
								display:block;
								min-width:180px;
								flex:1;
							}
							
								.header-middle .main-menu .menu-link { 
									display:block;
									width:100%;
									padding:68.5px 0px;
									position:relative;
									text-align:center;
									font-family:'SEBANG_Gothic_Regular', sans-serif;
									font-weight:600;
									font-size:1.3rem;
									letter-spacing:-.1px;
									white-space: nowrap;
									color:#000;
									color:var(--color-black);	/* IE11 폴백 */
									color:var(--color-black);
									transition:0.3s all ease-in-out;
								}
								
								.header-middle .main-menu .menu-link.other-link { padding:67px 0px; }
								
								.header-middle .main-menu .menu-link:hover,
								.header-middle .main-menu .menu-link:focus,
								.header-middle .main-menu .menu-link.enter,
								.header-middle .main-menu .menu-link.active { text-decoration:none; }
								
								.header-middle .main-menu .menu-link.enter { color:#1b489c; color:var(--color-accent); }	/* IE11 폴백 */
								.header-middle .main-menu .menu-link.enter { color:var(--color-accent); } 
								
								.header-middle .main-menu .menu-link.active { color:#1b489c; color:var(--color-accent); }	/* IE11 폴백 */
								.header-middle .main-menu .menu-link.active { color:var(--color-accent); }
								
								.header-middle .main-menu .menu-link .active-mark {
									display:none;
									width:21px;
									height:23px;
									background-color:transparent;
									background-image:url('../../img/home/page/common/image_menu_effect_mark.png');
									position:absolute;
									left:50%;
									top:35px;
									z-index:101;
									transition:0.3s all ease-in-out;
								}
								
								.header-middle .main-menu .menu-link.enter .active-mark,
								.header-middle .main-menu .menu-link.active .active-mark { display:block; }						
								
								.header-middle .main-menu .menu-link.active.enter { color:#1b489c; color:var(--color-accent); }	/* IE11 폴백 */
								.header-middle .main-menu .menu-link.active.enter { color:var(--color-accent); }
								.header-middle .main-menu .menu-link.active.enter .active-mark { 
									display:block;
									background-color:transparent;
								}
								
							.header-middle .sub-nav {
								display:none;
								width:100%;
								padding:25px 10px;
							}
							
							.header-middle .sub-nav .sub-nav-frame { display:block; width:100%; }
							.header-middle .sub-nav .sub-nav-list { display:block; width:100%; }
							.header-middle .sub-nav .sub-nav-list:not(:last-of-type) { margin-bottom:8px; }
							.header-middle .sub-nav .sub-nav-link { 
								display:block;
								width:100%;
								padding:10px;
								border:1px solid transparent;
								border-radius:5px;
								font-weight:600;
								font-size:0.91rem;
								color:#000;
								color:var(--color-black);	/* IE11 폴백 */
								color:var(--color-black);
								text-align:center;
								transition:0.3s all ease-in-out;
								word-wrap:break-word;
								word-break:keep-all;
								line-height:1.4;
							}
							
							.header-middle .sub-nav .sub-nav-link:hover,
							.header-middle .sub-nav .sub-nav-link:focus,
							.header-middle .sub-nav .sub-nav-link.active { 
								border-color:#1b489c;
								border-color:var(--color-accent);	/* IE11 폴백 */
								border-color:var(--color-accent);
								color:#1b489c;
								color:var(--color-accent);	/* IE11 폴백 */
								color:var(--color-accent);
								text-decoration:none;
							}

							.header-dropmenu--mask {
								display:none;
								width:100%;
								min-height:100%;
								background-color:rgba(0,0,0,.6);	/* IE11 폴백 */
								background-color:var(--color-black-60);
								border-bottom:1px solid #ccc;
								border-bottom:1px solid var(--color-gray-light);	/* IE11 폴백 */
								border-bottom:1px solid var(--color-gray-light);
								position:fixed;
								top:0;
								left:0;
								z-index:104;
							}

							.header-middle .main-menu .new-window,
							.header-middle .sub-nav .new-window { display:inline-block; }
						
							.header-middle .main-menu .new-window.big { 
								width:18px;
								height:18px;
								margin-left:15px;
								background:url('../../img/home/common/image_icon_newWindow_big.png') no-repeat center center;
							}
							
							.header-middle .sub-nav .new-window.small {
								width:13px;
								height:13px;
								margin-left:10px;
								background:url('../../img/home/common/image_icon_newWindow_small.png') no-repeat center center;
							}
														
					.header .header-side {
						display:block;
						width:auto;
						padding-top:55px;
					}
					
					.header.sub-head { border-bottom:1px solid #ccc; border-bottom:1px solid var(--color-gray-light); }	/* IE11 폴백 */
					.header.sub-head { border-bottom:1px solid var(--color-gray-light); }
	
	/********** 사이트 맵 **********/
	.site-map { 
		width:100%;
		height:100%;
		background-color:#fff;
		background-color:var(--color-white);	/* IE11 폴백 */
		background-color:var(--color-white);
		position:fixed;
		left:0;
		top:0;
		z-index:1251;
	}
		.site-map .site-map--mask { display:none; }
	
		.site-map .site-map--frame {
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			max-width:1300px;
			height:100%;
			margin-left:auto;
			margin-right:auto;
			padding:50px 0;
			position:relative;
		}
		
		.site-map .title-box {
			display:block;
			width:100%;
			padding-bottom:30px;
			margin-bottom:30px;
			position:relative;
			border-bottom:2px solid #000;
			border-bottom:2px solid var(--color-black);	/* IE11 폴백 */
			border-bottom:2px solid var(--color-black);
		}
			
	
			.site-map .site-map--title {
				display:flex;
				justify-content:space-between;
				align-items:cener;
				width:100%;
			}
				.site-map .site-map--close-btn { 
					position:relative;
				}

		.site-map .sitemap-menu--frame { display:block; width:100%; }

			.site-map .main-category-box {
				display:flex;
				justify-content:flex-start;
				flex-wrap:wrap; 
				width:100%;
				max-height:calc(100vh - 248px);
				overflow-y:auto; 
			}
				.site-map .main-category-list {
					display:block;
					padding-left:36px;
					border-left:1px solid rgba(0,0,0,.4);	/* IE11 폴백 */
					border-left:1px solid var(--color-black-40);
				}
		
					.site-map .main-category-link {
						display:block;
						width:100%;
						transition:0.3s all ease-in-out;
					}
						.site-map .main-category-link .tt {
							display:inline-flex;
							width:auto;
							padding:25px 21px 20px 0;
							font-family:'SEBANG_Gothic_Bold', sans-serif;
							font-size:1.45rem;
							letter-spacing:-0.6px;
							color:#000;
							color:var(--color-black);	/* IE11 폴백 */
							color:var(--color-black);
							transition:0.3s all ease-in-out;
						}
			
				.site-map .main-category-link:hover,
				.site-map .main-category-link:focus { text-decoration:none; }
				
				.site-map .main-category-link:hover .tt,
				.site-map .main-category-link:focus .tt,
				.site-map .main-category-link .tt.enter,
				.site-map .main-category-link .tt.enter {					
					background-image:url('../../img/home/page/common/image_menu_effect_mark.png');
					background-repeat:no-repeat;
					background-position:right top;
					color:#1b489c;
					color:var(--color-accent);	/* IE11 폴백 */
					color:var(--color-accent);
				}
			
	
			.site-map .sub-category-box {
				display:block !important;
				width:100%;
				padding:21px 0 0 0;
			}
				.site-map .sub-category-list {
					display:block;
					width:100%;
				}
				.site-map .sub-category-list:not(:last-of-type) { margin-bottom:15px; }
				
					.site-map .sub-category-link {
						display:block;
						padding-bottom:12px;
						transition:0.3s all ease-in-out;
					}
						.site-map .sub-category-link .tt {
							font-family:'SEBANG_Gothic_Regular', sans-serif;
							font-weight:300;
							font-size:1rem;
							color:#000;
							color:var(--color-black);	/* IE11 폴백 */
							color:var(--color-black);
						}
					
					.site-map .sub-category-link:hover,
					.site-map .sub-category-link:focus { text-decoration:none; }
				
						.site-map .sub-category-link:hover .tt,
						.site-map .sub-category-link:focus .tt { color:#bf4163; color:var(--color-danger-rose); }	/* IE11 폴백 */
						.site-map .sub-category-link:hover .tt,
						.site-map .sub-category-link:focus .tt { color:var(--color-danger-rose); }
		
		.site-map .tail-category-box {
			display:block !important;
			width:100%;
			margin-bottom:10px;
			padding-left:10px;
		}
			.site-map .tail-category-list { display:block; width:100%; }
			.site-map .tail-category-list:not(:last-of-type) { margin-bottom:7px; }
				.site-map .tail-category-link {
					display:block;
					width:100%;
					font-weight:600;
					font-size:0.91rem;
					color:rgba(0,0,0,.8);	/* IE11 폴백 */
					color:var(--color-black-80);
				}
				.site-map .tail-category-link:hover,
				.site-map .tail-category-link:focus { color:#000; color:var(--color-black); }	/* IE11 폴백 */
				.site-map .tail-category-link:hover,
				.site-map .tail-category-link:focus { color:var(--color-black); }
}

/* Pc */
@media screen and (min-width:1517px) {
	/* PC 드롭메뉴 좌우 배경 이미지 + 상단 구분선 */
	.header:after {
		background-image:	/* IE11 폴백 */
			url('../../img/home/page/common/image_drop_menu_left_bg.png'),
			url('../../img/home/page/common/image_drop_menu_right_bg.png'),
			linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1));
		background-image:	/* 모던 */
			url('../../img/home/page/common/image_drop_menu_left_bg.png'),
			url('../../img/home/page/common/image_drop_menu_right_bg.png'),
			linear-gradient(to bottom, var(--color-black-10), var(--color-black-10));
		background-position: 118px 250px, right 160px, 0 160px;
		background-size: 321px 81px, 304px 299px, 100% 1px;
	}
	
		.header .header--frame { max-width:1500px; }
	
		.site-map .site-map--frame { max-width:1500px; }
		
			.site-map .main-category-list { width:18.4%; }
			.site-map .main-category-list:not(:last-of-type) { margin-right:2%; }
			.site-map .main-category-list:nth-of-type(5n) { margin-right:0; }
			.site-map .main-category-list:nth-of-type(n+6) { margin-top:40px; }
	
	.site-map .side-menu { margin-top:44px; position:absolute; bottom:50px; left:0; }
}

/********** responsive - end **********/

div:where(.swal2-container) { z-index:1700 !important; }