@charset "utf-8";

/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:14px;font-weight:400;font-family: "S-CoreDream", sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:keep-all;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;height:100%;}
body{overflow-x:hidden;}
body.hide{overflow:hidden;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;max-height:100%;}
table{border-collapse:collapse;width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
select{border:0;position:relative;background: url(../images/common/select.png) no-repeat right 10px center;padding: 0 30px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}

[hidden]{display:none!important}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;border: none;}
.sr-only{position: absolute; left: -9999px; width: 1px;  height: 1px; margin: 0 !important;  font-size: 0; line-height: 0; overflow: hidden;}

.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;}

.skip-nav a {position:absolute; left:-3000%;}
.skip-nav a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#ee2a32; color:#fff; text-align:center;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mb0{margin-bottom: 0px !important;}

.blue{color:#103e89 !important;}
.blue2{color:#1639ea !important;}
.org{color:#ffb600 !important;}
.red{color:#de4552 !important;}

.txl{text-align:left !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}

p.txt{font-size: 18px;font-weight: 300;color: #333333;}
p.txt2{font-size: 18px;font-weight: 600;color: #333333;}

span.txt2{font-size: 18px;font-weight: 600;color: #333333;}
.under{text-decoration:underline;}
.f500{font-weight:500 !important;}
.f600{font-weight:600 !important;}

.in-wid{width:1600px;margin:0 auto;}
#footer .in-wid{width:1765px;padding:20px 0;}

#header{border-bottom:1px solid #e0e0e0;position:relative;z-index: 12;background: #fff;}
#header .h-field{text-align:center;position:relative;background:#fff;font-size: 0;}
#header .logo{position:absolute;left:0;top: 22px;z-index: 13;}
#header .logo a{display:block;width:152px;}
#header .gnb{display:inline-block;position:relative;}
#header .gnb > ul{}
#header .gnb > ul > li{float:left;position:relative;}
#header .gnb > ul > li + li{margin-left:95px;}
#header .gnb > ul > li > a{display:block;font-size:20px;color:#222222;font-weight:500;padding: 29px 0;border:3px solid transparent;}
#header .gnb > ul > li > a.on{border-bottom-color:#103e89;}
#header .util-box{display:flex;gap:25px;position:absolute;right:0;top: 30px;z-index:12;}
#header .util-box > a{display:block;}
#header .util-box .popupOpen{}
#header .util-box .popupOpen a{width: 24px;height: 27px;background:url("../images/common/ico001.png") no-repeat;background-size: 100%;}
#header .util-box .btn-search{width:24px;height:24px;background:url("../images/common/icon_h_search.png") no-repeat;}
#header .util-box .btn-search.active{width:21px;height:21px;background-image:url("../images/common/icon_h_close.png");}
#header .serach-bar-box{display:none;position:absolute;top:90px;left:0;width:100%;background:#fff;padding:54px 0;z-index: 10;border-top: 1px solid #dcdcdc;}
#header .serach-bar-box.show{display:block;}
#header .serach-bar-box .bar{width:702px;margin:0 auto;position:relative;}
#header .serach-bar-box .bar.bg{padding: 1.5px 2px 2px 2px;border-radius:42px; background: linear-gradient(to right, #eb4678, #1a4dad);}
#header .serach-bar-box .bar input{height:68px;padding-left:34px;padding-right:58px;font-size:22px;font-weight:500;font-family: 'Pretendard';border: 0;width:100%;background:#fff;border-radius: 70px;outline:none;}
#header .serach-bar-box .bar input::placeholder{color:#b9b9b9;}
#header .serach-bar-box .bar .btn-search{display:block;position:absolute;right:25px;top:50%;transform:translateY(-50%);}

#header .in-wid{max-width:1920px;width:100%;}
#header .logo{left:110px;}
#header .util-box{right:110px;}
#header.fake-box{height:92px;}
#header.fake-box .gnb{display:flex;justify-content: center;height:550px;background:url("../images/common/gnb_menu_bg.jpg") no-repeat right bottom #fff;position:absolute;width:100%;z-index: 12;}
#header.fake-box .gnb::before{content:'';position:absolute;top:92px;left:0;width:100%;height:1px;background:#e0e0e0;z-index:11;}


.gnb-f-menu{display:none;padding:40px 0 90px;text-align:left;position:absolute;left:-80px;top: 92px;width: 240px;z-index: 12;}
.gnb-f-menu.active{display:block;}
.gnb-f-menu.wn{left:10px;}
.gnb-f-menu.reso{left:30px;}
.gnb-f-menu ul{font-family: 'Pretendard';}
.gnb-f-menu > ul{/* width:960px;margin:0 auto; */}
.gnb-f-menu > ul > li{/* float:left; */}
.gnb-f-menu .top-txt{font-size:24px;color:#222222;font-weight:600;}
.gnb-f-menu .depth1{margin-top:35px;}
.gnb-f-menu .depth1 > li + li{padding-top:30px;}
.gnb-f-menu .depth1 > li > a{display:block;}
.gnb-f-menu .depth1 > li .txt{display:inline-block;font-size:18px;color:#222222;font-weight:500;position:relative;z-index:1;}
.gnb-f-menu .depth1 > li .txt:hover,
.gnb-f-menu .depth1 > li .txt:focus-visible{color:#103e89;font-weight:700;}
.gnb-f-menu .depth1 > li .txt:hover::before,
.gnb-f-menu .depth1 > li .txt:focus-visible::before{content:'';position:absolute;bottom:-1px;left:-4px;right:-4px;width:calc(100% + 8px);height:8px;background:#d9eafa;z-index:-1;}
.gnb-f-menu .depth2{margin-top:18px;}
.gnb-f-menu .depth2 > li + li{padding-top:12px;}
.gnb-f-menu .depth2 > li > a{display:block;font-size:16px;color:#777777;}
.gnb-f-menu .depth2 > li > a:hover,
.gnb-f-menu .depth2 > li > a:focus-visible{color:#000022;text-decoration: underline;text-underline-offset: 2px;}

.m-gnb{position:fixed;display:none;right:0;top:0;background:#fff;width:450px;padding:80px 0 0 0;height:100vh;overflow-y:auto;z-index:14;}
.m-gnb.active{display:block;}
.m-gnb > ul > li{}
.m-gnb > ul > li > a{display:block;font-size:26px;color:#222222;font-weight:600;/* height:72px; */padding:15px 52px 14px 20px;position:relative;border-bottom:1px solid #dddddd;}
.m-gnb > ul > li > a::before{content:'';position:absolute;top:18px;right:18px;width:31px;height:31px;background:url("../images/common/ico_m_gnb_dp1_close.png") no-repeat center;border:1px solid #d3d3d3;border-radius:10px;}
.m-gnb > ul > li > a.on{color:#103e89;}
.m-gnb > ul > li > a.on::before{background-image:url("../images/common/ico_m_gnb_dp1_open.png");background-color:#103e89;}
.m-gnb .close-btn{display:block;position:absolute;right:20px;top:27px;}

.m-gnb .depth1{padding: 0 20px;display:none;}
.m-gnb .depth1 > li{}
.m-gnb .depth1 > li > a{display:block;font-size:20px;color:#222222;font-weight:500;padding:16px 20px 12px 0;position:relative;border-bottom:1px solid #dddddd;}
.m-gnb .depth1 > li > .off{background:url("../images/common/ico_m_gnb_dp1_close.png") no-repeat right 10px top 25px;}
.m-gnb .depth1 > li > .on{color:#103e89;background:url("../images/common/ico_m_gnb_dp2_open.png") no-repeat right 7px top 27px;}
.m-gnb .depth1 > li > .none{background:url("../images/common/ico_m_gnb_dp2_none.png") no-repeat right 10px top 25px;}

.m-gnb .depth2{display:none;}
.m-gnb .depth2 > li > a{font-size:16px;color:#222222;font-weight:300;}
.m-gnb .depth2 > li > a:hover,
.m-gnb .depth2 > li > a:focus-visible{text-decoration: underline;text-underline-offset: 2px;}
.m-gnb ul.list-style1 > li{margin:5px 0;}

#footer {border-top:1px solid #e0e0e0;background:#eff5fe;}
#footer .f-lef{float:left;}
#footer .f-rig{float:right;}
#footer .f-logo{display:inline-block;width:120px;margin-right:30px;vertical-align:top;}
#footer .f-infor{display:inline-block;}
#footer .f-infor .tt-txt{font-size:16px;color:#222222;font-weight:500;}
#footer .f-infor .i-list{margin-top:8px;display:flex;gap:14px;}
#footer .f-infor .i-list li{font-size:16px;color:#666666;}
#footer .f-infor .i-list li .commu{display:inline-block;color:#111111;font-weight:500;padding-right:2px;}
#footer .f-infor .t-txt{padding-top:4px;font-size:16px;color:#666666;}
#footer .rights{padding-top:20px;font-size:16px;color:#c9c9c9;}
#footer .site-selector{position:relative;}
#footer .site-selector > a{display:block;background:#ffffff;border-radius:20px;font-size:16px;color:#555555;width:180px;height:40px;line-height:40px;padding:0 25px 0 20px;}
#footer .site-selector > a::after{content:'';position:absolute;top:50%;transform: translateY(-50%);right:15px;width:10px;height:7px;background:url("../images/common/icon_f_sel_arrow.png") no-repeat;}
#footer .site-selector > a.on::after{transform:rotate(180deg) translateY(-50%);}
#footer .site-selector > ul{display: none;position: absolute;left: 0;right: 0;bottom: 100%;max-height: 200px;overflow-y: auto;background: #fff;border: 1px solid #515151;}
#footer .site-selector > ul > li > a{display: flex;align-items: center;height: 30px;font-size: 16px;font-weight: 500;padding-left: 10px;}
#footer .site-selector > ul > li > a:hover{background:#1967d2;color:#fff;}
#footer .site-selector > a.on::after{transform:translateY(-50%) rotate(180deg);}

.dimed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index: 11;}
.dimed.ca-style{z-index:10;}

.back-top-btn{display:none;position:fixed;right:22px;bottom:236px;width:60px;height:60px;line-height:63px;text-align:center;border-radius:50%;background:#302f32;font-size:14px;color:#ffffff;font-weight:500;z-index: 8;}
.back-top-btn.show{display:block;}
.back-top-btn.mo-hide{display:none;}

@media screen and (max-width:1920px){
	#header .in-wid{max-width:none;/* padding:0 20px; */}
	#header .logo{left: 20px;}
	#header .util-box{right: 20px;}
}

@media screen and (max-width:1765px){
	#footer .in-wid{width:100%;padding:20px;}
}

@media screen and (max-width:1700px){
	.in-wid{width:100%;/* padding:0 20px; */}
}


@media screen and (max-width:1280px){
	#header .gnb > ul > li + li{margin-left:65px;}

}

@media screen and (max-width:1024px){
	#header{height:90px;}
	#header .gnb{display:none;}

	#header .serach-bar-box{padding:30px 0;}
	#header .serach-bar-box .bar{width:80%;}
	#header .serach-bar-box .bar input{height:55px;}
	#header .serach-bar-box .bar.bg{padding:2px;}

	#footer .f-logo{margin-right:0;}
	#footer .f-infor{display:block;margin-top:20px;}
	#footer .rights{padding-top: 10px;}
	#footer .f-lef,
	#footer .f-rig{float:none;}
	#footer .f-filed{position:relative;}
	#footer .site-selector{position:absolute;right:0;top:0;}
}

@media screen and (max-width:840px){
	#header{height:80px;}
	#header .serach-bar-box{top:80px;}

}

@media screen and (max-width:768px){

	#header{height:60px;}
	#header .logo{top:15px;}
	#header .logo a{width:110px;}
	#header .util-box{gap:15px;top:17px;}

	#header .in-wid{padding: 0;}
	.in-wid{padding:0 15px;}

	#header .serach-bar-box{top:60px;}
	#header .serach-bar-box .bar{width:90%;}
	#header .serach-bar-box .bar input{height:40px;font-size:18px;padding-left:25px;padding-right: 40px;}
	#header .serach-bar-box .bar .btn-search{right:18px;}
	#header .serach-bar-box .bar .btn-search img{width:22px;}

	#footer .f-infor .t-txt,
	#footer .f-infor .i-list li,
	#footer .rights{font-size:14px;}
	#footer .in-wid{padding:15px;}
	#footer .f-infor{margin-top:10px;}
	#footer .f-infor .i-list{gap:7px;}

	p.txt{font-size:16px;}
	p.txt2,
	span.txt2{font-size:18px;}
	p.txt2 iframe{width:100% !important;}

}

@media screen and (max-width:480px){
	.m-gnb{padding:60px 0 0 0;width: 400px;max-width: 100%;}
	.m-gnb > ul > li > a{font-size:24px;padding:10px 48px 9px 16px;}
	.m-gnb > ul > li > a::before{right:14px;top: 11px;}
	.m-gnb .depth1{padding: 0 16px;}
	.m-gnb .depth1 > li > a{font-size:19px;}
	.m-gnb .close-btn{top: 17px;}
}

@media screen and (max-width:470px){
	#footer .f-infor .i-list{flex-direction: column;gap:2px;}
	#footer .site-selector > a{width:160px;}
}


@media screen and (max-width:420px){
	.m-gnb{width:100%;}
}


.allmenu-layer{
	display:none; position:fixed; inset:0; z-index:2000;
	background:#fff; overflow:auto;
}
.allmenu-layer.active{ display:block; }

.allmenu-layer .close-btn{
	position:fixed; top:24px; right:24px; z-index:2100;
	display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center;
}
.sitemap-wrap{max-width: 1400px;margin:0 auto;padding: 130px 20px;}
.sitemap-wrap .tit{font-size: 40px;text-align: center;font-weight: 500;margin-bottom: 91px;}


#sitemap .container {
	width: 100%;
	max-width: calc(1280px + var(--container-padding, 0px)*2);
	margin: 0 auto;
	padding-left: var(--container-padding, 0px);
	padding-right: var(--container-padding, 0px);
}

/* container + container-fluid 같이 붙어있어도 강제로 가운데 */
#sitemap .container.container-fluid {
	max-width: calc(1280px + var(--container-padding, 0px)*2) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}



@media(min-width: 992px) {
	#sitemap .util-links {
		display:none
	}
}

@media(max-width: 991.98px) {
	#sitemap {
		padding:16px 0
	}
}

.sitemap a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #000
}

.sitemap a[target=_blank]:after {
	content: "";
	width: 20px;
	height: 20px;
	margin-top: -2px
}

.sitemap .sitemap-depth>li {
	font-size: 16px
}

.sitemap .sitemap-depth>li ul a {
	color: #666
}

@media(min-width: 992px) {
	.sitemap {
		display:grid;
		gap: 40px 24px;
		grid-template-columns: repeat(3, 1fr)
	}

	.sitemap>li:not(:last-child) {
		border-right: 1px solid #e5e5e5
	}

	.sitemap>li>a {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.1
	}

	.sitemap .sitemap-depth>li {
		margin-top: 24px;
		font-size: 14px
	}

	.sitemap .sitemap-depth>li>a {
		font-size: 16px;
		font-weight: 600
	}

	.sitemap .sitemap-depth>li>a~a {
		margin-top: 24px
	}

	.sitemap .sitemap-depth>li ul>li {
		margin-top: 8px
	}

	.sitemap .depth4 {
		display: none
	}
}

@media (min-width: 1400px) {
	.sitemap {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}



@media(max-width: 991.98px) {
	.sitemap>li>a {
		font-size:20px;
		line-height: 24px;
		padding: 20px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: 700
	}

	.sitemap>li>a::after {
		content: "";
		width: 24px;
		height: 24px;
	}


	.sitemap .sitemap-depth:not(.active),.sitemap-depth>li>ul:not(.active) {
		display: none
	}

	.sitemap .sitemap-depth>li+li {
		margin-top: 8px
	}

	.sitemap .sitemap-depth>li>a~a {
		margin-top: 8px
	}

	.sitemap .sitemap-depth>li:has(.depth3:not(.d-none))>a::after {
		content: "";
		width: 16px;
		height: 16px;
	}

	.sitemap .sitemap-depth>li>a {
		display: flex;
		font-size: 16px;
		align-items: center;
		justify-content: space-between;
		padding: 16px 24px;
		background: var(--gray);
		border-radius: 16px;
		font-weight: 700
	}

	.sitemap .depth3 {
		padding: 16px 24px
	}

	.sitemap .depth3>li+li {
		margin-top: 16px
	}

	.sitemap .depth3>li>a {
		font-size: 16px;
		color: #000;
		font-weight: 500;
		gap: 4px
	}

	.sitemap .depth3>li>a:before {
		content: "";
		width: 4px;
		height: 4px;
		border-radius: 100%;
		background: var(--primary)
	}

	.sitemap .depth4 {
		padding-top: 4px;
		font-size: 14px
	}

	.sitemap .depth4 li {
		margin-top: 4px
	}
}

.ft {
	background: #000;
	color: #fff;
	padding: 80px 30px;
	border-radius: 40px 40px 0 0;
	font-size: .8333333333rem
}

@media(min-width: 1600px) {
	.ft {
		padding-left:66px;
		padding-right: 66px
	}
}

@media(max-width: 1199.98px) {
	.ft {
		padding:0 0 32px;
		border-radius: 16px 16px 0 0
	}
}

.ft-sitemap {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	padding-bottom: 160px;
	gap: 24px
}

.ft-sitemap>li>a {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px
}

.ft-sitemap ul {
	padding-top: 4px
}

.ft-sitemap ul>li {
	margin-top: 8px
}

.ft-sitemap ul>li>a+a {
	margin-top: 8px
}

.ft-sitemap ul a {
	display: flex;
	align-items: center;
	gap: 8px
}

.ft-sitemap ul a[target=_blank]:after {
	content: "";
	width: 1.1111111111rem;
	height: 1.1111111111rem;
	margin-top: -2px;
	filter: brightness(0) invert(1)
}

.ft-sitemap ul .icon {
	filter: brightness(0) invert(1)
}

.ft-sitemap .depth3 {
	display: none !important
}

@media(max-width: 1399.98px) {
	.ft-sitemap {
		grid-template-columns:repeat(5, 1fr);
		padding-bottom: 80px
	}
}

@media(max-width: 1199.98px) {
	.ft-sitemap {
		display:block;
		padding-bottom: 24px
	}

	.ft-sitemap>li>a {
		display: block;
		padding: 16px 0;
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 1rem;
		border-bottom: 1px solid hsla(0,0%,100%,.25)
	}

	.ft-sitemap>li>a:after {
		content: "";
		width: 16px;
		height: 16px;

	}

	.ft-sitemap>li:has(.active)>a::after {
		transform: scaleY(-1)
	}

	.ft-sitemap ul {
		padding: 8px 0;
		border-bottom: 1px solid hsla(0,0%,100%,.25)
	}

	.ft-sitemap ul:not(.active) {
		display: none
	}

	.ft-sitemap ul a {
		gap: 4px
	}
}


@media (min-width: 992px) {
	#sitemap { display: inline-flex; }
	#uBtnAllMenu { display: none !important; }
}

@media (max-width: 991.98px) {
	#sitemap { display: none !important; }
	#uBtnAllMenu { display: inline-flex; }
}