@charset "UTF-8";
/*head.css*/
#hd { width: 100%; background: none; position: fixed; top: 0; left: 0; z-index: 22; }
/* #hd.scroll_bg { top: -24px; } */
#hd_wrapper { width: 100%; height: 70px; overflow: visible; z-index: 30;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  /* -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2); */
}
/* #hd.scroll_bg #hd_wrapper { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1); box-shadow:0 2px 5px rgba(0,0,0,0.1);
} */
#hd_wrapper .inner { height: 100%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;
  display: -webkit-box; display: -ms-flexbox; display: flex; }
/*로고*/
#logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 200px; height: 35px; }
#logo a { width: 100%; height: 100%; -webkit-transform: none; transform: none; background: url(../../img/common/logo.png) no-repeat;
  background-size: 100% auto; background-position: center; }
#logo a, #logo a img { width: 100%; }
.logo-gr { display: none; }

#hd.scroll_bg #logo a { background-image: url(../../img/common/logo_scroll.png); }
#hd #logo a { background-image: url(../../img/common/logo.png);}
/* #hd.scroll_bg #logo a:after { content:"高凰그룹"; margin-left:115px; font-weight:500; font-size:1.5rem; color:black; } */
/* #hd #logo a:after { display: block; content:"高凰그룹"; margin-left:115px; font-weight:500; font-size:1.5rem; color:white; width: 100%; } */
/* #hd #tnb.pc ul li a { color: #141414; } */

/*메뉴*/
#gnb { margin-left: 160px; height: 80px; }
#gnb .gnb_1dli { height: 100%; line-height: 70px; width: 140px; /* width: auto; padding: 0 32px; */ }
#gnb .gnb_1dli:last-child { padding-right: 0; }
.gnb_1da { height: 100%; width: 100%; font-size: 1.15rem; color: white; font-weight: 500; }
/* #hd .gnb_1da { color: #222; text-shadow: none; } */
#hd.scroll_bg .gnb_1da { color: #222; }
/* 1차 메뉴 마우스 오버 시 밑에 나오는 파란 줄 */
/* .gnb_1da::after {
  display: block; content: ""; width: 0; height: 2px; top: 10px; margin-top: -12px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
  background: #34558b; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } */
/* .gnb_1dli:hover .gnb_1da::after { width: 100%; }
#hd.scroll_bg .gnb_1da::after { background: #00387D; } */
/* .gnb_1dli .bg { display: none; } */
/* .gnb_2dul { width: 100%; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: none; box-shadow: none; top: 73px; left: 50%;
  overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); } */
/* #hd.scroll_bg .gnb_2dul { -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.23); box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.23); }
.gnb_1dli_over .gnb_2dul { left: 50%; }
.gnb_2dli { border-top: 1px solid #e4dede; } */
/* .gnb_2da:hover { color: #222; } */
/* tnb 1200px 이상일 때 로그인 조인 영역 */
#hd.scroll_bg #tnb.pc ul li a { color: #000; }
#tnb.pc { position: relative; top: -50px; left: 120px; padding: 0; margin-left: auto; height: 32px; background: none;
  -webkit-box-sizing: border-box; box-sizing: border-box; }
