@charset "utf-8";

@import('https://cdn.jsdelivr.net/npm/spoqa-han-sans@3.3.0/css/SpoqaHanSansNeo.css');
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


.bxslider-title ul {
	padding:0px; margin:0px;
}
.bxslider-title li {
	list-style:none;
}
.bxslider-title img {
	width:100%;
}

/* bxSlider */
.bxslider-title .bx-wrapper {
	margin-bottom:0px;
}
.bxslider-title .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  0;
	left: 0px;
	background: #fff;
}
.bxslider-title .bx-wrapper .bx-pager {
	bottom: 10px;
}
.bx-wrapper .bx-prev {
    background: url('./img/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    background: url('./img/controls.png') no-repeat -43px -32px;
}
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a {
	background:rgba(255,255,255,0.4);
	transition: all 0.3s ease-in-out;
}
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a.active {
	/*background: rgb(233, 27, 35);
	width:30px;
	*/
	border:0px;
	background:rgba(255,255,255,1);
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 60px;
    height: 5px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.bxslider-title .caption { position: absolute; top: 50%; transform:translateY(-50%); z-index: 2; width: 100%; }


.bxslider-title .caption .wrap { }
.bxslider-title .caption .at-container {padding: 0 10px !important; max-width: 1320px;}
.bxslider-title .caption .wrap .img {  width: 45%; }
.bxslider-title .caption .wrap .txt { display: flex; flex-direction:column; justify-content:center; width: 50%;  line-height: 1.363;}
.bxslider-title .caption .wrap .txt span  { padding: 0 0 10px; font-size: 44px;  font-family: GmarketSans,sans-serif ; color: #000; font-weight: 700;}
.bxslider-title .caption .wrap .txt p  {font-family: GmarketSans ; font-weight: 500; font-size: 50px; color: #000; }
.bxslider-title .caption .wrap .txt p b {  font-size: 53px; font-weight: 700;}
.bxslider-title .caption .wrap .txt p b.blue  { color:#2e2c93;}
.bxslider-title .caption .wrap .txt p b.blue2  { color:#ff9c00;}
.bxslider-title .caption .wrap .txt p b.green  { color:#fff;font-size: 45px; }
.bxslider-title .caption .wrap .txt p.black_t b.green  { color:#111;  font-size: 53px; }

.bxslider-title .caption .wrap .txt .img-logo {padding: 20px 0; max-width: 255px;}
.bxslider-title .caption .wrap .txt a  { display: inline-block; margin: 40px 0 0; width: 165px; height: 50px; background: #ff9c00; font-family: 'Spoqa Han Sans Neo'; font-size: 18px; line-height: 50px; font-weight: 400; text-align: center; color: #fff; border-radius:25px;}
@media(max-width:1400px){
	.bxslider-title .caption .wrap .img { width: 43%; }
	.bxslider-title .caption .wrap .txt { width: 54%;}
}
@media(max-width:1199px){
		.bxslider-title .caption .wrap .img { width: 46%; }
	.bxslider-title .caption .wrap .txt { width: 51%;}
	.bxslider-title .caption .wrap .txt span { padding: 0 0 15px; font-size: 34px;}
	.bxslider-title .caption .wrap .txt p { font-size: 38px;}
	.bxslider-title .caption .wrap .txt p b { font-size: 38px;}
  .bxslider-title .caption .wrap .txt p b.green{ font-size: 38px!important;}

}
@media(max-width:991px){
	.bxslider-title .caption .wrap .img { width: 46%; }
	.bxslider-title .caption .wrap .txt { width: 51%; line-height: 1.6;}
	.bxslider-title .caption .wrap .txt span { padding: 0 0 5px; font-size: 27px;}
	.bxslider-title .caption .wrap .txt p { font-size: 32px;}
	.bxslider-title .caption .wrap .txt p b { font-size: 32px;}
  .bxslider-title .caption .wrap .txt p b.green{ font-size: 30px!important;}
	.bxslider-title .caption .wrap .txt a { width: 160px; height: 46px; line-height: 46px; border-radius:23px}
}
@media (max-width:768px){
	.bxslider-title .caption .wrap { flex-direction:column;}
	.bxslider-title .caption .wrap .img { padding: 35px 0 0; width: 100%; text-align: center; }
	.bxslider-title .caption .wrap .img img { margin: 0 auto; max-width: 360px;}
	.bxslider-title .caption .wrap .txt { padding: 20px 0; margin:0 -10px; width: calc(100% + 20px);
	background: linear-gradient(to bottom,rgba(255,255,255,0), rgba(255,255,255,.5)); line-height: 1.4; text-align: center;}
	.bxslider-title .caption .wrap .txt span { font-size: 30px;}
	.bxslider-title .caption .wrap .txt p { font-size: 32px;}
	.bxslider-title .caption .wrap .txt p b { font-size: 32px;}
	.bxslider-title .caption .wrap .txt .img-logo {margin: 0 auto;  max-width: 230px;}
	.bxslider-title .caption .wrap .txt a { margin: 20px auto;}
}
@media (max-width:576px){
	.bxslider-title .caption .wrap .img img { margin: 0 auto; max-width: 300px;}
	.bxslider-title .caption .wrap .txt { padding: 30px 0;}
	.bxslider-title .caption .wrap .txt span {  font-size: 28px; }
	.bxslider-title .caption .wrap .txt p { font-size: 28px;}
	.bxslider-title .caption .wrap .txt p b { font-size: 32px;}
	.bxslider-title .caption .wrap .txt .img-logo  {max-width: 210px;}
	.bxslider-title .caption .wrap .txt a {margin: 20px auto 0; width: 150px; height: 44px; line-height: 44px; border-radius:22px}
}
@media (max-width:480px){
	.bxslider-title .caption .wrap .img { padding: 45px 0 0;}
	.bxslider-title .caption .wrap .txt { padding: 35px 0; }
	.bxslider-title .caption .wrap .txt span  { font-size: 22px;}
	.bxslider-title .caption .wrap .txt p { font-size: 24px;}
		.bxslider-title .caption .wrap .txt .img-logo  {max-width: 190px;}
	.bxslider-title .caption .wrap .txt p b { font-size: 28px;}
  .bxslider-title .caption .wrap .txt p b.green{ font-size: 24px!important;}
}
