/*** 메인 컨텐츠 ***/
.main_sec01 {width: 100%; position: relative; height: 740px; overflow: hidden;}
.main_sec01 .inner1400 {}
.main_sec01 .img_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: -1; transition: all 3s ease;}
.main_sec01 .img_box.active {transform: scale(1.05) rotate(.001deg);}

.main_sec01 .img_slide_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.main_sec01 .img_slide_box .slide_ul {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_sec01 .img_slide_box .slide_ul > li {width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: -1;}

.main_slide_btn_box {position: absolute; left: 100%; bottom: 10px; width: 150px;}
.btn_maSl {display: inline-block; width: 42px; height: 42px; border-radius: 50%; color: #fff; font-size: 18px; background-color: rgba(13,93,170,0.8); margin-left: 2px; transition: all .25s ease;} /*border: 2px solid #fff;*/
.btn_maSl:hover,
.btn_maSl:focus {background-color: #F14E47; color: #fff; border-color: #F14E47;}
.btn_maSl:first-of-type {margin-left: 0;}

.main_sec01 .contents {padding-top: 90px;}
.main_sec01 .top_b {width: 100%; display: flex; align-items:center; }

.main_sec01 .top_b .lb_search {margin-right: auto; width: 730px;}
.main_sec01 .top_b .lb_search h2 {text-align: center; margin-bottom: 20px; color: #fff; font-family: 'SangSangShin','Noto Sans Korean'; font-size: 120px; line-height: 85px; font-weight: 400;  text-shadow: 0 0 7px rgba(0,0,0,0.5); } /*font-size: 75px; line-height: 85px;*/ /*font-size: 134px; line-height: 100p*/
.main_sec01 .top_b .lb_search .search_box {width: 100%; margin-bottom: 20px; position: relative;}
.main_sec01 .top_b .lb_search .txt_se {width: 100%; height: 70px; border-radius: 40px; border: none; padding: 0 75px 0 40px; color: #fff; font-size: 23px; background: linear-gradient( 135deg, #b2ff6c 10%, #009df9 100%); transition: all .25s ease;}
.main_sec01 .top_b .lb_search .txt_se::-webkit-input-placeholder {color: #000;}
.main_sec01 .top_b .lb_search .txt_se::-ms-input-placeholder {color: #000;}
.main_sec01 .top_b .lb_search .txt_se:hover::-webkit-input-placeholder {color: #fff;}
.main_sec01 .top_b .lb_search .txt_se:focus::-webkit-input-placeholder {color: #fff;}
.main_sec01 .top_b .lb_search .txt_se::-ms-input-placeholder {color: #000;}
.main_sec01 .top_b .lb_search .btn_se {position: absolute; right: 30px; top: 18px;}
.main_sec01 .top_b .lb_search .txt_se:hover,
.main_sec01 .top_b .lb_search .txt_se:focus {background: linear-gradient( 135deg, #2F5DD3 30%, #01d9e7 100%);  box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.main_sec01 .top_b .lb_search .rank_box {padding: 0 26px; margin-top: 23px; display: flex; position: relative;}
.main_sec01 .top_b .lb_search .rank_box h3 {width:130px; font-size: 18px; color: #fff; font-weight: 300; letter-spacing: -0.03em;}
.main_sec01 .top_b .lb_search .rank_box .rk_con {width:calc(90% - 130px); position: relative; padding-left: 20px;}

.main_sec01 .top_b .lb_search .btn_ran1 {position: absolute; right: 5%; top: 0; border: 2px solid #fff; border-radius: 50%; color: #fff; width: 22px; height:
22px; font-size: 12px; text-shadow: 0 0 10px rgba(0,0,0,0.5);}

.main_sec01 .top_b .lb_search .rank_search {}
.main_sec01 .top_b .lb_search .rank_search  > li > a {display:block; color: #fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 0 5px;}
.main_sec01 .top_b .lb_search .rank_search  > li > a b {color: #01d9e7;}
.main_sec01 .top_b .lb_search .rank_search  > li > a:hover,
.main_sec01 .top_b .lb_search .rank_search  > li > a:focus {text-decoration: underline;}
.main_sec01 .top_b .lb_search .pop_view_box {position: absolute; background-color: rgba(0,0,0,0.5); width: 100%; padding: 10px 30px; display: none;}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 {}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li {margin-top: 5px;}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li:first-child {margin-top: 0;}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li > a {color: #fff; font-weight: 400;}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li > a b {color: #01d9e7;}
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li > a:hover,
.main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li > a:focus {text-decoration: underline;}

.main_sec01 .top_b .rb_btnBox {width: 545px;}
.main_sec01 .top_b .rb_btnBox ul {width: 100%; display: flex; flex-wrap: wrap;}
.main_sec01 .top_b .rb_btnBox ul > li {width: 33.33%; padding: 4px 6px; }
.main_sec01 .top_b .rb_btnBox ul > li a {display: block; width: 100%; height: 175px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; background-color: rgba(0,0,0,0.5); transition: all .25s ease; top: 0; position: relative; z-index: 5; text-align: center; } /*background-color: rgba(13,93,170,0.9)*/
.main_sec01 .top_b .rb_btnBox ul > li a .icon { margin-bottom: 10px; width: 50%; height:50%; }
.main_sec01 .top_b .rb_btnBox ul > li a .txt {font-size: 20px; color: #fff; font-weight: 400;}
.main_sec01 .top_b .rb_btnBox ul > li a:hover,
.main_sec01 .top_b .rb_btnBox ul > li a:focus { z-index: 10; top: -10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    background: rgb(33,150,243);
    background: -moz-linear-gradient(-45deg, rgba(33,150,243,1) 31%, rgba(33,150,243,1) 63%, rgba(139,195,74,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(33,150,243,1) 31%,rgba(33,150,243,1) 63%,rgba(139,195,74,1) 100%);
    background: linear-gradient(135deg, rgba(33,150,243,1) 31%,rgba(33,150,243,1) 63%,rgba(139,195,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#8bc34a',GradientType=1 );
} /*background-color: #42a0ef;*/

.main_sec01 .con_numbers {margin-top: 75px;}
.main_sec01 .con_numbers ul {width: 100%; display: flex;}
.main_sec01 .con_numbers ul li {flex-grow: 1; text-align: center; width: 16.66%;}
.main_sec01 .con_numbers ul li .tit {font-size: 22px; font-weight: 600; color: #fff; text-shadow:0px 0px 5px rgba(0,0,0,0.8);}
.main_sec01 .con_numbers ul li .ma_numbers {}
.main_sec01 .con_numbers ul li .ma_numbers .num {font-size: 65px; font-weight: 600; color: #e6f73e; line-height: 1; text-shadow: 0px 0px 6px rgba(0,0,0,0.7); font-family: 'Roboto','Noto Sans Korean';}

.main_sec01 .con_numbers ul li .ma_numbers .txt {font-size: 20px; font-weight: 400; color: #fff; line-height: 1; text-shadow: 0px 0px 6px rgba(0,0,0,0.9);}

.main_sec01 .info_box {text-align: right; margin-top: 55px;}
.main_sec01 .info_box p {color: #fff; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.8);}

@media screen and (max-width:1450px){
    .main_slide_btn_box {left: 25px; bottom: auto; top: -60px; width: 150px;}
}

@media screen and (max-width:1200px){
    .main_sec01 .top_b .lb_search {width: 50%;}    
    .main_sec01 .top_b .rb_btnBox {width: 45%;}

	.main_sec01 .top_b .lb_search h2 { font-size: 110px; line-height: 82px; }
}

@media screen and (max-width:1100px){
	.main_sec01 .top_b .lb_search h2 { font-size: 104px; line-height: 80px; margin-right: -50px; }
}

@media screen and (max-width:1000px){
    /*** 메인 컨텐츠 ***/
    .main_sec01 {height: auto; padding: 30px 10px 30px;}
    .main_sec01 .img_box {}
  
    .main_slide_btn_box {  left: unset; right: 10px; bottom: auto; top: -30px;  width: 83px;}
    .btn_maSl { width: 38px; height: 38px; font-size: 13px; position:relative; } /*border: 1px solid #fff; */
	.btn_maSl i { font-size:17px; position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

    .main_sec01 .contents {padding-top: 20px;}
    .main_sec01 .top_b {display: block;}

    .main_sec01 .contents {padding-top: 20px;}
    .main_sec01 .top_b {display: block;}

    .main_sec01 .top_b .lb_search {width: 100%; position: relative; z-index: 600;}
    .main_sec01 .top_b .lb_search h2 { margin-right: 0px; margin-bottom: 15px; font-size: 72px; line-height: 1; text-shadow: 0 0 10px rgba(0,0,0,0.3); line-height: 0.8;}
    .main_sec01 .top_b .lb_search .search_box {margin-bottom: 10px;}
    .main_sec01 .top_b .lb_search .txt_se {height: 50px; padding: 0 75px 0 40px; font-size: 18px;}
    .main_sec01 .top_b .lb_search .btn_se {position: absolute; right: 20px; top: 15px;}
    .main_sec01 .top_b .lb_search .btn_se img {width: 20px;}
    .main_sec01 .top_b .lb_search .rank_box {padding: 0 26px; margin-top: 20px;}
    .main_sec01 .top_b .lb_search .rank_box h3 {width:100px; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.03em;}
    .main_sec01 .top_b .lb_search .rank_box .rk_con {width:calc(90% - 100px); padding-left: 10px;}

    .main_sec01 .top_b .lb_search .rank_search {}
    .main_sec01 .top_b .lb_search .rank_search > li > a {font-size: 14px;}

    .main_sec01 .top_b .rb_btnBox {width: 100%; margin-top: 20px; position: relative; z-index: 500;}
    .main_sec01 .top_b .rb_btnBox ul {}
    .main_sec01 .top_b .rb_btnBox ul > li {padding: 4px 3px; }
    .main_sec01 .top_b .rb_btnBox ul > li a {height: 120px; background:rgba(0,0,0,0.5); } /*background-color: rgba(13,93,170,0.9);*/
    .main_sec01 .top_b .rb_btnBox ul > li a .icon {margin-bottom: 5px;}
    .main_sec01 .top_b .rb_btnBox ul > li a .icon img {width: 60px;}
    .main_sec01 .top_b .rb_btnBox ul > li a .txt {font-size: 17px;}

    .main_sec01 .con_numbers {margin-top: 5px;}
    .main_sec01 .con_numbers ul {flex-wrap: wrap;}
    .main_sec01 .con_numbers ul li {flex-grow: 1; width: 33.33%; margin-top: 15px;}
    .main_sec01 .con_numbers ul li .tit {font-size: 24px; text-shadow: 0px 0px 5px rgba(0,0,0,1); }
    .main_sec01 .con_numbers ul li .ma_numbers {}
    .main_sec01 .con_numbers ul li .ma_numbers .num {font-size: 42px; font-weight: 600; text-shadow: 0px 0px 5px rgba(0,0,0,0.8); }
    .main_sec01 .con_numbers ul li .ma_numbers .txt {font-size: 16px; font-weight: 500; text-shadow: 0px 0px 5px rgba(0,0,0,0.8); }
    .main_sec01 .info_box {margin-top: 30px;}
    .main_sec01 .info_box p {font-size: 13px;}
 
    .main_sec01 .top_b .lb_search .pop_view_box {padding: 10px 20px; display: none; z-index: 1000; background-color: black;}
    .main_sec01 .top_b .lb_search .pop_view_box .rank_search2 {}
    .main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li {margin-top: 5px;}
    .main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li:first-child {margin-top: 0;}
    .main_sec01 .top_b .lb_search .pop_view_box .rank_search2 > li > a {font-size: 13px;}
}

@media (max-width:768px) {
	.main_sec01 .con_numbers ul li .tit { font-size: 20px; }
	.main_sec01 .con_numbers ul li .ma_numbers .num { font-size: 36px; }

}

@media (max-width:640px) {
	.main_sec01 .top_b .lb_search h2 { font-size: 64px; line-height: 0.75; }
}

@media (max-width:480px) {
	.main_sec01 .top_b .rb_btnBox ul > li a .icon img { width: 52px; }
	.main_sec01 .top_b .rb_btnBox ul > li a .txt { font-size: 14px; }

	.main_sec01 .con_numbers ul li .tit { font-size: 16px; }
	.main_sec01 .con_numbers ul li .ma_numbers .num { font-size: 32px; }

}