@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/**/
html{font-size: 16px;color:#333}
body{font-family: 'S-CoreDream', sans-serif;font-weight: 400; margin: 0;padding: 0;line-height: 1.2; letter-spacing:-.5px;}

/**/
.skip-nav{position:relative;width:100%;z-index:99999;}
.skip-nav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:5px 0; font-style:normal;font-variant:normal;text-align:center;color:#ffffff;background:#000;}
.skip-nav a:active,
.skip-nav a:focus{top:0;text-decoration:none;color:#ffffff;}

/*blind*/
caption,
.blind {position: absolute;overflow: hidden;width: 1px;height: 1px;margin: -1px;line-height: 0;border: 0;clip: rect(0 0 0 0);font-size: 0;}

/**/
.inner{width: 100%;max-width:1412px;margin: 0 auto;}
.newwin{position: relative; display: inline-block;padding-right: 20px; }
.newwin::before{content: "";display: block;position: absolute;right: 0;top:2px;width: 14px;height: 14px;background: url('../images/common/icon_newwin.png') center no-repeat }

/*header*/
.header{position: relative;z-index:100;}
.header::before {content: "";display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.55);transition: .1s; visibility: hidden;opacity: 0;transition: opacity .1s;z-index: -2;}
.header.hover::before {display:block;visibility: visible;opacity: 1;transition: opacity .1s;}
.hover::after{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:#fff;z-index:-1;}
.header .inner{max-width: 1800px;width: 100%;height:109px;margin: 0 auto;background:#fff;}
.hd-cont{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header .logo{width: 360px;height: 49px;background: url(../images/common/eng_h1_logo.png) no-repeat left center / 100% auto;}
.header .logo a{display: block;height: 100%;}
.gnb{display: flex;}
.gnb > li{position: relative;min-width: 20px;height: 20px;line-height:20px;margin: 0 5px;}
.gnb > li a{display: block;width: 100%;height: 100%; font-size: 14px;}
.gnb > li.item1 a{background: url("../images/common/icon_facebook.png") center no-repeat;}
.gnb > li.item1 a:hover{background: url("../images/common/c_facebook.png") center no-repeat;}
.gnb > li.item2 a{background: url("../images/common/icon_instar.png") center no-repeat;}
.gnb > li.item2 a:hover{background: url("../images/common/c_insta.png") center no-repeat;}
.gnb > li.item3 a{background: url("../images/common/icon_youtube.png") center no-repeat;}
.gnb > li.item3 a:hover{background: url("../images/common/c_youtube.png") center no-repeat;}
.gnb > li.item3-1 a{background: url("../images/common/gnb_img02_b.png") center no-repeat;}
.gnb > li.item3-1 a.is-white{background-image: url("../images/common/gnb_img02_w_black.png");}
.gnb > li.item4 a{color:#b3b3b3;font-weight: 500;}
.gnb > li.item5 a{position: relative;color:#b3b3b3;font-weight: 500;padding-left: 10px;}
.gnb > li.item5 a::before{content: "";display: block;position: absolute;left:0;top:5px;width: 1px;height: 11px;background-color: #b3b3b3;}
.gnb > li.item4 a.on,
.gnb > li.item5 a.on{color:#222222;font-weight: 600;}

.hd-util{display: flex;justify-content: flex-end;align-items: center;width: 99px;}
.btn-open-sch{display: block;width: 28px;height: 28px;background: url("../images/common/icon_search01.png") center no-repeat;}
.btn-sitemap{display: block;width: 28px;height: 20px;background: url("../images/common/icon_menu01.png") center no-repeat;margin-left: 20px;}
.btn-open-menu{display: none;width: 28px;height: 20px;background: url("../images/common/icon_menu01.png") center no-repeat;margin-left: 20px;}

/*lnb*/
.lnb-area{width: calc(100% - 630px);  height: 100%;}
.lnb{display: flex;align-items: center;justify-content: space-around; width: 100%;height: 100%;padding: 0 10%;}
.lnb > li{display:flex;align-items: center; justify-content: center;  padding:0;height: 100%;flex:1 1 auto;}
.lnb > li > a{position: relative; display: flex;align-items: center; height: 100%;color:#1c1c1c;font-size: 20px;font-weight: 500; padding:0 20px;justify-content: center;text-align:center;}
.lnb > li > a::after {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #3877ff;transition: all 0.3s ease;transform: translateX(-50%);}
.lnb > li:hover > a::after{width: 100%;}
.lnb > li > a.in::after{width: 100%;}
.lnb .submenu-box{display: none; position: absolute;top:109px;left:0; width: 100%;background-color: #fff;z-index: 99;border-top:1px solid #dbdbdb}
.lnb .submenu-box::after{content: "";display: block;width: 50%;height: 100%;position: absolute;left:0;top:0;background-color: #3877ff;}
.lnb .submenu-box .inner{position: relative; max-width: 1800px;display: flex;padding:0;margin: 0 auto;z-index: 100;background-color: #fff;}
.lnb .submenu-box .lnb-text{display: flex;align-items: flex-end;justify-content: flex-end;width: 440px;min-height: 300px; background: #3877ff url('../images/common/bg_submenu_box.png') right top no-repeat;}
.lnb .submenu-box .lnb-text p{ position: relative;padding:30px;border-right: 2px solid #fff;color:#ffffff;font-size: 16px;font-weight: 700;text-align: right;margin-right: 60px;margin-bottom: 60px;}
.lnb .submenu-box .lnb-text p::after{content: '';display: block; position: absolute;right: 0;top:0; width: 50%;height: 2px;background: #fff;}
.lnb .submenu-box .lnb-text p::before{content: '';display: block; position: absolute;right: 0;bottom:0; width: 50%;height: 2px;background: #fff;}
.lnb .submenu-box .lnb-text p span{ display: block;font-size: 25px;}
.lnb .submenu-box .lnb-text p span::before{content: '';display: block; position: absolute;left: 50%;top:0; width:2px;height: 25px;background: #fff;}
.lnb .submenu-box .lnb-text p span::after{content: '';display: block; position: absolute;left: 50%;bottom:0; width:2px;height: 25px;background: #fff;}
.lnb .submenu-box .lnb-text p strong{display: block;font-size: 25px;color:#fbea28}
.lnb .submenu-box .depth2{position: relative; width: calc(100% - 460px);display: flex;flex-wrap: wrap;justify-content: flex-start;padding:50px 160px 0 0;} 
.lnb .submenu-box .depth2 > li{flex: 0 1 calc(100% / 3  - 30px);min-height: 80px;margin: 0 0 21px 30px;}
.lnb .submenu-box .depth2 > li > a{position: relative;display:flex;align-items: center;justify-content: flex-start; min-height: 48px;height:auto;word-break: break-all;border:1px solid #dcdcdc;color:#323233;font-size:17px;padding:  5px 45px 5px 17px;text-align: left;border-radius: 5px;line-height: 1.1;font-weight: 500}
.lnb .submenu-box .depth2 > li > a::before{content: "";display: block;width: 21px;height: 21px;border: 1px solid #e1e1e1;border-radius: 50%; position: absolute;right:18px;top:50%;transform: translateY(-50%);}
.lnb .submenu-box .depth2 > li > a::after{content: "▼";display: block;position: absolute;right:24px;top:50%;transform: translateY(-50%); font-size: 8px;color:#808080 }
.lnb .submenu-box .depth2 > li:hover a{color:#2e63c5}
.lnb .submenu-box .depth2 > li:hover a::before{background-color: #2e63c5;border-color: #2e63c5;}
.lnb .submenu-box .depth2 > li:hover a::after{color: #fff;}
.lnb .submenu-box .depth2 .depth3{padding: 15px 10px 10px 10px;}
.lnb .submenu-box .depth2 .depth3 > li{margin: 0 0 10px 0;}
.lnb .submenu-box .depth2 .depth3 > li > a{position: relative; display: block; font-size:17px ;color:#9d9e9e;font-weight: 300;letter-spacing: -1px;font-weight: 500;}
.lnb .submenu-box .depth2 .depth3 > li > a span{position: relative; display: inline-block;padding: 0 0 4px 12px;}
.lnb .submenu-box .depth2 .depth3 > li > a span::before{content: "";display: block;position: absolute;left:0;top:9px; width: 6px;height: 2px;background-color:#9d9e9e ;}
.lnb .submenu-box .depth2 .depth3 > li > a span::after{content: "";display: none;position: absolute;left:0;bottom:0; width: 100%;height: 1px;background-color:#2e63c5 ;}
.lnb .submenu-box .depth2 .depth3 > li > a:hover span{color:#2e63c5}
.lnb .submenu-box .depth2 .depth3 > li > a:hover span::before{background-color:#2e63c5 ;}
.lnb .submenu-box .depth2 .depth3 > li > a:hover span::after{display: block;}
.header .lnb .submenu-box .inner{height: 100%;}
.header .lnb .submenu-box.on{display: block;}

.mbMask {display: none;position: fixed;top:0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);z-index: 100;}
.mbMask.on{display: block;}

.mmenu-top{display: none;align-items: center;justify-content: space-between;height: 74px;padding: 0 58px 0 0; border-bottom: 1px solid #819bb1;}
.mmenu-top .logo{width: 317px;}
.sns-list{display: flex;gap: 0 5px;}
.sns-list li{width:31px;height: 31px;}
.sns-list li a{display: block;width: 100%;height: 100%;background-size: 100%;background-repeat: no-repeat;background-position: center;}

.sns-list li.item1 a{background-image: url('../images/common/icon_facebook02.png');}
.sns-list li.item2 a{background-image: url('../images/common/icon_instar02.png');}
.sns-list li.item3 a{background-image: url('../images/common/icon_youtube02.png');}
  
/*search */
.top-search {display: none; position: absolute;width: 100%;top: 109px;left:0; background:#fbfbfb;border-top: 1px solid #eaeaea;z-index: 100;box-shadow: 0 10px 5px rgba(0, 0, 0, 0.3)}
.top-search.on{display: block;}
.top-search .inner{position: relative;height: auto !important;max-width: 1412px;padding: 115px 0 100px 0;}
.top-search .intBox{display: flex;  height: 70px;width: 100%; max-width:730px;border-bottom:2px solid #3e3f45; overflow: hidden;margin:0 auto;}
.top-search .intBox input[type=text]{display: block;height: 100%;width: calc(100% - 60px);padding: 10px 0 10px 0;border: 0;font-size:25px;color: #3e3e3e;}
.top-search .intBox input::placeholder{color:#3e3e3e}
.top-search .intBox .btn-topsearch{ display: block; width: 60px;height: 100%;background:  url(../images/common/btn_search.png) center no-repeat;}
.top-search .btn-close-sarch{position: absolute;right:0;top:-1px; display: block;width: 49px;height: 49px;background-color: #fff;border:1px solid #eaeaea}
.top-search .btn-close-sarch::before,
.top-search .btn-close-sarch::after {content: "";position: absolute;left: 50%;top: 50%;width: 29px;height: 2px;background: #2f2f2f;transform-origin: center;transform: translate(-50%, -50%) rotate(45deg);border-radius: 5px;}
.top-search .btn-close-sarch::after {transform: translate(-50%, -50%) rotate(-45deg);}


/*footer*/
.footer{background-color: #3e3f45;}
.footer .foot-top{ border-bottom:1px solid #6e6f74;}
.family-site-wrap{display: flex;border-right:1px solid #6e6f74;}
.family-site-wrap .family-site:last-child{width: 33.4%;}
.family-site{position: relative; width: 33.3%;height: 68px;border-left: 1px solid #6e6f74;}
.btn-open-fmlist{position: relative; display: flex;align-items: center; width: 100%;height: 100%;padding: 0 70px 0 25px;color: #ffffff;}
.btn-open-fmlist:focus-visible{outline:1px dashed red;}
.btn-open-fmlist::before{content: "";display: block;width: 34px;height: 34px;position: absolute;right: 30px;top:50%;transform: translateY(-50%); border:1px solid #7a7a7e;border-radius: 50%;}
.btn-open-fmlist::after{content: "";display: block;width: 15px;height: 9px;position: absolute;right: 39px; top:50%;margin-top: -4px; background: url('../images/common/arr_fml01.png') center no-repeat;transition: all 0.3s ease;}
.link-site{display: block;position: absolute;bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);width: 100%;border-radius: 5px;border: 1px solid #ddd;background: #3e3f45 ;opacity: 0;visibility: hidden;padding: 8px 20px;max-height: 250px;overflow-y: auto;color:#fff;z-index: 100;}
.link-site > li{border-bottom: 1px dashed #ddd;}
.link-site > li a{display: block;padding: 8px 0;}
.family-site.on .link-site{visibility: visible;opacity: 1;}
.family-site.on .btn-open-fmlist::after{transform: rotateZ(180deg);transition: all 0.3s ease;}

.foot-bot{padding: 43px 0 70px 0;}
.foot-link{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.foot-link > a{position: relative; display: block;color: #fff;font-weight: 500;font-size: 16px;margin: 0 18px 10px 0; padding-right: 18px;}
.foot-link > a strong{color: #4ea6ff;}
.foot-link > a::after{content: "";display: block;width: 1px;height: 14px;background-color: #6e6f74;position: absolute;right:0;top:3px}
.foot-link > a.directions{padding-left: 20px;}
.foot-link > a.directions::before{content: "";display: block;width: 15px;height: 21px;position: absolute;left:0px;top:0;background: url('../images/common/icon_footer01.png') center no-repeat;}
.foot-link > a:last-child{margin-right: 0;padding-right: 0}
.foot-link > a:last-child::after{display: none;}
.foot-info{position: relative;padding-right: 110px;color: #c0c0c0;font-weight: 300;font-size: 15px;}
.foot-info .copy{margin-top: 15px;}
.ssl{display: block;position: absolute;right: 0;top:-15px}


@media screen and (max-width: 1840px) {
    .header .inner{padding:0 20px;}
    .hd-util{right: 20px;}
    .header .top-search .inner{padding: 115px 0 100px 0;}
}

@media screen and (max-width: 1600px) {
    .lnb .submenu-box .lnb-text{width: 340px;}
    .lnb .submenu-box .depth2{width: calc(100% - 340px);padding-right: 30px;}
    
}

@media screen and (max-width: 1452px) {
  .header .top-search .inner{padding: 80px 20px;}
  .top-search .btn-close-sarch{right: 20px;}
  .foot-bot .inner{padding: 0 20px;}

}

@media screen and (max-width: 1400px) {
  .lnb{padding: 0 15px;}
  .header .logo{width: 260px;}
  .lnb-area{width: calc(100% - 500px);}
  .lnb .submenu-box .lnb-text{width: 255px;}
  .lnb .submenu-box .depth2{width: calc(100% - 255px);}
  .lnb .submenu-box .lnb-text p{margin-right: 25px;margin-bottom: 60px;padding-left: 0;padding-right: 10px;}
  
}

@media screen and (max-width: 1200px) {
  .lnb .submenu-box .depth2 > li{flex: 0 1 calc(100% / 3  - 30px);}
}

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

  html{font-size: 15px;}
  html.menuOpen{overflow: hidden;}
  .hd-cont{width: 100%;}
  .btn-sitemap{display: none;}
  .btn-open-menu{display: block;}
  .header.hover::before {display:none;}
  .hover::after{display:none;}
  .header .inner{height: 90px;display: flex;align-items: center; }
  .header .logo{width: 317px;}
  .mmenu-top{display: flex;background-color: #fff;}
  .gnb{display: none;}
  .header .mmenu-top .logo{width: 317px;}
  .lnb-area{display: none;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;position: fixed;top: 0;right: 0;width: calc(100% - 20px);height: 100%;max-width: 550px;min-width: 320px;overflow-y: auto;margin: 0;padding: 0 0 0 20px ;z-index: 105;background: #fff url('../images/common/mb_line.png') left 186px top repeat-y; }
  /* .lnb-area::before{content: "";display: block;width: 1px;bottom: 0;  background-color: #e2e2e2;position: absolute;left:187px;top:74px;height: 100%; min-height: 100%;} */
  .lnb{display: block;width: 167px;padding: 0;height: auto;}
  .lnb > li{display: block; height: 60px;border-bottom: 1px solid #e2e2e2;padding:0 5px 0 10px;margin:0;}
  .lnb > li > a{font-size: 17px;font-weight: 400;word-break: break-all;padding:0;justify-content: flex-start;text-align:left;}
  .lnb > li.on{background-color: #296dd2;}
  .lnb > li.on > a{color:#fff}
  .lnb > li:hover > a::after{display: none;}
  .lnb .submenu-box{position: absolute;left: 207px;top:95px; border-top:0;max-width: 260px;}
  .lnb .submenu-box .depth2{width: 100%;max-width: 260px; display: block;padding: 0;}
  .lnb .submenu-box .depth2 > li{margin: 0 0 10px 0;min-height: auto;}
  .lnb .submenu-box .depth2 > li > a{color:#9d9e9e;font-weight: 400;}
  .lnb .submenu-box .depth2 > li.on > a{border-color: #2e63c5;color: #2e63c5;}
  .lnb .submenu-box .depth2 > li.on a::before{background-color: #2e63c5;border-color: #2e63c5;}
  .lnb .submenu-box .depth2 > li.on a::after{color: #fff;}
  .lnb .submenu-box .depth2 .depth3 {display: none;}
  .lnb .submenu-box .depth2 .open .depth3{display: block;}
  .lnb .submenu-box .depth2 .depth3 > li > a span{font-weight: 400;}
  .lnb .submenu-box .depth2 .depth3 > li.on > a{color: #2e63c5;}
  .lnb .submenu-box .depth2 .depth3 > li.on > a span::before{background-color: #2e63c5;}
  .lnb .submenu-box .depth2 .depth3 > li.on > a span::after{display: block;}
  .lnb .submenu-box .depth2 > li a::after{transform: translateY(-50%) rotate(180deg);transition: all 0.3s ease;}
  .lnb .submenu-box .depth2 > li.open a::after{transform: translateY(-50%) rotate(0deg);transition: all 0.3s ease;}
  .btn-close-menu{position: absolute;right:20px; display: block;width: 31px;height: 31px;background-color: #aeccf8;border-radius: 50%;}
  .btn-close-menu::before,
  .btn-close-menu::after {content: "";position: absolute;left: 50%;top: 50%;width: 15px;height: 2px;background: #296dd2;transform-origin: center;transform: translate(-50%, -50%) rotate(45deg);border-radius: 5px;}
  .btn-close-menu::after {transform: translate(-50%, -50%) rotate(-45deg);}
  .lnb .submenu-box .lnb-text{display: none;}
  .top-search{top:90px}
  
  .btn-open-fmlist{padding-right: 40px;}
  .btn-open-fmlist::before{width: 24px;height: 24px;right: 10px;}
  .btn-open-fmlist::after{right: 15px;}
  .foot-bot{padding: 20px 0;}
  .ssl{top:inherit;bottom: 0;}
  .ssl img{width: 62px;}

}

@media screen and (max-width: 640px) {
  html{font-size: 14px;}
  .mmenu-top{padding-left: 10px;}
  .header .mmenu-top .logo{width: 210px;}
  .lnb{width: 150px;}
  .lnb-area{background-position: 150px top;width: 100%;padding: 0;}
  .lnb .submenu-box{left: 160px;width: calc(100% - 170px);}
  .header .top-search .inner{padding: 40px 20px;}
  .top-search .intBox{height: 35px;}
  .top-search .intBox input[type=text]{font-size: 18px;width: calc(100% - 40px);}
  .top-search .btn-close-sarch{width: 30px;height: 30px;}
  .top-search .btn-close-sarch::before, 
  .top-search .btn-close-sarch::after{width: 20px;}
  .top-search .intBox .btn-topsearch{background-size: 24px;width: 40px;}

  .footer .foot-top{border: 0;}
  .btn-open-fmlist{padding-left: 10px;}
  .foot-bot .inner{padding: 0 10px;}
  .foot-info{padding-right: 100px;}
  .family-site-wrap{display: block;border: 0;}
  .family-site,
  .family-site-wrap .family-site:last-child{width: 100%;border:0;height: 48px;border-bottom: 1px solid #6e6f74;}
  .foot-link > a{font-size: 14px;}

}

@media screen and (max-width: 480px) {
  .header .inner{padding: 0 10px;}
  .header .logo{width: 210px;}
  .hd-util{width: auto;}

  .mmenu-top{padding: 0 40px 0 10px;}
  .mmenu-top .logo{display: none;}
  .btn-close-menu{right: 10px;}
  .btn-open-menu{margin-left: 10px;}
  .header .top-search .inner{padding: 40px 10px 20px 10px;}
  .top-search .btn-close-sarch{right: 10px;}
  .top-search .intBox input[type=text]{font-size: 16px;}
  .lnb-area {background-position: 130px top;}
  .lnb {width: 130px;}
  .lnb > li{padding-left: 10px;}
  .lnb .submenu-box{left: 140px;width: calc(100% - 150px);}
  .lnb > li > a,
  .lnb .submenu-box .depth2 > li > a,
  .lnb .submenu-box .depth2 .depth3 > li > a{font-size: 15px;}
  .lnb .submenu-box .depth2 > li > a{padding-right: 35px;padding-left: 10px;word-break: keep-all;}
  .lnb .submenu-box .depth2 > li > a::before{right: 10px;}
  .lnb .submenu-box .depth2 > li > a::after{right: 16px;}
  
  .foot-info{padding-right: 0;}
  .ssl{position: relative;text-align: center;padding-top: 10px;}
  .ssl a{display: inline-block;}

}