/* #tnb .left_tnb { float: left; width: auto; } */
#tnb .right_tnb { float: right; width: auto; height: 32px; }
#tnb .tnb_admin { margin-top: -1px; }
#tnb .tnb_admin a { width: 100%; background: #0a2e48; }
#tnb.pc ul li, #tnb.pc ul li a { line-height: 30px; height: 32px; }
#tnb.pc ul li a, #tnb.pc ul li b, #tnb.pc ul li span { color: rgba(255, 255, 255, 0.9); font-weight: 300; font-size: 14px; }
#tnb.pc ul li a, .right_tnb li:hover, #tnb .right_tnb a:hover, #tnb .right_tnb a:focus { background-color: transparent;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.right_tnb li a i { display: none; }
/* login */
#ol_before { background: #0a2e48; height: 50px; }
#ol_before .buttons { float: left; width: 50%; }
#ol_before .buttons a { width: 100%; text-align: center; }
#tnb.mobile #ol_before .buttons a { padding: 0; color: white; }
#tnb.mobile #ol_before .buttons a:hover { background: none; }
#ol_before .buttons.join a { border-left: none; }
#ol_before .buttons.join a::after { display: block; margin-top: 7.5px; margin-right: -0.5px; float: right; width: 1px; height: 20px; content: ""; background: #fff; }
#ol_before .buttons a i { display: none; }
.ol { margin: 0; }
/* .mobile_menu #ol_after { -webkit-box-shadow: none; box-shadow: none; background-color: #0a2e48; border: none; }
.mobile_menu #ol_after_hd { padding: 20px; margin: 0; float: right; width: 100%; height: inherit; }
.mobile_menu #ol_after_hd .profile_img { float: left; display: none; width: 40%; position: relative; top: 0; left: 0; }
.mobile_menu #ol_after_hd .profile_img img { margin: 25px auto; border-color: #ddd; width: 95px; height: 95px; }
.mobile_menu #ol_after_hd #ol_after_info i { display: none; }
.mobile_menu #ol_after_hd .profile_text { width: 100%; position: relative; }
.mobile_menu #ol_after_hd .profile_text strong { float: left; margin: 0; margin-right: 20px; line-height: 30px; color: white;
  -webkit-transform: skew(0deg); transform: skew(0deg); font-weight: 100; }
.mobile_menu #ol_after_hd .profile_text #ol_after_info { position: absolute; top: 6px; right: 0; width: 20px; height: 20px; -webkit-box-shadow: none;
  box-shadow: none; background-image: url(../../img/common/icon-setting.png); background-repeat: no-repeat; background-size: 20px 20px; }
.mobile_menu #ol_after_hd .profile_text #ol_after_info:hover { background-color: transparent; }
.mobile_menu #ol_after_hd .profile_text .nick { width: 100%; color: rgba(255, 255, 255, 0.9); }
.mobile_menu #ol_after_hd .profile_text .nick span { display: inline-block; color: white; font-weight: 400; }
.mobile_menu #ol_after_hd .profile_text .buttons { display: -webkit-box; display: -ms-flexbox; display: flex;
  width: 100%; margin-top: 20px; }
.mobile_menu #ol_after_hd .profile_text .buttons a { padding: 0; width: 100%; height: 40px; line-height: 40px;
  color: #141414; border: 0; text-align: center; font-size: 0.96rem; }
.mobile_menu #ol_after_hd .profile_text .buttons a.btn_admin { border: 1px solid #fff; background: #0a2e48; color: #fff; }
#ol_after_private { display: none; } */
@media screen and (min-width: 1200px) {
  /* #mb-open-menu { display: none; } */
}
@media screen and (max-width: 1199px) {
  #hd_wrapper .inner { width: 100%; }
  /* #logo a::after { color: black; } */
  #hd { min-width: inherit; padding-top: 0; margin-top: 0; }
  #hd { top: 0; }
  /* #logo { left: 20px; flex-grow: 1; } */
  #gnb { display: none; }

  #hd.scroll_bg #logo a:after { content:"";}
  #hd #logo a:after { content:""}
  .logo-gr { display: block; font-weight: 500; font-size: 1.6rem; color: #FFFFFF; margin-top: 0.5rem; }
  #hd.scroll_bg .logo-gr { font-weight: 500; font-size: 1.6rem; color: #000000; margin-top: 0.5rem; }

  .gnb_1da { border-bottom: none; }
  #tnb { display: none; }
  #tnb.mobile { display: block; }
  #tnb.mobile { height: auto; background: #fff; }
  #ol_before .buttons { margin-top: 0; height: 100%; }
  #tnb.mobile #ol_before .buttons a { height: 100%; line-height: 50px; font-weight: 300; }
  #ol_before .buttons.join a { border-right: 1px solid rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }
  #ol_before .buttons.join a::after { display: none; }

  /* .mobile_menu { width: 100%; height: 100%; float: right; background: #fff; }
  .mobile_menu ul { width: 100%; overflow: hidden; } */
  .mobile-list { width: 100%; position: relative; border-bottom: 1px solid #dcdcdc; }
  /* .menu-list > a { position: relative; color: #333; padding: 15px 20px; width: 100%; height: 50px; text-align: left; border-bottom: solid 1px #ececec; } */
  .mobile-list .menu-arrow { position: absolute; right: 15px; top: 4px; height: 40px; width: 40px; font-size: 1.4rem;
    text-align: center; line-height: 20px; padding: 10px; cursor: pointer; }
  .mobile-list.on .menu-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .mask { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); cursor: pointer; z-index: 1000; }
  .menu-list .mb-submmenu-list { display: none; background: #f1f1f1; }
  .mb-submmenu-list li a { display: block; padding: 0 20px; color: #333; line-height: 40px; font-weight: 300; color: #666;
    background-color: #fbfbfb; height: auto; }
  .mobile-list .mb-submmenu-list li a i { display: inline-block; padding-right: 4px; }
}