/* @charset "UTF-8"; */

/*** Reset style ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
    
}


body{
    overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}
ol, ul, li {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}
table {
   table-layout: fixed;
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
}
th, td {
   vertical-align: middle;
}
button {
   border: none;
   font-family: inherit;
   cursor: pointer;
}
a {
   text-decoration: none;
   color: inherit;
}
input {
   border: none;
   box-sizing: border-box;
   appearance: none;
}
[type=checkbox],
[type=radio] {
   appearance: auto;
}
[type=text]::-ms-clear,
[type=text]::-ms-reveal,
[type=search]::-ms-clear,
[type=search]::-ms-reveal {
   display: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
}
select {
   -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}
button, input, select {
   vertical-align: top;
}
img {
   vertical-align: top;
}
iframe {
   border: none;
}


/*Common Class*/
.a11y_hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   margin: -1px !important;
   padding: 0 !important;
   border: 0 !important;
   overflow: hidden !important;
   clip: rect(0,0,0,0) !important;
}
.clearfix::after {
   content: '';
   display: block;
   clear: both;
}






/* Style */
.frog {
   margin-bottom:100px;
   min-width: 1400px;
   font-family: 'NanumSquare', sans-serif;
   /* 
   .normal    font-weight: 400;
   .bold    font-weight: 700;
   .bolder    font-weight: 800;
   .light    font-weight: 300;
    */
}
.layout_center {
   width: 100%;
   margin: 0 auto;
}
.layout_center .centering {
   position: relative;
   left:50%;
   transform: translate(-50%);
}
.center_fix {
   position: relative;
   box-sizing: border-box;
   font-size: 0; /*  image centering IE fix */
}
@media all and (min-width:1920px) {
   .center_fix .layout_center > img {
      width: 100vw;
   }
}





/*상단 탑팔로잉배너 */

/*
.following_banner_top{
    display: none;
}

.fixed_top{
    display: block;
   position: fixed;
   top: 0; 
   bottom: auto; 
    z-index: 1000;
   left: 50%;
   transform: translate(-50%);
   box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
   width: 100%;
}



.psuedo_container {
   position: absolute;
   bottom: 5vw;
   right: 5.365vw;
} 


.following_banner {
   box-sizing: border-box;
   height: 2.656vw;
    background: rgba(0.0.0.0.5);
}
.following_banner .fixed{
    display: block;
   position: fixed;
   top: auto;
   bottom: 0;
   z-index: 1000;
   left: 50%;
   transform: translate(-50%);
   box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
   width: 100%;
}
*/


/*
.following_banner.fixed {
    display: block;
   position: fixed;
   top: auto;
   bottom: 0;
   z-index: 1000;
   left: 50%;
   transform: translate(-50%);
   box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
   width: 100%;
}
*/




/* Youtube Video */
.video_container {
   margin: 0 auto;
   width: 810px;
}
.video_container .video_box {
   position: relative;
   padding-top: 56.25%;
}
.video_container .video_box iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}


/* Section Style */
[class*="section"] {
   text-align: center;
   overflow-x: hidden;
}
.section01 {
   position: relative;
   width: 100%;
/*   height: 1036px;*/
   overflow: hidden;
/*   padding-top: 80px;*/
   /* background: url('https://img.smkt.co.kr/frog/landing/2020/frog_royalfam/pc/section01_bg.jpg') center center no-repeat; */
   background-color: #100B01;
   background-size: cover;
   box-sizing: border-box;

}

.section01 ul{
    position: absolute;
    z-index: 20;
    bottom: 42px;
    top: 270px;
    left:50%;
	transform: translate(-50%);
	width:1400px;
}

.section01 ul li{
    margin: 0 auto;
}

.section01 ul li a img{
    box-shadow:0 15px 22px rgb(255 0 0 / 45%);
    border-radius:10px;
	margin: 0 auto;
 
}

.section01 .action{
    margin-bottom:15px;
    width: 100%;
    text-align: center;
    animation: up-down 1s infinite ease-in-out alternate;
}


@keyframes up-down {
    from{
        transform: translateY(0px);
    }
    to{
        transform: translateY(-15px);      
    }
}

.psuedo_container{
    z-index: 30;
    position: fixed;
    width: 100%;
    height: 100px;
    bottom: 0;
    background-color: transparent;
    margin: 0;
    text-align: center;
	background-color:#272727;
	left: 50%;
	transform: translate(-50%);

}
.following_banner{
    min-width:1100px;
	margin-top: 20px;
}

.following_banner > img{

    padding: 6px 200px 0 0;
}

.following_banner button{

    border-radius:13px;

}

.section11 ul{

    position: absolute;
    z-index: 10;
    top:340px;
	left: 50%;
	transform: translate(-50%);
	width:470px;

}


.section11 ul li.left_store{
    float:left;
}

.section11 ul li.right_store{
    float:right;
}

/*

.last_section{
   padding-bottom:130px;
}
*/


.decoration {
   position: absolute;
   z-index: 10;
   top: 0;
   left: 50%;
   margin-left: -700px;
   height: 100%;
}