.cf:after, .cf:before{clear:both; content:''; display:table;}
.img_bg{background-repeat: no-repeat; background-size: cover;}

.boundary{max-width:1200px; width:100%; margin:0 auto;}
.boundary2{max-width:1440px; width:100%; margin:0 auto;}

.mobile_menu{display: none;}

li .sub_menu li a  {color:white;font-size:15px;}

.wrap{width: 100%; max-width: 1920px; margin: 0 auto;}

::selection{background-color: #2c306f; color: white;}

section{width: 100%; position: relative;}
header{width:100%; top: 0; left: 0;  z-index: 99; background:#fff; max-width: 1920px; height: auto;}
header .boundary{position: relative; height:75px;}

.header_logo{width: 170px; padding-top: 16px; position: absolute; z-index: 2; left:0; top:55%; transform: translateY(-50%);}
.header_logo img{width:170px;}
.menu_wrap{ position: absolute;  right:0; z-index: 2; top:38px;}

.lang_container{width:100%; height:25px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1);}
.lang_container .boundary{position:relative; height:24px;}
.join{position: absolute; top:0px; right:0; font-size: 14px;}
.lan{background-color: #2c306f; color:#fff; width:60px; text-align: center; line-height: 23px; height:24px; font-size:12px; font-weight: 700;}

.lan_sub{background-color: #fff;  height: 0; top:1px; overflow: hidden; width: 60px; position: relative; z-index: 9;
    border-right:1px solid rgba(0, 0, 0, 0.1); border-left:1px solid rgba(0, 0, 0, 0.1);} 
.lan_sub > li{border-top: 1px solid rgba(0, 0, 0, 0.1); line-height:24px;}
.lan_sub > li:hover a{color:#2c306f;}

header.pc_menu{border-bottom:1px solid rgba(255,255,255,.3); height:100px; border-bottom:2px solid #2c306f;}
header.pc_menu .menu > li{float: left; cursor: pointer; line-height:1; padding:0 32px; position: relative; }
header.pc_menu .menu > li > a{ font-weight: 500; font-size:17px; display: block;}

.sub_menu{width: 100%; height:0px; overflow: hidden; text-align: center;  position: absolute; margin-top:22px; left:50%; transform: translateX(-50%);
    background-color: rgba(44, 48, 111, 0.8); transition-duration: 0.5s;}
.sub_menu>li{width: 100%; cursor: pointer;}
.sub_menu a{width: 100%; height: 100%; display: block; font-size:16px; padding:14px 0;  color: #f5f5f5; font-weight: 500; transition-duration: 0.3s;}


.pc_hover>li:hover>.sub_menu_3{height: 132px;}

/* 최진혁 custom */
.pc_hover>li:hover>.sub_menu_4{height: 176px;}
.pc_hover>li:hover>.sub_solo{height: 43px;}
.sub_menu>li:hover>a{color: #aaa;}





.mo_lan_sub{background-color: white; position: relative; overflow: hidden; height: 0;}
.mo_lan_sub>li{color: #262626; border-bottom: 1px solid #ebebeb;}
.mo_lan_sub>li:last-child{border-bottom: 0}




/* --------- footer ------- */

footer{width: 100%; background-color:#444; position: relative; padding:0 0 30px;}
footer .admin-btn{position: absolute; cursor: pointer; right:24px; bottom:10px;}
footer .admin-btn img{opacity: 0.2;}
.foot_info{max-width:768px;  font-size: 13px; color: #e1e1e1; padding-top:40px;}
.foot_info .inner {padding-bottom:12px;}
.foot_info .inner > li{float: left; padding:0 10px; line-height: 1.6; font-weight: 300;}
.foot_copy{text-align: center;}



/* btn */
.btn-container .btn{text-align: center;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;
    max-width:160px; width:100%; height:46px; line-height: 45px; background:#2c306f; color:#fff; cursor: pointer;}
.btn-container .btn a{color:#fff;}


.dropdown {
    position: relative;
    border-bottom:1px solid #555;
    text-align: right;
  }
  .fsite_wrap{position: relative; display: inline-block; font-size: .85em;}
  .dropdown .fsite_btn{background-color: #222; cursor: pointer; color:#f1f1f1; padding:12px 40px 12px 20px; display: inline-block; border-left:1px solid #555; border-right:1px solid #555;}
  
  .dropdown-content {
      text-align:left;
    display: none;
    position: absolute;
    left:1px;
    background-color: #222;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:4px 0;
    z-index: 1;
  }

  .dropdown-content a{color:#f1f1f1; padding:12px 20px; display: block;}
  .dropdown-content a:hover{color:#2ba7e0;}



/* ********************************************* *
 * 1024px min 부터 mobile ver.
 * ********************************************* */
 @media screen and (min-width: 1024px){

    .mobile_menu, .mobile_menu_container{display:none;}
}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media screen and (max-width: 1024px){
    footer .admin-btn{display: none;}
    .mobile_menu, .subpage_tab_mobile{display:block;}
    .main_nav,.rock{display:none;}

    /* mobile header를 위한 wrap */
    .wrap_container {position: relative; width: 100%;
        -moz-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98); -o-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98);
        -webkit-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98); transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98);}
    .wrap_container.menu-opened {-moz-transform: translateX(-20em); -ms-transform: translateX(-20em); -webkit-transform: translateX(-20em); transform: translateX(-20em);}

    /* mobile header */
    .header .mobile_nav{ height:66px; border-bottom:1px solid #e1e1e1; position: relative; background-color:#fff; z-index:100;}
    .mobile_nav_inner.left{left:24px; top:50%; transform: translateY(-50%); position: absolute; line-height: 0;}
    .mobile_nav_inner.left img{height:38px;}
    .mobile_nav_inner.right{position: absolute; right:24px; top:50%; transform: translateY(-50%); z-index:999;}

    .mobile_nav_inner.lang{position: absolute;  top:50%; transform: translateY(-50%); right: 72px; width:48px; }
    .mobile_nav_inner.lang .current_lang{font-size:13px; height:24px;}
    .mobile_nav_inner.lang .lang_list li{ font-size:13px;}



    /* mobile menu */

    .mobile_gnb_wrap{position: relative; width: 100%; display: none;}

    .mobile_gnb > li a{display:block; padding:20px; text-align: center; cursor: pointer;}
    .mobile_gnb > li a.active{color:#199cd9;}

    /* mobile dept 2 */
    .mobile_sub_dep > ul{display:none; background:#fff; border-top:1px solid #e1e1e1;}

    

    .window {overflow: hidden; display:block; width:100%; z-index:100; height:100vh; visibility: hidden;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .window .menu { width:100%; display: block; overflow: hidden; position: absolute; padding: 0px 48px 0; top:66px;
        transition: all 0.5s ease-out, background 1s ease-out; transition-delay: 0.2s; background:#fff; height:0;}

    .burger-container { cursor: pointer; -webkit-transform: rotate(0deg); transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;      user-select: none;
    -webkit-tap-highlight-color: transparent;}
    .burger-container #burger { width: 18px; height: 8px; position: relative; display: block;}
    .burger-container #burger .bar { width: 100%; height: 2px;
    display: block; position: relative; background: #333;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0s;}
    .burger-container #burger .bar.topBar {-webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg);}
    .burger-container #burger .bar.btmBar {-webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg);}

    .window li.menu-item {border-bottom: 1px solid #ddd; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
    
    .window li.menu-item:nth-child(1) {transition-delay: 0.49s;}
    .window li.menu-item:nth-child(2) {transition-delay: 0.42s;}
    .window li.menu-item:nth-child(3) {transition-delay: 0.35s;}
    .window li.menu-item:nth-child(4) {transition-delay: 0.28s;}
    .window li.menu-item:nth-child(5) {transition-delay: 0.21s;}
    .window li.menu-item:nth-child(6) {transition-delay: 0.14s;}
    .window li.menu-item:nth-child(7) { transition-delay: 0.07s;}
    .window li.menu-item > a {display: block; position: relative; font-size: 18px; line-height: 1.8; width: 100%;}

    .window.menu-opened{visibility: visible;}
    .window.menu-opened .menu {background: #fff; height:100%; transition: all 0.3s ease-in, background 0.5s ease-in; transition-delay: 0.25s;}
    .burger-container.actived {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
    .burger-container.actived #burger .bar {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0.2s;}
    .burger-container.actived #burger .bar.topBar {-webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg);}
    .burger-container.actived #burger .bar.btmBar {-webkit-transform: translateY(3px) rotate(-45deg); transform: translateY(3px) rotate(-45deg);}
    .window.menu-opened li.menu-item {-webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1;}

    .window.menu-opened li.menu-item:nth-child(1) {transition-delay: 0.27s;}
    .window.menu-opened li.menu-item:nth-child(2) {transition-delay: 0.34s;}
    .window.menu-opened li.menu-item:nth-child(3) {transition-delay: 0.41s;}
    .window.menu-opened li.menu-item:nth-child(4) {transition-delay: 0.48s;}
    .window.menu-opened li.menu-item:nth-child(5) {transition-delay: 0.55s;}
    .window.menu-opened li.menu-item:nth-child(6) {transition-delay: 0.62s;}
    .window.menu-opened li.menu-item:nth-child(7) {transition-delay: 0.69s;}

}