html,body{
    overflow-x: hidden;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.application-form .card-header .fa-chevron-circle-down{
        color: #000;
    }

    .application-form .card-header span{
        color: #000;
    }
ul ul.submenu{
    position: absolute;
    top: 75% !important;
    width: 200px;
    text-align: left;
    background-color: #faa74a;
    z-index: 9999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul ul.submenu-1{
    left: 375px;
}
ul ul.submenu-2{
    left: 535px;
}
ul ul.submenu-3{
    left: 650px;
}
ul ul.submenu-4{
    left: 775px;
}
/*ul ul.submenu-5{
    left: 680px;
}*/
.secondary-navbar li{
    line-height: 4;
}

ul.submenu li:first-child {
    border-top: none;
}
ul.submenu > li {
    border-top: 1px solid #333333;
}
ul li ul li {
    margin-left: 0;
}
ul.submenu > li > a {
    font-size: 0.8em;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.white{
    background: white !important;

}
.gray{
    background: #999 !important;

}
.ftco-navbar-light .navbar-nav li a{
    margin-right: 1em;
}

.white .navbar-nav > .nav-item > .nav-link{
    color: black;   
}
.white .navbar-nav > .nav-item > .nav-link:hover, .white .navbar-nav > .nav-item > .nav-link:focus{
    color: #faa74a; 
    border-bottom: 3px solid #FAA74A;
    /*padding-bottom: 0.5em;*/
}
.nav-item {
    min-width: 225px;
}
ul li:hover > ul.submenu {
    top: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}
.ftco-navbar-light{
    background:transparent;
    border-bottom: 1px solid #aaa;
    border-bottom-color: rgba(255,255,255,.2);
}
.slider-text .subheading{
    color: #faa74a;
}
.mt-7{
    margin-top: 7em;
}
.mt-8{
    margin-top: 8em;
}
.ftco-section{
    padding: 3em 0;
}
.circle-text{
    color: white;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    left: 1.9em;
}
.circle-notice{
    color: #FAA74A;
}
.text-circle-container label{
    font-size: 0.8em;
}
.ftco-navbar-inner{
    background: rgba(0,0,0,0.5) !important;
}
/**calendar**/
.wrapper {
    margin: 15px auto;
    max-width: 1100px;
}

.container-calendar {
    background: #ffffff;
    padding: 15px;
    max-width: 475px;
    margin: 0 auto;
    overflow: auto;
}

.button-container-calendar button {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #faa74a;
    color: #fff;
    border: 1px solid #faa74a;
    border-radius: 4px;
    padding: 5px 10px;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td, .table-calendar th {
    padding: 5px;
    border: 1px solid #e2e2e2;
    text-align: center;
    vertical-align: top;
    font-size: 0.7em;
}

.date-picker.selected {
    font-weight: bold;
    outline: 1px dashed #faa74a;
    color: #faa74a;
}

.date-picker.selected span {
    border-bottom: 2px solid currentColor;
}

/* sunday */
.date-picker:nth-child(1) {
  color: red;
}

/* friday */
.date-picker:nth-child(6) {
  color: green;
}

#monthAndYear {
    text-align: center;
    margin-top: 0;
}

.button-container-calendar {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    clear: both;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}
.date-text,.time-text{
    color: #faa74a;
}
.footer-container-calendar label{
    display: block;
}
.categories li.active a{
    color: #faa74a;
    font-weight: 600;
    font-style: normal;
}
.services-section img{
    width: 100%;
}
.modoo-pl-8{
    padding-left: 8em;
}
.modoo-pl-6{
    padding-left: 6em;
}

.visa-navigation-shortcut .ivt{
    width: 350px;
    padding: 22px 101px 22px 34px;
    box-shadow: 20px 20px 30px 0 rgba(0,0,0,.3);
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-decoration: none;
    min-height: 2.5em;
    text-align: center;
    line-height: 2.5;
}
    

#details_visit .dash:after{
    content: "-";
    position: absolute;
    top: 0.5em;
    left: 10em;
}
.secondary-navbar li a{

    vertical-align: sub;
}
.orange{
    color: #FAA74A;
}
.visa-navigation-shortcut{
    background: url("../img/suggest.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}
.visa-navigation-shortcut p{
    color: #666;
    font-size: 22px;
    letter-spacing: -1px;
    margin-top: -0.5em;
}
.standard-width{
    min-width: 860px;
    width: 100%;
}
.panel-icon img{
    min-height: 75px;
    height: 5em;
    width: auto;
}
.site-map-ul li:before{
    content: "-"
}
.ftco-footer .ftco-footer-widget .btn-primary{
    background: #faa74a !important;
    color: #fff !important;
}
.ftco-footer{
    padding: 3.5em 0;
}
.box-gray{
    background: #eee;
}
/*.ftco-navbar-light .navbar-nav li a:hover{
    color: #000 !important;
}*/
.ftco-navbar-light .navbar-nav > .nav-item.active > a:after{
    /*color: #000 !important;*/
    color: #000 !important;
    border-bottom: 3px solid #FAA74A;
    padding-bottom: 0.5em;
}

.ftco-navbar-light .navbar-nav > .nav-item.active > .collapsed{
    color: #fff !important;
    /*border:none;*/
}
 
.ftco-navbar-light.scrolled.awake .navbar-nav > .nav-item.active > .collapsed{
    color: #000 !important;
}

#sub-menu li a{
    color: #000 !important;
}

#sub-menu li a:hover{
    color: #faa74a !important;
}

.pd{
    padding: 1.1rem !important;
}

.ftco-footer a{
    color: #fff;
}

.border-left {
    border-left: 1px solid #45465a !important;
}

.ftco-footer p{
    color: #fff;   
}

.signup-wrapper li:first-child:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    font-weight: 900;
    color: #000;
    margin-right: 1em;
}

.signup-wrapper li:first-child:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f219";
    font-weight: 900;
    color: #000;
    margin-right: 3em;
    margin-left: 3em;
    font-size: 5px;
    vertical-align: middle;
}

