@charset "UTF-8";
/* CSS Document */

html{background-color: rgba(3,60,113,1); margin: 0px; padding: 0px; width: 100%; min-width: 100%; height: 100%; }
body{height: 100%; padding:0;margin: 0;}

@user-select: text;

.title_1{color: white; font-size: 70pt; font-family: 'Montserrat', sans-serif; font-weight: 900; z-index: 99999;}
.title_1_1{color: white; font-size: 70pt; font-family: 'Montserrat', sans-serif; font-weight: 900; margin-left: 30px; margin-top: 10px; z-index: 5!important; position: fixed;}
.title_2{color: white; font-size: 30pt; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1.3; margin-top: 100px; z-index: 3!important;}
.top{position: fixed; left: 30px; top: 10px; z-index: 99999;}
.gradient{position: fixed; top:0px; background: linear-gradient(to top, rgba(3,60,113,0) 40%, rgba(3,60,113,1) 60%); height: 700px; width: 100%; z-index: 2;}
.up{z-index: 4!important;}
/*.back{position:fixed; top:32px; right: 250px; font-size: 20pt; text-align: right; line-height: 1.6}*/
.back{position:fixed; top:32px; right: 30px; font-size: 20pt; text-align: right; line-height: 1.6}
.lang{position:fixed; top:30px; right: 30px; font-size: 20pt; text-align: right; line-height: 1.6}
.backgrad{position: absolute; bottom: 0px; width: 100%; height: 250%; margin: 0; background: linear-gradient(to top, rgba(3,60,113,1) 40%, rgba(3,60,113,0) 60%);}


.bot{position:absolute; max-height:100%; overflow-y:auto; margin-left: 30px; bottom: 30px; z-index: 1;}
.bot::-webkit-scrollbar {display: none;}
.botbox{position:absolute; width: calc(100% - 100px); height:70%; bottom: 30px;}
.wrap{position: absolute; margin-top: 400px; margin-left:30px; margin-bottom: 30px; width: 100%;}

.half_right{position:absolute; left: 50%; width: calc(50% - 30px);}
.half_left{position:absolute; width: calc(50% - 30px);}
.parallax_1 {/*background-image: url('sea.jpg');*/ height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0px;}
.menu{top: 100%; width: calc(100% - 100px); margin-left:30px; margin-bottom: 30px; position: absolute;}
.menu_1{color: white; font-size: 30pt; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1.3; position: absolute; left: 30px; bottom: 20px;}
.menu_2{color: white; font-size: 8pt; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1.6; position: absolute; right: 30px; bottom: 35px; text-align: right;}

.box{position: relative; height: 100%;}
.txt_1{color: white; width: calc(100% - 100px); font-size: 20pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0; margin-top: 400px; margin-left:30px; margin-bottom: 30px; position: absolute;}
.txt_2{font-size: 15pt;}
.txt_3{color: white; width: calc(100% - 100px); font-size: 20pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0; margin-left:30px; position: absolute;}
.largetxt{max-width: 70%;}
.scroll-down .fade{z-index: 999;}

.font_20_1{color: white; font-size: 20pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0;}
.font_20{color: white; font-size: 20pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0;}
.font_15_1{color: white; width: calc(100% - 100px); font-size: 15pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0;}
.font_15{color: white; width: calc(100% - 100px); font-size: 15pt; font-family: 'Montserrat', sans-serif; font-weight: 600;  z-index: 0; margin-left:30px;}
.font_20_kr{color: white; width: calc(100% - 100px); font-size: 18pt; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;  z-index: 0; margin-left:30px;}
.font_15_kr{color: white; width: calc(100% - 100px); font-size: 15pt; font-family: 'Noto Sans KR', sans-serif; font-weight: 900;  z-index: 0; margin-left:30px;}
.top_400{padding-top: 400px;}
.left_30{left: 30px;}
.left_0{left: 0px;}
.bottom_30{bottom: 30px;}
.bottom_0{bottom: 0px;}
.txtwidth_70{max-width: 70%;}
.txtwidth_50{max-width: 50%;}
.ps_absolute{position: absolute;}
.ps_relative{position: relative;}
.center{text-align: center;}
.width_100{width: 100%;}
.width_60{width: 60px; height: auto;}
.width_30{width: 30px; height: auto;}
.width_25{width: 25px; height: auto;}
.marg_0{margin: 0;}
.marg_t150{margin-top: 150px;}
.marg_t150_1{margin-top: 150px;}
.padding_l100{ padding-left: 100px;}

* {
  box-sizing: border-box;
}

/* Container for flexboxes */
.row {display: flex; flex-wrap: wrap; padding-top: 400px;}

/* Create two equal columns */
.column {flex: 50%; height: auto; overflow: hidden;}

