@charset "utf-8";
.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:800px}
.lt_bn li{background-position:center center !important;background-size:cover;background-repeat:no-repeat;height:800px;text-align:center;color:#fff}
/* .lt_bn .bg{;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';z-index:1;overflow:hidden} */

.lt_bn .bn_txt{display:table;height:100%;width:100%;position:relative;z-index:2;}

.lt_bn .txt_wr{display:table-cell;vertical-align:middle;padding:0 15%;}

.lt_bn li .bn_tit{font-size:2em; color:#404040; font-weight:400; line-height:1.5em;
-webkit-text-shadow:0px 0px 0px rgba(55,55,55,1.8);
-moz-text-shadow:0px 0px 0px rgba(55,55,55,1.8);
text-shadow: 0px 0px 0px rgba(55,55,55,1.8);}
.lt_bn li .bn_detail{font-size:3em; color:#1f3f99; margin:10px 0; line-height:1.4em; font-weight:600;
-webkit-text-shadow:0px 0px 0px rgba(55,55,55,1.0);
-moz-text-shadow:0px 0px 0px rgba(55,55,55,1.0);
text-shadow: 0px 0px 0px rgba(55,55,55,1.0);}
.lt_bn li .bn_view {display:inline-block;background:#fff;color:#333;padding:0 35px;line-height:45px;margin-top:20px}

.txt_wr{text-align:left;}

.lt_bn .bn_link{display:none;position:absolute;bottom:10px;right:10px;z-index:99;background:#ff0000;color:#fff;width:40px;line-height:40px;border-radius:30px;text-align:center;font-size:16px}
.lt_bn:hover .bn_link{display:block}
.lt_bn .bn_link:hover {transform: rotate( -45deg );color:#fff;}

.lt_bn .bx-pager{position:absolute;bottom:0;right:0}


.lt_bn li .bn_tit{opacity:0; transform:translateY(30px);
-webkit-transition: all 0.3s ease-in .3s;
-moz-transition:  all 0.3s ease-in .3s;
-ms-transition: all 0.3s ease-in .3s;
-o-transition: all 0.3s ease-in .3s;
transition: all 0.3s ease-in .3s}

.lt_bn li .active-slide .bn_tit{opacity:1;
transform:translateY(0)}

.lt_bn li .bn_detail{opacity:0;
-webkit-transition: all 1s ease-in .5s;
-moz-transition:  all 1s ease-in .5s ;
-ms-transition:  all 1s ease-in .5s;
-o-transition: all 1s ease-in .5s;
transition: all 1s ease-in .5s}

.lt_bn li .active-slide .bn_detail{opacity:1}

.lt_bn li .bn_view{/*opacity:0;*/
-webkit-transition: all 1.3s ease-in 1s;
-moz-transition: all 1.3s ease-in 1s;
-ms-transition: all 1.3s ease-in 1s;
-o-transition: all 1.3s ease-in 1s;
transition: all 1.3s ease-in 1s}

.lt_bn li .active-slide .bn_view{opacity:1}

.lt_bn #bx_pager{position:absolute;bottom:20px;right:20px;z-index:99}
.lt_bn #bx_pager a{color:#000;display:inline-block;padding:5px;line-height:20px;opacity:0.5}
.lt_bn #bx_pager span{display:inline-block;width:0;height:1px;background:#000;vertical-align:top;margin-top:10px;margin-left:8px;
-webkit-transition: all 0.3s ease-in;
-moz-transition:  all 0.3s ease-in ;
-ms-transition: all 0.3s ease-in ;
-o-transition: all 0.3s ease-in ;
transition: all 0.3s ease-in }
.lt_bn #bx_pager .active{opacity:1}
.lt_bn #bx_pager .active span{width:20px}      
.lt_bn .btn_bottom{display:none; position:absolute;bottom:0;left:50%;width:81px;height:37px;background:url('./btn_bottom.png');border:0;margin-left:-40px;text-indent:-999px;overflow:hidden}

 @media (max-width: 969px){
    .lt_bn .bx-wrapper ,.lt_bn li{height:500px}
    .lt_bn .bx-controls-direction a{width:30px;height:30px }
    .lt_bn .txt_wr{padding:0 40px}
    .lt_bn li .bn_tit{font-size:1.8em;}
	.lt_bn li .bn_detail { font-size:1.2em; }
    .lt_bn .btn_bottom{display:none}
    .lt_bn #bx_pager{width:100%;text-align:center;right:0;bottom:50px;}
 }

.bx-viewport .list_1 { background-image:url(/skin/layouts/cookie/img/main_bn01.jpg); }
.bx-viewport .list_2 { background-image:url(/skin/layouts/cookie/img/main_bn02.jpg); }

 @media (max-width: 969px){
	.bx-viewport .list_1 { background-image:url(/skin/layouts/cookie/img/main_bn01_m.jpg) !important; }
	.bx-viewport .list_2 { background-image:url(/skin/layouts/cookie/img/main_bn02_m.jpg) !important; }
 }

 @media screen and (max-width: 450px){
 	/*슬라이더 텍스트 크기*/
	.pc_view{font-size:1.7em !important;}

	/*버튼 바로가기 아이콘 정렬*/
	.sec02_wrap{margin-bottom:0;}
	.sec02s ul{ display: flex; flex-wrap: wrap;}
	.sec02s ul li{width: calc(50% - 10px);  text-align: center;}
	.sec02s  ul li:last-child {
		width: 100%; /* 마지막 항목을 전체 너비로 설정 */
		text-align: left; /* 텍스트 왼쪽 정렬 */
		margin-left:13.5%;
	}
	
	/*메인페이지 하단*/
	.bott{width:100% !important; height:800px !important;}
	.bott_left{display:none;}
	.bott_right{display:none;}

	.bott_mo{display:block !important; width:430px; padding-top:105px; margin:0 auto;}
	.bott_mo p:not(:last-child){margin-bottom:20px;}
 }