@charset "utf-8";


#center { width:100%; margin-top:120px; min-height:calc(100vh - 315px); }
#center .inner { width:100%; max-width:1440px; padding:40px 30px 80px; margin:0 auto; position:relative; display:flex; justify-content:space-between; gap:5%;  }
#center .inner > .left { width:260px; flex-shrink:0; }
#center .inner > .right { flex-grow:1; min-width: 0;  }

.lnbWrap { position:sticky; top:160px; transition:all 0.3s; z-index:90; }
.lnbWrap .lnb { display:block;  }
.lnbWrap .lnb.lnbPc { display:block !important;  }
.lnbWrap .lnbTit {background:linear-gradient(109deg, #0072bc, #0082ad 40%, #28b476); padding:2.2rem 1.0rem; text-align:center; font-size:3.0rem; color:#fff; font-weight:700; line-height:1.2;
border-radius:2.0rem 0 0 0; }
.lnbWrap .lnb .lnbMenu { border:1px solid #ccc; border-radius:0 0 1.0rem 0; margin-top:1px; transition:all 0.3s; overflow:hidden; }
.lnbWrap .lnb .lnbMenu > a { height:4.8rem; line-height:1.2; display:flex; padding:1.0rem; font-size:1.8rem; color:#101010; height:5.0rem; border-radius:0 0 1.0rem 0; justify-content:space-between; align-items:center; }
.lnbWrap .lnb .lnbMenu.hasChild > a:after { display:block; content:''; width:14px; height:14px; background:url("../../images_2023/common/depth02_open_blk.gif")center no-repeat; background-size:contain; }
.lnbWrap .lnb .lnbMenu.open,
.lnbWrap .lnb .lnbMenu.active,
.lnbWrap .lnb .lnbMenu:hover { border-color:var(--blue); border-radius:0 0 2.0rem 0; }
.lnbWrap .lnb .lnbMenu.hasChild > a:hover { color:var(--blue); }
.lnbWrap .lnb .lnbMenu.hasChild > a:hover:after { background:url("../../images_2023/common/depth02_open_blue.gif")center no-repeat; background-size:contain;  }
.lnbWrap .lnb .lnbMenu.hasChild.active > a:after,
.lnbWrap .lnb .lnbMenu.hasChild.open > a:after { background:url("../../images_2023/common/depth02_close.gif")center no-repeat; background-size:contain; }
.lnbWrap .lnb .lnbMenu.hasChild.active > a,
.lnbWrap .lnb .lnbMenu.hasChild.open > a { background:var(--blue); color:#fff;  }
.lnbWrap .lnb .lnbMenu .lnbChild { display:none; padding:0.8rem 0; background:#fff; }
.lnbWrap .lnb .lnbMenu .lnbChild li a { padding:1.0rem 1.0rem 1.0rem 1.5rem; font-size:1.7rem; color:#555; font-weight:500; line-height:1.2; display:block;  }
.lnbWrap .lnb .lnbMenu .lnbChild li a.active,
.lnbWrap .lnb .lnbMenu .lnbChild li a:hover { color:var(--blue); }
.lnbWrap .currentTit { display:none; }
.lnbWrap.fixed { top:120px; transition:all 0.3s; }
.lnbWrap .lnb .lnbMenu.active > a,
.lnbWrap .lnb .lnbMenu.open > a { background:var(--blue); color:#fff;  }

.subContentWrap { max-width:1050px; }
.subContentWrap .pageTit { font-size:3.5rem; color:#010101; font-weight:700; padding:1.9rem 0; line-height:1.2; text-align:left;}
.pageLocation { width:100%; padding:1.5rem; background:#f9f9f9; border:1px solid #d4d4d4; border-radius:1.0rem 0 0 0; }
.pageLocation ul { display:flex; align-items:center; }
.pageLocation ul li { display:flex; align-items:center; font-size:1.6rem; color:#333; }
.pageLocation ul li:not(:last-child):after { width:8px; height:8px; border:1px solid #555; content:''; display:block; border-width:1px 1px 0 0; transform: rotate(45deg); margin:0 10px; }
.subContentWrap .subContent { padding-top:40px; }

/* 5차메뉴 */
.tabNavi { }
.tabNavi ul { display:flex; justify-content: space-between; border-bottom:2px solid var(--blue01); margin-bottom:4.0rem; gap:1px; }
.tabNavi ul li { width:20%; flex-grow:1; display:flex; align-items:center; padding:1.5rem 1rem 1.3rem 1rem;  overflow:hidden; border-radius:1.0rem 0 0 0; max-width:50%; }
.tabNavi ul li:last-child { border-radius:0 1.0rem 0 0; }
.tabNavi ul li a { display:block; width:100%; text-align:center; line-height:1.3;  color:#333; font-weight:500; }
.tabNavi ul li:hover { background:#efefef; }
.tabNavi ul li.current { background:var(--blue01); }
.tabNavi ul li.current a { color:#fff; }


/* 오른쪽 퀵메뉴 */
.asideRight { position:fixed; top:240px; left:50%; margin-left:700px; width:100px; border:1px solid #ccc; transition:all 0.3s; z-index:10; }
.asideRight ul { width:100%; background:#fff; }
.asideRight ul li { height:110px; padding:5px 10px; text-align:center; display:flex; align-items:center; flex-wrap:wrap; position:relative; transition:all 0.3s; }
.asideRight.fixed { top:120px; transition:all 0.3s; }
.asideRight ul li a { display:block; width:100%; }
.asideRight ul li .icon { width:40px; height:40px; margin:0 auto; background:url("../../images_2023/sub/quickIcon_80x80.png")no-repeat; background-size:500%; transition:all 0.3s;  }
.asideRight ul li .text { font-size:1.5rem; line-height:1.8rem; color:#101010; margin-top:5px; }
.asideRight ul li a span { display:block; }
.asideRight ul li.rightBtn01 .icon { background-position:0 100%; }
.asideRight ul li.rightBtn02 .icon { background-position:25% 100%; }
.asideRight ul li.rightBtn03 .icon { background-position:50% 100%; }
.asideRight ul li.rightBtn04 .icon { background-position:75% 100%; }
.asideRight ul li:hover { background-color:var(--blue01); }
.asideRight ul li:hover .text { color:#fff; }
.asideRight ul li.rightBtn01:hover .icon { background-position:0 0; }
.asideRight ul li.rightBtn02:hover .icon { background-position:25% 0; }
.asideRight ul li.rightBtn03:hover .icon { background-position:50% 0; }
.asideRight ul li.rightBtn04:hover .icon { background-position:75% 0; }
.asideRight ul li:not(:last-child):after { width:90%; height:1px; content:''; display:block; background:#ccc; position:absolute; top:100%; left:50%; transform:translateX(-50%); }
.asideRight ul li.rightBtn01,
.asideRight ul li.rightBtn02
.asideRight ul li.rightBtn03{ display:block; }
.asideRight ul li.rightBtn05,
.asideRight ul li.rightBtn06 { display:none; }

.kakaoLayerPop { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:110; width:90%; max-width:800px; display:none; border-radius:20px 0 0 0; }
.kakaoLayerPop .layerInner {  background:#efefef; padding:50px; box-shadow:0 5px 10px rgba(0,0,0,0.3); position:relative; width:100%; }
.kakaoClose { width:50px; height:50px; background: url("../../images_2023/common/close_80x80_blk.png")no-repeat center; background-size:contain; background-color:#fff; text-indent:-10000px; font-size:0;
border:0; position:absolute; top:10px; right:10px; }
.kakaoLayerPop .layerTitle { display:flex; align-items:center; font-size:2.4rem; color:#101010; font-weight:500; }
.kakaoLayerPop .layerTitle img { width:42px; margin-right:5px; }
.kakaoLayerPop .kakaoList { display:flex; gap:15px 3%; justify-content:space-between; flex-wrap:wrap; margin-top:30px; }
.kakaoLayerPop .kakaoList li { width:31%; flex-grow:1; border:2px solid #d4d4d4; border-radius:2.2rem; text-align:center; padding:1.2rem 1.5rem 1rem; line-height:1; background:#fff; overflow:hidden;  }
.kakaoLayerPop .kakaoList .kakaoLink img { width:12px; margin-left:5px; }
.kakaoLayerPop .kakaoList li a { color:#381e1f; }


@media all and (max-width:1600px) {
	#center .inner { gap:3%; max-width:1600px; padding-right:95px; }
	#center .inner > .left { width:240px; }
	
	.asideRight { left:auto; right:0px; margin-left:0; width:90px; }
	.asideRight.fixed {  }
}

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	#center .inner { gap:3%; padding-right:75px; }
	#center .inner > .left { width:20%; max-width:220px; }
	.lnbWrap .lnbTit { font-size:2.6rem; }
	.lnbWrap .lnb .lnbMenu > a { font-size:1.8rem;  }
/*	.lnbWrap .lnb .lnbMenu .lnbChild li a { font-size:1.4rem;  }*/
	.subContentWrap .pageTit { font-size:3.2rem; }
	.pageLocation { padding:1.2rem 1.5rem; }
	.pageLocation ul li { font-size:1.5rem; }
	
	.asideRight { width:70px; top:234px; }
	.asideRight ul li { padding:5px; }
	.asideRight ul li a span { }
	
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	#center .inner { flex-wrap:wrap; gap:0; padding:0 0 50px 0; }
	#center .inner > .left,
	#center .inner > .right { width:100%; max-width:100%; }
	#center .inner > .left { position:relative; z-index:90; }
	#center .inner > .right {position:relative; z-index:1;  }
	.lnbWrap .lnbTit { display:none; }
	.lnbWrap .currentTit { display:flex; background:var(--blue); color:#fff; font-size:1.9rem; padding:1rem; line-height:1.2; height:5.0rem; width:100%; justify-content:space-between; align-items:center;  }
	.lnbWrap .currentTit:after { display:block; content:''; width:14px; height:14px; background:url("../../images_2023/common/depth02_open.gif")center no-repeat; background-size:contain; }
	.lnbWrap .currentTit.open:after { background:url("../../images_2023/common/depth02_close.gif")center no-repeat; background-size:contain; }
	.lnbWrap .lnb { display:none; position:absolute; top:5.0rem; width:100%; left:0; z-index:100; box-shadow:0 5px 15px rgba(0,0,0,0.3); }
	.lnbWrap .lnb .lnbMenu { border:0; border-radius:0; margin-top:0px; background:#fff; border-bottom:1px solid #ccc;}
	.lnbWrap .lnb .lnbMenu.hasChild > a:after { background:url("../../images_2023/common/depth03_open_blk.gif")center no-repeat; background-size:contain; }
	.lnbWrap .lnb .lnbMenu.open,
	.lnbWrap .lnb .lnbMenu.active,
	.lnbWrap .lnb .lnbMenu:hover { border-color:#ccc; border-radius:0; }
	.lnbWrap .lnb .lnbMenu.hasChild > a:hover { color:#101010; }
	.lnbWrap .lnb .lnbMenu.hasChild > a:hover:after {  background:url("../../images_2023/common/depth03_open_blk.gif")center no-repeat; background-size:contain;  }
	.lnbWrap .lnb .lnbMenu.hasChild.open > a:after { background:url("../../images_2023/common/depth03_close_blk.gif")center no-repeat; background-size:contain; }
	.lnbWrap .lnb .lnbMenu.active > a,
	.lnbWrap .lnb .lnbMenu.open > a { background:#fff; color:var(--blue01); font-weight:600; }
	.lnbWrap .lnb .lnbMenu.hasChild.active > a,
	.lnbWrap .lnb .lnbMenu.hasChild.open > a { background:#fff; color:#101010;  }	
	.lnbWrap .lnb .lnbMenu .lnbChild { background:#efefef; }
	.subContentWrap { padding:0 3.0rem; }
	.subContentWrap .pageTit { }
	.lnbWrap { position:relative; top:0; }
	.lnbWrap.fixed { position:fixed; top:80px; width:100%; left:0; }	
	
	/* 오른쪽 퀵메뉴 */
	.asideRight { display:block; position:fixed; top:auto; bottom:0; left:0; margin-left:0; width:100%; border:0; transition:all 0.3s; z-index:80;  }
	.asideRight ul {display:flex; width:100%; justify-content:space-between; background:var(--blue02); }
	.asideRight ul li { width:33.3333%; height:70px; padding:5px; }
	.asideRight ul li .text { font-size:11px; line-height:12px; color:#fff; }
	.asideRight ul li .text br { display:none; }
	.asideRight ul li.rightBtn04 .icon { background-position:75% 0; }
	.asideRight ul li:not(:last-child):after { width:1px; height:100%; background:rgba(255,255,255,0.2); position:absolute; top:0; left:100%; transform:translateX(0%); }
	.asideRight.fixed { top:auto; transition:all 0.3s; bottom:0; }
	.asideRight ul li.rightBtn01,
	.asideRight ul li.rightBtn02,
	.asideRight ul li.rightBtn03 { display:none !important; }
	.asideRight ul li.rightBtn05,
	.asideRight ul li.rightBtn06 { display:block; }
	.asideRight ul li:hover { background-color:var(--blue02); }
	.asideRight ul li.rightBtn05 .icon { background:url("../../images_2023/sub/quickIcon_home.png")center; background-size:100%; }
	.asideRight ul li.rightBtn06 .icon { background:url("../../images_2023/sub/quickIcon_yt.png")center; background-size:100%; }
	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	#center { margin-top:60px; }
	.subContentWrap { padding:0 2.0rem; }
	.pageLocation { display:none; }	
	.lnbWrap.fixed { top:60px; }
	
	.subContentWrap .pageTit { font-size:2.7rem; padding:40px 0 30px;  }
	.subContentWrap .subContent { padding-top:0; }
	
	.kakaoLayerPop .layerInner { padding:20px; }
	.kakaoLayerPop .layerTitle { font-size:18px; }
	.kakaoLayerPop .layerTitle img { width:30px; }
	.kakaoLayerPop .kakaoList { gap:10px 2%; }
	.kakaoLayerPop .kakaoList li { width:48%; max-width:300px; padding:1rem 1rem 0.9rem; }
	.kakaoLayerPop .kakaoList li a { font-size:14px; }
	.kakaoLayerPop .kakaoList .kakaoLink img { width:8px; }
	.kakaoClose { width:40px; height:40px; }
	
	/* 5차메뉴 */
	.tabNavi ul li { width:auto; }
	.tabNavi.col06 { overflow-x:scroll; }
	.tabNavi.col06 ul { width:auto; flex-wrap:wrap; }
	.tabNavi.col06 ul li { background:#efefef; width:30%; }
	.tabNavi.col06 ul li.current { background:var(--blue01); }
}

@media all and (max-width: 479px) {	
	.subContentWrap .pageTit { /*font-size:2.5rem;*/ padding:30px 0 20px; }
	
	/* 5차메뉴 */
	.tabNavi ul li { padding:1.0rem 1px; max-width:initial !important;  }
	.tabNavi ul li a { /*word-break:break-all;*/ }
}