.column img {
    max-width: 100%;
    transition: all 2.0s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.column:hover img {
    transform: scale(1.1);
}

a:link{text-decoration: none; color: white;}
a:visited{text-decoration: none; color: white;}
a:hover{text-decoration: none; color: white;}
a:active{text-decoration: none; color: white;}
/*
a.btn{position: relative;}
a.btn:before{position: absolute; width: 0%; height: 3px; margin-top: -4px; right: 0; background: #ffffff; transition: width .2s ease; -webkit-transition: width .2s ease; z-index: 9999;}
a.btn:hover:after{width: 100%; left: 0; background: #ffffff; z-index: 9999;}
a.btn:hover{background: red; width: 100%; height: 3px; -webkit-transition: width .2s ease; z-index: 9999;}*/

a.btn{display: inline-block;}
a.btn:after{content: ''; width: 0px; height: 4px; display: block; background: white; transition:300ms;}
.contact.btn:after{content: ''; width: 0px; height: 3px; display: block; background: white; transition:300ms;}
a.btn:hover:after{width: 100%;}

a.btn_2{display: inline-block;}
a.btn_2:after{content: ''; width: 0px; height: 2px; display: block; background: white; transition:300ms;}
a.btn_2:hover:after{width: 100%;}

.img_half{background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; width: calc(50% - 50px); height:1000px; margin-bottom: 180px;}
.img_half_2{width: calc(50% - 50px);}

table{}
th{text-align: left; font-weight: 600; width: 130px;}

/*gallery*/
img {width: 100%; height: auto;}
.grid-container {display: grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 0.5em;}
/* hover styles */
.location-listing {position: relative;}
.location-image {line-height: 0; overflow: hidden;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.location-image img {filter: blur(0px); transition: filter 0.3s ease-in; transform: scale(1.1);}
.location-title {font-size: 20pt; font-weight: 600; text-decoration: none; z-index: 1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; transition: opacity .5s; background: rgba(3,60,113,0.6); color: white;
/* position the text in t’ middle*/
display: flex; align-items: center; justify-content: center;}
.location-listing:hover .location-title {opacity: 1;}
.location-listing:hover .location-image img {filter: blur(2px);}
/* for touch screen devices */
@media (hover: none) {.location-title {opacity: 1;} .location-image img {filter: blur(2px);}}

.hideme{opacity: 0;}

/*global_network*/
.map {z-index: 100; position: relative; width: 70%; height: auto; display: table-cell;}
.map_button {width: 10px; height: 10px; border-radius: 5px; background-color: white; position: absolute; top: 35%; left: 50%;}
.map_txt{opacity: 0; position: fixed; bottom: 30px; margin-left: 30px;}
.mpamap{ width: 100%;}

path{transition: .6s fill; fill:rgb(3,60,113); stroke: #FFFFFF; stroke-width: 0.3px;}
.btncur{cursor:pointer;}
.hide{display: none;}
.asia{display: none;}
.america{display: none;}
.africa{display: none;}
.europe{display: none;}
.middleEast{display: none;}
.disp_n{diplay:none;}
.disp_b{display:block;}


.big{display: block;}
.small{display: none;}

/*반응형*/
@media (min-width:2000px){
	.txtwidth_70{max-width: 50%;}
	.txtwidth_50{max-width: 40%;}
	.txtwidth{padding-right: 25%;}
}

@media (max-width:1500px){
	.largetxt{max-width: 100%;}
	.padding_l100{ padding-left: 50px;}
}

@media (max-width:1146px){
	.title_1_1{font-size: 40pt;}
	.title_1{font-size: 40pt;}
}

@media screen and (max-width: 1024px) {
	.row {flex-direction: column; width: calc(100% - 30px);}
	.column {padding-left: 30px; padding-right: 30px;}
	.row .ps_absolute{position: relative;}
	.margintop_30{margin-top: 30px;}
	.marg_t150{margin-top: 30px;}
	.padding_l100{ padding-left: 0px;}
}

@media (min-width:903px){
	.mapmap{width: 50%}
}

@media (max-width:903px){
	.font_20{font-size: 15pt;}
	.font_15{font-size: 12pt;}
}
@media (max-width:803px){
	.img_half_2{width:100%;}
	.svgwidth{width: 100%;}
}

@media (max-width:500px){
	.title_1{font-size: 20pt; margin-top: 20px; width: 65%;}
	.title_1_1{font-size: 20pt; margin-top: 20px; width: 80%;}
	.title_2{font-size: 15pt; margin-top: 30px;}
	.top{top: 0px;}
	.txt_1{font-size: 10pt; margin-top: 150px;}
	.menu_1{font-size: 15pt;}
	.menu_2{font-size: 6pt;}
	.font_20{font-size: 10pt;}
	.font_20_1{font-size: 10pt;}
	.font_15{font-size: 9pt;}
	.font_15_1{font-size: 9pt;}
	.bot.font_15_1{width: calc(100% - 60px);}
	.txtwidth_70{max-width: 85%; padding-top: 150px;}
	.txtwidth_50{max-width: 85%; padding-top: 150px;}
	.width_60{width: 30px;}
	.width_30{width: 20px;}
	.width_25{width: 18px;}
	.gradient{height: 290px;}
	.bottom_30{bottom: 20px;}
	.back{line-height: 1.2; top: 20px;}
	.row{padding-top: 170px;}
	.contact.row{padding-top: 150px;}
	.contact.column{padding-right: 0px;}
	.row .ps_absolute{position: absolute;}
	.grid-container{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 2.5em}
	a.btn:after{content: ''; width: 0px; height: 0px; display: block; background: white; transition:300ms;}
	.contact.btn:after{content: ''; width: 0px; height: 0px; display: block; background: white; transition:300ms;}
	a.btn_2:after{content: ''; width: 0px; height: 0px; display: block; background: white; transition:300ms;}
	.location-title{font-size: 10pt; opacity: 1;}
	.location-image img {filter: blur(0px); transition: filter 0.3s ease-in; transform: scale(1);}
	.location-listing:hover .location-image img {filter: blur(0px);}

}

@media (max-width:375px){
	.title_1_1{font-size: 18pt;}
	.title_2{font-size: 13pt; margin-top: 28px;}
	.font_20{font-size: 8pt;}
	.font_20_1{font-size: 8pt;}
	.font_15{font-size: 8pt; width: calc(100% - 60px);}
	.font_15_1{font-size: 8pt;}
	.txtwidth_70{padding-top: 140px;}
	.txtwidth_50{padding-top: 140px; max-width: 100%;}
	.gradient{height: 280px;}
	
}

@media (max-width:375px) and (max-height:667px){
	.mob{display: none;}
	
}