/*************************************************************************
								Style Sheet
*************************************************************************/
header {
	background-color: white;
    width: 100%;
	flex-direction: column;
	text-align: center;
	z-index:9999;
}
.header-div{
    width: 1200px;
    margin: 0 auto;
}
#logo {
    height: 70px;
    padding: 5px 0px 15px 0px;
    width:100%;
	background-color: white;
}
#logo img{    
    margin-top: 0.75em;
    height: 45px;
    width: 250px;
    margin-left: 10px;
    float: left;
}
#navToggle {
  position: absolute;
  top: 2em;
  right: 2em;
}

#navToggle a img {
  width: 1em;
  margin: 0.2em;
}
#navToggle a {
  text-decoration: none;
  color: black;
  font-size: 1.3em;
}

.header-div > nav {
	display: block;
	background-color: transparent;
    margin-top: -19px;
	width:100%;
	font-size: 1.1em;
    font-weight: 600;
    float: right;
	padding-right: 14px;
}
.header-div > nav > ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	background-color: transparent;
}

.header-div nav > ul {
  list-style-type: none;
  font-size: 1.15em;
}

.header-div nav > ul > li {
  position: relative;
  margin-left: 1.15em;
}

.header-div > nav > ul > li:first-child:hover {
	border-bottom: 5px solid #6C5A93;
}
.header-div > nav > ul > li:hover {
	border-bottom: 5px solid #F37053;
}
.header-div > nav > ul > li:last-child:hover {
	border-bottom: 5px solid #72BF44;
}

.active-li-01 {
	border-bottom: 5px solid #6C5A93;
}
.active-li-02 {
	border-bottom: 5px solid #F37053;
}
.active-li-03 {
	border-bottom: 5px solid #72BF44;
}

.header-div  nav > ul > li > a {
  display: block;
  color: black;
  text-decoration: none;
}

.header-div > nav > ul > li > a:hover {
	color: black;
	text-decoration: none;
}
.header-div  nav > ul > li > a:focus {
	color: black;
	text-decoration: none;
}
.info-bar{
	width:100%;
	display:block;
}
.info-bar li a{
	color:black;
}
.info-bar li a:hover{
	background: transparent !important;
}
.page-container{
	min-width:1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.page-wrapper{
	min-width: 1220px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 45px;
    padding-left: 20px;
    padding-right: 20px;
}
.sidebar-wrapper{
    padding-top: 0.75em;
    overflow-x: hidden;
    overflow-y: auto;
    display: inline-block;
    width: 220px;
    float: left;
}
.sidebar-separate{
	margin-top:5em;
}
.sidebar-separate .btn{
	width:100%;
}
.sidebar-wrapper a{
	color : black;
}
.sidebar-title{
    width: 100%;
    height: 2em;
    line-height: 1.5em;
    color: black;
    font-size: 1.2em;
    font-weight: 500;
}
.sidebar-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.sidebar-nav li {
	background:#f8f8f8;	
  	line-height: 2em;
    padding: 0.15em 1em 0.15em 1em;
}
.sidebar-nav .active{
	background:#eeeeee;
}

.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: black;	
}

.sidebar-nav .sidebar-sub a:hover{
  color:#1585C8;
}

.sidebar-nav > .sidebar-main {    
    font-size: 1.1em;
    line-height: 2em;
    padding-left: 0.75em;
    margin-top: 2px;
    font-weight: 500;
    border:1px solid #e1e1e1
}
.sidebar-nav > .sidebar-sub{
    font-size: 1em;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
}
.sidebar-nav > .sub-1-active a{
   color:#1585C8;
}

.sidebar-nav > .sidebar-sub:last-child, .side-last{
    border-bottom:1px solid #e1e1e1;
}
  
.sidebar-nav .menu-1-active,.sidebar-nav .menu-1:hover{
	background:#6C5A93;
}
.sidebar-nav .menu-2-active,.sidebar-nav .menu-2:hover{
	background:#F37053;
}
.sidebar-nav .menu-3-active,.sidebar-nav .menu-3:hover{
	background:#72BF44;
}

.sidebar-nav .menu-1-active a,.sidebar-nav .menu-1 a:hover,.sidebar-nav .menu-2-active a,.sidebar-nav .menu-2 a:hover,.sidebar-nav .menu-3-active a,.sidebar-nav .menu-3 a:hover{
	color:white;
}

footer{
    position: fixed;
    bottom: 0;
    border-top:1px solid #eeeeee;
    width: 100%;	
    background: white;
}
footer p{
	font-size: 1em;
	color:black;
	text-align: center;
    padding-top: 7px;
}

