@charset 'utf-8';
.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}
#wrap { min-height:calc(100vh - 280px); position:relative; background-color:#fff; }
.top-line { content:""; display:block; position:absolute; right:88px; top:0; width:1px; height:640px; background:rgba(255,255,255,0.3); z-index:33 }
.mainBody .top-line {  height:100%; }
.ceo .top-line { background:none }
#wrap:before{  content:""; display:block; position:fixed; right:88px; top:0; width:1px; height:100vh; background:rgba(255,255,255,0.3); z-index:33 }
#wrap.line:before,
.subBody #wrap:before{ background:#eaeaea; }
@media screen and (max-width:1800px){
  #wrap:before,
  .subBody #wrap:before{ display:none; }
}
@media screen and (max-width:1024px){
  .top-line { display:none }
  #wrap { min-height:100%; }
}

.inner { max-width:1500px; width:100%; margin:0 auto; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.inner1600 { max-width:1600px; width:100%; margin:0 auto; }
@media screen and (max-width:1640px){
  .inner1600 { padding:0 20px; }
}
@media screen and (max-width:1540px){
  .inner { padding:0 20px; }
}

.font_p,
.font_p * { font-family:'Pretendard'; }

:root { 
    --main-color:#01488A; 
}

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:999; height:110px;  /*transition: all .5s ease;*/  }
header .topbox { position:relative; top:0; left:0; width:100%; }
header h1 { position:absolute; left:88px; text-align:left; padding:40px 0 0 0; z-index:99999; transition:all 0.3s ease-in-out; }
header h1 a { display:inline-block; width:248px; transition:all 0.3s ease-in-out; }
header h1 a img {  }
header h1 a svg { }
header h1 a .rn2-1,
header h1 a .rn2-2,
header h1 a .rn2-3,
header h1 a .rn2-4,
header h1 a .rn2-5  {  fill: #fff; }
/*header.active.nav-down { top:0; }
header.active.nav-down .topbox { position:fixed; }*/
header.active.fix {position:fixed; background-color:rgba(255,255,255,1); box-shadow:0 0 3px rgba(0,0,0,0.1); }
.subBody header.fix {position:fixed; background-color:rgba(255,255,255,1); box-shadow:0 0 3px rgba(0,0,0,0.1); }
header.active h1 a .rn2-1,
header.active.fix .rn2-1,
header.hover h1 a .rn2-1,
.subBody header.fix h1 a .rn2-1 { fill: #231815; }
header.active h1 a .rn2-2,
header.active.fix .rn2-2,
header.hover h1 a .rn2-2,
.subBody header.fix h1 a .rn2-2 { fill: #003668; }
header.active h1 a .rn2-3,
header.active.fix .rn2-3,
header.hover h1 a .rn2-3,
.subBody header.fix h1 a .rn2-3 { fill: #e6002d; }
header.active h1 a .rn2-4,
header.active.fix .rn2-4,
header.hover h1 a .rn2-4,
.subBody header.fix h1 a .rn2-4 {  fill: #595757; }
header.active h1 a .rn2-5,
header.active.fix .rn2-5,
header.hover h1 a .rn2-5,
.subBody header.fix h1 a .rn2-5 {  fill: #040000; }
.mobile header.ov h1 { z-index:9;}
@media screen and (max-width:1400px){
  header h1 { left:40px; }
  header h1 a { width:210px; }
}
@media screen and (max-width:1024px){
  /*header.active  { top:80vh; }*/
  header.fix { position:fixed; }
}
@media screen and (max-width:640px){
  /*header.active  { top:60vh; } */
  header { height:70px; }
  header h1 { left:20px; padding:25px 0 0 0; }
  header h1 a { width:190px; }
}


header #navi { position:relative; margin-right:245px; }
header #navi #gnb { position:relative; z-index:2; }
header #navi #gnb > ul { display:inline-block; margin:0 auto; display:flex; justify-content:flex-end; }
header #navi #gnb > ul > li { position:relative; }
header #navi #gnb > ul > li:not(:last-child) { margin-right:68px; }
header #navi #gnb > ul > li > a { position:relative; z-index:3; font-weight:500; font-size:16px; color:#fff; transition:all 0.3s ease; padding:48px 10px; display:block; text-align:center; }
header #navi #gnb > ul > li > a:before { content:""; display:block; position:absolute; left:50%; top:87px; transform:translateX(-50%); width:0; height:1px; background-color:#cacaca; transition:all 0.3s ease-in-out }
header #navi.over #gnb > ul > li.on > a:before,
header #navi #gnb > ul > li > a:hover:before { width:18px; }
header #navi.over #gnb > ul > li.on > a { color:#01488a; font-weight:500; }
header #navi #gnb > ul > li > .subDepth { display:none; z-index:1; position:absolute; left:50%; transform:translateX(-50%); padding:116px 10px 45px 10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); top:0; width:160px; background:#fff; }
header #navi #gnb > ul > li > .subDepth.menu1 { width:200px; }
header #navi #gnb > ul > li > .subDepth.menu2 { width:220px; }
header #navi #gnb > ul > li.on > .subDepth { display:block; }
header #navi #gnb > ul > li > .subDepth > ul { text-align:center; }
header #navi #gnb > ul > li > .subDepth > ul > li { }
header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child){ margin-bottom:20px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { position:relative; font-size:16px; font-weight:400; color:#333;}
header #navi #gnb > ul > li > .subDepth > ul > li.over > a,
header #navi #gnb > ul > li > .subDepth > ul > li a:hover{ color:#01488a; font-weight:500; letter-spacing:- 0.04em }
header #navi #gnb > ul > li > .subDepth > ul > li { animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
header #navi #gnb > ul > li > .subDepth > ul.sub-menu > li > a { position:relative; }
header #navi #gnb > ul > li > .subDepth > ul.sub-menu > li.link > a { padding-right:0; }
header #navi #gnb > ul > li > .subDepth > ul.sub-menu > li.link > a:after { display:none; }
header #navi #gnb > ul > li > .subDepth > ul > li .depth3 { display:none; position:absolute; top:87px; left:220px; text-align:left; width:250px; background-color:#f3f3f3; padding:25px 10px 35px 26px; }
header #navi #gnb > ul > li > .subDepth > ul > li .depth3.dep12 { top:150px; }
header #navi #gnb > ul > li > .subDepth > ul > li.over .depth3 { display:block; }
header #navi #gnb > ul > li > .subDepth > ul > li .depth3 li:not(:last-child){ margin-bottom:16px; }
header #navi #gnb > ul > li > .subDepth > ul > li .depth3 li a { font-size:14px; font-weight:400; color:#666;}
header #navi #gnb > ul > li > .subDepth > ul > li .depth3 li a:hover{ color:#01488a; }

header.active #navi #gnb > ul > li > a,
.subBody header.fix #navi #gnb > ul > li > a,
header.hover #navi #gnb > ul > li > a{ color:#111; }

@media screen and (max-width:1700px){
  header #navi { margin-right:150px; }
}
@media screen and (max-width:1400px){
  header #navi { margin-right:130px; }
  header #navi #gnb > ul > li:not(:last-child) { margin-right:50px; }
  header #navi #gnb > ul > li > .subDepth { width:150px; background:#fff; }
  header #navi #gnb > ul > li > .subDepth.menu1 { width:190px; }
  header #navi #gnb > ul > li > .subDepth.menu2 { width:210px; }
  header #navi #gnb > ul > li > .subDepth > ul > li .depth3 {left:210px; }
}
@media screen and (max-width:1200px){
  header #navi { margin-right:100px; }
  header #navi #gnb > ul > li:not(:last-child) { margin-right:30px; }
  header #navi #gnb > ul > li > .subDepth { width:130px; background:#fff; }
  header #navi #gnb > ul > li > .subDepth.menu1 { width:170px; }
  header #navi #gnb > ul > li > .subDepth.menu2 { width:190px; }
  header #navi #gnb > ul > li > .subDepth > ul > li .depth3 {left:190px; }
}
@media screen and (max-width:1024px){
  header #navi { display:none; }
}

header #navi #gnb > ul > li:hover > .subDepth > ul > li > ul { overflow:hidden; }
/*
header #navi #gnb > ul > li:hover > .subDepth > ul > li > ul > li { opacity:0; }
header #navi #gnb > ul > li:hover > .subDepth > ul > li > ul > li { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
*/
header .qmenu { text-align:center; padding-top:50px; position:absolute; right:0; top:0; width:88px; height:640px; z-index:100001; }
header.fix .qmenu,
.mainBody header .qmenu { height:100vh;  }
@media screen and (max-width:1024px){
  header .qmenu,
  header.active .qmenu{ border-left:none; height:auto;  }
  header.fix .qmenu,
  .mainBody header .qmenu { height:auto;  }
}
@media screen and (max-width:640px){
  header .qmenu { padding-top:30px; width:70px; }
}

.language { position:relative; margin-top:32px; }
.language .sel { position:relative; z-index:2; padding:1px 25px; display:block; font-size:19px; font-weight:200; color:#fff; margin-bottom:10px; }
.language .sel img { filter:brightness(0) invert(1); cursor:pointer; }
.language .box { position:relative; opacity:0; transition:all 0.3s ease; height:0; }
.language.on .box { opacity:1; height:auto; }
.language.off .box { opacity:0; visibility:hidden; z-index:-5; }
.language .box ul {  }
.language ul li:not(:last-child) { margin-bottom:6px; }
.language ul li a { display:inline-block; color:#fff; font-size:11px; font-weight:300; border:1px solid rgba(255,255,255,0.5); border-radius:50px; padding:3px 10px; transition:all 0.3s ease-in-out; }
.language ul li a:hover { border:1px solid #01488a; background-color:#01488a; }
.subBody header.fix .language .sel img,
header.active .language .sel img,
header.hover .language .sel img { filter:brightness(0) invert(0); }
.subBody header.fix .language .sel,
header.active .language .sel,
header.hover .language .sel { color:#111; }
.subBody header.fix .language ul li a,
header.active .language ul li a { color:#111;  border:1px solid rgba(0,0,0,0.5); }
header.active .language ul li a:hover { border:1px solid #01488a; color:#fff; }

header.ov .language .sel img { filter:brightness(0) invert(1); }
header.ov .language .sel { color:#fff; }
header.ov .language ul li a { color:#fff;  border:1px solid rgba(255,255,255.5); }
header.ov .language ul li a:hover { border:1px solid #01488a; color:#01488a; }
@media screen and (max-width:1024px){  
  .language { display:none; }
}

header .qmenu .search { margin-top:50px;  }
header .qmenu .search .icon img { filter:brightness(0) invert(1); }
header .search .search-box { display:none; position:fixed; left:0; top:0; width:100%; height:545px; z-index:9 }
header .search .search-box p { font-size:42px; font-weight:300; color:#111; }
header .search .search-box p strong { font-weight:700; }
header .search .search-box .ipbtn { width:610px; position:relative; margin-top:65px; border-bottom:1px solid #d6d6d6; padding:15px 0 }
header .search .search-box .ipbtn input[type="text"] { width:100%; border:none; outline:none; color:#111; font-size:20px; font-weight:400; padding:0 45px 0 0; height:40px; line-height:40px; }
header .search .search-box .ipbtn .btn { position:absolute; right:0; top:15px;  background:url(/img/common/btn_search_b.png) no-repeat center }
header .search .search-box .ipbtn .btn button { border:none; outline:none; background:none; width:38px; height:40px; }
header .search .search-box .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
header .search .search-box .btn_close { position:absolute; right:85px; top:50px; color:#111; font-size:46px; font-weight:300; cursor:pointer; } 
header.s_ov .search .search-box { display:flex; background-color:#fff;  box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); justify-content:center;  align-items:center; flex-direction:column; }

.subBody header.fix .qmenu .search .icon img,
header.active .qmenu .search .icon img,
header.hover .qmenu .search .icon img { filter:brightness(0) invert(0); }
header.ov .qmenu .search .icon img { filter:brightness(0) invert(1); }


@media screen and (max-width:1400px){
  header .search .search-box { height:350px; padding:0 40px; }
  header .search .search-box p { font-size:36px; }
  header .search .search-box .ipbtn { margin-top:50px; padding:10px 0 }
  header .search .search-box .ipbtn input[type="text"] { font-size:18px; padding:0 45px 0 0; height:40px; line-height:40px; }
}
@media screen and (max-width:1024px){
  header .qmenu .search { display:none; }
  header .search .search-box { height:300px; padding:0 40px; width:100%; }
  header .search .search-box form { width:100%; }
  header .search .search-box p { font-size:24px; text-align:center; }
  header .search .search-box .ipbtn { width:100%; max-width:610px; margin:0 auto; margin-top:40px; padding:10px 0 }
  header .search .search-box .ipbtn input[type="text"] { font-size:16px; padding:0 45px 0 0; height:40px; line-height:40px; }
  header .search .search-box .btn_close { right:40px; top:20px; } 
}


.allBox { position:relative; transition:all 0.3s ease-in-out; }
.allBox.on { top:0; }
.allmenu {  }
.allmenu a {font-size:15px; font-weight:300; color:#fff; width:22px; height:22px; position:relative; display:block; margin:0 auto; }
.allmenu span { transition:all 0.3s ease-in-out; display:block; }
.allmenu span:before { content:""; display:block; width:22px; height:2px; background-color:#fff; position:absolute; left:0; top:4px; transition:all 0.3s ease }
.allmenu span:after { content:""; display:block; width:22px; height:2px; background-color:#fff; position:absolute; left:0; top:10px; transition:all 0.3s ease }
.subBody .allmenu span,
.subBody .allmenu span:before,
.subBody .allmenu span:after { background-color:#fff; }
.subBody header.fix .allmenu span { background-color:#00abe6; }
.subBody header.fix .allmenu span:before,
.subBody header.fix .allmenu span:after { background-color:#fff; }

.subBody header.fix .allmenu a,
header.active .allmenu a,
header.hover .allmenu a {color:#111; }
.subBody header.fix .allmenu span:before,
.subBody header.fix .allmenu span:after,
header.active .allmenu span:before,
header.active .allmenu span:after,
header.hover .allmenu span:before,
header.hover .allmenu span:after { background-color:#111; }
header.ov .allmenu span:before { background-color:#fff; left:-4px; top:0; transform:rotate(-90deg); }
header.ov .allmenu span:after { background-color:#fff; left:2px; top:0; transform:rotate(-90deg); }
@media screen and (max-width:1024px){
  header .qmenu .search { display:none; }
  .allBox.on .allmenu a {color:#111; }
  .allBox.on .allmenu span:before,
  .allBox.on .allmenu span:after { background-color:#111; }
  header.s_ov .topbox { z-index:655555556; }
}
@media screen and (max-width:640px){
  .allBox.on .allmenu a { margin-top:10px; }
  header.ov .allmenu span:before { top:4px; }
  header.ov .allmenu span:after { top:4px; }
}


.web #allmenuBox { opacity:0; visibility:hidden; position:fixed; left:0; top:0; z-index:-11111; background:url(/img/common/allmenu_bg.gif) no-repeat center right / cover; transition:all 0.5s 0.3s ease-in-out; }
.web #allmenuBox .allCont { opacity:0; position:absolute; width:100%; height:100%;  }
.web #allmenuBox.on { opacity:1; width:100vw; height:100vh; visibility:visible; z-index:10000;  }
.web #allmenuBox.on .allCont { opacity:1; animation:allBox 1.0s 0.2s; animation-fill-mode:both; }
.web #allmenuBox.off { animation:allBox_s 0.5s 0.1s; animation-fill-mode:both;  }
.web #allmenuBox .menuCont { height:100%; }
.web #allmenuBox .menuBox { display:flex; align-items:center; width:100%; height:100%; }
.web #allmenuBox .menuBox .menuTop { padding:0 100px 0 6%; width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb { width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li { position:relative; width:100%; display:flex; align-items:center; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:not(:last-child) { margin-bottom:50px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:first-child { margin-top:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:before { content:""; display:block; width:2px; height:0; background:#140c44; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { color:rgba(255,255,255,0.3); font-size:55px; font-weight:700;  transition:all 0.3s ease-in-out; width:450px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover { z-index:3; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > a,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a:hover { color:#005aad; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 450px); }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { display:none; flex-wrap:wrap; gap:0 120px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > .subDepth > ul { display:flex; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { position:relative; opacity:1; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { color:#fff; font-size:18px; font-weight:600; white-space:nowrap; transition:all 0.3s ease-in-out;}
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a:hover,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li.on > a { color:#fff; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { position:absolute; left:0; top:60px; width:250px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li:not(:last-child) { margin-bottom:25px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:15px; font-weight:300; color:rgba(255,255,255,0.5); }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:rgba(255,255,255,1); }
.web #allmenuBox .leftbox { display:none }
@media screen and (max-width:1740px){
  .web #allmenuBox .btn_close { right:5%; }
  .web #allmenuBox .menuBox .menuTop { padding:0 80px 0 5%; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li:not(:last-child) { margin-bottom:42px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:38px; width:300px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 300px); }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { gap:0 90px; }
}
@media screen and (max-width:1400px){
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:28px; width:200px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 200px); }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { gap:30px 50px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(2) > .subDepth > ul { gap:30px 80px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { font-size:16px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { top:50px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li:not(:last-child) { margin-bottom:18px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:14px; }
}
@media screen and (max-width:1200px){
  .web #allmenuBox .menuBox .menuTop { padding:0 80px 0 4%; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:24px; width:180px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 180px); }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { gap:30px 40px; }
  .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(2) > .subDepth > ul { gap:30px 70px; }
}

.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { opacity:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }

.mobile #allmenuBox { position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#fff; z-index:10000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox .leftbox { display:flex; padding:40px 0 0 40px; }
.mobile #allmenuBox .leftbox .language { display:flex; margin-top:0; }
.mobile #allmenuBox .leftbox .language .sel img { filter:brightness(0) invert(0); }
.mobile #allmenuBox .leftbox .language .sel { color:#111; padding:0; }
.mobile #allmenuBox .leftbox .language .box { display:flex; align-items:center; opacity:1; height:auto; margin-top:0; }
.mobile #allmenuBox .leftbox .language ul { margin:0; display:flex; }
.mobile #allmenuBox .leftbox .language ul li { margin-left:5px; }
.mobile #allmenuBox .leftbox .language ul li a { color:#111;  border:1px solid rgba(0,0,0,0.5); margin:0; }
.mobile #allmenuBox .leftbox .language ul li.on a,
.mobile #allmenuBox .leftbox .language ul li a:hover { border:1px solid #01488a; color:#fff; background-color:#01488a; }
.mobile #allmenuBox .leftbox .search-sbox .search { display:inline-block; margin-left:20px; }
.mobile #allmenuBox .leftbox .search-sbox .search .icon img { filter:brightness(0) invert(0); }
.mobile #allmenuBox .menuBox {  height:calc(100% - 60px); overflow:auto; }
.mobile #allmenuBox #gnb { position:absolute; top:110px; left:0; width:100%; height:calc(100% - 160px); padding:0 40px; overflow:auto; text-align:left; }
.mobile #allmenuBox #gnb > ul > li { position:relative; margin-top:40px; }
.mobile #allmenuBox #gnb > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > a { position:relative; color:#111; font-weight:700; font-size:26px; display:inline-block; }
.mobile #allmenuBox #gnb > ul > li > .subDepth { position:relative; display:none; padding:25px 0 10px 0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { position:relative; margin-top:15px; padding-left:10px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { position:relative; color:#333; font-weight:400; font-size:17px; display:inline-block; padding-right:20px; }
.mobile #allmenuBox #gnb > ul > li .sub-menu > li.sm > a:after { content:"\e914"; display:block; position:absolute; right:0; top:1px; color:#777; font-family:xeicon; font-size:13px; font-weight:300; }
.mobile #allmenuBox #gnb > ul > li .sub-menu > li.sm.active > a:after { content:"\e91b"; color:#000; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:8px 0 20px 15px; display:none; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:10px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:14px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:#666; }
@media screen and (max-width:760px){
  .mobile #allmenuBox .leftbox { padding:35px 0 0 20px; }
  .mobile #allmenuBox #gnb { top:100px; width:100%; height:calc(100% - 200px); padding:0 20px; }
  .mobile #allmenuBox #gnb > ul > li { margin-top:25px; }
  .mobile #allmenuBox #gnb > ul > li > a { font-size:22px; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth { padding:20px 0 10px 0; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { margin-top:12px; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { font-size:16px; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:0px 0 10px 15px; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:8px; }
  .mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:13px; }
}

footer { background-color:#121212; position:relative; z-index:1000; }
.body_hidden footer { z-index:99; }
footer .fmenu-box { padding:0 88px; height:130px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #2a2a2a }
footer .fmenu-box .fmenu ul { display:flex; flex-wrap:wrap; align-items:center; gap:0 45px; }
footer .fmenu-box .fmenu li a { font-size:16px; font-weight:300; color:rgba(255,255,255,0.5); font-family:'Pretendard', sans-serif;}
footer .fmenu-box .sns ul { display:flex; flex-wrap:wrap; align-items:center; gap:0 35px; }
footer .footer_box { position:relative; padding:80px 88px 125px 88px; }
footer .footer_box .flogo {width:250px; }
footer .footer_box .flogo img { filter:brightness(0) invert(1); }
footer .footer_box .infobox { position:relative; display:flex; justify-content:space-between; align-items:flex-end; margin-top:30px; }
footer .footer_box .infobox .info { padding-top:15px; }
footer .footer_box .infobox .info li:not(:last-child) { margin-bottom:13px; }
footer .footer_box .infobox .info li { color:rgba(255,255,255,0.5); font-size:16px; font-weight:300; }
footer .footer_box .infobox .info li .space { display:inline-block; margin:0 20px; }
footer .footer_box .infobox .r-box { text-align:right; }
footer .footer_box .infobox .r-box .family { position:relative; width:123px; text-align:left; display:inline-block; }
footer .footer_box .infobox .r-box .family > .btn_f { cursor:pointer; padding:12px 0; font-size:16px; font-weight:500; color:#fff; display:block; }
footer .footer_box .infobox .r-box .family .btn_f:before { content:""; display:block; width:7px; height:1px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(calc(-50% - 0.5px)); }
footer .footer_box .infobox .r-box .family .btn_f:after { content:""; display:block; opacity:1; width:1px; height:7px; background:#fff; position:absolute; right:3px; top:50%; transform:translateY(calc(-50% - 0.5px)); transition:all 0.3s ease-in-out; }
footer .footer_box .infobox .r-box .family.on .btn_f:after { opacity:0; }
footer .footer_box .infobox .r-box .family .sbox { position:absolute; z-index:1; right:-1px; bottom:35px; padding:20px 10px 10px 0; width:calc(200px + 2px); display:none; background-color:rgba(255,255,255,0.1); padding:30px 20px; }
footer .footer_box .infobox .r-box .family .sbox.on { display:block; }
footer .footer_box .infobox .r-box .family .sbox li { margin-top:15px; overflow:hidden; }
footer .footer_box .infobox .r-box .family .sbox li:first-child { margin-top:0; }
footer .footer_box .infobox .r-box .family .sbox li a { position:relative; padding-left:10px; color:rgba(255,255,255,0.5); font-size:12px; font-weight:300; letter-spacing:-0.02em; display:block; }
footer .footer_box .infobox .r-box .family .sbox li a:hover { color:#fff; }
footer .footer_box .infobox .r-box .family .sbox li a:before { content:""; display:block; width:2px; height:2px; background:#fff; position:absolute; left:0; top:5px;}
footer .footer_box .infobox .r-box .family .sbox li:nth-child(1) a { animation:vmLeft 0.5s 0.3s; animation-fill-mode:both; }
footer .footer_box .infobox .r-box .family .sbox li:nth-child(2) a { animation:vmLeft 0.5s 0.5s; animation-fill-mode:both; }
footer .footer_box .infobox .r-box .family .sbox li:nth-child(3) a { animation:vmLeft 0.5s 0.7s; animation-fill-mode:both; }
footer .footer_box .infobox .r-box .family .sbox li:nth-child(4) a { animation:vmLeft 0.5s 0.9s; animation-fill-mode:both; }
footer .footer_box .infobox .r-box .family .sbox li:nth-child(5) a { animation:vmLeft 0.5s 1.1s; animation-fill-mode:both; }
footer .footer_box .infobox .r-box .family .sbox li:nth-child(6) a { animation:vmLeft 0.5s 1.3s; animation-fill-mode:both; }
footer .footer_box .infobox .copyright { margin-top:5px; color:rgba(255,255,255,0.2); font-size:13px; font-weight:400; }

@media screen and (max-width:1280px){
  footer .fmenu-box { padding:0 40px; height:120px; }
  footer .fmenu-box .fmenu ul { gap:0 35px; }
  footer .fmenu-box .sns ul { gap:0 25px; }
  footer .footer_box { padding:80px 40px;  }
  footer .footer_box .flogo { width:200px; }
  footer .footer_box .infobox .info li .sbr { display:block; margin:8px 0 0; }
}
@media screen and (max-width:1024px){
  footer .fmenu-box { padding:25px 40px; height:auto; }
  footer .fmenu-box > div { width:100%; }
  footer .fmenu-box .fmenu ul { gap:10px 30px; justify-content:center; }
  footer .fmenu-box .fmenu li a { font-size:15px; }
  footer .fmenu-box .sns ul { gap:0 25px; justify-content:center; margin-top:25px; }
  footer .footer_box .infobox .info { padding-top:12px; }
  footer .footer_box .infobox .info li:not(:last-child) { margin-bottom:12px; }
  footer .footer_box .infobox .info li { font-size:15px; }
  footer .footer_box .infobox .info li .space { margin:0 10px; }
  footer .footer_box .infobox .info li .sbr { margin:8px 0 0; }
  footer .footer_box .b_info .copyright { margin-top:70px; font-size:15px; }
  footer .footer_box .b_info .copyright a { margin-left:5px; }
}
@media screen and (max-width:860px){
  footer .footer_box  { text-align:center; }
  footer .footer_box  .flogo { margin:0 auto; }
  footer .footer_box .infobox { text-align:center; align-items:center; flex-wrap:wrap; margin-top:15px; }
  footer .footer_box .infobox > div { width:100%; }
  footer .footer_box .infobox .r-box { text-align:center; margin-top:30px; }
  footer .footer_box .b_info { margin-top:30px; }
  footer .footer_box .b_info .copyright { margin-top:50px; }
  footer .footer_box .infobox .r-box .family .sbox  { background:rgba(255,255,255,0.9); right:-40px;}
  footer .footer_box .infobox .r-box .family .sbox li a { color:#333; font-weight:400 }
  footer .footer_box .infobox .r-box .family .sbox li a:hover { color:#333; }
  footer .footer_box .infobox .r-box .family .sbox li a:before { background:#333; }
}
@media screen and (max-width:640px){
    footer .footer_box { padding:50px 10px;  }
    footer .footer_box .flogo { width:160px; }
    footer .footer_box .b_info .fbox li { margin-top:12px; font-size:15px; }
    footer .footer_box .b_info .fbox li:not(:last-child) { margin-right:25px; }
    footer .footer_box .b_info .fbox li.full { margin-top:12px; font-size:15px; }
    footer .footer_box .b_info .fbox li strong { font-size:15px; margin-bottom:2px; }
    footer .footer_box .b_info .copyright { margin-top:35px; }
}




#btn_top { position:fixed; bottom:60px; right:18px; z-index:2; background:url(/img/common/btn_bottom.png) no-repeat center bottom; padding-bottom:50px;  }
#btn_top span { width:15px; height:48px;}
.w-over #btn_top {  right:29px; background:url(/img/common/btn_top.png) no-repeat center top; padding-bottom:0; padding-top:40px; }
.w-over #btn_top.active { bottom:520px; }
#btn_top a { cursor:default; color:#fff; font-size:12px; transform:rotate(90deg); display:block; }
.w-over #btn_top a { cursor:pointer; }
.mainBody #btn_top { filter:brightness(1) invert(0); }
.subBody #btn_top,
.w-over #btn_top { filter:brightness(1) invert(1); }
.w-over #btn_top,
.subBody #btn_top.active { filter:brightness(0) invert(0); }
#btn_down { position:absolute; bottom:60px; right:20px; z-index:22; background:url(/img/common/btn_bottom.png) no-repeat center bottom; padding-bottom:50px; display:none }
#btn_down > span { color:#fff; font-size:12px; transform:rotate(90deg); display:block;}
#wrap.line #btn_down,
.subBody header.fix #btn_down{ filter:brightness(1) invert(1); }
@media screen and (max-width:1024px){
  #btn_down { display:none }
}
@media screen and (max-width:640px){
  #btn_top { right:-12px; }
  .w-over #btn_top.active { bottom:360px; }
  .w-over #btn_top { right:1px; }
}



/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; font-size:15px;  line-height:140%; word-break:break-all; margin-top:140px; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#014789;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color:#333; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }


.privacy .content_lv1{ margin-bottom:10px; font-size:16px; line-height:170%; color:#333; }
.privacy .content_lv2 { margin-bottom:10px; font-size:14px; line-height:170%; color:#333; padding-left:20px; }
.privacy table { }
.privacy th { padding:12px 20px; border:1px solid #ddd; background-color:#fafafa; font-weight:700; color:#333 }
.privacy td { padding:12px 20px; border:1px solid #ddd }

/* slick-slider 필수 css */
/* .slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} */
.slick-slider{position:relative; display:block; user-select:text !important; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform:translate3d(0,0,0);}
.slick-slide img{display:block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list { transform:translate3d(0, 0, 0); }
.slick-slide { transform:translate3d(0,0,0); }




/* 쿠키 팝업 */
.cookie_pop{position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000050; visibility:visible; z-index:99999;}
.cookie_pop.off { visibility:hidden;  opacity:0; z-index:-11; }
.cookie_pop *{line-height: 1.7;}
.cookie_pop .bg_box{position:absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%); max-width: 1500px; box-sizing:border-box; padding: 100px 80px 75px; background-color:#fff; }
.cookie_pop .bg_box .tit{margin-bottom:60px;}
.cookie_pop .bg_box .tit h3{font-weight:bold; font-size:40px; letter-spacing:-0.015em; color: #222; text-align: center; margin-bottom:40px;}
.cookie_pop .bg_box .tit p{font-size:17px; color: #444;}
.cookie_pop .bg_box .tit p a{position:relative; top: -2px; font-size:14px; font-weight:600; color: #ed6d46;margin-left: 6px;}
.cookie_pop .bg_box .tit p a::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ed6d46; }
.cookie_pop .bg_box .slide_txt{display:none; margin-bottom:50px;}
.cookie_pop .bg_box .slide_txt dl{margin-bottom:24px;}
.cookie_pop .bg_box .slide_txt dl:last-of-type{margin-bottom:0;}
.cookie_pop .bg_box .slide_txt dl dt{font-weight:bold; font-size:17px; color: #444; margin-bottom:4px;}
.cookie_pop .bg_box .slide_txt dl dd{font-size:16px; color: #444;}
.cookie_pop .bg_box .pop_ui{display:flex; align-items:center; justify-content:space-between;}
.cookie_pop .bg_box .pop_ui .show{cursor: pointer;}
.cookie_pop .bg_box .pop_ui .show span{font-weight:bold; font-size:16px; color: #444;}
.cookie_pop .bg_box .pop_ui .show i{position:relative; top: 2px; font-size:17px; color: #ed6d46;}
.cookie_pop .bg_box .pop_ui .btn{display:flex;}
.cookie_pop .bg_box .pop_ui .btn a{width: 130px; height: 45px; line-height: 45px; border-radius:23px; text-align: center; font-weight:bold; font-size:14px; color: #fff; margin-right: 12px;}
.cookie_pop .bg_box .pop_ui .btn a:last-of-type{margin-right: 0;}
.cookie_pop .bg_box .pop_ui .btn a:not(.out){background: #ed6d46;}
.cookie_pop .bg_box .pop_ui .btn .out{background: #999999;}

/* 팝업미디어 */
@media (max-width: 1500px){
  .cookie_pop .bg_box{width: calc(100% - 32px); padding: 50px 30px 50px;}
  .cookie_pop .bg_box .slide_txt{max-height: 180px; overflow-y: scroll; }
  .cookie_pop .bg_box .tit p br{display:none; }

}

@media (max-width: 1280px){
  .cookie_pop .bg_box .tit{margin-bottom:30px;}
  .cookie_pop .bg_box .tit h3{font-size:30px; margin-bottom:20px;}
  .cookie_pop .bg_box .tit p{font-size:16px;}
  .cookie_pop .bg_box .slide_txt{margin-bottom:25px;}
}
@media screen and (max-width:640px){
  .cookie_pop .bg_box{padding: 20px 16px;}
  .cookie_pop .bg_box .tit{margin-bottom:15px;}
  .cookie_pop .bg_box .tit h3{font-size:24px; margin-bottom:10px;}
  .cookie_pop .bg_box .tit p a{display:inline-block; vertical-align: top; margin-left: 0;}
  .cookie_pop .bg_box .slide_txt{margin-bottom:10px;}
  .cookie_pop .bg_box .pop_ui{flex-wrap:wrap;}
  .cookie_pop .bg_box .pop_ui .btn{width: 100%; justify-content:flex-end; margin-top: 10px;}
}


/* animation */
.cookie_pop { opacity:0; }
.cookie_pop { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }


.font_noto_jp { font-family: 'Noto Sans JP', sans-serif;}
.font_noto_ch {  font-family: 'Noto Sans SC', sans-serif;}