/* common */
html, body {background:#fff;}

/* header */
header .header-top {border-bottom:1px solid #ddd;}
header .header-top .container {height:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-top ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top ul li:after {display:inline-block; content:""; width:4px; height:4px; background:#caccd7; border-radius:50%; margin:0 25px;}
header .header-top ul li:last-of-type:after {display:none;}
header .header-top ul li * {font-size:16px; font-weight:500;}
header .header-top ul li a:hover {text-decoration:underline;}
header .header-top.black .container {height:auto;}
header .header-top.black {background:#000;}
header .header-top.black ul li {border-right:1px solid #fff;}
header .header-top.black ul li:first-of-type {border-left:1px solid #fff;}
header .header-top.black ul li:after {display:none;}
header .header-top.black ul li a {color:#fff; height:37px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:150px;}
header .header-top.black ul li p {color:#fff;}
header .header-top.black ul:last-of-type li {border:0;}
header .header-main {position:relative; background:#fff; padding:32px 0; border-bottom:1px solid #e5e5e5;}
header .header-main .container {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo {flex:1; min-width:0;}
header .header-main .main-logo h1 {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a img {width:347px;}
header .header-main .main-logo h1 a b {font-size:30px; font-weight:600; margin:0 0 0 10px;}
header .header-main .main-button {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .main-button ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-button ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-button ul li:after {display:inline-block; content:""; width:1px; height:14px; background:#a9a9a9; margin:0 10px;}
header .header-main .main-button ul li:last-of-type:after {display:none;}
header .header-main .main-button ul li a {font-size:16px; font-weight:500;}
header .header-main .main-button ul li a:hover {text-decoration:underline;}
header .header-main .main-button .menu {margin:0 0 0 36px; width:29px; height:21px; font-size:0; background:url('../images/icon_menu.png') no-repeat center / cover;}
header .header-main .main-search {width:555px; margin:0 30px;}
header .header-gnb {position:relative; z-index:1000; background:#fff; border-bottom:1px solid #e5e5e5;}
header .header-gnb .container > ul {display:flex; flex-wrap:wrap;}
header .header-gnb .container > ul > li {flex:1; min-width:0;}
header .header-gnb .container > ul > li:nth-of-type(8),
header .header-gnb .container > ul > li:nth-of-type(9) {flex:none; width:12.5%;}
header .header-gnb .container > ul > li > a {font-size:20px; color:#000; height:90px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-gnb .container > ul > li:hover a {color:var(--color-active);}
header .header-gnb .container > ul > li > .depth {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:100%; width:100%; padding:55px 0; background:#fff; border-top:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header .header-gnb .container > ul > li > .depth .container {display:flex; flex-wrap:wrap; align-items:start;}
header .header-gnb .container > ul > li > .depth .depth-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:390px;}
header .header-gnb .container > ul > li > .depth .depth-title > div img {width:100%; max-width:208px;}
header .header-gnb .container > ul > li > .depth .depth-title > div h2 {font-size:40px; font-weight:800; color:#737373; text-align:center;}
header .header-gnb .container > ul > li > .depth .depth-title > div p {font-size:16px; font-weight:600; color:#808080; text-align:center;}
header .header-gnb .container > ul > li > .depth .depth-category {flex:1; min-width:0;}
header .header-gnb .container > ul > li > .depth .depth-category ul {display:flex; flex-wrap:wrap; margin:0 calc(0 - var(--container-padding, 15px)) -30px;}
header .header-gnb .container > ul > li > .depth .depth-category ul li {width:calc(25% - 40px); margin:0 20px 30px;}
header .header-gnb .container > ul > li > .depth .depth-category ul li a {height:50px; border:1px solid #cecece; padding:0 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-gnb .container > ul > li > .depth .depth-category ul li a:after {display:block; content:""; width:10px; height:6px; background:url('../images/icon_search_select.png') no-repeat center / cover; transform:rotate(-90deg);}
header .header-gnb .container > ul > li > .depth .depth-category ul li a p {flex:1; min-width:0; padding:0 10px 0 0; font-size:16px; line-height:1.3; word-break:keep-all;}
header .header-gnb .container > ul > li > .depth .depth-category ul li a:hover p {color:var(--color-active);}
header .header-gnb .container > ul > li > .depth .depth-category ul li.active a p {color:var(--color-active); font-weight:500;}
header .header-gnb .container > ul > li:hover > .depth {pointer-events:inherit; opacity:1;}
header .header-gnb .container > ul > li.active a {color:var(--color-active); font-weight:600;}
header .header-allmenu {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
header .header-allmenu .box {pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; width:100%; max-width:1760px; max-height:90%; background:#fff; border-radius:30px; overflow:hidden; transform:translate(-50%,-50%); transition:all ease 0.5s; display:flex; flex-direction:column;}
header .header-allmenu .menu-head {padding:35px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; background:var(--color-light-active);}
header .header-allmenu .menu-head h2 img {width:211px; display:block; margin:0 auto;}
header .header-allmenu .menu-head h2 p {font-size:18px; font-weight:600; margin:5px 0 0; text-align:center;}
header .header-allmenu .menu-head .close {position:absolute; right:80px; top:50%; transform:translateY(-50%); font-size:0; width:70px; height:70px; background:url('../images/icon_menu_close.png') no-repeat center / cover;}
header .header-allmenu .menu-body {width:100%; height:100%; overflow-y:auto; padding:50px 80px;}
header .header-allmenu .menu-body > ul {display:flex; flex-wrap:wrap; border-radius:30px; overflow:hidden;}
header .header-allmenu .menu-body > ul > li {width:20%; background:#f4f5f9; border-right:1px solid #d2d2d2;}
header .header-allmenu .menu-body > ul > li:nth-of-type(5n) {border-right:0;}
header .header-allmenu .menu-body > ul > li > button {pointer-events:none; height:60px; font-size:20px; font-weight:500; width:100%; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-active); color:#fff;}
header .header-allmenu .menu-body > ul > li .depth {padding:40px;}
header .header-allmenu .menu-body > ul > li .depth .container {padding:0;}
header .header-allmenu .menu-body > ul > li .depth ul {display:flex; flex-wrap:wrap;}
header .header-allmenu .menu-body > ul > li .depth ul li {width:100%; margin:0 0 5px;}
header .header-allmenu .menu-body > ul > li .depth ul li:last-of-type {margin:0;}
header .header-allmenu .menu-body > ul > li .depth ul li a {display:flex; flex-wrap:wrap; align-items:center;}
header .header-allmenu .menu-body > ul > li .depth ul li a:before {display:inline-block; content:""; width:4px; height:4px; background:#333; margin:0 8px 0 0;}
header .header-allmenu .menu-body > ul > li .depth ul li a p {flex:1; min-width:0; line-height:1.3; font-size:15px; font-weight:500; word-break:keep-all;}
header .header-allmenu .menu-body > ul > li .depth ul li a:hover p {color:var(--color-active); text-decoration:underline;}
header .header-allmenu .menu-body > ul > li .depth ul li.active a p {color:var(--color-active); font-weight:500;}
header .header-allmenu .menu-body > ul > li .depth ul li.half {width:50%;}
header .header-allmenu .menu-mobile {display:none;}
header.fixed .header-allmenu {pointer-events:inherit; opacity:1;}
header.fixed .header-allmenu .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:1500px){
header .header-gnb .container > ul > li > a {font-size:18px;}
}
@media (max-width:1400px){
header .header-main .main-logo {flex:none;}
header .header-gnb .container > ul > li > .depth .depth-title {width:300px;}
header .header-gnb .container > ul > li > .depth .depth-category ul {margin:0 -10px -20px;}
header .header-gnb .container > ul > li > .depth .depth-category ul li {width:calc(25% - 20px); margin:0 10px 20px;}
header .header-gnb .container > ul > li > .depth .depth-category ul li a {padding:0 15px;}
header .header-allmenu .menu-body {padding:35px;}
header .header-allmenu .menu-body > ul > li .depth {padding:20px;}
header.sub .header-main .main-logo {flex:1;}
}
@media (max-width:1200px){
header .header-main .main-logo h1 a img {width:280px;}
header .header-main .main-logo h1 a b {font-size:18px; margin:0 0 0 5px;}
header .header-main .main-search {flex:1; min-width:0;}
header .header-main .main-button {flex:none;}
header .header-gnb .container > ul > li > a {font-size:16px; height:80px;}
}
@media (max-width:991px){
header .header-top .container {height:35px;}
header .header-top ul li:after {margin:0 10px; width:3px; height:3px;}
header .header-top ul li * {font-size:13px;}
header .header-top ul:last-of-type {display:none;}
header .header-top.black ul li a {width:80px; height:30px;}
header .header-main {padding:15px 0; border-bottom:1px solid #ddd;}
header .header-main .main-logo {flex:1; min-width:0;}
header .header-main .main-logo h1 a img {width:200px;}
header .header-main .main-search {display:none;}
header .header-main .main-button ul {display:none;}
header .header-main .main-button ul li:after {margin:0 10px; height:10px;}
header .header-main .main-button ul li a {font-size:13px;}
header .header-main .main-button .menu {margin:0 0 0 15px; width:24px; height:18px;}
header .header-gnb {display:none;}
header .header-allmenu .box {border-radius:0; height:100%; max-height:100%;}
header .header-allmenu .menu-head {padding:15px;}
header .header-allmenu .menu-head h2 img {width:100px;}
header .header-allmenu .menu-head h2 p {display:none;}
header .header-allmenu .menu-head .close {width:30px; height:30px; right:15px;}
header .header-allmenu .menu-body {padding:15px;}
header .header-allmenu .menu-body > ul {border-radius:0;}
header .header-allmenu .menu-body > ul > li {width:100% !important; border:0; margin:0 0 5px;}
header .header-allmenu .menu-body > ul > li:last-of-type {margin:0;}
header .header-allmenu .menu-body > ul > li > button {pointer-events:inherit; height:45px; padding:0 15px; justify-content:space-between; font-size:16px;}
header .header-allmenu .menu-body > ul > li > button:after {display:block; content:""; width:13px; height:8px; background:url('../images/icon_arrow_top_white.png') no-repeat center / cover; transform:rotate(180deg);}
header .header-allmenu .menu-body > ul > li .depth {display:none;}
header .header-allmenu .menu-body > ul > li.active > button:after {transform:none;}
header .header-allmenu .menu-body > ul > li.active .depth {display:block;}
header .header-allmenu .menu-mobile {width:100%; padding:15px; border-bottom:1px solid #ddd; display:block;}
header .header-allmenu .menu-mobile .mobile-link {margin:0 0 15px;}
header .header-allmenu .menu-mobile .mobile-link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-allmenu .menu-mobile .mobile-link ul li {position:relative; display:flex; flex-wrap:wrap; align-items:center;}
header .header-allmenu .menu-mobile .mobile-link ul li:after {display:block; margin:0 20px; width:3px; height:3px; background:#ddd; border-radius:50%; content:"";}
header .header-allmenu .menu-mobile .mobile-link ul li:last-of-type:after {display:none;}
header .header-allmenu .menu-mobile .mobile-link ul li a {font-size:14px; text-align:center; display:block;}
}

body:has(.container.jihoe) header .header-gnb .container > ul > li:not(:last-child) > .depth {display:none !important;}

/* footer */
footer .footer-link .inner {padding:20px; border-bottom:1px solid #d4d4d4; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link .inner h2 img {width:110px;}
footer .footer-link .inner ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0; padding:0 0 0 20px;}
footer .footer-link .inner ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link .inner ul li:after {display:inline-block; content:""; width:4px; height:4px; background:#caccd7; margin:0 20px;}
footer .footer-link .inner ul li:last-of-type:after {display:none;}
footer .footer-link .inner ul li a {font-size:16px;}
footer .footer-link .inner ul li a:hover {text-decoration:underline;}
footer .footer-link .inner ul li:nth-of-type(4) a {color:#e85d52;}
footer .footer-info .inner {padding:20px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info .inner .info-left {flex:1; min-width:0; padding:0 20px 0 0;}
footer .footer-info .inner .info-left ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
footer .footer-info .inner .info-left ul li:last-of-type {margin:0;}
footer .footer-info .inner .info-left ul li p {font-size:16px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info .inner .info-left ul li p:after {display:inline-block; content:""; width:1px; height:14px; background:#333; margin:0 15px;}
footer .footer-info .inner .info-left ul li p:last-of-type:after {display:none;}
footer .footer-info .inner .info-left ul li p b {color:#e85d52; font-size:16px; margin:0 0 0 5px;}
footer .footer-info .inner .info-right .top {width:70px; height:70px; font-size:0; background:url('../images/icon_top.png') no-repeat center / cover;}
footer .footer-bottom {margin:0 0 30px;}
footer .footer-bottom .container {padding:0 30px;}
footer .footer-bottom .inner {background:#00b4a4; padding:20px; border-radius:10px;}
footer .footer-bottom .inner p {font-size:16px; color:#fff; text-align:center; word-break:keep-all;}
footer .footer-bottom .inner p b {font-size:16px; color:#f0ff00; font-weight:500;}
footer .footer-company {background:#3b434f;}
footer .footer-company .container > ul {display:flex; flex-wrap:wrap;}
footer .footer-company .container > ul > li {flex:1; min-width:0; position:relative; z-index:10;}
footer .footer-company .container > ul > li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#646c77; content:"";}
footer .footer-company .container > ul > li:last-of-type:after {display:none;}
footer .footer-company .container > ul > li button {padding:0 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; height:70px;}
footer .footer-company .container > ul > li button p {font-size:17px; color:#fff; flex:1; min-width:0; text-align:left;}
footer .footer-company .container > ul > li button:after {display:block; content:""; width:13px; height:8px; background:url('../images/icon_arrow_top_white.png') no-repeat center / cover;}
footer .footer-company .container > ul > li .inner {pointer-events:none; opacity:0; position:absolute; left:0; bottom:90%; transition:all ease 0.5s; width:100%; background:#fff; border:2px solid #000;}
footer .footer-company .container > ul > li .inner ul {display:flex; flex-wrap:wrap;}
footer .footer-company .container > ul > li .inner ul li {width:50%; border:1px solid #cecece; border-width:0 1px 1px 0;}
footer .footer-company .container > ul > li .inner ul li:nth-of-type(even) {border-right:0;}
footer .footer-company .container > ul > li .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; height:45px; padding:0 35px; font-size:16px; word-break:keep-all; line-height:1.3;}
footer .footer-company .container > ul > li .inner ul li a:hover {text-decoration:underline;}
footer .footer-company .container > ul > li.active .inner {pointer-events:inherit; opacity:1; bottom:100%;}
footer .footer-banner {border-top:1px solid #d4d4d4; padding:20px 0;}
footer .footer-banner .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-banner h2 {font-size:20px; font-weight:500; margin:0 20px 0 0;}
footer .footer-banner .swiper {flex:1; min-width:0; margin:0 0 0 40px;}
footer .footer-banner .swiper a {display:block;}
footer .footer-banner .swiper a img {width:100%;}
@media (max-width:1400px){
footer .footer-company .container > ul > li .inner ul li a {padding:0 10px;}
}
@media (max-width:1200px){
footer .footer-link .inner {padding:20px 0;}
footer .footer-link .inner ul li:after {margin:0 10px;}
footer .footer-info .inner {padding:20px 0;}
footer .footer-bottom .container {padding:0 15px;}
footer .footer-company .container > ul > li .inner ul li a {font-size:14px;}
}
@media (max-width:991px){
footer .footer-link .inner {padding:15px 0;}
footer .footer-link .inner h2 {width:100%;}
footer .footer-link .inner h2 img {display:block; margin:0 auto; width:80px;}
footer .footer-link .inner ul {flex:none; justify-content:flex-start; padding:0; width:100%; margin:15px 0 0; border:1px solid #d4d4d4; border-width:1px 0 0 1px;}
footer .footer-link .inner ul li {width:25%; border:1px solid #d4d4d4; border-width:0 1px 1px 0;}
footer .footer-link .inner ul li:after {display:none;}
footer .footer-link .inner ul li a {height:35px; width:100%; font-size:12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; word-break:keep-all; line-height:1.3;}
footer .footer-link .inner ul li:nth-of-type(n+5) {width:33.33%;}
footer .footer-info .inner .info-left {padding:0;}
footer .footer-info .inner .info-left ul li p {font-size:13px; width:100%; word-break:keep-all; margin:0 0 5px;}
footer .footer-info .inner .info-left ul li p:last-of-type {margin:0;}
footer .footer-info .inner .info-left ul li p:after {display:none;}
footer .footer-info .inner .info-left ul li p b {font-size:13px;}
footer .footer-info .inner .info-left ul li p a {font-size:13px;}
footer .footer-info .inner .info-right {position:fixed; z-index:100; right:15px; bottom:15px;}
footer .footer-info .inner .info-right .top {width:40px; height:40px;}
footer .footer-bottom {margin:0 0 15px;}
footer .footer-bottom .inner {padding:15px;}
footer .footer-bottom .inner p {font-size:13px;}
footer .footer-bottom .inner p b {font-size:13px;}
footer .footer-company .container {padding:0;}
footer .footer-company .container > ul > li {flex:none; width:50%; border-bottom:1px solid #646c77;}
footer .footer-company .container > ul > li:nth-of-type(n+3) {border-bottom:0;}
footer .footer-company .container > ul > li:after {display:none;}
footer .footer-company .container > ul > li button {padding:0 15px; height:50px;}
footer .footer-company .container > ul > li button:after {width:10px; height:6px;}
footer .footer-company .container > ul > li button p {font-size:14px;}
footer .footer-company .container > ul > li .inner ul {max-height:200px; overflow-y:auto;}
footer .footer-company .container > ul > li .inner ul li {width:100%; border-right:0;}
footer .footer-company .container > ul > li .inner ul li a {height:35px; padding:0 5px; font-size:13px;}
footer .footer-banner {padding:15px 0;}
footer .footer-banner h2 {width:100%; margin:0 0 10px; font-size:16px; display:none;}
footer .footer-banner .control-box {display:none;}
footer .footer-banner .swiper {margin:0;}
}