.category-wrapper a{
    color: #000 !important;
}

.signup-wrapper a{
    color: #000 !important;
}

.category-wrapper a:hover{
    color: #faa74a;
}

.signup-wrapper a:hover{
    color: #faa74a;
}

.nav-menu .menu{
    padding: 0;
}

.nav-menu li a{
    color: #000;
}

.nav-menu li a:hover{
    color: #ccc;
}

/*.nav-menu a[aria-expanded="true"]{
    color: #ccc !important;
    
  }*/

.show-border .border-marker{
    border-radius: 10px 10px 0px 0px;
    background-color: #D7BE78;
    width: 100%;
    height: 5px;
}

/*.nav-menu a[aria-expanded="false"]{
    color: #000 !important;
  }*/

.nav-menu ul.sub li{
    display: inline-block;
    padding: 0.5em;
}

.nav-menu ul li{
    padding: 0.5em;
}

.nav-menu ul.sub li:hover{
    color: #faa74a;
}


/*.nav-menu .menu-tem{
    min-width: 150px;
}*/

.front-notice-item .circle-container{
	font-size: 9px;
	border-radius: 60px;
	height: 62px;
	padding: 20px 0px;
	text-align: center;
	width: 62px;
	color: #FFF;
	background: #999999;
}
.front-notice-item .circle-container.important-notice{
	background: #FAA74A;
}


@media screen and (max-width:768px) {
    /*.ftco-navbar-light{
    background:rgba(0, 0, 0, 0.5) !important;
    }*/
    .visa-navigation-container{
        margin-top: 0;
    }
    .visa-form .mb-3{
        margin-bottom: 0 !important;
    }
    .korea-visa-application-section #business-information .card-body .col-md-12{
        text-align: center;
    }
    #monthAndYear{
        font-size: 1.5em;
    }
    .table-calendar td, .table-calendar th{
        padding: 0.3em;
        font-size: 0.5em;
    }
    #month{
        margin-bottom: 1em;
    }
    .time-text{
        font-size: 1.5em;
    }
    .contact a{
        font-size: 0.8em;
    }
    .official-use-table{
        font-size: 0.6em;
    }
    .application-form-secion .browse-button{
        margin-top: 1em;
    }
    .application-form-secion{
        font-size: 0.8em;
    }
    .application-form-secion{
        padding: 0 !important;
        background: #fff !important;
    }
    .application-form-secion .container{
        max-width: 100% !important;
    }
    .application-form-secion .application-form{
        padding: 0 !important;
    }
    /*.application-form-secion .box:after{
        display: none;
    }*/
    .services-section{
        margin-top:0 !important;
    }
    .travel-korea-container .mb-2{
        margin-bottom: 0 !important;
    }
    .travel-outside-container .mb-2{
        margin-bottom: 0 !important;   
    }
    .travel-outside-container .mb-4{
        margin-bottom: 0 !important; 
    }
    .family-member-container .mb-4{
        margin-bottom: 0 !important;
    }
    .family-travel-container .mb-4{
        margin-bottom: 0 !important;
    }
    #Processing-procedure .box-text{
        display: inline-block;
    }
    #Processing-procedure .box{
        float: none;
    }
    #details_visit .dash:after{
        top: 0.8em;
        left: 21.5em
    }
    #secondary-navbar-mobile-wrapper{
        border-bottom: 1px solid #aaa;
        border-bottom-color: rgba(255,255,255,.2);
        background: #fff;
        display: block !important;
        z-index: 3;
    }
    .nav-mobile{
        background: #fff;
    }
    .nav-mobile .navbar-nav li a{
        color: #000;
    }
    .nav-mobile .navbar-nav li.active .nav-link{
        text-decoration: underline;
    }
    /*.nav-mobile .navbar-nav li.active .drop-down{
        color: #000;
    }*/
    /*.nav-mobile .navbar-nav li.active ul li a{
        color: #000;
    }*/
    .mobile-inner{
        display: block !important;
    }
    .standard-width {
        min-width: 0px;
        width: unset;
    }
    .modoo-pl-8{
        padding: 0;
    }
    .modoo-pl-6{
        padding: 0;
    }

    .application-form .card-header .fa-chevron-circle-down{
        color: #000;
    }

    .application-form .card-header span{
        color: #000;
    }
    .ftco-footer .footer-text{
        text-align: center !important
    }

    .menu-tem .sub{
        position: absolute;
        z-index: 2;
        background: #fff;
        left: 0;
        right: 0;
        padding: 10px 30px;
    }


