#nav1 {
    
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top : 6px solid #0192e1; /*선 효과를 홈페이지 안에 넣을 때 이런 식으로 넣는다. 즉 커스텀 CSS가 필요하다. */
}

#nav2 {
    
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

#nav3 {
    
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    background-color: #1d566a;
    width: 100%;

}

#nav_footer{
   
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

.slider.slider-horizontal{
    max-width:1600px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.footer {
    width: 100%;
}

#footer_1{
    background-color: #ececf1;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 100%;
}

#footer_2{
    background-color: #ececf1;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 100%;
    font-family: 'Nanum Gothic', 'sans-serif' ;
    line-height: 150%;
    font-size: 13px;
}

img{
max-width: 100%;
height: auto;
}

.dropdown-content{
    position: absolute;
    z-index: 35;
    width: 100%;
    display: none;
    height: auto;
    background: #fff;
    border-top: 1px solid #a2a2a2 !important;
    border-bottom: 1px solid #a2a2a2 !important;
    top: 10px;
}

.plus{
    background-color: white !important;
}
  
/*햄버거 관련 css start*/
.menu-trigger,
.menu-trigger span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
}

.menu-trigger {
	position : relative;
	width : 35px;
	height : 22px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 34px;
	height: 4px;
	background-color: white;
    border-radius: 4px;
    margin: 6px 6px;
}

.menu-trigger .pin1 {
	top : 0;
}

.menu-trigger .pin2 {
	top : 9px;
}

.menu-trigger .pin3 {
	bottom : 0;
}

/*
: nth-child() 가상 클래스는 부모의 n번째 자식인 요소를 선택하는 선택자이다.
: nth-of-type()은 같은 유형의 n번째 형제를 선택하는 것이다.
*/

.menu-trigger.view span:visited {
    color: black;
}

.menu-trigger.view span:nth-of-type(1) {
	-webkit-transform : translateY(10px) rotate(-45deg);
    transform : translateY(10px) rotate(-45deg);
}
.menu-trigger.view span:nth-of-type(2) {
	opacity : 0;
}
.menu-trigger.view span:nth-of-type(3)  {
	-webkit-transform : translateY(-10px) rotate(45deg);
    transform : translateY(-10px) rotate(45deg);
    color: black;
}

.menu-trigger{
    z-index: 50000;
    position: absolute;
    top: -15px;
    right: 220px;
}

/*서브 페이지 메뉴*/
.menu-trigger2,
.menu-trigger2 span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
}

.menu-trigger2 {
	position : relative;
	width : 35px;
	height : 22px;
}

.menu-trigger2 span {
	position: absolute;
	left: 0;
	width: 34px;
	height: 4px;
	background-color: white;
    border-radius: 4px;
    margin: 6px 6px;
}

.menu-trigger2 .pin1 {
	top : 0;
}

.menu-trigger2 .pin2 {
	top : 9px;
}

.menu-trigger2 .pin3 {
	bottom : 0;
}

.menu-trigger2.view span:visited {
    color: black;
}

.menu-trigger2.view span:nth-of-type(1) {
	-webkit-transform : translateY(10px) rotate(-45deg);
    transform : translateY(10px) rotate(-45deg);
}
.menu-trigger2.view span:nth-of-type(2) {
	opacity : 0;
}
.menu-trigger2.view span:nth-of-type(3)  {
	-webkit-transform : translateY(-10px) rotate(45deg);
    transform : translateY(-10px) rotate(45deg);
    color: black;
}

.menu-trigger2{
    z-index: 50000;
    position: absolute;
    top: -15px;
    right: 240px;
}

/*햄버거 관련 css end*/
#front-menu{
    width: 0%;
    position: fixed;
    z-index: 500;
    background-color: #f8f8f8;
    right: 0;
    top: 108px;
    float: right;
    overflow: hidden;
}

#front-menu2{
    width: 0%;
    position: fixed;
    z-index: 490;
    background-color: rgba(0,0,0,.5);
    right: 0;
    top: 108px;
    float: right;
    overflow: hidden;
  }

#front-menu3{
	width: 0%;
	position: fixed;
	z-index: 500;
	background-color: #f8f8f8;
	right: 0;
	top: 108px;
	float: right;
	overflow: hidden;
}

