/* 공통 */
.cf:after {content:""; display:block; clear:both;}
.mo_show {display:none;}

/* 헤더 */
header {overflow:hidden; position:fixed; width:100%; height:148px; background:rgb(244 244 244 / 90%); box-shadow:0 7px 20px rgba(0,0,0,0.05); z-index:99;transition: height 0.2s ease, overflow 0.2s ease; overflow: hidden;}
header.main_header{background:transparent; box-shadow:none;}
header.main_header:hover,header.main_header.scrolled{background:rgb(246 246 246 / 90%);}
header.main_header:hover:before,header.scrolled:before,header:before{content: '';width: 100%;height: 148px;background: rgb(255 255 255 / 80%); display: block; position: absolute; z-index: -1;}
header.main_header:before{background:transparent;}
header.main_header.scrolled .h_logo,header .h_logo,header.scrolled .h_logo,header .h_logo,header.main_header:hover .h_logo{background:url(../images/sy_logo2.png) 0 0 no-repeat;display:inline-block;width:178px;height:43px;background-size: contain;}
header.main_header .h_logo,header.main_header.main_mo .h_logo,header .main_mo .h_logo{ background:url(../images/sy_ft_logo.svg) 0 0 no-repeat; display:inline-block;width:178px;height:43px; background-size: contain;}
header.main_header:after{content:none;}
header:after {content:""; position:absolute; left:0; top:148px; width:100%; height:1px; background:#ECECEC}
header .inn {display:flex;max-width:1280px;margin: 0 auto 0;justify-content: space-between;align-items: center;height: auto;}
header nav {transition: all 0.2s;display: flex;align-items: center;/* height: 100%; */}
header nav::after {content:""; display:block; clear: both;}
header nav h1 {float:left; margin:-5px 68px 0 0;}
header.main_header nav h1 img{height:37px;}
header nav > ul {display:flex;align-items: center;}
header nav > ul > li {line-height: 148px;position:relative;text-align:center;padding: 0 60px;/* height: 148px; */}
header nav > ul > li:hover{}
header nav > ul > li a {font-size:18px; font-weight:500; white-space:nowrap;color:#484848;}
header.main_header nav > ul > li > a {color:#fff;}

header.main_header.scrolled nav > ul > li > a,header.main_header:hover nav > ul > li > a {color:#000000;}

header nav .depth2 {position:absolute;top: 133px;width:100%;text-align:left;padding: 30px 0 100px;}
header nav .depth2.h_gnb{padding: 30px 0 400px;}
header nav .depth2.w200 {width: 200%;}
header nav .depth2 li a::before {
  content: "- ";
  font-size: 18px;
  color: #727272;
  font-weight: 400;
}

header nav .depth2 ul{margin: 10px 30px 0 0;}
header nav .depth2.w200 ul {float:left;width: calc(50% - 30px);}
header nav .depth2 li {padding: 6px 0;}
header nav .depth2 li a {display:block;font-size:16px;color: #525252;font-weight: 400;}
header nav .depth2 li b,header nav .depth2 li.f_color a {font-size: 18px;font-weight:400;display: block;color:#000;}
header nav > ul > li:hover:after {content:"";position:absolute;left: 51%;bottom:45px;width: 46%;height: 2px;background:#005DAB;transform: translateX(-50%);z-index: 1;}
header nav > ul > li:hover > a {color:#005DAB;}
header nav .depth2 li:hover a{color:#005DAB;}
/* header .btn_company_pdf {display:block; width:210px; height:45px; padding:0 48px 0 17px; line-height:44px; font-size:17px; font-weight:500; color:#fff; border-radius:7px; background:#005DAB url(../images/btn_down.svg)no-repeat calc(100% - 17px) 50%;} */
header.main_header .btn_company_pdf,header .btn_company_pdf{color:#fff;border: 2px solid #fff;background-color:transparent;border-radius:30px;font-size: 18px;font-weight: 400;line-height: 47px;width: 250px;background-image: url(../images/btn_down.png);background-repeat:no-repeat;background-position: calc(100% - 22px) 50%;padding-left: 34px;/* text-align: center; */box-sizing: border-box;/* padding-left: 0; */height: 50px;}
header:hover .btn_company_pdf,header.scrolled .btn_company_pdf,header .btn_company_pdf{color:#7a7a7a;border: #7a7a7a 2px solid;background-image: url(../images/btn_down2.png);border-radius:30px;}
/* header .btn_allmenu {opacity:0;position:relative;z-index:-1; display:none;} */
header nav .depth2 li.f_color a:before{content:none;}
/* 푸터 */
footer {background:#484848;}
footer .inn {width:1280px; margin:0 auto; padding:80px 0;}
footer .fo_top {padding-bottom:20px; border-bottom:1px solid #6d6d6d; display:flex; justify-content: space-between; align-items: flex-end;}
footer .fo_logo img {width:222px;}
footer .fo_menu {display: flex; gap:81px;}
footer .fo_menu li {position:relative; line-height:1;}
footer .fo_menu li + li:before {content:""; position:absolute; left:-41px; bottom:4px; width:1px; height:14px; background:#6d6d6d;}
footer .fo_menu a {font-size:14px; color:#fff;}
footer .fo_menu a img {display: none;}
footer select {width:160px; height:30px; background:#fff; border:1px solid #ddd; font-size:13px; color:#999;}
footer option {font-size:13px;}
footer .fo_bott {padding-top:64px; display: flex; justify-content: space-between;}
footer .fo_info ul {display:flex;  gap:16px;}
footer .fo_info li, footer .fo_info span {font-size:14px; color:#fff; position:relative;}
footer .fo_info ul.slash li + li:before {content:"/"; position:absolute; left:-10px;}
footer .cs_info {text-align: right;}
footer .cs_info .fo_tel {display:block; margin-bottom:30px; font-size:24px; font-weight:bold; color:#fff;}
footer .cs_info ul {justify-content: flex-end;}
footer .copyright {font-size:14px; color:#fff; margin-top:-24px;}
footer .ph_none {font-size:14px; color:#fff; vertical-align: baseline;}

/* 맨위로 */
.btn_gotop {position:fixed; right:0; bottom:14px;}

.content{padding-top: 148px;}

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

  /* 헤더 */
  header nav {margin-left:0;}
}
@media screen and (max-width:1279px) {
  /* 공통 */
  .mo_show {display:block !important;}
  .pc_show {display:none !important;}


  /* 헤더 */
  header {height:60px!important; overflow:visible; box-shadow: none; background: #fff;}  
  header.main_mo,header.main_header:hover{opacity:1; background: transparent;  box-shadow: none;}
  header.main_mo.scrolled{background:#fff;}

  header.main_mo .h_logo, header .h_logo,header .h_logo{width:170px;background-size:contain;}
  header:hover .h_logo,header.main_header.main_mo:hover .h_logo,header.main_header:hover .h_logo,header.main_header:hover{pointer-events: auto;}
  header:after {top:59px;}
  header:before,header.main_header:hover:before, header.scrolled:before, header:before{content:none;}
  header .inn {padding:0 20px; height:60px;margin:0 auto;}
  header nav {margin-left:0;}
  header nav h1 {margin:0;} 
  header nav h1 img {width:120px;}
  header nav > ul {display:block; position:fixed; right:-100%; top:60px; width:100%; height:calc(100% - 60px); background:#fff; transition:all .2s; overflow-y: auto;  right: -100%!important;}
  header nav > ul.open{right: 0!important;}
  header nav > ul > li {padding:0; text-align:left; border-bottom:1px solid #E9E9E9;}
  header nav > ul > li > a {position:relative; display:block; padding:0 36px 0 44px; line-height:75px;}
  header nav > ul > li > a:after {content:""; position:absolute; right:36px; top:28px; width:20px; height:20px; background:url(../images/i_menu_arr.svg)no-repeat 0 0; transition: all .2s;}
  header nav > ul > li.on > a:after {transform: rotate(90deg);}
  header nav > ul > li:hover:after {display:none;}
  header.main_header nav > ul > li > a,header nav > ul > li:hover > a, header.main_header:hover nav > ul > li > a{color:#282828;}
  header nav .depth2 {position:initial; padding:25px 0 35px 76px; border-top:1px solid #E9E9E9; display: none;}
  header nav .depth2 li {padding:0;}
  header nav .depth2 li + li {margin-top:15px;}
  header nav .depth2 li b {font-size:18px; font-weight:500; line-height:65px; border-bottom:1px solid #ECECEC;}
  header nav .depth2 li a {font-size:18px; color:#727272; font-weight: 400;}
  header nav .depth2 li a::before {content:"- "; font-size:18px; color:#727272; font-weight: 400;}
  header nav .depth2.h_gnb{padding:25px 0 35px 76px}
  header nav .depth2.w200 {width:100%; padding:0 0 0 76px;}
  header nav .depth2.w200 ul {width:100%; float:none; position:relative;}
  header nav .depth2.w200 ul:nth-child(2):after {content:""; display:block; width:100%; height:50px;}
  header nav .depth2.w200 ul li:nth-child(2) {margin-top:25px;}
  header nav .depth2 ul:nth-child(2) b {border-top:1px solid #ECECEC;}
  header .btn_allmenu, header.scrolled .btn_allmenu{width:35px; height:35px; font-size:0; background:url(../images/m_btn_gnb.svg)no-repeat 50% 50%;}
  header.main_mo .btn_allmenu,  header.main_header .btn_allmenu{background: url(../images/mo_gnb.png) no-repeat 0 0;background-size: contain;}
  header .btn_allmenu.on ,header.main_mo.scrolled .btn_allmenu.on,header.main_mo .btn_allmenu.on{background:url(../images/i_close.svg) no-repeat 50% 50%;}
  header.main_header:has(.btn_allmenu.on) { background-color: #fff;  }
  header.main_header:not(.btn_allmenu.on) .h_logo{background: url(../images/sy_ft_logo.svg) 0 0 no-repeat; width:170px;background-size:contain; }
  header.main_header:has(.btn_allmenu.on) .h_logo{background:#fff url(../images/sy_logo.svg) 0 0 no-repeat; width:170px;background-size:contain;  }
  
  /* 푸터 */
  footer .inn {width:100%; padding:28px 20px 80px;}
  footer .fo_top {display:block; border:0; padding-bottom:0;}
  footer .fo_logo {margin-bottom:35px;}
  footer .fo_logo img {width:155px;}
  footer .fo_menu {gap:21px;}
  footer .fo_menu li + li:before {left:-11px;}
  footer .fo_menu a {font-weight: bold;}
  footer .fo_menu a img {display:inline-block; margin:2px 0 0 6px;}
  footer select {margin:30px 0; width:100%; height:40px; font-size:14px;}
  footer select option {font-size:14px;}
  footer .fo_info ul.slash li + li:before {display:none;}
  footer .fo_info ul.slash li:nth-child(-n+2) {display:inline-block;}
  footer .fo_info ul.slash li:nth-child(2) {padding-left:20px;}
  footer .fo_info ul.slash li:nth-child(2):before {content:""; display:block; position:absolute; left:9px; bottom:6px; width:1px; height:9px; background:#6d6d6d;}
  footer .fo_bott {padding:0; display:block;}
  footer .fo_info ul {display:block;}
  footer .cs_info {text-align: left;}
  footer .cs_info .fo_tel {margin:16px 0; font-size:30px;}
  footer .copyright {margin:24px 0 0 0;}

  /* 맨위로 */
  .btn_gotop {display:none;}

  .content{padding-top: 60px;}
  
}