/*browser font*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
* { 
  	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  }

.navbar-custom {
  background-color: #ffffff;
  padding: 10px 0px 10px 0px;
} 


.navbar-custom .navbar-brand {
  color: black;
}

.navbar-custom .dropdown-toggle:after {
  content: none;
}

.video-player2 {
  display: block !important;
  position: absolute;

}

.video-player2 video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(calc((100% - 100vw) / 2));
}

.titan-title-size-4 {
  text-align: left;
  font: normal normal bold 48px/60px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  text-transform: none;
  /* padding: 0 10%; */
  /* max-width: 860px; */
}

.titan-title-size-1 {
  text-align: left;
  color: #FFFFFF;
  opacity: 1;
  text-transform: none;
  /* padding: 0 10%; */
  font: normal normal normal 20px/30px Spoqa Han Sans Neo;
  letter-spacing: -0.2px;
  max-width: 870px;
}


@media(max-width:767px) {
	
	#myvideo{
		object-fit: cover;
	    right: 0;
	    bottom: 0;
	    width: 100vh;
	    height: calc(100vh - 74px);
	    z-index: -100;    
    }
}


.btn-border-w-top {
  padding: 15px 70px;
  font: normal normal bold 18px/38px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  text-transform: none;
}

.caption-content {
  text-align: left;
}

.navbar-locale li > a.al-default {  
  color: #9E9E9E !important;
  font: normal normal normal 20px/24px Spoqa Han Sans Neo;  
}

.navbar-locale li > a.active {
  color: #2A2A2A !important;
}


.landing-image-text h2 {
  font: normal normal bold 32px/39px Spoqa Han Sans Neo;
  color: #2A2A2A;
  text-transform: none;
}

.font-serif {
  font: normal normal normal 16px/23px Spoqa Han Sans Neo;
  color: #2A2A2A;
  text-transform: none;
}

/* .alink-img-desc {
  padding: 0 60px;
} */

section > div.container {
  padding-bottom: 70px;
}

/* .alink-img2 {
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  width: 384px;
  height: 300px;
  padding: 0;
}

.alink-img2 h2 {
  font: normal normal bold 20px/24px Spoqa Han Sans Neo;
  color: #2A2A2A;
}

.alink-img2 > div {
  margin: 30px;
  padding-top: 168px;
}

.alink-img2 p {
  font: normal normal normal 16px/24px Spoqa Han Sans Neo;
  color: #2A2A2A;
} */





/* 세로 가운데 정렬*/
.al-align-center {
  display: flex;
  align-items: center;
}

/*가로 가운데 정렬*/
.al-width-center {
    display: flex;
    justify-content: center;
}


