@charset "utf-8"; 

/* os-N1 */
.os-N1 {z-index:5000; position:fixed; width:100%; height:8rem; top:0 }
.os-N1::after {content:""; position:absolute; top:0; left:0; height:100%; width:100%; transition:0.4s; background:rgba(26, 83, 186, 0.7);}
.os-N1.block-scroll-active::after {background: rgba(26, 83, 186, 0.8);}
.os-N1.block-active::after {background:rgba(var(--black-rgb), 0.7); height:28.4rem;}
.os-N1.block-active .header-sublist {display:block; height:16.4rem;}
.os-N1 .header-container {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:8rem; padding:0 3rem; z-index:100;}
.os-N1 .header-title {margin-bottom:0;}
.os-N1 .header-title a {width:11rem; height:auto; vertical-align:top;}
.os-N1 .header-title img {width:100%; height:100%; vertical-align:top;}
.os-N1 .header-center {position:absolute; top:0; left:50%; transform: translateX(-50%);}
.os-N1 .header-member {display:none;}
.os-N1 .header-gnblist {display:flex;}
.os-N1 .header-gnbitem {position:relative;}
.os-N1 .header-gnblink {position:relative; padding:2.8rem 3rem; font-size:var(--fs-h6); font-weight:500; text-align:center; white-space:nowrap; color:var(--text-color5); }
.os-N1 .header-gnblink span::after {content:""; position:absolute; left:3rem; bottom:0; height:0.2rem; width:calc(100% - 6rem); transition:0.3s; transform:scaleX(0); background-color:var(--white);}
.os-N1 .header-gnblink.on span::after { content: ""; transform: scaleX(1); }
.os-N1 .header-right {display:flex; align-items:center; }
.os-N1 .header-right .navbar{margin-right:6rem;}
.os-N1 .header-right .navbar a{font-size:1.7rem; font-weight:700; color:#fff; padding:0 0 0 45px;}
.os-N1 .header-utils {display:flex; align-items:center; }
.os-N1 .header-utils button {width:4rem; height:4rem; background:none; border:none;}
.os-N1 .header-utils button img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }
.os-N1 .header-utils .btn-search { padding: 0.2rem; }
.os-N1 .header-utils .btn-user { padding: 0; }
.os-N1 .header-utils .btn-allmenu { padding: 0; }
.os-N1 .header-utils .btn-user button img { width: 100%; height: 100%; object-fit: cover; }
.os-N1 .header-utils .btn-moclose { display: none; }
.os-N1 .header-utils .btn-momenu { display: none; }
.os-N1 .header-fullmenu { position: fixed; z-index: 99999; padding: 0 2.4rem; background-color: var(--white); transition: 0.3s; opacity: 0; visibility: hidden; overflow: hidden; }
.os-N1 .header-fullmenu.fullmenu-right { width: 0; height: 100%; top: 0; right: 0; }
.os-N1 .header-fullmenu.fullmenu-left { width: 0; height: 100%; top: 0; left: 0; }
.os-N1 .header-fullmenu.fullmenu-top { top: 0; left: 0; width: 100%; height: 0; }
.os-N1 .header-fullmenu.fullmenu-bottom { bottom: 0; left: 0; width: 100%; height: 0; }
.os-N1 .header-fullmenu.fullmenu-active { width: 100%; height: 100vh; opacity: 1; visibility: visible; }
.os-N1 .fullmenu-wrapper { position: relative; top: 2.6rem; width: 100%; margin: 0 auto; padding: 0 8rem; }
.os-N1 .fullmenu-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rem; }
.os-N1 .fullmenu-title { margin-bottom: 0; }
.os-N1 .fullmenu-title a {width:14rem; height:auto;}
.os-N1 .fullmenu-title img {width:100%; height:100%;}
.os-N1 .fullmenu-member { display: flex; }
.os-N1 .fullmenu-member li { position: relative; }
.os-N1 .fullmenu-member li a { padding: 1.2rem; font-size: var(--fs-p1); font-weight: 500; color: var(--text-color5); }
.os-N1 .fullmenu-member li+li::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.1rem; height: 1.4rem; background-color: rgba(255, 255, 255, 0.2); }
.os-N1 .fullmenu-gnblist {display:flex; justify-content:center; margin: 0 auto; max-width: 134.5rem; }
.os-N1 .fullmenu-gnbitem {width:24%;}
.os-N1 .fullmenu-gnbitem a{display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:7.4rem; text-align:center; font-size:var(--ht-md); font-weight:700; font-family:var(--ff-jp); color:var(--text-color1);}
.os-N1 .fullmenu-gnbitem a::after{content:""; position:absolute; left:50%; bottom:0; display:block; width:0; height:0.4rem; background-color:var(--primary);
                                       transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.os-N1 .fullmenu-gnbitem a:hover::after {width:50px; transition:0.2s;}
.os-N1 .fullmenu-sublist { padding-top:4rem; text-align:center;}
.os-N1 .fullmenu-subitem+.fullmenu-subitem { padding-top: 0.8rem; }
.os-N1 .fullmenu-sublink { font-size: var(--fs-h6); font-weight: 500; color: var(--text-color1); }
.os-N1 .fullmenu-sublink:hover { color: var(--primary); }
.os-N1 .fullmenu-close {position:fixed; right:3rem; top:3rem; width:3.2rem; height:3.2rem; background-color:transparent; border: none; }
.os-N1 .fullmenu-close img { width: 100%; height: 100%; object-fit: cover; }
.os-N1 .header-search { position: fixed; z-index: 99999; padding: 0 2.4rem; background-color: var(--white); transition: 0.3s; opacity: 0; visibility: hidden; }
.os-N1 .header-search.fullmenu-right { width: 0; height: 100%; top: 0; right: 0; }
.os-N1 .header-search.fullmenu-left { width: 0; height: 100%; top: 0; left: 0; }
.os-N1 .header-search.fullmenu-top { top: 0; left: 0; width: 100%; height: 0; }
.os-N1 .header-search.fullmenu-bottom { bottom: 0; left: 0; width: 100%; height: 0; }
.os-N1 .header-search.fullmenu-active { padding-bottom: 10.6rem; width: 100%; height: auto; opacity: 1; visibility: visible; }
.os-N1 .fullmenu-wrapper { position: relative; top: 2.6rem; width: 100%; margin: 0 auto; padding: 0 8rem; }
.os-N1 .header-search-wrap { margin-top: -20rem; width: 100%; }
.os-N1 .header-search-form { display: flex; height: 18.6rem; width: 100%; justify-content: center; align-items: center; background-color: var(--white); }
.os-N1 .header-search-form .inputset { width: 62rem; }
.os-N1 .header-search-form .icon-search { position: absolute; top: 0; right: 0; width: 3.2rem; height: 3.2rem; }
.os-N1 .header-search-form .icon-search::after { content: ""; display: inline-block; margin-top: 0.7rem; width: 3.2rem; height: 3.2rem; background: url("../../resources/icons/ico_search_black.svg") no-repeat center right/cover; }
.os-N1 .recom-list .recom-tit { margin-bottom: 1.6rem; text-align: center; font-size: var(--fs-h5); font-family: var(--ff-ko); font-weight: 600; letter-spacing: 0.025rem; }
.os-N1 .recom-list ul { display: flex; justify-content: center; flex-wrap: wrap; }
.os-N1 .recom-list ul li { margin: 0.4rem; border: 0.1rem solid var(--line-color1); }
.os-N1 .recom-list ul li a { padding: 0.8rem 1.6rem; text-align: center; font-size: var(--fs-p1); font-family: var(--ff-ko); font-weight: 400; }
.os-N1 .recom-list ul li.on { border-color: var(--primary); }
.os-N1 .recom-list ul li.on a { color: var(--primary); }

@media (max-width: 1366px) {
 .os-N1 .header-container {padding: 0 2rem;}
 .os-N1 .fullmenu-head { margin-bottom: 10rem; }
 .os-N1 .fullmenu-gnblink { font-size: var(--ht-sm); }
}
@media (max-width: 1024px) {
 .os-N1 .header-title a {width:14rem; height:2.8rem;}
 .os-N1 .header-container {padding:1rem 2rem;}
 
 .os-N1 .header-center {height: calc(100vh - 6rem); overflow-y:auto; }
 .os-N1 .header-gnblist {display:none; width:100%; flex-direction:column; }
 .os-N1 .header-gnblink {display:flex; align-items:flex-end; width:100%; padding: 2rem 0; text-align: left; }
 .os-N1 .header-gnbitem:hover .header-gnblink span {border: none; }
 .os-N1 .header-sublist {display: none; position: relative; padding: 2rem 0 4rem 0; }
 .os-N1 .header-gnbitem.item-active .header-sublist { display: block; height: auto; margin: 0; }
 .os-N1 .header-gnbitem.item-active .header-gnblink { border-bottom: 1px solid var(--white); }
 .os-N1 .header-subitem+.header-subitem { padding-top: 0.8rem; }
 .os-N1 .header-sublink { padding: 0; color: var(--text-color3); }
 .os-N1 .header-sublink:active {color:var(--text-color5);}
 .os-N1 .header-fullmenu {padding:0 4rem}
 .os-N1 .fullmenu-wrapper {top:3rem;}
 .os-N1 .fullmenu-head {margin-bottom:8rem;}
 .os-N1 .fullmenu-subitem+.fullmenu-subitem {padding-top:1.6rem;}
 .os-N1 .fullmenu-wrapper {padding:0;}
 .os-N1 .header-search-wrap {margin-top:-8rem;}
}
@media (max-width:922px) {
 .os-N1 .fullmenu-wrapper {top:2.4rem;}
 .os-N1 .fullmenu-gnblist {flex-direction:column; }
 .os-N1 .fullmenu-gnbitem {margin-bottom:2.3rem; width:100%; }
 .os-N1 .fullmenu-gnbitem+.fullmenu-gnbitem {margin-bottom:2.3rem; margin-left:0;}
 .os-N1 .fullmenu-gnblink {padding-bottom:2.3rem; }
 .os-N1 .fullmenu-sublist {display:none; padding:2rem 0; }
 .os-N1 .fullmenu-close {top:3rem;}
 .os-N1 .recom-list ul li { margin: 0.2rem; }
 .os-N1 .recom-list ul li a { padding: 0.4rem 0.8rem; }
 .os-N1 .header-right .navbar{display:none;}
}

@media (max-width:450px) {
 .os-N1 {height:6rem;}
 .os-N1 .header-container {height:6rem; padding:1rem 1.6rem 1rem 1.8rem;}
 .os-N1 .header-title img {width: 76%;}
 .os-N1 .header-utils button img {width:80%}
 .os-N1 .fullmenu-close {top:2rem;}
 .os-N1 .fullmenu-title a {width:12rem; height:auto;}
}


/* osj-N3 - footer */
.osj-N3 {background-color:var(--line-color3); }
.osj-N3 .pc-footer {display:block;}
.osj-N3 .mobile-footer { display:none;}
.osj-N3 .footer-wrapper {padding:2.4rem 2.4rem 3.2rem 2.4rem;}
.osj-N3 .pc-footer .footer-wrapper:first-child {padding:1.6rem 2.4rem; }
.osj-N3 .footer-wrapper+.footer-wrapper {border-top: 1px solid rgba(229, 229, 229, 0.15); }
.osj-N3 .footer-container { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 128rem; margin: 0 auto; }
.osj-N3 .footer-logo { margin-bottom: 0; }
.osj-N3 .footer-logo a {color:#fff; font-size:1.6rem; letter-spacing:0;}
.osj-N3 .footer-logo img { width: 100%; height: 100%; object-fit: cover; }
.osj-N3 .footer-menulist {display:flex; align-items:center; font-size:var(--fs-p2);}
.osj-N3 .footer-menuitem a { color: var(--text-color5); padding-right: 1.2rem; }
.osj-N3 .footer-menuitem+.footer-menuitem a { padding-left: 1.2rem; }
.osj-N3 .footer-menuitem { position: relative; }
.osj-N3 .footer-menuitem+.footer-menuitem::after { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 1.4rem; background-color: rgba(229, 229, 229, 0.1); }
.osj-N3 .footer-snslist { display: flex; align-items: center; }
.osj-N3 .footer-snsitem+.footer-snsitem { margin-left: 0.8rem; }
.osj-N3 .footer-snslink { width: 3.6rem; height: 3.6rem; padding: 0.6rem; }
.osj-N3 .footer-snslink img { width: 100%; height: 100%; object-fit: cover; }
.osj-N3 .selectset { max-width: 18rem; height: 4rem; }
.osj-N3 .footer-txtgroup { margin-top: 2rem; }
.osj-N3 .footer-txt {opacity:0.8; display:flex; color:var(--text-color5); font-size:var(--fs-p3); font-family:var(--ff-jp); line-height:var(--fs-h5); }
.osj-N3 .footer-txt p { margin-bottom: 0; }
.osj-N3 .footer-txt p+p { margin-left: 0.8rem; }
.osj-N3 .footer-txt p span+span { margin-left: 0.8rem; }
.osj-N3 .selectset .selectset-toggle {border: 1px solid var(--text-color2); }
.osj-N3 .selectset .selectset-toggle a { color: var(--text-color5); }
.osj-N3 .selectset .selectset-toggle::after { mix-blend-mode: difference; }
.osj-N3 .selectset .selectset-list {background-color:rgba(var(--white-rgb), 0.1); border: 1px solid var(--text-color3); border-top: none; }
.osj-N3 .selectset .btn { color: var(--text-color5); }
.osj-N3 .selectset.active .btn { color: var(--text-color5);}
.osj-N3 .selectset.active .btn a { color: var(--text-color5);}

@media (max-width: 992px) {
 .osj-N3 .pc-footer {display:none;}
 .osj-N3 .mobile-footer {display:block; position:relative; padding:2.4rem 2rem 3.4rem 2rem; color:#f1f1f1;}
 .osj-N3 .mobile-footer .logo a{color:#fff; font-size:1.8rem;}
 .osj-N3 .mobile-footer .menu{margin:1.6rem 0;}
 .osj-N3 .mobile-footer .menu a{font-size:1.8rem}
 .osj-N3 .mobile-footer .selectset .btn {font-size:1.6rem;line-height:0;}
 .osj-N3 .mobile-footer .selectset .selectset-list {background-color:#000;}
 .osj-N3 .mobile-footer .txtgroup{margin:1rem 0 0 0; color:#d9d9d9;}
 .osj-N3 .mobile-footer .footer-right{position:absolute; top:2rem; right:1rem;}
 .osj-N3 .footer-snslist {margin-top:1.2rem; }
 .osj-N3 .footer-txtgroup {margin-top:1.2rem; }
 .osj-N3 .footer-txt {opacity:0.5; flex-direction:column; font-size:var(--fs-p2); color:var(--text-color5);}
 .osj-N3 .footer-txt+.footer-txt {margin-top:0.6rem;}
 .osj-N3 .footer-txt p+p {margin-left:0;}
 .osj-N3 .footer-logo {margin-bottom:2.2rem;}
 .osj-N3 .footer-menuitem a {padding-right:1rem;}
 .osj-N3 .footer-menuitem+.footer-menuitem::after {opacity:0.3; height: 1rem; background-color: #707070;}
}

@media (max-width:450px) {
 .osj-N3 .mobile-footer .logo a {font-size:1.6rem;}
 .osj-N3 .mobile-footer .menu a {font-size:1.4rem;}
 .osj-N3 .mobile-footer .txtgroup {font-size:1.2rem}

 }

/* 컨텐츠 헤드 */
/* os-N34 */
.os-N34 .content-container {margin:13rem auto 0; text-align:center;}
.os-N34 .content-tit .textset-eu {margin-bottom:1rem; text-align:center; font-size:var(--fs-h6); font-family: var(--ff-jp); font-weight:500; color:var(--text-color4); }
.os-N34 .content-tit .textset-tit {text-align: center; line-height:var(--ht-lg); font-size:var(--ht-lg);}
.os-N34 .page_info{margin-top:3rem; font-size:2rem; color:#333; letter-spacing:-0.2px;}

@media (max-width:768px) {
 .os-N34 .page_info{padding:0 2rem; font-size:1.8rem;}
   }

@media (max-width:450px) {
 .os-N34 .content-container {margin:9rem auto 0;}
 .os-N34 .content-tit .textset-tit {font-size:38px}
 .os-N34 .page_info {font-size:1.6rem}
 .os-N34 .page_info br {display:none;}

 
}