/* * {
    touch-action: manipulation; 
  } */
::selection {
    color: #fff;
    background: #b99121;
  }


/* 모바일 메뉴 코드시작 */
.bun-menu{width:40px; height:27px; position:fixed;  z-index:210;  right:5px; top:20px; transition:all 0.3s; 
    display:none; mix-blend-mode:difference;
	animation-name:bunMenus; animation-duration:1s; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); animation-fill-mode:both; animation-delay:1s;
}
.bun_par{transform: translateZ(0px);transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s, color 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; box-sizing: border-box; width:28px; height:27px;}
.buns{background-color:#fff; height:2px; position:absolute; width:100%; transition: all 0.25s ease 0s; border-radius:20px; mix-blend-mode: difference;}
.BON .buns{background-color: #6b4d7a;}
.BON .bun_3{ width:100%;}
.bun_1{transform:translateY(0px) translateZ(0px);}
.bun_2{transform:translateY(9px) translateZ(0px);}
.bun_3{transform:translateY(18px) translateZ(0px); width:70%;}
.BKL_1 .bun_1{transform: translateY(11px) translateZ(0px) translateX(0px) rotate(-45deg); background-color:#a7917f;}
.BKL_2 .bun_2{transform: translateY(11px) translateZ(0px); opacity:0; background-color:#a7917f; }
.BKL_3 .bun_3{transform: translateY(11px) translateZ(0px) translateX(0px) rotate(45deg); width:100%; background-color:#a7917f;}
.mobile-top-bg{display:none; background-color:#fff; width:100%; height:58px; position:fixed; left:0; top:0; z-index:190; box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.17);}
.mobile-gnb{display:block; background-color:#fff; position:fixed; z-index:90; width:100%; height:100vh; top:0; left:100%; transition:all 300ms cubic-bezier(0.015, 0.185, 0.050, 0.985);}
.FGJ{left:0%}
.mobile-gnb h2{display:none; position:fixed; top:12px; left:50%; transform:translate(-50%, 0); z-index:200;}
.mobile-gnb h2 img{width:264px;}
.mUtility{position:relative; left:0px; top:55px; height:44px; width:100%; border-bottom:1px solid #dddddd;}
.mUtility ul li a img{width:17px;}
.mUtility ul{display:flex; gap:0 20px; justify-content:left; position: absolute; left:20px; top:15px;}
.mob-gnbUL{position: absolute; left:0px; top:99px; box-sizing:border-box; width:100%;}
.mob-gnbUL>li>a{padding:0 0 0 20px; height:55px; color:#000; font-size:16px; display:block; text-align:left; border-bottom:1px solid #dddddd; padding-top:14px; position:relative; font-weight:500;}
.mob-gnbUL li{}
.di-open{display:block !important;}
.mob-gnbUL ul{font-family:Pretendard, -apple-system; padding-left:40px; overflow:hidden; overflow:hidden; display:none; transition:all 0.2s; background-color:#f8f8f8;}
.mob-gnbUL ul li a{color:#000; font-size:14px; display:block; padding-top:10px;}
.mob-gnbUL>li>a>i{position:absolute; }
.mob-gnbUL>li>a>i{display:inline-block; position: absolute; right:20px; top:22px; line-height:0; font-size:0;}
.mob-gnbUL>li>a>i>img{width:12px; transition:all 0.3s;}
.gnbToggleArrow{transform:rotate(180deg);}
.mobileR-btn{position:absolute; right:10px; display:flex; top:5px; gap:0 7px;}
.mobileR-btn div{display:inline-block;}
.mobileR-btn div a{font-size:12px; color:#000; display:inline-block; border:1px solid #000; padding:0px 10px 0px 10px; border-radius:50px;}
.mobileTopBG{display:none; width:100%;height:50px; position:fixed; left:0; top:0; z-index:100; box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.17); background-color:#fff;}
.mobileTopBG h1{position:absolute; top:10px; left:13px; z-index:220;}
.mobileTopBG h1 img{width:250px;}

.mobile_menu{position:fixed; width:150px; height:100vh; right:-150px; background-color:#b3b3b3; z-index:10; display:flex; align-items:top; justify-content:center; transition:all 0.3s;}
.mobile_menu ul{margin-top:100px;}
.mobile_menu ul li{text-align:left; font-family: 'TT_Supermolot_Neue_Trial_Regular'; font-size:19px;}
.mobile_menu ul li+li{margin-top:5px;}
.mobile_menu ul li a{color:#fff;}
.mobile_menu_bg{backdrop-filter: blur(1.5px); visibility: hidden; opacity: 0;  width:100%; height:100vh; background-color: rgba(0,0,0,0.5); position:fixed; z-index:9; display:block; content:""; left:0; transition: all 0.3s;}
body.BKL_1 .mobile_menu{right:0;}
body.BKL_1 .mobile_menu_bg{visibility: visible; opacity: 1;}
/* 모바일 메뉴 코드 끝 */


  h1{width:100%; height:140px; position:fixed; z-index:5; transition:all 0.5s cubic-bezier(.02,.47,.47,.99); }
  h1 p{left:50%; top:35px; transform:translate(-50%,0); position:fixed; transition:all 0.5s cubic-bezier(.02,.47,.47,.99); }
  h1 p img{width:220px;}
  nav{position:fixed; left:0; top:140px; border-bottom:1px solid rgba(255, 255, 255, 0.3); z-index:5; border-top:1px solid rgba(255, 255, 255, 0.3); height:55px; width:100%; transition:all 0.5s cubic-bezier(.02,.47,.47,.99);}
  nav ul{position: absolute; left:50%; gap:0 50px; top:17px;  transform:translate(-50%, 0); display:flex; align-items:center; justify-content:space-between; transition:all 0.5s cubic-bezier(.02,.47,.47,.99);}
  nav ul li a{color:#fff; font-size:15px; font-family: "Roboto", sans-serif; font-weight:600; letter-spacing:0.5px; position:relative; transition:all 0.5s; transition:all 0.5s cubic-bezier(.02,.47,.47,.99);}
  nav ul li a::after{content:""; width:0%; height:2px; background-color:#929292; position: absolute; left:0; bottom:-2px; transition:all 0.3s;}
  nav ul li a:hover::after{width:100%;}
  nav ul li a:hover{color:#929292;}
  .topBG_images{background:url("../image/top_bg_1.jpg") no-repeat 50% 50%; background-size:cover; width:100%; height:900px; position:fixed; z-index:3;}
  .BG_1{width:100%; height:900px; opacity:0;}
  .BG_1 img{width:100%; height:100%; object-fit: cover;}

  body.scroll_down nav{top:80px; height:46px; background-color:#fff; border-top:1px solid #929292; border-bottom:1px solid #929292}
  body.scroll_down nav ul{top:13px;}
  body.scroll_down nav ul li a{color:#000; font-size:14px; }
  body.scroll_down h1{background-color:#fff; height:80px;}
  body.scroll_down h1 p{top:0px;}
  body.scroll_down h1 p img {content: url("../image/logo_.png"); }
  
  .contentsDiv{padding-top:900px; position: relative; z-index:4; }
  /* .section_1{color:#C3A95F; font-size:25px; font-family: 'TT_Paplane_Trial_Regular'; background-color:#fff;} */

  .section_1{color:#C3A95F; background-color:#fff; }
  .section_1-div{width:1000px; margin:0 auto; padding:130px 0 150px;}
  .section_1-div h2{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px;}
  .section_1-div p{font-family: 'TT_Supermolot_Neue_Trial_Regular'; color:#000; font-size:34px; padding-top:35px;}
  .section_1-div span{display:block; font-family: 'TT_Neoris_Trial_Italic'; font-size:17px; line-height:150%; color:#5A5858; letter-spacing:0.2px;}
  .section_1-div span:nth-of-type(1){margin-top:25px;}
  .section_1-div span+span{margin-top:10px;}
  .section_1-div span b{}

  .test_tt{ font-size:15px; }
  .id_position{transform:translateY(-80px);}
  .id_position_m{transform:translateY(-40px);}

  .section_2{height:700px; color:#C3A95F; background:url("../image/bg_1.jpg") no-repeat 50% 50%; background-size:cover;}
  .section_2-div{width:1000px; margin:0 auto; padding:110px 0 130px;}
  .section_2-div h2{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px; color:#C3A95F;}
  .section_2-div .our_ul{display:flex; justify-content:space-between; margin-top:45px;}
  .section_2-div .our_ul ul{display:flex; flex-direction:column;}
  .section_2-div .our_ul ul li+li{margin-top:40px;}
  .section_2-div .our_ul ul li p{color:#FADB80; font-size:23px; font-family: 'TT_Supermolot_Neue_Trial_Regular';}
  .section_2-div .our_ul ul li span{margin-top:10px; display:block; font-size:17px; font-family: 'TT_Neoris_Trial_Italic'; color:#fff; line-height:150%; opacity:0.8;}

  .section_3{height:400px; color:#C3A95F; background-color:#fff;}
  .section_3-div{width:1000px; margin:0 auto;padding:140px 0 130px;}
  .section_3-div h3{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px; color:#CEA123; text-align:center;}
  .section_3-div span{margin-top:10px; display:block; text-align:center; color:#707070; font-family: 'TT_Neoris_Trial_Italic'; font-size:17px;}

  .section_4{/*height:750px;*/ background:url("../image/bg_2.jpg") no-repeat 50% 50%; background-size:cover;}
  .section_4-div{width:1000px; margin:0 auto; padding:110px 0 130px;}
  .section_4-div h2{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px; color:#CEA123; text-align:left;}
  .section_4-div p{margin-top:35px; margin-bottom:40px; display:block; text-align:left; color:#fff; font-family: 'TT_Neoris_Trial_Italic'; font-size:16px; letter-spacing:0.3px;}
  .phil_box{}
  .phil_box a{height:60px; border:1px solid #fff; background-color:rgba(0,0,0,0.17); position:relative; display:block; overflow:hidden; transition:all 0.3s;}
  .phil_box a div{padding:15px 20px 30px 30px;}
  .phil_box a div h3{font-family: 'TT_Lakes_Neue_Trial_DemiBold'; color:#fff; font-size:22px; padding-bottom:15px; opacity:0.6; transition:all 0.3s;}
  .phil_box a div span{display:block; font-family: 'TT_Neoris_Trial_Italic'; color:#DFD1A6; font-size:15px; letter-spacing:0.4px;}
  .phil_box a div span img{width:18px; vertical-align:middle; transform:translateY(-2px); transform:translate3d(-8px, -2px, 0); will-change: transform; transition: transform 0.3s ease 0.25s;}
  .phil_box a div i{display:block; position:absolute; right:20px; top:23px; transition:all 0.3s;}
  .phil_box a div i img{width:20px;}
  .phil_box a+a{margin-top:-1px;}
  .phil_box a.on{height:110px; background-color:rgba(0,0,0,0.5); backdrop-filter: blur(1.5px);}
  .phil_box a.on div h3{opacity:1;}
  .phil_box a.on div i{transform: rotate(90deg);}
  .phil_box a.on div span img{transform:translate3d(0, -2px, 0);}
  @media (hover: hover) {
    .phil_box a:hover{background-color:rgba(0,0,0,0.4);}
    .phil_box a:hover div h3{opacity:1;}
  }

  .section_5{background:url("../image/bg_g.jpg") no-repeat 50% 50%; background-size:cover;}
  .section_5 .what_ul{display:flex; width:1000px; margin:0 auto; }
  .section_5 .what_ul>li{width:50%; padding-bottom:120px;} 
  .section_5 .what_ul>li:nth-of-type(1){background-color:#616161;}
  .section_5 .what_ul>li:nth-of-type(2){background-color:#8b9167;}
  .section_5 .what_ul>li h3{margin-left:50px; margin-bottom:30px; font-family: 'TT_Paplane_Trial_Regular'; color:#fff; font-size:34px;}
  .section_5 .what_ul>li:nth-of-type(1) ul li a{color:#D8DFAE;}
  .section_5 .what_ul>li:nth-of-type(2) ul li a{color:#fff;}
  .section_5 .what_ul>li div{margin:100px 0 0 0;}
  .section_5 .what_ul>li ul li{}
  .section_5 .what_ul>li ul li a{font-family: 'TT_Neoris_Trial_Regular'; padding:10px 0 0 0; width:80%; margin-left:50px; display:block; max-height:48px; box-sizing:border-box; overflow:hidden; transition:all 0.5s ease; border-top:1px solid #fff;}
  .section_5 .what_ul>li ul li a p{font-size:20px; transition: all 0.3s; box-sizing:border-box; padding-left:10px;}
  .section_5 .what_ul>li ul li:last-child a{border-bottom:1px solid #fff;}
  .section_5 .what_ul>li ul li a span{padding-left:20px; display:block; line-height:150%; font-size:16px; margin-top:14px; margin-bottom:15px; padding-top:10px; border-top:1px dotted rgba(255, 255, 255, 0.3); transition:all 0.3s; box-sizing:border-box; font-family: "Roboto", sans-serif, Pretendard, -apple-system; font-weight:300; }
  .section_5 .what_ul>li ul li a.on{max-height:300px;}
  .section_5 .what_ul>li:nth-of-type(1) ul li a.on p{color:#fff;}
  .section_5 .what_ul>li:nth-of-type(1) ul li a.on span{color:#fff;}
  .section_5 .what_ul>li:nth-of-type(2) ul li a.on p{color:#efff92;}
  .section_5 .what_ul>li:nth-of-type(2) ul li a.on span{color:#efff92;}
  @media (hover: hover) {
  .section_5 .what_ul>li:nth-of-type(1) ul li a:hover{background-color:#585858;}
  .section_5 .what_ul>li:nth-of-type(2) ul li a:hover{background-color:#7d825c;}
  }

  .section_6{background-color:#fff;}
  .section_6-div{width:1000px; margin:0 auto; padding:110px 0 130px;}
  .section_6-div h2{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px; color:#CEA123; text-align:left;}
  .section_6-div>p{margin-top:30px; color:#707070; font-size:17px; line-height:140%; font-family: 'TT_Rationalist_Trial_Variable_Italic';}
  .section_6-div>p b{color:#C09828;}
  .team_box{margin-top:50px;}
  .teams .team_name{font-family: 'TT_Lakes_Neue_Trial_DemiBold'; color:#8b8b8b; font-size:24px; position:relative; display:block; height:50px; transition:all 0.3s;}
  @media (hover: hover) {
    .teams .team_name:hover{background-color:#F5F5F5; color:#494949;}
    .teams .team_name:hover span{transform:translateX(10px);}
    .teams .team_name:hover i img{transform: rotate(90deg); opacity:0.6;}
  }
  .teams .team_name span{display:block; padding-top:7px; transition:all 0.3s;}
  .teams .team_name i{position: absolute; right:16px; top:15px;}
  .teams .team_name i img{width:12px; transform: rotate(180deg); transition: all 0.5s; will-change: auto; opacity:0.4;}
  .teams .team_content{font-family: "Roboto", sans-serif; color:#535353; font-size:15px; line-height:155%; background-color:#f9f9f9; padding:35px 30px 40px 50px;   
    border-top:1px solid #C2C2C2; max-height:0; overflow:hidden; padding-top:0; padding-bottom:0; transition:all 0.5s; will-change: auto;
  }
  .teams .team_content.on{max-height:500px;  padding-top:40px; padding-bottom:50px;  border-bottom: 1px solid #C2C2C2;}
  .teams .team_name.on i img{transform: rotate(0deg); opacity:1;}
  .teams .team_name.on{color:#494949;}

  .section_7{/*height:750px;*/ background:url("../image/bg_3.jpg") no-repeat 50% 50%; background-size:cover;}
  .section_7-div{width:1000px; margin:0 auto; padding:130px 0 150px;}
  .section_7-div h2{font-family: 'TT_Paplane_Trial_Regular'; font-size:45px; color:#CEA123; text-align:left;}
  .section_7-div p{color:#fff; font-family: 'TT_Neoris_Trial_Italic'; font-size:17px; margin-top:20px;}
  .info_list{font-family: 'TT_Lakes_Neue_Trial_Regular'; color:#fff; margin-top:50px;}
  .info_list ul li{font-size:20px; margin-top:10px;}
  .info_list ul li img{width:5px; vertical-align:middle; padding-right:4px;}

  .section_copyright{background-color:#fff;}
  .section_copyright div{width:1000px; margin:0 auto; font-family: "Roboto", sans-serif; color:#646464; padding:80px 0 80px 0;}
  .section_copyright div ul{display:flex; justify-content:space-between;}
  .section_copyright div ul li:nth-of-type(1) img{width:210px;}
  .section_copyright div ul li:nth-of-type(2){line-height:140%; font-size:15px; margin-top:10px;}
  .section_copyright div ul li:nth-of-type(2) a{color:#000;}
  .section_copyright div ul li:nth-of-type(2) a:hover{text-decoration:underline;}
  .mShow{display:none;}


.topBtn{position:fixed; z-index:30; bottom:40px; mix-blend-mode:difference; right:-3.8vw; transition:all 0.5s;}
.topBtn a{display:inline-block; position:relative; }
.topBtn a p{}
.topBtn a p img{width:50px; height:50px; display:block;}
.topBtn a i{display:block; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);  mix-blend-mode:exclusion;}
.topBtn a i img{width:18px;}
.topBtnOn{right:3vw !important;}