/*    .fa-chevron-circle-down {
      transition: .3s transform ease-in-out;
    }
      .collapsed .fa-chevron-circle-down {
        transform: rotate(-90deg);
    }*/
	
	.front-notice-item{
		height: 70px;
	}
	.front-notice-item .text-circle-container{
		display: inline-block;
		width: 70%;
		vertical-align: middle;
		margin-top: auto;
		margin-bottom: auto;
	}

    #secondary-navbar-mobile-wrapper .hamberg .icon-nav{
        vertical-align: text-top;
    }

    #mobile-collapse{
        background: #f2f4f5;
        bottom: 0;
        left: 0;
        margin: 0;
        top: 80px;
    }

    #mobile-collapse li{
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        cursor: pointer;
    }

    #mobile-collapse ul{
        width: 100%;
        padding: 0;
        /*overflow-y: auto;*/
    }
    
    #mobile-collapse li a{
        padding: 0 24px;
        color: rgba(32,41,47,.6);
        height: 60px; 
        display: block !important;
        flex-direction: column;
        justify-content: center;
    }

    #mobile-collapse li .title{
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 3.7em;
    }
    
    #mobile-collapse li .title-container{
        display: inline-block;
        /*margin-right: 40em;*/
    }

    #mobile-collapse li .icon-container{
        display: inline-block;
        padding: 1.1em;
    }

    #mobile-collapse .menu-wrapper i{
        color: #faa74a; 
    }

    #mobile-collapse .sub-menu{
        padding: 16px;
        background: #fff;
        list-style: none !important;
    }

    #mobile-collapse .sub-menu li a{
        text-decoration: none;
        color: #faa74a;
    }

    #mobile-collapse .sub-menu li i{
        color: #faa74a;
    }
    
    .sub-menu .inline{
        display: inline-block;
    }

	/* .front-notice-item .fa-stack{
		width: 25%;
	}
	.circle-text{
		left: .9em;
	} */

}

@media screen and (max-width:414px) {
    #visa_navigation{
        margin: 0 !important;
    }
    .visa-navigation-container{
        margin-top: 2em;
    }
    .application-form-secion .panel-header-text{
        font-size: 0.6em;
    }
    .application-form-secion .browse-button{
        margin-top: 0;
    }
    .travel-korea-container .mb-2,.travel-outside-container .mb-4{
        margin-bottom: 0em !important;
    }
    .travel-outside-container .mb-2,.travel-outside-container .mb-4{
        margin-bottom: 0em !important;   
    }
    .family-member-container .mb-2,.family-member-container .mb-4{
        margin-bottom: 0em !important;  
    }
    .family-travel-container .mb-2,.family-travel-container .mb-4{
        margin-bottom: 0em !important;  
    }
    #Processing-procedure .box-text {
        display: inherit !important; 
    }
    #Processing-procedure .card-body{
        text-align: center;
    }
    #Processing-procedure #box-id{
        text-align: center !important;
    }
    /*.card-header{
        padding: 0.6em;
    }*/
    #details_visit .dash:after{
        content: none;
    }
    
    .panel-icon img {
        min-height: 35px;
        height: 2em;
        width: auto;
    }
    .panel-icon label a {
        font-size: smaller;
    }
    /*.panel-icon label{
        line-height: 1.5;
    }*/
    .p-4{
        padding: 1rem !important;
        line-height: 1;
    }
    .modoo-pl-8{
        padding: 1em;
    }   
    /*.application-form .card-header .fa-chevron-circle-down{
        display: none;
    }*/
    .search-property-1 .form-group{
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #app-form-mobile .card-body{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .ftco-footer p{
        font-size: 0.6em;
    }

    #secondary-navbar-mobile-wrapper .hamberg{
        margin-right: 5px;
        margin-top: 10px !important;
    }

}


@media screen and (max-width:360px) {
  .visa-navigation-container{
    margin-top: 0.7em !important;
  } 
  .application-form-secion .panel-header-text{
        font-size: 0.5em;
    }
    .official-use-table{
        font-size: 0.3em;
    }
   .visa-navigation-shortcut .ivt{
        width: 300px;
   }
   .mobile-footer-content ul{
    text-align: center;
   }
   .ftco-footer p{
        font-size: 8px;
    }

    #mobile-collapse li a{
        padding: 0 15px;
        font-size: 14px;
    }

    #mobile-collapse li .title{
        font-size: 14px;
    }
}

#is_login .modal-header{
  background: #faa74a;
}

@media screen and (max-width:414px) {
  #tnx-container > .lead > a{
      white-space: normal !important;
  }
}


@media screen and (max-width:320px) {
   .application-form-secion .input-group-append{
        margin-top: 1em;
   }
   .p-4{
        padding: 0.5rem !important;
    }
    .ftco-footer p {
        font-size: 7px;
    }
     #mobile-collapse li a{
        padding: 0 12px;
     }
}