body { position: relative; overflow-x: hidden;}
body,
html { height: 100%;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper01 {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:relative;
    top: 0px;
    z-index: 999;
}
#wrapper02{
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:relative;
    top: 0px;
    z-index: 999;
}
#wrapper01.toggled { padding:0;}
#wrapper02.toggled { padding:0;}
.navbar-inverse  { border-color: #fff;}
#sidebar-wrapper {
    z-index: 999;
    top:60px;
    left: -100%;
    width: 60%;
    height: auto;
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f5f5f5;
    opacity: 0.0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#sidebar-wrapper.toggled                        { padding:0;}
#sidebar-wrapper::-webkit-scrollbar             { display: none;}
#wrapper01.toggled #sidebar-wrapper             { left:0%; opacity: 1.0; width: 60%; height:100%; background-color: #fff; box-shadow: 4px 0px 5px -5px rgba(0,0,0,0.75);}
#wrapper02.toggled #sidebar-wrapper-right       { right:0%; opacity: 1.0; width: 60%; box-shadow: -4px 4px 5px -5px rgba(0,0,0,0.75);}
#wrapper02 .navbar-fixed-top                    { right: -100%; z-index: 999;}
#page-content-wrapper                           { width: 100%; padding-top: 60px; border-bottom:1px solid #ddd;}
#wrapper01.toggled #page-content-wrapper        { position: absolute; margin-right: -20px;}
#wrapper02.toggled #page-content-wrapper-right  { position: absolute; margin-right: -20px;}
.navbar-fixed-bottom, .navbar-fixed-top         { position: fixed; right:unset; left:unset; z-index: 1030; }
#sidebar-wrapper-right {
    z-index: 999;
    top:60px;
    right: 100%;
    width: 60%;
    height: auto;
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f5f5f5;
    opacity: 0.0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

##sidebar-wrapper-right::-webkit-scrollbar      { display: none;}

.btn_consulting {
    position: absolute;
    top: 12px;
    right:10px;
    z-index: 9999 !important;
    display: block;
    width: 80px;
    height: 40px;
    font-size: 1.3rem;
    margin-right: 0;
    background: transparent;
    border: 0px solid #222b62;;
}
.btn_consulting.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #222b62;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}
.btn_consulting.is-closed > span             { opacity: 1; transition:  all 0.35s}
.btn_consulting.is-closed:hover:before       { opacity: 1; display: block; }
.btn_consulting.is-closed .hamb-top,
.btn_consulting.is-closed .hamb-middle,
.btn_consulting.is-closed .hamb-bottom       { opacity: 0}
.btn_consulting.is-closed .hamb-top,
.btn_consulting.is-closed .hamb-middle,
.btn_consulting.is-closed .hamb-bottom,
.btn_consulting.is-open .hamb-top,
.btn_consulting.is-open .hamb-middle,
.btn_consulting.is-open .hamb-bottom         { position: absolute;  right: 20px;  height: 2px;  width: 30%;}
.btn_consulting.is-closed .hamb-top,
.btn_consulting.is-closed .hamb-middle,
.btn_consulting.is-closed .hamb-bottom       { background-color: #222b62;}
.btn_consulting.is-closed .hamb-top          { opacity:0; top: 15px;  -webkit-transition: all .35s ease-in-out;}
.btn_consulting.is-closed .hamb-middle       { top: 50%;  margin-top: -2px;}
.btn_consulting.is-closed .hamb-bottom       { opacity:0; bottom: 15px;  -webkit-transition: all .35s ease-in-out;}
.btn_consulting.is-closed:hover .hamb-top    { opacity:0; top: 0;  -webkit-transition: all .35s ease-in-out;}
.btn_consulting.is-closed:hover .hamb-bottom { opacity:0; bottom: 5px;  -webkit-transition: all .35s ease-in-out;}
.btn_consulting.is-open .hamb-top,
.btn_consulting.is-open .hamb-middle,
.btn_consulting.is-open .hamb-bottom         { opacity:1; background-color: #222b62;}
.btn_consulting.is-open .hamb-top,
.btn_consulting.is-open .hamb-bottom         { top: 50%;  margin-top: -2px;}
.btn_consulting.is-open .hamb-top            { -webkit-transform: rotate(45deg);  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.btn_consulting.is-open .hamb-middle         { display: none; }
.btn_consulting.is-open > span               { opacity:0; transition: all .35s}
.btn_consulting.is-open .hamb-bottom         { -webkit-transform: rotate(-45deg);  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.btn_consulting.is-open:before               {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #222b62;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}
.btn_consulting.is-open:hover:before         { opacity: 1;  display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out;}
.btn_consulting span img {width:30px; height: auto; padding-right: 5px;}
.btn_consulting i {font-size: 2.2rem; margin-right:5px;}


/*-------------------------------*/
/*            PC메뉴             */
/*-------------------------------*/


    .navi_container         {position:fixed; top:0; left:0; margin:0 auto; width:100%; height:180px; background-color:rgba(255, 255, 255, 1.0); z-index: 10001; transition: all 0.5s;}
    .navi_container .pc__main__menu .logo img     {
      position:relative;
      top::-5px;
      width:84px;
      height: 104px;
      margin:0 auto;
      transition: all 0.3s;
    }
    .navi_container .pc__main__menu .navi_left_logo  {
      display: block;
      opacity: 0;
      position:absolute;
      top:0px;
      /* left:10%; */
      left:calc(50% - 490px);
      margin:0;
      z-index:9999;
      /*transform: translate(10px, 30px);*/
      transition: all 0.5s;
    }
    .navi_container .pc__main__menu .navi_left_logo img {width:30px;}
    .scroll_navi                                  {
      height:45px;
      border:0px solid #000;
      transition: all 0.3s;
    }
    .scroll_navi .pc__main__menu .logo img        {
      opacity: 0;
      transform: scale(0.1)
      /*translate(0px, -200px);*/
      transition: all 0.3s;
    }
    .scroll_navi .pc__main__menu .navi_left_logo  {
      display: block;
      opacity: 0;
      transform: scale(1)
      /*translate(-50px, 4px);*/
      transition: all 0.3s;
    }
    .scroll_navi .pc__main__menu .navi_left_logo img {
      /* width:30px; */
      height:38px;
      width:auto;
    }

  .scroll_navi .pc__main__menu header           { height: 0px; /*transition: all 0.1s;*/}
    .scroll_navi .pc__main__menu > nav            {
      border-top:1px solid rgba(0, 0, 0, 0.0 );
      height:109px !important;
	  padding:20px 0;
      line-height:58px !important;
	  background-color:#fff;
      /* transition: all 1s; */
      transform: translate(0, -30px);
    }
  .scroll_navi .pc__main__menu > nav > ul       { transition: all 3s;height:76px;width:1460px;box-sizing: border-box;box-sizing:border-box;
  }
    .scroll_navi .pc__main__menu > nav > ul > li  { padding-top: 5px; border-right:1px solid rgba(0, 0, 0, 0.0 ); width:13%;box-sizing:border-box;
    }
    .scroll_navi .pc__main__menu > nav > ul > li.firstli{width:280px;}
    .scroll_navi .pc__main__menu > nav > ul > li:nth-child(2){border:0;}

	.scroll_navi .pc__main__menu > nav > ul > li:nth-child(7) a{padding:13px 0}
	
    .on      { border-top:4px solid ; line-height: 55px;}
    .on1      { border-top:4px solid #dccee7; line-height: 55px;}

    .sub_on  { border-bottom: 2px solid #fff !important; }
    .sub_on1  { border-bottom: 2px solid #fff !important; }

    .scroll_navi .pc__main__menu > nav > ul > li:first-child  { border-left:1px solid rgba(0, 0, 0, 0.0 ); }
    .scroll_navi .pc__main__menu > nav > ul > li a.main_menu:link,
    .scroll_navi .pc__main__menu > nav > ul > li a.main_menu:visited            {
        /* transition: 0.3s ease; */
        font-size: 1.5rem;
        text-decoration: none;
        padding: 10px 0;
        margin: 0;
        border:0;
        font-weight:400;
        font-style:normal;
        display: block;
    }
    .scroll_navi .pc__main__menu > nav > ul > li a.main_menu:hover,
    .scroll_navi .pc__main__menu > nav > ul > li a.main_menu:focus              { color:#333;text-decoration:none; border-bottom: 3px solid #252d61; padding: 4px 0;}

    .scroll_navi .pc__main__menu > nav #menuIcon:before {
        position: absolute;
        z-index: 88;
        content: attr(data-content);
         content: '\f015';
        display: inline-block;
        font-family: FontAwesome;
        left: -120px;
        top: 0px;
        height: 58px; line-height: 58px;
        width: 110px;
        margin: 0;
        text-align: center;
        font-size: 20pt;
        background: none;
        background-size: 100px auto;
        opacity: 0;
    }
    .scroll_navi .pc__main__menu > nav #menuIcon:after {
        position: absolute;
        content: '';
        display: inline-block;
        font-family: FontAwesome;
        right: -65px;
        top: 0;
        height: 58px;
        line-height: 58px;
        width: 80px;
        margin: 0;
        text-align: center;
        font-size: 20pt;
        opacity: 0;
    }
    .scroll_navi .pc__main__menu .pc_login_contents      { position: absolute; top:50px; right:50%; margin-right:600px; z-index: 9999; transform: scale(1.0) translate(60px, -37px);}
    .scroll_navi .pc__main__menu .pc_login_contents > li { padding:0 10px;}
    .scroll_navi .pc__main__menu .pc_login_contents > li span {    opacity: 0 ; display:none; }
    a.main_menu:hover { border-bottom: 3px solid #252d61; padding: 4px 0;}
    .pc__top__menu          {}
    .mobile__menu           {display: none;}
    .pc__main__menu         {position: relative; top:0; left:0; width:100%; height:60px; text-align: center; margin:0 auto; border:0px solid #000; }
    header                  {
      height:120px;
      box-sizing: border-box;
      text-align: center;
      padding-top: 7px;
       /* transition: all 1s; */
     }
    logo                    { padding:0}

  #menu                   { position: absolute; width: 100%; height: 60px; margin: auto; z-index: 999; /*transition: all 1s;*/ }
    .pc_login_contents      { position: absolute; top:50px; right:50%; margin-right: -650px; z-index: 99;  transition: all 1s; }
    .pc_login_contents > li { float:left; font-size: 1.4rem; font-weight: 300; padding:0 20px; transition: all 0.5s}
    .pc_login_contents > li span { opacity: 1.0;  transition: all 0.5s}
    .pc_login_contents > li a:link ,
    .pc_login_contents > li a:visited   { color:#666 !important;}
    .pc_login_contents > li a:hover     { color:#333 !important;}
    .pc_login_contents > li img         { padding-right: 5px;}
    .pc__main__menu nav {
        height:58px;
        line-height:58px;
        border:1px solid #c8cad7;
        border-left:0;
        border-right:0;
        box-shadow: 0 3px 6px -6px black;
        transition: all 0.5s;
        box-sizing: border-box;
    }
    .pc__main__menu nav > ul:before {
        display: none;
        position: absolute;
        content: '\f015';
        font-family: FontAwesome;
        left: -80px;
        top: 0px;
        height: 58px; line-height: 58px;
        width: 80px;
        margin: 0;
        text-align: center;
        color: #252d61;
        font-size: 20pt;
        /* transform: translate3d(0,0,0); */
         transition: all 0.5s;
    }
    .pc__main__menu nav > ul:after {
        display: none;
        position: absolute;
        content: '\f0c9';
        font-family: FontAwesome;
        right: -65px;
        top: 0;
        height: 58px;
        line-height: 58px;
        width: 80px;
        margin: 0;
        text-align: center;
        color: #252d61;
        font-size: 20pt;
        transition: all 0.5s;
    }
    .pc__main__menu nav .navi_home                 { position:absolute; top:-1px; left:-55px; z-index: 999; float:right; text-align: right; border-right:1px solid #c8cad7; padding-right:15px}
    .pc__main__menu nav .navi_menu                 { position:absolute; top:-1px; right:-40px; z-index: 999; float:right; text-align: right; }
    .pc__main__menu nav > ul                       { position:relative; width:100%; max-width:1460px; margin:0 auto; border:0px solid #c8cad7;height:60px;}
    .pc__main__menu nav > ul > li                  { float:left; width:16%; height:auto; text-align:center; margin-top:-1px;  border-right:1px solid #c8cad7; transition: all 0.2s;box-sizing: border-box;}
    .pc__main__menu nav > ul > li.firstli{width:0;overflow:hidden;border:0;padding-top:12px;}
    .pc__main__menu nav > ul > li:nth-child(2)     { border-left:1px solid #c8cad7; }
	.pc__main__menu nav > ul > li:nth-child(7) {background-color:rgba(135,101,70,0.7);color:#fff;}

    a.main_menu:link,a.main_menu:visited     {
        /* transition: 0.3s ease; */
        color: #707070 !important;
        font-size: 1.6rem;
        text-decoration: none;
        padding: 20px 0;
        margin: 0 20px;
        border:0;
    }
	.pc__main__menu nav > ul > li:nth-child(7)> a  {display:block;transition: 0.3s ease;color:#fff ;font-size: 1.6rem;text-decoration: none;border:0;margin:0}
	.pc__main__menu nav > ul > li:nth-child(7)> a:hover,.pc__main__menu nav > ul > li:nth-child(7)> a:focus  {background-color:rgba(135,101,70,1.0);color:#fff;text-decoration: none;border:0;margin:0}
   
    a.main_menu:hover,a.main_menu:focus              { color:#333;text-decoration:none; border-bottom: 3px solid #252d61; padding: 4px 0;}

	

    #menu.fixed { position: fixed; top: 0; z-index: 9999;}
    .sub_menu_contents{
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        top: 100%;
        width: 84%;
		margin:0 8%;
        overflow: hidden;
    }
    .sub_menu_contents ul { max-width: 1460px; margin: 30px auto;}
    .sub_menu_contents ul li {
      float:left;
      width:16%;
      line-height: 50px;
      padding:10px 0;

    }
    .sub_menu_contents ul li span {display: block;}
    .sub_menu_contents ul li a:link,
    .sub_menu_contents ul li a:visited{
      width:100%;
      transition: 0.3s ease;
      color:#fff;
      font-size: 13pt;
      padding: 5px 0; border:0;
    }
    .sub_menu_contents ul li a:hover  { border-bottom: 2px solid #fff; padding: 6px 0;}




    .scroll_navi .sub_menu_contents{
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        top: 100%;
        width: 84%;
		margin:0 8%;
        overflow: hidden;
    }
    .scroll_navi .sub_menu_contents ul { max-width: 1460px; margin: 30px auto;padding-left:280px;}
    .scroll_navi .sub_menu_contents ul li {
      float:left;
      width:16%;
      line-height: 50px;
      padding:10px 0;

    }
	

    .sub_menu_contents ul li span {display: block;}
    .sub_menu_contents ul li a:link,
    .sub_menu_contents ul li a:visited{
      width:100%;
      transition: 0.3s ease;
      color:#fff;
      font-size: 13pt;
      padding: 5px 0; border:0;
    }
    .sub_menu_contents ul li a:hover  { border-bottom: 2px solid #fff; padding: 6px 0;}

    .left_on                    {border-bottom:2px solid  #fff !important; opacity:1.0 !important; ;transition: all .5s;}


    .quick_on                    {border-bottom:2px solid  #fff !important; opacity:1.0 !important; ;transition: all .5s;}

    .pinkname                    { }
	
	
	/* 페이징 */
	.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
	.pg {}
	.sound_only{display:none}
	.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#664d43;letter-spacing:0;line-height:2.2em;vertical-align:middle}
	.pg a:focus, .pg a:hover {text-decoration:none}
	.pg_page {background:#fff;text-decoration:none;border:1px solid #664d43}
	.pg_start, .pg_prev {/* 이전 */}
	.pg_end, .pg_next {/* 다음 */}
	.pg_current {display:inline-block;margin:0 4px 0 0;background:#664d43;color:#fff;font-weight:normal}