@charset "utf-8";

/************************************************************
	[PAGE]
************************************************************/
/************ [NAV] ************/
#mainNav { background-color:#182e44; }
#mainNav .navbar-brand { width:150px; margin-right:0; background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/logo.png?version=201812201518); background-size:contain; }
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus  { color:rgba(255,255,255,1); }

.navbar-toggler { display:none; }

/*** Responsive ***/
@media (min-width:768px) {
	#mainNav .navbar-brand { width:150px; }
	#mainNav .navbar-brand + .btn-apply { display:none; }
}
@media (min-width:992px) {
	#mainNav { padding:0.5rem 1rem; }
	#mainNav .navbar-brand { width:200px; }
	#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover,
	#mainNav .navbar-nav > li.nav-item > a.nav-link:hover { color:#00bdcd; }
	#mainNav.navbar-shrink { border-bottom:1px solid rgba(33,37,41,.1); background-color:rgba(24,46,68,.9); }
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { color:#fff; }
}

/************ [HEADER] ************/
header.masthead { margin-top:57px; padding-top:12rem; padding-bottom:calc(7rem - 56px); background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/img-hero.jpg?version=201812201518); }
#mainNav.navbar-shrink + header.masthead { margin-top:0; }
.btn-apply { background-color:#ff0072; border-color:#ff0072; color:#fff !important; }
.btn-apply:hover { background-color:#fb2c89; border-color:#fb2c89; }
.btn-apply.disabled,
.btn-apply:disabled { background-color:#ff0072; border-color:#ff0072; color:#fff; }
.btn-apply:not(:disabled):not(.disabled):active,
.btn-apply:not(:disabled):not(.disabled).active { background-color:#d6005b !important; border-color:#d6005b; color:#fff !important; }
.btn-apply:not(:disabled):not(.disabled):active:focus,
.btn-apply:not(:disabled):not(.disabled).active:focus { color:#fff !important; }
/*** Responsive ***/
@media (min-width:576px) {
	header.masthead { height:309px; }
}
@media (min-width:768px) {
	header.masthead { height:429px; }
	.btn-apply { font-size:0.8rem; }
}
@media (min-width:992px) {
	header.masthead { margin-top:57px; height:544px; }
	.btn-apply { font-size:0.9rem; }
}
@media (min-width:1200px) {
	header.masthead { height:561px; }
}
@media (min-width:1273px) {
	header.masthead { height:898px; }
}
@media (max-width:767px) {
	header.masthead.mobile-only { margin-top:57px; padding-top:39em; padding-bottom:calc(7rem - 56px); background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/img-hero@2x.png?version=201812201518); }
}
@media (max-width:375px) {
	header.masthead.mobile-only { padding-top:35em; }
}
@media (max-width:360px) {
	header.masthead.mobile-only { padding-top:33em; }
}
@media (max-width:320px) {
	header.masthead.mobile-only { padding-top:29em; }
}


/*************** [SECTION] ***************/
/********* Segment : Overview *********/
/*** Responsive ***/
@media (max-width:576px) {
	#overview.bg-primary { background-color:#fff !important; }
}

/********* Segment : Carousel *********/
.carousel-segment .swiper-slide { height:256px; }
.carousel-segment .swiper-slide1 { background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/img-feature1-1.png?version=201812201518); }
.carousel-segment .swiper-slide2 { background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/img-feature1-2.png?version=201812201518); }
.swiper-button-prev:before {border-right:2px solid rgba(0,0,0,0.9);border-top:2px solid rgba(0,0,0,0.9);}
.swiper-button-next:before {border-left:2px solid rgba(0,0,0,0.9);border-bottom:2px solid rgba(0,0,0,0.9);}
.swiper-button-prev:after {border-right:0px solid rgba(0,0,0,0.1);border-top:0px solid rgba(0,0,0,0.1);}
.swiper-button-next:after {border-left:0px solid rgba(0,0,0,0.1);border-bottom:0px solid rgba(0,0,0,0.1);}

/*** Responsive ***/
@media (min-width:576px) {
	.carousel-segment .swiper-slide { height:391px; }
}
@media (min-width:768px) {
	.carousel-segment .swiper-slide { height:495px; }
}
@media (min-width:992px) {
	.carousel-segment .swiper-slide { height:616px; }
}
@media (min-width:1200px) {
	.carousel-segment .swiper-slide { height:718px; }
}
@media (min-width:1273px) {
	.carousel-segment .swiper-slide { height:1028px; }
}

/********* Segment : Form *********/
.form-segment { background-size:contain; background-position:top left; }
.form-segment form { margin-bottom:3rem; }
.form-segment form .col-form-label { letter-spacing:-0.02em; }
.form-segment form .form-col-basic { }
.form-segment form .form-col-terms .col { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.form-segment form .form-control { border-color:#ced4da; }

.custom-control-label::before { border:1px solid #ced4da; }
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid { border-color:#ced4da; }
/*** Responsive ***/
@media (min-width:576px) {
	.form-segment form { margin-left:0; margin-top:0rem; }
	.form-segment form .col-form-label { letter-spacing:0; }
}
@media (min-width:768px) {
	.form-segment { background-image:url(//img.tenping.kr/Content/Landing/2018121813390001/img-form.png?version=201812201518); }
	.form-segment form { margin-left:40%; margin-top:7.5rem; margin-bottom:3rem; padding:2rem 0; background-color:#fff; border:10px solid #2f3133; border-radius:30px; box-shadow:5px 5px 15px rgba(0,0,0,.3); }
	.form-col-basic .form-group {min-width:100%;width:100%;margin-right:0;margin-left:0;}
	.form-col-terms { margin:3rem auto 0; }
}
@media (min-width:992px) {
	.form-segment form { margin-left:45%; margin-top:10rem; margin-bottom:3rem; }
}
@media (min-width:1200px) {
	.form-segment form { margin-left:50%; margin-top:12rem; margin-bottom:6rem; }
}
@media (min-width:1273px) {
	.form-segment form { margin-top:12rem; }
}
@media (min-width:1500px) {
	.form-segment form { margin-top:18rem; }
}
@media (max-width:767px) {
	.form-segment.img-responsive .img-item-m { display:block !important; }
}

/********* Form *********/
/****** Layout ******/
/****** Add on ******/
.input-group-text { border-left-color:#ced4da; }
.textarea-ask { height:120px; }
@media (min-width:768px) {
	.textarea-ask { height:84px; }
}


/************************************************************
	[ELEMENTS]
************************************************************/
/********* Sticky Banner *********/
/*** Responsive ***/
@media (max-width:768px) {
	#bnrApply { display:none !important; }
}

/************ [ELEMENTS DESIGN] ************/
/********* Background *********/
.bg-primary { background-color:#182e44 !important; }
.bg-dark { background-color:#1c1c1c !important }

/********* Button *********/
.btn-primary { background-color:#ff0072; border-color:#ff0072; }
.btn-primary:hover { background-color:#fb2c89 !important; border-color:#fb2c89; }
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active { background-color:#d6005b; border-color:#d6005b; }

/********* add *********/
.tablet-only { display:block; }
.mobile-only { display:none; }
/*** Responsive ***/
@media (max-width:767px) {
	.mobile-only { display:block !important; }
	.tablet-only { display:none !important; }
}