/*********************************************************************
							Butttons
**********************************************************************/
.btn-violet{
    color: white;
	background-color:#6C5A93;
    border-color: #4B3873;
}
.btn-violet:hover{
    color: white !important;
	background-color:#614e8b;
}
.btn-orange{
    color: white;
	background-color:#F37053;
    border-color: #DE5131;
}
.btn-orange:hover{
    color: white !important;
	background-color:#e76447;
}
.btn-green{
    color: white;
	background-color:#72BF44;
    border-color: #51AD1B;
}
.btn-green:hover{
    color: white !important;
	background-color:#68b23b;
}
/*********************************************************************
							breadcrumb
*********************************************************************/
.breadcrumb-custom-board{
    position: absolute;
    margin-top: 0.7em;
    left: 0;
    background: #8F82B6;
    width: 100%;
    height: 38px;
}
.breadcrumb-custom {
    position: relative;
    width: 1200px;
	padding: 0;
	background: #8F82B6;
	list-style: none; 
	overflow: hidden; 
    left: 0;
    height: 38px;
    margin: auto;
}
.breadcrumb-custom>li+li:before {
	padding: 0;
}
.breadcrumb-custom li { 
	float: left; 
}
.breadcrumb-custom li.home a {
    padding-top: 10px;
	background: #8F82B6; 
}
.breadcrumb-custom li.home a:after {
	border-left: 30px solid #8F82B6;
} 
.breadcrumb-custom li.depth1 a {
	background: #756196;
}
.breadcrumb-custom li.depth1 a:after {
	border-left: 30px solid #756196 ;
}
.breadcrumb-custom li.depth2 a {
	background: #6C5A93;
}
.breadcrumb-custom li.depth2 a:after {
	border-left: 30px solid #6C5A93 ;
}
.breadcrumb-custom li.depth3 a {
	background: #4B3873;
}
.breadcrumb-custom li.depth3 a:after {
	border-left: 30px solid #4B3873 ;
}

.breadcrumb-custom li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
	cursor: default;
}
.breadcrumb-custom li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;         
	border-bottom: 50px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb-custom li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;        
	border-bottom: 50px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
/*********************************************************************
							Contetns
*********************************************************************/

.world-map{      
    position: relative;
    background: url(../images/world_map.png) no-repeat;
    height: 530px;
    width: 100%;
    margin-top: 80px;
    background-size: contain;
}
.world-map .country-name{           
     z-index: 2;
     text-align: center;
}
.country-name>p{                  
    position: absolute;                                  
	font-size:1.15em;
	color: white;
    cursor: pointer;
    font-weight: 500;
}                   
.country-name>p:hover{         
	text-shadow: #6eff00  0px 0px 10px; /* for browsers without spread support */
	text-shadow: #6eff00  0px 0px 10px 10px; /* for browsers with spread support */
}                                                                       
p.en-asia{  top: 175px;		left: 322px; }					/*동북아시아  */      
p.es-asia {  top: 310px;	left: 380px; color:black; }		/*동남아시아  */      
p.ws-asia{  top: 235px;		left: 233px; }					/*서남아시아  */      
p.ru{  top: 98px;			left: 256px; }					/*러시아/CIS*/      
p.af{  top: 314px;			left: 100px; }					/*아프리카   */      
p.us{  top: 175px;			left: 665px; }					/*북미     */      
p.eu{  top: 167px;			left: 100px; }					/*유럽     */      
p.me{  top: 255px;			left: 155px; }					/*중동     */      
p.oceania{  top: 405px;		left: 368px; }					/*대양주 */         
p.sc-america{  top: 366px;	left: 774px; }					/*중남미    */      
					
.contents-wrapper{
    min-width: 920px;
    width: 87%;
    padding-left: 20px;
    display: inline-block;
    float: left;
}
@media screen and (max-width: 1200px) {
	.contents-wrapper{
	    width: 920px;
	}
}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
	.contents-wrapper{
	    width: 80%;
	}
}
@media screen and (max-width: 2048px) and (min-width: 1601px) {
	.contents-wrapper{
	    width: 85%;
	}
}
.contents-title{
    margin-left: 0.75em;
    line-height: 1.25em;
    font-weight: 600;
    font-size: 1.15em;
}
.form-inline .form-group label{
    margin: 0.75em;
}
.route_nm{
	width:8em !important;
} 
.pasng_div{
	width:6em !important;
} 
.date{
	width:8em !important;
}  
.airln_nm{
    width: 10.5em !important;
	
} 
.sign{
	width:8em !important;
} 
.nego{
	width:9em !important;
} 
.airnum{
	width:9em !important;
}
.reposys{
	width:9em !important;
}

.top-info{
    border-bottom: 1px solid #d6d6d6;
    padding: 0px 5px 0px 5px;    
	display: table;
    content: " ";
	width: 100%;
}
.top-info-form{
    width: 100%;
    border: 1px solid #d6d6d6;
    padding: 8px 8px 8px 0px;
    margin-bottom: 1em;
}
.search-info{
    padding: 0px 14px 5px 8px;
}
.country-selector-form{
    padding: 0px 0px 8px 10px;
}

.menu-1-square{
	background: #6c5a93;
	width: 15px;
	height: 15px;
    vertical-align: middle;
	display: inline-block;
}
.menu-1-table-top{
	background: #DFDBEA;
}

.menu-2-square{
	background: #f37053;
	width: 15px;
	height: 15px;
    vertical-align: middle;
	display: inline-block;
}
.menu-2-table-top{
	background: #FCD7CF;
}
				
.menu-3-square{
	background: #72BF44;
	width: 15px;
	height: 15px;
    vertical-align: middle;
	display: inline-block;
}
.menu-3-table-top{
	background: #72BF44;
}