/*common*/
body {
    font-family:NanumGothic !important;
    min-width:325px;
}
.btns {
  cursor:pointer;
}

/*TOP GNB*/
/* mobile select box */
.nation-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ffffff;
    width: 80px;
    border-radius: 15px;
    overflow: hidden;
    background: #fff url("/images/common/arrowdown_white.png") no-repeat 90% 50%;
    background-color:rgba(0, 0, 0, 0);   


    color: #ffffff;
    position: relative;
    float: right;
    margin-top: 12px;
    margin-right: 9px;
    margin-bottom: 8px;
    font-size: 10px;
}

.nation-select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
        -moz-appearance: none;
}

select::-ms-expand { 
    display: none;
}
.nation-select-style select:focus {
    outline: none;
}

.nation-select-style option {
    color:#777;
}

/* pc select box */
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ffffff;
    width: 120px;
    border-radius: 15px;
    overflow: hidden;
    background: #fff url("/images/common/arrowdown_white.png") no-repeat 90% 50%;
    background-color:rgba(0, 0, 0, 0);   
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
        -moz-appearance: none;
}

select::-ms-expand { 
    display: none;
}
.select-style select:focus {
    outline: none;
}

.select-style option {
    color:#777;
}
/*main common class*/
.app-tmargin-50 {
  margin-top:50px;
}
  
/*navigation bar css*/
.app-navbar {
  background-color:rgba(0, 0, 0, 0.5);
  text-align:right;
}

.navbar-text {
/*  margin-top: 28px;*/
/*  margin-bottom: 10px;*/
  font-size:16px;
  color:#ffffff;
}
.navbar-brand {
  float: left;
/*  height: 50px;*/
  padding: 0!important;
  font-size: 18px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.logo-img {
  width: 100px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}
.app-gnb {
  list-style:none;
}
.app-gnb > li {
  margin-left: 25px;
}
.navbar-default {
  border-style:none;
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-style: none;
        margin-bottom: 0;
    }

.select-style {
  display:none;
  color:#ffffff;
}

.select-style > option {
  color:#777;
}

/* nav tag */
.footer ul li {
  display:inline; 			        /*  세로나열을 가로나열로 변경 */
  border-left:1px solid #999; 		/* 각 메뉴의 왼쪽에 "|" 표시(분류 표시) */
  padding:0 2px; 				/* 각 메뉴 간격 */
}

.footer ul li:first-child{border-left:none;} 	/* 메뉴 분류중 제일 왼쪽의 "|"는 삭제 */

/* footer */
.footer {
    border-top: solid 1px #cacaca;
    text-align:center;
}

.footer .footer-ling-a {
    font-weight: bold;
    color: black;
    margin-top: 20px;
    font-size: 10px;
	padding:0;
}

.footer .footer-ling-a img{
    margin-left: 5px;
    width: 15px;
}

.footer .footer-copyright {
    font-size: 10px;
    color: #373737;
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer .footer-title {
  font-size:10px;
  color:#a4a4a4;
	padding:0;
}

.footer .footer-content {
  font-weight:bold;
  color:black;
}

.footer a:link {text-decoration: none; color: #333333;}
.footer a:visited {text-decoration: none; color: #333333;}
.footer a:active {text-decoration: none; color: #333333;}
.footer a:hover {text-decoration: underline; color: #333333;}

@media (min-width: 768px) {
  
    .footer ul li {
	    display:inline; 			        /*  세로나열을 가로나열로 변경 */
	    border-left:1px solid #999; 		/* 각 메뉴의 왼쪽에 "|" 표시(분류 표시) */
	    padding-left:10px;
        padding-right:5px;
    }

    .navbar .container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height:94px;
    }

    .logo-img {
        width:100%;
    }

    /*footer*/
    .footer .footer-ling-a {
        font-weight: bold;
        color: black;
        margin-top: 20px;
        font-size:14px;
        padding:0;
    }

    .footer .footer-ling-a img{
        margin-left: 5px;
        width: 25px;
    }

    .footer .footer-title {
        font-size:14px;
        color:#a4a4a4;
        padding:0;
    }

    .footer .footer-copyright {
        font-size: 14px;
        color: #373737;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .nation-select-style {
        display:none;
    }

    .select-style {
        display:block;
    }
}

  /* PC Only */
@media (min-width: 992px) {
    .app-gnb > li {
        margin-left: 40px;
    }
}