.al-title-32b {
  text-align: left;
  font: normal normal bold 32px/39px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-title-36b {
  text-align: center;
  font: normal normal bold 32px/39px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #FAFAFA;
  opacity: 1;
}

.al-title-36b-b {
  text-align: center;
  font: normal normal bold 32px/39px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-text-20b {
  text-align: left;
  font: normal normal bold 20px/24px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1; 
}


.al-text-36b-c {
  text-align: center;
  font: normal normal bold 36px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #9E9E9E;
  opacity: 0.5; 
}

  
.al-text-24b {
  text-align: left;
  font: normal normal bold 24px/36px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-desc-16 {
  text-align: left;
  font: normal normal normal 16px/23px Spoqa Han Sans Neo, Regular;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-title-48b {
  text-align: left;
  font: normal normal bold 48px/57px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
  }

.al-title-28b {
  text-align: left;
  font: normal normal bold 28px/33px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}  

.al-desc-18 {
  text-align: left;
  font: normal normal normal 18px/28px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-desc-18r {
  text-align: left;
  font: normal normal normal 18px/26px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-desc-18c {
  text-align: left;
  font: normal normal normal 18px/30px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #9E9E9E;
  opacity: 1;
}

/* 대소문자 구분 */
.al-text-tramsform-none{
  text-transform: none;
}

.al-mt-246 {
  margin-top: 246px;
}

.portfolio-item .caption {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: rgba(33, 37, 41, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.al-text-shadow-n{
  text-shadow: none;
}

.al-hr{
  border: none;
  opacity: 1;
  width: 20px;
  margin-left: 0;
  color: #707070;
  height: 1px;
  background: #707070;
}

.al-bc-style{
  background-color: #EEEEEE;
  border-radius: 20px;
}

#img-services {
  max-width: 85%;
}

.al-pd-all{
  padding: 32px 29px 35px 29px;
}

/*services comming soon*/
.al-border-dashed{
  border: 2px dashed #616161;
  border-radius: 20px;
  opacity: 0.5;
}

/* image hidden */
.al-vb-hd{
  visibility: hidden;
}

.al-bc{
  background-color: #F5F5F5;
}

.al-item-flex01{
  align-items:flex-end !important; 
  justify-content:space-between !important; 
  display:flex !important; 
  box-sizing: border-box;
}

.al-item-flex02{
  align-items:start !important; 
  display:flex !important; 
  box-sizing:border-box;
}

.al-pr-10{
  padding-right:10px;
}

.al-line-h-n{
  line-height: normal !important;
}

.al-title-16b-p{
  text-align: left;
  font: normal normal bold 16px/30px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #39207C;
  opacity: 1;
}

.al-sub-16b-g{
  text-align: left;
  font: normal normal normal 16px/30px Spoqa Han Sans Neo;
  letter-spacing: 0px;
  color: #2A2A2A;
  opacity: 1;
}

.al-dw-st{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #39207C;
  border-radius: 5px;
  opacity: 1;
}

.al-sub-16b-p{
  text-align: center;
  font: normal normal 16px/19px Spoqa Han Sans Neo;
  letter-spacing: -0.4px;
  color: #39207C;
  opacity: 1;
}

.al-text-aaaaaaa{
  text-align: center;
  font-size: 16px; 
  font: normal normal medium 16px/19px Spoqa Han Sans Neo;
}

.al-pd-30{
  padding:30px;
}

.al-send-btn{
  padding: 12.5px; 
  border-style:none; 
  font-size: 16px; 
  color:#FFFFFF;
  background: #39207C 0% 0% no-repeat padding-box;
  border-radius: 5px;
  opacity: 1;  
}

.al-left-btn {
  text-align: center;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  letter-spacing: -0.4px;
  color: #39207C;
  opacity: 1;
  padding: 12.5px; 
  border-radius: 5px;
  border: 1px solid #39207C;
}

.al-form-deco{    
  display: block;
  width: 100%;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #E0E0E0;
  border-left: none;
  padding:20px 0px 10px 0px;
} 

.al-form-deco-ta{    
  display: block;
  width: 100%;
  border: none;
  resize: none;
  border-radius: 10px;
}

.al-form-bc{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 20px;
  opacity: 1;
}

.al-plpr-15{
  padding: 0px 15px 0px 15px;
}

.al-pb-8{
  padding-bottom: 8px !important;
}

.al-text-c{
  text-align: center;
  margin-bottom: 0px;
}

.al-fs{
  font-size:15px;
}


/*card text style*/
.al-bottom-text{
  position: absolute; 
  bottom:0; 
  left: 4em;
}

#al-service-border{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  height: 0;
  width: fit-content;
}

.al-display-table-cell{
  display: table-cell;
}

.al-align-items{
  align-items:stretch;
}

.al-lh-16 {
	line-height: 16px;	
}

.al-lh-40 {
	line-height:40px;	
}

.al-pb-6 {
	padding-bottom: 6px !important;
}

.al-pt-6 {
	padding-top: 6px !important;
}

.al-btn-height {
	height: 54px !important;
}


@media (min-width: 768px){	
  .navbar-nav {
    float: none;
    margin: 0;
  } 
  
  .al-mt-80{
    margin-top: 80px;
  }
  
  #al_coming-lg{
    display: block;
  }

  #al_coming-sm{
    display: none;
  }
  
 .navbar-custom .nav li > a {
    color: #2A2A2A;
    text-align: center;
    font: normal normal bold 20px/24px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    opacity: 1;
  }
  .al-pl-80{
    padding-left: 80px;
  }  
  
  #al_image_large {
    display: block;
  }

  #al_image_small {
    display: none;
  }
  
  .al-footer-text {
    display: flex; 
    justify-content: center;
  }
  
}


@media (min-width: 768px) and (max-width: 1199px) {
  .al-bottom-text {
    position: absolute; 
    bottom:0; 
    left: 2.6em;
  }  
}

/* @media (min-width: 400px) {
  .alink-img2 {
    background-size: cover;
    width: 100%;
    height: 100%;
  }
}   */

@media (max-width: 768px) {

/* footer */
  .al-footer-text {
    display: block;
  }
  
/* mobile font */
  .al-m-font-24b {
	text-align: left;
	font: normal normal bold 24px/29px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
	
  .al-m-font-15n {
	text-align: left;
	font: normal normal normal 15px/22px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-28b {
	text-align: left;
	font: normal normal bold 28px/39px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-13n {
	text-align: left;
	font: normal normal normal 13px/18px Spoqa Han Sans Neo;
	letter-spacing: -0.13px;
	color: #2A2A2A;
	opacity: 1;
  }
    
  .al-m-font-14n {
	text-align: left;
	font: normal normal normal 14px/20px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-20b {
	text-align: left;
	font: normal normal bold 20px/30px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-24b-c {
	text-align: center;
	font: normal normal bold 24px/29px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-24b34lh {
	text-align: left;
	font: normal normal bold 24px/34px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #2A2A2A;
	opacity: 1;
  }
  
  .al-m-font-28b-w {
	text-align: left;
	font: normal normal bold 28px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
  }
  
  .al-m-font-13n-w {
	text-align: left;
	font: normal normal normal 13px/18px Spoqa Han Sans Neo;
	letter-spacing: -0.2px;
	color: #FFFFFF;
	opacity: 1;
  }
  
  .al-m-font-14n-w {
	text-align: left;
	font: normal normal normal 14px/20px Spoqa Han Sans Neo;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
  }
  
  .al-align-center {
    display: block;
    align-items: center;
  }    

  #al_image_large{
    display: none;
  }

  #al_image_small{
    display: block;
  }  

  /*nav icon*/
  .navbar-custom .navbar-toggle .icon-bar{
    background: #000000;
    opacity: 1;
    width:24px;
  }
 
  .navbar-custom {
    background-color: #ffffff;
    /* height: 60px !important;     */
  }

  .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
  }
  
  .al-pt-10 {
    padding-top: 10px;
  }

  #al-nav-h{
    height:100%;
  }

  .navbar-collapse.al-text-tramsform-none.collapse.in{
    /* height: calc(100vh - 60px); */
    height: calc(100vh);
  }

  #al-coming-lg{
    display: none;
  }

  #al_coming-sm{
    display: block;
    margin-top: -20px;
    margin-bottom: 10px;
    /* height: 30vh;  */
  }
  
  .al-sm-bc{
    background:#FFFFFF;
  }
 
  .al-width-center {
    display: block;    
  }

  .al-dp-flex{
    display: flex;
    justify-content: center;
  }  
  
  
  .navbar-custom li a {
      border-bottom: none !important;
  }

  .al-li-lan{
    position: relative;
    top: 70vh;
    display: flex;
    justify-content: center;
  }

  .al-li-m{
    position: relative;
    top:10vh;
  }

  .al-li-m li > a{
    color: #2A2A2A;
    text-align: center;
    font: normal normal bold 36px/24px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    opacity: 1;
    padding: 20px;
  }
  
  .al-li-lan li > a{
    color: #2A2A2A;
    text-align: center;
    font: normal normal bold 20px/24px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    opacity: 1;
    padding: 20px;
  }

/*main btn*/
  .btn-border-w-top {
	padding: 14px 28px !important;
	text-transform: none;
  }
	
  .al-m-ml-20 {
	margin-left: 20px;
  }
	
/* mobile logo img */
  .al-m-logo-img{
   width:80%;
  }
      
}