#front-menu4{
    width: 0%;
    position: fixed;
    z-index: 490;
    background-color: rgba(0,0,0,.5);
    right: 0;
    top: 108px;
    float: right;
    overflow: hidden;
}


.pp{
    color: white;
}

.pp:hover{
    color: white !important;
    text-shadow: 0px 0px 10px #000;
    text-decoration: none;
}

.pp_1{
    color: #f54c4b;
}

.pp2{
    color: #4e4e4e;
}

.pp2:hover{
    color: white;
    text-shadow: 0px 0px 10px #000;
}

.pp3{
    color: #bbbbbb;
}

.pp3:hover{
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.pp4{
    color: #bbbbbb;
}

.pp4:hover{
    color: black;
    text-decoration: none;
}


.bgcolor {
    width: 100%;
    background-color: rgba(0,0,0,.5);
    right: 0;
    top: 0;
    z-index: 45;
    display: none;
}

@font-face{
    src:url("./font/NanumSquare_acB.ttf");
    font-family:"NanumSquare_acB";
}

@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.move{
    animation: bounce_frames 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

@keyframes bounce_frames {
    from {transform: translate3d(0, 0, 0);}
    to {transform: translate3d(0, 10px, 0);}
   }

   @font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
   }
   
   @font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
   }
   
   @font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
   }
   
   .nanumbarungothic * {
    font-family: 'NanumBarunGothic', sans-serif;
   }

   .into:hover{
       border: 3px solid #ee904a;
       text-decoration: none;
       border-radius: 10px;
       animation-name: fadeIn; 
       animation-duration: 0.5s;
   }

   .arrow:after{
    content:"▼";
    }
  
  .arrow_up:after{
    content:"▲";
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: white;
    background-color: #5767bb;
    border-color: #5767bb #5767bb #5767bb;
  }

  @media screen and (max-width: 1167px) { 
    #menu_nav { 
        display: none;
        } 
   }

   .pp_01{
    color: #ffffff;
    margin: 2px 0px;
   }

   .pp_01:hover{
    color:#fff200;
    font-weight: bold;
   }

   .white_font{
       color: #ffffff;
   }

   

   .bonuse_r{
    cursor: pointer; 
    display: block; 
    width: 45px; 
    height: 45px; 
    border: 1px solid white; 
    position: fixed; 
    top: 4vh; 
    right: 5.9vw;
    z-index: 4000;
   }

   /*첫번째 풀페이지 하단 메뉴 관련 css*/
   .icon_main{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon.png);
    width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

        .icon_main:hover{
            color: #fff200;
            background-image: url(../images/main_icon_1.png);
            background-repeat: no-repeat;
        }

   .icon_main2{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon2.png);
    width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

        .icon_main2:hover{
            color: #fff200;
            background-image: url(../images/main_icon2_1.png);
            background-repeat: no-repeat;
        }

   .icon_main3{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon3.png);
	width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

        .icon_main3:hover{
        color: #fff200;
        background-image: url(../images/main_icon3_1.png);
        background-repeat: no-repeat;
        }

   .icon_main4{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon4.png);
	width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

    .icon_main4:hover{
        color: #fff200;
        background-image: url(../images/main_icon4_1.png);
        background-repeat: no-repeat;
    }

   .icon_main5{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon5.png);
	width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

    .icon_main5:hover{
        color: #fff200;
        background-image: url(../images/main_icon5_1.png);
        background-repeat: no-repeat;
        }

   .icon_main6{
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/main_icon6.png);
	width: 160px;
    background-position: center 1px;
    border-left: 1px solid #ffffff;
    background-size: 45px;
   }

    .icon_main6:hover{
        color: #fff200;
        background-image: url(../images/main_icon6_1.png);
        background-repeat: no-repeat;
        }

   .text_p{
    text-align: center;
    font-size: 15px;
    background-repeat: no-repeat;
    height: 84px;
    font-weight: 600;
    padding-top: 45px;
}

    /*첫번째 풀페이지 하단 메뉴 관련 css*/
    
    #top_2 {
    top: 0;
    left: 0;
    
	/*
    background-color: #000;
    opacity: 0.3; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
      */  
    }

.h_w a:hover{
color:white;
}