@font-face {
    font-family: 'NanumSquareEB';
    src: url('../fonts/NanumSquareEB.woff')
}

@font-face {
    font-family: 'NanumSquareB';
    src: url('../fonts/NanumSquareB.woff')
}

@font-face {
    font-family: 'NanumSquareR';
    src: url('../fonts/NanumSquareR.woff')
}

@font-face {
    font-family: 'NanumSquareL';
    src: url('../fonts/NanumSquareL.woff')
}
@font-face {
    font-family: 'bemin';
    src: url('../fonts/bemin.woff')
}

* {
    text-decoration: none;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

body {
    font-family: 'Nanum Gothic', sans-serif;
    letter-spacing: -0.05em;
    box-sizing: border-box;
}

/*팝업*/
.text1 {
    padding: 20px;
}

.text1 h1 {
    font-size: 2em;
    padding-bottom: 20px;
}

.remodal_txt {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    outline: none;
    border: 0px solid #dbdbdb;
    background-color: #eee;
}

.remodal-bg.with-red-theme.remodal-is-opening,
.remodal-bg.with-red-theme.remodal-is-opened {
    filter: none;
}
/*퀵상담*/
.quick_wrap {
    position: fixed;
    top: 150px;
    right: 0;
    z-index: 2;
    width: 330px;
    z-index: 999;
}

.quick_wrap .quick {
    position: relative;
    background-color: rgb(42, 76, 141);
}

.quick_wrap .quick .quick_left {
    position: absolute;
    top: 0;
    left: -38px;
    cursor: pointer;
}


.quick_wrap .quick .quick_box {
    width: 270px;
    margin: 0 auto;
    padding: 25px 0;
}

.quick_wrap .quick .quick_box h2 {
    text-align: center;
    font-family: 'NanumSquareB';
    color: #fff;
    margin-bottom: 10px;
}

.quick_num1 {
    width: 100;
    text-align: center;
    margin-bottom: 10px;
}

.quick_num1 img {
    margin-right: 5px;
}

.quick_num1 p {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
    margin-bottom: 0;
}

#customer .name input {
    width: 100%;
}

#customer input {
    border-radius: 5px;
    border: none;
    color: #fff;
    padding: 2% 2%;
    background-color: #4d72c4;
}

#customer ul li {
    margin-bottom: 5px;
}

#customer input::placeholder {
    color: #fff;
}

#customer ul {
    ;
    padding-left: 0;
}

.etc select {
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 2% 2%;
    background-color: #4d72c4;
    color: #fff;
    border: none;
    border-radius: 5px;
    /*여기*/
}

#customer .tel select {
    width: 30%;
    border-radius: 5px;
    border: none;
    padding: 2% 2%;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #4d72c4;
}

#customer .tel select {
    color: #fff;
}

#customer .tel input {
    width: 32.6%;
}

#customer .btn {
    width: 100%;
    padding: 0;
}

#customer .btn button {
    width: 100%;
    background: none;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    padding: 7px 0;
    margin-top: 15px;
    cursor: pointer;
    transition: all 0.5s;
    display: block;
}

#customer .btn button:hover {
    background-color: #fff;
    color: rgb(42, 76, 141);
}

#customer .agree input {
    width: 18px;
    height: 18px;
    background: none;
    padding: 0;
    vertical-align: middle;
}

#customer .agree label {
    font-size: 12px;
    letter-spacing: -0.03em;
    font-family: 'NanumSquareL';
    letter-spacing: 1px;
}
/*빠른상담퀵메뉴:end*/
/*부트스트랩 버튼색상변경_갤러리*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #eb4949 !important;}


.nav_wrap{width: 100%;position: fixed;top: 0;transition: 0.8s;z-index: 999;}
.manu_pc{
    width: 100%;
    height: 100px;
    transition: 0.5s;
}

.manu_mobile{display: none;}
.logo{float: left;}
.logo a{display: inline-block;vertical-align: middle;line-height: 100px;}
.logo a img{vertical-align: middle;}
.manu_pc ul{float: right;}
.manu_pc ul li{float: left;line-height: 100px;display: inline-block;vertical-align: middle;color: #fff;}
.nav_txt{margin-right: 48px;font-family: 'NanumSquareR';font-size: 17px;}
.manu_pc ul li:last-child{margin-right: 0;}
.manu_pc ul li a{display: inline-block;color: #fff;}
.manu_pc ul li a img{line-height: 100px;display: inline-block;vertical-align: middle;}
.main{
    background-image: url(../img/bg4.jpg);
    background-size: cover;
    padding-bottom: 100px;
}
.main_win{position: absolute;bottom: 50px;left: 50px;width: 200px;}
.main_con{padding-top: 200px;overflow: hidden;}
.main_phone{float: left;}
.main_phone img{max-width: 450px;}
.main_txt{
    float: right;
    padding-top: 150px;
    padding-left: 40px;
    color: #fff;
    font-size: 75px;
    letter-spacing: -0.04em;
}

.arrow{padding-left: 180px;padding-top: 80px;animation: arrow 0.5s infinite;animation-direction: alternate;}
@keyframes arrow{
    0%{padding-top: 80px;}
    100%{padding-top: 50px;}
}
.main_txt1{ font-family: 'NanumSquareL';margin-bottom: 24px;}
.main_txt2{ font-family: 'bemin';font-style: italic;}


.max_1200 {
    width: 1200px;
    margin: 0 auto;
}

/*관리자바로가기링크*/
.manager_l{
    position: fixed;
    z-index: 999;
    bottom: 80px;
    right: 50px;
    transition: 0.3s;

}
.manager_l:hover{
    bottom: 90px;
    opacity: 1;
}
.manager_close{display: none;}

/*관리자바로가기링크:end*/

#wrap {
    width: 100%;
}

#wrap .app_dw_m{display: none;}


.app_dw1 .apple_btn {
    display: inline-block;
    margin-right: 5px;
}

.app_dw1 .apple_btn img {}

.app_dw1 .goofle_btn {
    display: inline-block;
}

.app_dw1 .goofle_btn img {}

#wrap .r1 .scroll_a {
    width: 100%;
    position: absolute;
    bottom: 48px;
}

#wrap .r1 .scroll_a img {
    position: absolute;
    bottom: 0;
    animation: scroll2 0.5s infinite;
    animation-direction: alternate;
    left: 50%;
    transform: translate(-50%);
}

@keyframes scroll2 {
    0% {
        bottom: 0;
    }

    100% {
        bottom: 20px;
    }
}

#wrap .r1 .copyR {
    position: absolute;
    color: #fff;
    padding-left: 30px;
    bottom: 30px;
}

/*r1:E*/
/*r2:S*/
#wrap .r2 {
    width: 100%;
    height: 100%;
    background-image: url(../img/r5_bg1.jpg);
    background-size: cover;
    overflow: hidden;
}

#wrap .r2 .max_1200 {
    position: relative;
    padding-top: 60px;
}

#wrap .r2 .max_1200 .r2_con {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#wrap .r2 .r2_con_m{display: none;}
#wrap .r2 .max_1200 .r2_con .phone1 {
    margin-top: 100px;
    position: relative;
    width: 348px;
    height: 548px;
    background-image: url(../img/r2_iphone.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    margin-left: 48px;
}

#wrap .r2 .max_1200 .r2_con .phone1 .phone1_bg {
    position: absolute;
    width: 310px;
    height: 600px;
    top: 16%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/
.r2_con .phone1 .slides {
    height: 100%;
    /* jQuery changes the width later on to the sum of the widths of all the slides. */
    /*width:920px;*/
    overflow: hidden;
}

.r2_con .phone1 .slides .slide {
    float: left;
}

.r2_con .phone1 .slides .slide img {
    width: 310px;
    height: 100%;
}

.r2_con .menu {
    width: 100%;
    font-weight: 700;
}

.r2_con .menu ul {
    width: 100%;
    text-align: center;
}

.r2_con .menu li {
    width: 120px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    font-size: 18px;
}

.r2_con .menu li.inact:hover {
    /* The inactive state, highlighted on mouse over */
    /*background:url(img/pic_bg.png) repeat;*/
}

.r2_con .menu li.act {
    color: #235bcd;
    border-bottom: 3px solid #235bcd;
    box-sizing: border-box;
}

/*.r2_con .menu li.act,li.act:hover{
    color: #235bcd;
	border-bottom: 3px solid #235bcd;
    box-sizing: border-box;
}*/

.r2_con .menu li.act a {
    height: 100%;
    cursor: default;
    color: #235bcd;
}


.r2_con .menu .fbar {
    /* The left-most vertical bar, next to the first thumbnail */
}

.r2_con .menu li a {
    height: 100%;
    color: #505050;
    display: block;
    padding-top: 5px;
}

.r2_con .menu a img {
    border: none;
}

/*슬라이드메뉴:s*/
.r2_con .menu #main {
    /* The main container */
    margin: 15px auto;
    text-align: center;
    /*width:920px;*/
    position: relative;
}

.r2_con .menu a,
.r2_con .menu a:visited {
    text-decoration: none;
    outline: none;
}

.r2_con .menu a:hover {
    color: #235bcd;
    /*text-decoration:underline;*/
}

.r2_con .menu p {
    padding: 10px;
    text-align: center;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con .slid_txt {
    overflow: hidden;
    position: absolute;
    width: 500px;
    height: 448px;
    top: 28%;
    right: -3%;
    text-align: left;
}

.r2_con .slid_txt .s_txt1 {
    float: left;
    width: 100%;
    position: absolute;
    color: #292929;
}

.r2_con .slid_txt .s_txt1 span {
    display: inline-block;
    font-size: 48px;
    line-height: 1.2;
}

.r2_con .slid_txt .s_txt1 span em {
    font-weight: 700;
}

.r2_con .slid_txt .s_txt1 p {
    margin-top: 30px;
    line-height: 1.7;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.04em;
}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*다운로드버튼:s*/
.r2_con .slid_txt .app_dw1 {
    position: absolute;
    bottom: 70px;
}

.r2_con .slid_txt .app_dw1 div {
    float: left;
    margin-right: 10px;
}

/*다운로드버튼:end*/

/*r2:E*/

/*r3:s*/
#wrap .r3 {
    width: 100%;
    height: 940px;
    position: relative;
    overflow: hidden;
}
#wrap .r3 .deco1{position: absolute;z-index: 99;bottom: 0;right: 2%;}
#wrap .r3 .r3_bg {
    width: 100%;
    height: 600px;
    background-image: url(../img/r3_bg1.jpg);
    background-position: top;
    background-size: cover;
    position: absolute;
}

#wrap .r3 .r3_con {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
#wrap .r3 .r3_con_m{display: none;}

#wrap .r3 .r3_con .r3_left {
    position: absolute;
    color: #fff;
    top: 45%;
    left: 10%;
    opacity: 0;
}

#wrap .r3 .r3_con .r3_left .r3_title {
    font-weight: 300;
}

#wrap .r3 .r3_con .r3_left .r3_title h3 {}

#wrap .r3 .r3_con .r3_left .r3_title h2 {
    margin: 48px 0;
    font-size: 48px;
    line-height: 1.3;
}

#wrap .r3 .r3_con .r3_left .r3_title h2 em {
    font-weight: 700;
}

#wrap .r3 .r3_con .r3_left .r3_title p {
    line-height: 1.5;
    font-size: 20px;
}



#wrap .r3 .r3_con .phone2 {
    position: relative;
    width: 348px;
    height: 720px;
    background-image: url(../img/r3_iphone.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    float: right;
    margin-top: 120px;
    margin-right: 80px;

}

#wrap .r3 .r3_con .phone2 .phone2_bg {
    position: absolute;
    width: 310px;
    height: 548px;
    top: 12%;
    left: 50%;
    background-color: #000;
    transform: translate(-50%);
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/
.r3_con .phone2 .slides {
    height: 100%;
    overflow: hidden;
}

.r3_con .phone2 .slides .slide {
    float: left;
}

.r3_con .phone2 .slides .slide img {
    width: 310px;
    height: 100%;
}

.r3_con .menu2 {
    width: 100%;
    margin-top: 120px;
}

.r3_con .menu2 ul {
    width: 100%;
    text-align: left;
}

.r3_con .menu2 li {
    height: 75px;
    margin-right: 10px;
    display: block;
    list-style: none;
    overflow: hidden;
    font-size: 22px;
    font-weight: 300;
    line-height: 60px;
}


.r3_con .menu2 li.act,
li.act:hover {
    opacity: 1;
}

.r3_con .menu2 li span {
    width: 60px;
    height: 60px;
    display: inline-block;
    float: left;
    background-size: 100%;
    margin-right: 20px;
}

.r3_con .menu2 li:nth-child(1) span {
    background-image: url(../img/r3_1.png);
}

.r3_con .menu2 li:nth-child(2) span {
    background-image: url(../img/r3_2.png);
}

.r3_con .menu2 li:nth-child(3) span {
    background-image: url(../img/r3_3.png);
}

.r3_con .menu2 li.act a {
    opacity: 1;
}

.r3_con .menu2 li a {
    color: #505050;
    display: block;
    height: 100%;
    padding-top: 10px;
    transition: 0.3s;
    opacity: 0.3;

}

.r3_con .menu2 a img {
    border: none;
}

/*슬라이드메뉴:s*/

.r3_con .menu2 a,
.r3_con .menu2 a:visited {
    text-decoration: none;
    outline: none;
}

.r3_con .menu2 a:hover {
    opacity: 1;
}

.r3_con .menu2 p {
    padding: 10px;
    text-align: center;
}

/*슬라이드메뉴:end*/
/*r3:E*/

/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 980px;
    background-image: url(../img/r4_bg_g_n1.jpg?2);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

#wrap .r4 .max_1200 {
    position: relative;
}

#wrap .r4 .r4_title {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    opacity: 0;
    color: #fff;
    top: 60px;
}

@keyframes r4_h {
    0% {
        top: 180px;
        opacity: 0;
    }

    100% {
        top: 60px;
        opacity: 1;
    }
}

#wrap .r4 .r4_title h3 {
    color: #fff;
    font-size: 16px;
}

#wrap .r4 .r4_title h2 {
    width: 100%;
    margin: 20px 0;
    font-size: 48px;
    font-weight: 300;
}

#wrap .r4 .r4_title h2 em {
    font-weight: 700;
}

#wrap .r4 .r4_title p {
    line-height: 1.3;
    font-size: 20px;
    font-weight: 300;
}

.p_cet {
    left: 50%;
    top: 500px;
    transform: translate(-50%);
    opacity: 0;
}

#wrap .r4 .icon01 {
    position: absolute;
    width: 180px;
    height: 180px;
    background-image: url(../img/r4_icon_11.png);
    background-size: 100%;

}

#wrap .r4 .icon02 {
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(../img/r4_icon_21.png);
    background-size: 100%;
}

#wrap .r4 .icon03 {
    position: absolute;
    width: 210px;
    height: 210px;
    background-image: url(../img/r4_icon_31.png);
    background-size: 100%;
}

#wrap .r4 .icon04 {
    position: absolute;
    width: 148px;
    height: 148px;
    background-image: url(../img/r4_icon_41.png);
    background-size: 100%;
}

/*아이콘액션*/
@keyframes icon01_m {
    0% {
        left: 50%;
        top: 500px;
        transform: translate(-50%);
        opacity: 0;
    }
    100% {
        left: 28%;
        top: 348px;
        opacity: 1;
    }
}
@keyframes icon02_m {
    0% {
        left: 50%;
        top: 500px;
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        left: 75%;
        top: 320px;
        opacity: 1;
    }
}

@keyframes icon03_m {
    0% {
        left: 50%;
        top: 500px;
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        left: 20%;
        top: 600px;
        opacity: 1;
    }
}

@keyframes icon04_m {
    0% {
        left: 50%;
        top: 500px;
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        left: 75%;
        top: 648px;
        opacity: 1;
    }
}

/*아이콘액션:end*/

/*r4:E*/


/*r5:s*/
#wrap .r5 {
    width: 100%;
    background-image: url(../img/r5_bg1.jpg);
    overflow: hidden;
}

#wrap .r5 .max_1200{
    height: 700px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
#wrap .r5 .r5_con_m{display: none;}

#wrap .r5 .max_1200 .phone3 {
    position: absolute;
    width: 400px;
    height: 648px;
    background-image: url(../img/r2_iphone1.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    bottom: 0;
    left: 5%;
}

#wrap .r5 .max_1200 .phone3 .phone3_bg {
    position: relative;
    width: 90%;
    height: 560px;
    top: 15%;
    left: 49%;
    transform: translate(-50%);
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    /*히든값줘야지 스크롤안생김*/
    background-color: fuchsia;
}
#wrap .r5 .max_1200 .phone3 .slides .slide{
    width: 100%;
    height: 560px;
}
#wrap .r5 .max_1200 .phone3 .slides {
    height:100%;
	overflow:hidden;
}

#wrap .r5 .max_1200 .phone3 .slides .slide img {
    width: 100%;
}

/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5 .max_1200 .slid_txt {
    overflow: hidden;
    position: absolute;
    width: 600px;
    height: 448px;
    top: 25%;
    right: 0;
    text-align: left;
}

.r5 .max_1200 .slid_txt h3 {}

.r5 .max_1200 .slid_txt .s_txt1 {
    float: left;
    width: 100%;
    position: absolute;
    color: #292929;
}
.r5 .max_1200 .slid_txt .s_txt1 span:nth-of-type(2){display: none;}
.r5 .max_1200 .slid_txt .s_txt1 span {
    margin: 20px 0;
}

.r5 .max_1200 .slid_txt .s_txt1 span {
    display: inline-block;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.3;
}

.r5 .max_1200 .slid_txt .s_txt1 span em {
    font-weight: 700;
}

.r5 .max_1200 .slid_txt .s_txt1 p {
    line-height: 1.6;
    font-size: 20px;
    font-weight: 300;
}

.r5 .max_1200 .menu3 {
    width: 100%;
    position: absolute;
    text-align: left;
    bottom: 48px;
}

.r5 .max_1200 .menu3 ul {
    width: 100%;
}

.r5 .max_1200 .menu3 li {
    width: 18%;
    display: inline-block;
    list-style: none;
    text-align: center;
}

.r5 .max_1200 .menu3 li:last-child {
    margin-right: 0;
}

.r5 .max_1200 .menu3 li a {
    color: #505050;
    display: block;
    transition: 0.2s;
    opacity: 0.5;
    display: inline-block;
}

.r5 .max_1200 .menu3 a img {
    border: none;
}

/*슬라이드메뉴:s*/
.r5 .max_1200 .menu3 a,
.r5 .max_1200 .menu3 a:visited {
    text-decoration: none;
    outline: none;
    opacity: 1;

}

.r5 .max_1200 .menu3 a:hover {
    opacity: 1;
}

.r5 .max_1200 .menu3 li a span {
    width: 65px;
    height: 65px;
    display: inline-block;
    background-size: 65px;
    background-position: center;
}

.r5 .max_1200 .menu3 li a p {
    font-size: 15px;
   font-weight: 700;
    display: block;
}

.r5 .max_1200 .menu3 li:nth-child(1) a span {
    background-image: url(../img/r5_11.png);
}

.r5 .max_1200 .menu3 li:nth-child(2) a span {
    background-image: url(../img/r5_21.png);
}

.r5 .max_1200 .menu3 li:nth-child(3) a span {
    background-image: url(../img/r5_31.png);
}

.r5 .max_1200 .menu3 li:nth-child(4) a span {
    background-image: url(../img/r5_41.png);
}

.r5 .max_1200 .menu3 li:nth-child(5) a span {
    background-image: url(../img/r5_51.png);
}

.r5 .max_1200 .menu3 li.act a {
    cursor: default;
    opacity: 1;
}

.r5 .max_1200 .menu3 p {
    padding: 10px;
    text-align: center;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*r5:e*/


/*r6:s*/
#wrap .r6 {
    width: 100%;
    background-color: #005dba;
    padding-bottom: 60px;
    overflow: hidden;
}

#wrap .r6 .r6_title {
    text-align: center;
    color: #fff;
    padding: 30px 0;
}

#wrap .r6 .r6_title img {margin-bottom: 10px;}

#wrap .r6 .r6_title h2 {
    font-size: 48px;
    padding: 10px 0;
}

#wrap .r6 .r6_title p {
    font-weight: 300;
}

#wrap .r6 .r6_slide {
    width: 100%;
    margin: 0 auto;
}

/*슬라이드css*/
.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    margin: 0 auto;
    height: 350px;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
}

ul.bxslider {
    list-style: none;
}

ul.bxslider li {
    position: relative;
    width: 100%;
    height: 350px;
    background-color: #fff;
}

ul.bxslider li .txt_bg {
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: #fff;
    height: 120px;
    display: inline-block;
    bottom: 0;
    padding: 10px 0;
    box-sizing: border-box;
    font-weight: 600;
}

ul.bxslider li .txt_bg span {
    width: 100%;
    height: 100%;
}

ul.bxslider li .txt_bg span h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: 000;
    letter-spacing: -0.08em;
}

ul.bxslider li .txt_bg span p {
    font-size: 18px;
    margin-bottom: 5px;
}

ul.bxslider li .txt_bg em {
    color: #ff364d;
}

ul.bxslider li .txt_bg span:last-child {
    border: 0;
    padding-right: 0;
}

ul.bxslider li .r6_img {
    width: 100%;
    height: 250px;
    background-color: fuchsia;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;

}

ul.bxslider li .img_bg1 {
    background-image: url(../img/coach1.jpg);
}

ul.bxslider li .img_bg2 {
    background-image: url(../img/coach2.jpg);
}

ul.bxslider li .img_bg3 {
    background-image: url(../img/coach3.jpg);
}
ul.bxslider li .img_bg4 {
    background-image: url(../img/coach4.jpg);
}
ul.bxslider li .img_bg5 {
    background-image: url(../img/coach5.jpg);
}
ul.bxslider li .img_bg6 {
    background-image: url(../img/coach6.jpg);
}
ul.bxslider li .img_bg7 {
    background-image: url(../img/coach7.jpg);
}

ul.bxslider li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: #fff;
    bottom: 20px;
    padding: 60px 0 20px 20px;
    position: absolute;
    bottom: 0;
    box-shadow: 0px -90px 70px -30px rgba(0, 0, 0, 0.7) inset;
    box-sizing: border-box;
}

ul.bxslider li .img_title h3 {
    font-weight: 300;
}

ul.bxslider li .img_title h2 {
    font-size: 24px;
    margin-top: 10px;
}

.bx-viewport {
    /* fix other elements on the page moving (in Chrome) */
    -webkit-transform: translateZ(0);
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.38);
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 3px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #ffffff;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('../img/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('../img/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}




/*슬라이드css:end*/

/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
}

#wrap .r7 .max_1200 {
    position: relative;
    padding: 70px 48px;
    overflow: hidden;
    box-sizing: border-box;
}

#wrap .r7 .r7_left {
    width: 50%;
    position: absolute;
    top: 10%;
}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 48px;
    margin-bottom: 30px;
    padding-top: 48px;
    line-height: 1.2;
    font-weight: 700;
}

#wrap .r7 .r7_left p {
    color: #5e5e5e;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
}

#wrap .r7 .r7_left p em {
    color: #2370d9;
    font-weight: 700;
}

#wrap .r7 .r7_left .app_dw1 {
    margin-top: 48px;
}

#wrap .r7 .r7_img {
    float: right;
}

#wrap .r7 .r7_img img {
    width: 100%;
    display: inline-block;
}

/*r7:end*/

/*sns,스케줄러홍보*/
.r7_2{width: 1200px;margin: 0 auto;padding: 70px 48px;overflow: hidden;}
.r7_2 .r7_2_con_bg{
    float: left;
    background-image: url(../img/sns_bg1.png);
    background-repeat: no-repeat;
    width: 50%;
    height:400px;
}
.r7_2 .r7_2_con_bg2{
    float: left;
    background-image: url(../img/sns_bg2.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 50%;
    height:410px;
}
.r7_2 .r7_2_con{
    width: 50%;
    float: left;
}
.new_h3{letter-spacing: -0.08em;}
.new_h3 span{font-size: 24px;}
.new_h3 p{font-size: 45px;font-weight: 600;margin-top: 10px;}
.sns_line{padding: 30px 0;}
.new_p{margin-bottom: 10px;}
.new_p p{font-size: 18px;color: #2370d9;margin-bottom: 10px;font-weight: 600;}
.new_p span{line-height: 1.5;font-size: 18px;}
.r7_2_con_bg_btm{overflow: hidden;width: 100%;}
.r7_2_ul01{width: 100%;margin:20px 0 10px 0;}
.r7_2_ul02{width: 100%;overflow: hidden;}
.r7_2_ul02 li{float: left;margin-right: 5px;}
.r7_2_ul03{font-size: 18px;}

/*sns,스케줄러홍보:end*/




/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 1000px;
    background-image: url(../img/r8_bg.jpg);
    background-size: cover;
}

#wrap .r8 .max_1200 {
    position: relative;
    height: 100%;
}
#wrap .r8 .r8_con_m {display: none;}
#wrap .r8 .max_1200 .r8_left {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: -10%;
    opacity: 0;
}


#wrap .r8 .max_1200 .r8_left p {
    font-size: 20px;
    margin: 30px 0;
    color: #fff;
    font-weight: 700;
}

#wrap .r8 .max_1200 .r8_left a {
    height: 100%;
    display: inline-block;
}
#wrap .r8 .max_1200 .r8_m_btn{display: none;}

#wrap .r8 .max_1200 r8_left a img {}

#wrap .r8 .max_1200 .phone4 {
    position: absolute;
    width: 360px;
    height: 748px;
    background-image: url(../img/r8_iphone2.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    right: 10%;
    top: 16%;
}

#wrap .r8 .max_1200 .r8_free {
    position: absolute;
    right: 5%;
    z-index: 9;
    display: inline-block;
    top: 15%;
    display: none;
}

#wrap .r8 .max_1200 .phone4 .phone4_talk {
    position: absolute;
    width: 310px;
    height: 500px;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    border-radius: 5px;
}

#wrap .r8 .max_1200 .p4_bg {
    background-image: url(../img/r8_con2.png?3);
    background-repeat: no-repeat;
    opacity: 0;
}

#wrap .r8 .max_1200 .p4_1 {
    width: 248px;
    height: 80px;
    background-position: 10px 0;
    opacity: 1;
}

#wrap .r8 .max_1200 .p4_2 {
    width: 290px;
    height: 48px;
    background-position: 10px -80px;
    opacity: 1;
}

#wrap .r8 .max_1200 .p4_3 {
    width: 290px;
    height: 70px;
    background-position: 5px -135px;
    opacity: 1;
}

#wrap .r8 .max_1200 .p4_4 {
    width: 290px;
    height: 48px;
    background-position: 5px -202px;
    opacity: 1;
}

#wrap .r8 .max_1200 .p4_5 {
    width: 290px;
    height: 48px;
    background-position: 5px -252px;
    opacity: 1;
}

#wrap .r8 .max_1200 .p4_6 {
    width: 290px;
    height: 80px;
    background-position: 5px -296px;
    opacity: 1;
}
/*r8:e*/

/*대회*/
.contest{width: 100%;background-image: url(../img/img11.png);color: #fff;text-align: left;}
.contest_con{width: 710px;margin: 0 auto;letter-spacing: -0.03em;padding: 150px 0;}
.icon_wrap{padding: 8px 15px;border-radius: 50px;font-size: 16px;margin-bottom: 10px;display: inline-block;}
.icon_day{background-color: #323453;}


/*카운트다운_우승상금*/ 
.count_wrap{margin-top: 10px;display: inline-block;}
.count_wrap p{line-height: 1;font-size: 18px;line-height: 64px;font-family: 'NanumSquareL';font-weight: 600;display: inline-block;}
.count_wrap .money{margin-left: 10px;font-family: 'NanumSquareR';display: inline-block;
    font-weight: 600;color: #eb4949;}
.count_wrap .money span{font-size: 32px;line-height: 64px;}
.moneytxt{font-size: 32px;line-height: 64px;font-family: 'NanumSquareR';
   display: inline-block;}


.contest_con h2{font-size: 50px;margin-bottom: 30px;font-family: 'NanumSquareL';line-height: 1.3;text-align: left;}
.p_txt1{font-size: 18px;line-height: 2;}
.more_btn_wrap{width: 100%;text-align: center;margin-top: 50px;}
.more_btn{width: 200px;display: inline-block;}
.more_btn a{padding: 22px 0;display: inline-block;color: #fff;font-size: 15px;width: 100%;height: 100%;box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15);background-color: #eb4949;border-radius: 50px;transition: 0.3s;}
.more_btn a:hover{transform: scale(1.03);}
.contest .contest_img{width: 100%;}
/*end:대회*/

/*언론보도*/
.news{width: 100%;}
.news_con{width: 1000px;margin: 0 auto;letter-spacing: -0.03em;padding: 50px 0;}
.news_con h2{font-size: 32px;margin-bottom: 40px;font-family: 'NanumSquareEB';color: rgba(34, 34, 34, 0.8)}
.news_con ul{width: 100%;}
.news_con ul li{border-top: 1px solid #eee;}
.news_con ul li a{color: rgba(34, 34, 34, 0.7);display: inline-block;padding: 40px 0;transition: 0.3s;}
.news_con ul li a:hover{transform: scale(1.05);}
.news_con ul li .news_day{font-size: 14px;font-family: 'NanumSquareL';font-weight: 600;padding-bottom: 25px;}
.news_con ul li .news_day em{color: #eb4949;}
.news_con ul li .news_day span{color: #d1d1d1;}
.news_con ul li .news_title{font-size: 24px;line-height: 1.2;}

/*end:언론보도*/


/*서브페이지_야구인닷컴배*/
.contest_sub{width: 100%;height: 500px;background-image: url(../img/contest_bg2.jpg);}
.contest_sub_title{box-sizing: border-box;}
.contest_sub_title h2{padding-top: 300px;font-size: 60px;font-family: 'bemin';color: #ededed;text-align: center;line-height: 1.3;letter-spacing: -0.03em;font-style: italic;
 -webkit-animation-name: title;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
}
.contest_sub_title h2 p{font-size: 15px;font-family:sans-serif;letter-spacing: 0.1em;color: #40506f;margin-top: 5px;}
/*타이트애니메이션*/
@-webkit-keyframes 'title' {
    0% {padding-top: 300px;opacity: 0;}
    100% {padding-top: 220px;opacity: 1;}
}


/*라인*/
.line_btm{border-bottom: 1px solid #e6e6e6;margin: 20px 0;}

/*갤러리*/
.img-fluid{width: 100%;}
.modal-body{padding: 5px !important;}
.title_h2{width: 100%;font-size: 32px;font-family: 'NanumSquareB';}
.gallery_wrap{margin-top: 50px;}
.gallery_li{width: 100%;}
.gallery_li img{width: 100%;}
.gallery_li p{line-height: 1.2;margin-top: 10px;margin-bottom: 0;}
.gallery_li p em{font-weight: 600;font-size: 18px;}

/*슬라이드css*/
.js-slidein {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.js-slidein-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/*예선결과표*/
/*조별리스트*/
.contest_list_bg{width: 710px;margin: 0 auto;border-top: 4px solid #eb4949;}
.contest_list{width: 100%;border-bottom: 10px solid #f0f1f6;}
.contest_list .title{font-size: 20px;padding: 10px 0;font-family: 'NanumSquareB';border-bottom: 2px solid #eee;}
.contest_list .team_li{width: 100%;padding: 10px;border-bottom: 2px solid #eee;overflow: hidden;font-size: 16px;}
.win_point{color: #eb4949;font-weight: 600;}
.team_l{width: 50%;float: left;}
.team_l p{width: 80%;float: left;}
.team_l .result{width: 20%;float: right;}

.team_r{width: 50%;float: right;}
.team_r p{width: 80%;float: right;text-align: right;}
.team_r .result{width: 20%;float: left;text-align: right;}
/*end:예선결과표*/

/*본선경기결과*/
.final_win{width: 100%;text-align: center;}
/*end:본선경기결과*/

/*end:서브페이지_야구인닷컴배*/



/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0;
    text-align: left;
}

footer .max_1200 {
    width: 1000px;
    position: relative;
}

/*탑버튼:s*/
footer .topBtn {
    position: absolute;
    right: 0;
    transition: 0.3s;
}

footer .topBtn:hover {
    opacity: 0.5;
}

footer .topBtn img {}

/*탑버튼:e*/
footer span {
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

footer .app_dw1 {}

footer .f_btm{overflow: hidden;margin: 0 auto;margin-top: 20px;}

footer .f_sns {
    height: 30px;
    color: #fff;
    float: right;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer .f_sns a:hover {
    opacity: 0.5;
}

footer p {
    float: left;
    text-align: left;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
}
/*footer:E*/











/*******************8***********반응형:start*******************************/
@media screen and (max-width:1700px){

/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 10px;
}

#wrap .r6 .r6_slide {
    width: 95%;
    margin: 0 auto;
}
/*슬라이드css*/
.bx-wrapper {margin-bottom: 60px;height: 350px;}
ul.bxslider li {
    position: relative;
    height: 350px;
    width: 100%;
}
ul.bxslider li .txt_bg {
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    padding: 10px 0;
}
    
ul.bxslider li .txt_bg span h3 { margin-bottom: 10px;}
ul.bxslider li .txt_bg span:last-child {border: 0;padding-right: 0;}
ul.bxslider li .r6_img {width: 100%; height: 230px;}
ul.bxslider li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: #fff;
    bottom: 20px;
    padding: 60px 0 20px 20px;
    position: absolute;
    bottom: 0;
    box-shadow: 0px -90px 70px -30px rgba(0, 0, 0, 0.7) inset;
    box-sizing: border-box;
}
ul.bxslider li .img_title h2 {font-size: 24px;margin-top: 10px;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.38);
    text-indent: -9999px;
    width: 30px;
    height: 3px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #ffffff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('../img/controls.png') no-repeat 0 -32px;
}


.bx-wrapper .bx-next {
    right: 10px;
    background: url('../img/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
}
 
}
/*1700:end*/




/******1422px*****/
@media screen and (max-width:1422px){
 .max_1200 {
    width: 100%;
    margin: 0 auto;
}
#wrap .r1 .nav1 {
    width: 96%;
    padding-top: 20px;
}
#wrap .r1 .nav1 .r1_sns a{width: 35px;height: 35px;}
#wrap .r1 .r1_bg {width: 95%;}
#wrap .r1 .r1_bg .r1_con {
    width: 100%;
    left: 0;
    padding: 0 40px;
    top: 348px;
}

#wrap .r1 .r1_bg .r1_con h2 {width: 90%;}
#wrap .r1 .r1_bg .r1_con p {
    margin: 48px 0;
    line-height: 1.5;
    font-size: 20px;
}

#wrap .r1 .scroll_a { bottom: 48px;}
#wrap .r1 .copyR {padding-left: 30px;bottom: 30px;}
/*r1:E*/
/*r2:S*/
#wrap .r2 {width: 100%;}
#wrap .r2 .max_1200 {padding-top: 60px;}
#wrap .r2 .max_1200 .r2_con .phone1 {
    margin-top: 100px;
    width: 348px;
    height: 548px;
    background-size: 100%;
    margin-left: 48px;
}
#wrap .r2 .max_1200 .r2_con .phone1 .phone1_bg {
    width: 310px;
    height: 600px;
    top: 16%;
}


/******* 슬라이드_css *******/
.phone1 .slides {height: 100%;}
.phone1 .slides .slide img {width: 310px;height: 100%;}
.r2_con .menu li {
    width: 90px;
    margin-right: 10px;
    font-size: 18px;
}
/*슬라이드메뉴:s*/

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con .slid_txt {
    width: 500px;
    height: 448px;
    top: 28%;
    right: -3%;
    text-align: left;
}

.r2_con .slid_txt .s_txt1 span {
    font-size: 48px;
    line-height: 1.2;
}

.r2_con .slid_txt .s_txt1 p {
    margin-top: 30px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
}
/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*다운로드버튼:s*/
.slid_txt .app_dw1 {bottom: 70px;}
.slid_txt .app_dw1 div {float: left; margin-right: 10px;}
/*다운로드버튼:end*/

/*r2:E*/

/*r3:s*/
#wrap .r3 {
    width: 100%;
    height: 940px;
}
#wrap .r3 .deco1{display: none;}
#wrap .r3 .r3_bg {
    width: 100%;
    height: 600px;
    background-position: top;
}

#wrap .r3 .r3_con {
    width: 95%;
    height: 100%;
    margin: 0 auto;
}

#wrap .r3 .r3_con .r3_left {
    top: 45%;
    left: 10%;
    opacity: 0;
}

#wrap .r3 .r3_con .r3_left .r3_title h2 {
    margin: 48px 0;
    font-size: 48px;
    line-height: 1.3;
}

#wrap .r3 .r3_con .r3_left .r3_title p {
    line-height: 1.5;
    font-size: 20px;
}


#wrap .r3 .r3_con .phone2 {
    width: 348px;
    height: 720px;
    background-size: 100%;
    margin-top: 120px;
    margin-right: 80px;

}

#wrap .r3 .r3_con .phone2 .phone2_bg {
    width: 310px;
    height: 548px;
    top: 12%;
    border-radius: 5px;
}

.phone2 .slides .slide img {width: 310px; height: 100%;}
.menu2 {width: 100%;margin-top: 120px;}
.menu2 li {
    height: 75px;
    margin-right: 10px;
    font-size: 22px;
}

.menu2 li span {
    width: 60px;
    height: 60px;
    background-size: 100%;
    margin-right: 20px;
}

.menu2 li a {
    height: 100%;
    padding-top: 10px;
}

/*슬라이드메뉴:s*/

.menu2 p {
    padding: 10px;
}

/*슬라이드메뉴:end*/
/*r3:E*/

/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 980px;
}

#wrap .r4 .r4_title h3 {font-size: 16px;}
#wrap .r4 .r4_title h2 {
    width: 100%;
    margin: 20px 0;
    font-size: 48px;
    font-weight: 300;
}

#wrap .r4 .r4_title p {font-size: 20px;}

.p_cet {
    left: 50%;
    top: 500px;
    transform: translate(-50%);
    opacity: 0;
}

#wrap .r4 .icon01 {
    position: absolute;
    width: 180px;
    height: 180px;
    background-size: 100%;
}

#wrap .r4 .icon02 {
    width: 200px;
    height: 200px;
}

#wrap .r4 .icon03 {
    width: 210px;
    height: 210px;
}

#wrap .r4 .icon04 {
    width: 148px;
    height: 148px;
}

/*r4:E*/


/*r5:s*/
#wrap .r5 {
    width: 100%;
}
#wrap .r5 .max_1200{
    height: 700px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#wrap .r5 .max_1200 .phone3 {
    width: 400px;
    height: 648px;
    background-position: top;
    background-size: 100%;
    bottom: 0;
    left: 5%;
}

#wrap .r5 .max_1200 .phone3 .phone3_bg {
    position: relative;
    width: 90%;
    height: 600px;
    top: 15%;
    left: 50%;
    transform: translate(-50%);
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
}

/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5 .max_1200 .slid_txt {
    width: 600px;
    height: 448px;
    top: 25%;
    right: 0;
}
.r5 .max_1200 .slid_txt .s_txt1 span {margin: 20px 0;}
.r5 .max_1200 .slid_txt .s_txt1 span {font-size: 48px;line-height: 1.3;}
.r5 .max_1200 .slid_txt .s_txt1 p {line-height: 1.6;font-size: 20px;}
.r5 .max_1200 .menu3 {width: 100%;}
.r5 .max_1200 .menu3 ul {width: 100%;}
.r5 .max_1200 .menu3 li a {transition: 0.2s;opacity: 0.5;}
/*슬라이드메뉴:s*/

.r5 .max_1200 .menu3 li a span {
    width: 65px;
    height: 65px;
    background-size: 65px;
}

.r5 .max_1200 .menu3 li a p {font-size: 15px;}
.r5 .max_1200 .menu3 p {padding: 10px;}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*r5:e*/


/*r6:s*/
#wrap .r6 {width: 100%;}
/*r6:end*/

/*r7:s*/
#wrap .r7 {width: 100%;}
/*r7:end*/

/*r8:s*/
#wrap .r8 {width: 100%;}
#wrap .r8 .max_1200 .r8_left {
    top: 48%;
    transform: translateY(-50%);
    left: -10%;
}

#wrap .r8 .max_1200 .r8_left p {
    font-size: 20px;
    margin: 30px 0;
}
#wrap .r8 .max_1200 .phone4 {
    width: 360px;
    height: 748px;
    background-size: 100%;
    right: 10%;
    top: 16%;
}
#wrap .r8 .max_1200 .r8_free {right: 5%;z-index: 9;top: 15%;}
/*r8:e*/

/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0;
    text-align: left;
}

footer .max_1200 {
    width: 100%;
    padding: 0 100px;
}

/*탑버튼:s*/
footer .topBtn { right: 100px;transition: 0.3s;
}
/*탑버튼:e*/
footer .f_btm{margin-top: 20px;}
footer .f_sns {
    height: 30px;
    float: right;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer .f_sns a:hover {
    opacity: 0.5;
}
/*footer:E*/
}
/*1422px:end*/



/*1000px*/
@media screen and (max-width:1000px){
#wrap {width: 100%;}
    .main_win{
        position: absolute;
        top: 80px;
        width: 150px;
        left: 20px;
    }
    
/*메인*/ 
.manu_pc{display: none;}
.logo a{line-height: 64px;}
.logo img{width: 120px;}
.manu_mobile{width: 100%;display: block;height: 64px;background-color: #fff;border-bottom: 1px solid #eee;}
    .manu_mobile_con{width: 90%;margin: 0 auto;}
    .manu_mobile ul{display: none;width: 100%;text-align: center;position: absolute;top: 64px;left: 0;}
    .manu_mobile ul li{padding: 30px 0;background-color: #fff;}
    .nav_txt{margin-right: 0;}
    .manu_icon{float: right;font-size: 34px;line-height: 64px;}
    
.main{padding-bottom: 80px;}
.main_con{padding-top: 120px;overflow: hidden;}
.main_phone{width: 100%;text-align: center;}
.main_phone img{max-width: 300px;}
.main_txt{
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
    color: #fff;
    font-size: 34px;
    letter-spacing: -0.04em;
    text-align: center;
}
.arrow{display: none;}
.main_txt1{margin-bottom: 10px;}

/*end:메인*/



.app_dw1 {text-align: center;}
.app_dw1 .apple_btn {
    display: inline-block;
    margin-right: 5px;
    width: 160px;
}
.app_dw1 .apple_btn img {width: 100%;}
.app_dw1 .goofle_btn {display: inline-block;width: 160px;}
.app_dw1 .goofle_btn img {width: 100%;}
#wrap .r1 .scroll_a {display: none;}
#wrap .r1 .copyR {display: none;}

/*r1:E*/
/*r2:S*/
#wrap .r2 {
    width: 100%;
    height: 600px;
    background-image: url(../img/r2_bg_m.jpg);
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

#wrap .r2 .max_1200 {
    padding-top: 40px;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r2 .max_1200 .r2_con{display: none;}
#wrap .r2 .r2_con_m{display: block;}
#wrap .r2 .max_1200 .r2_con_m .phone1{
    position: absolute;
    width: 220px;
    height: 340px;
    background-image: url(../img/r2_iphone_m.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
}

#wrap .r2 .max_1200 .r2_con_m .phone1 .phone1_bg {
    width: 190px;
    height:100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    margin-top: 52px;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/
.r2_con_m .phone1 .slides {
    height: 100%;
    overflow: hidden;
}
.r2_con_m .phone1 .slides .slide {float: left;}
.r2_con_m .phone1 .slides .slide img {
    width: 190px;
    height: 100%;
}
.r2_con_m .menu {
    width: 100%;
}
.r2_con_m .menu ul {
    width: 100%;
    text-align: center;
}

.r2_con_m .menu li {
    width: 90px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
}

.r2_con_m .menu li.act {
    color: #235bcd;
    border-bottom: 3px solid #235bcd;
    box-sizing: border-box;
}

.r2_con_m .menu li.act a {
    height: 100%;
    cursor: default;
    color: #235bcd;
}
.r2_con_m .menu li a {
    height: 100%;
    color: #505050;
    display: block;
    padding-top: 10px;
}
/*슬라이드메뉴:s*/
.r2_con_m .menu #main {
    margin: 15px auto;
    text-align: center;
    position: relative;
}
.r2_con_m .menu a,
.r2_con_m .menu a:visited {
    text-decoration: none;
    outline: none;
}
.r2_con_m .menu a:hover {
    color: #235bcd;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con_m .slid_txt {
    width:100%;
    text-align: center;
    position: relative; 
}
.r2_con_m .slid_txt .s_txt1 {width: 100%;color: #292929;margin: 25px 0;}
.r2_con_m .slid_txt .s_txt1 span {font-size: 35px;display: inline-block;margin-bottom: 10px;}
.r2_con_m .slid_txt .s_txt1 span em {font-weight: 700;}
.r2_con_m .slid_txt .s_txt1 p {font-size: 18px;}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/
/*r2:E*/
/*r3:s*/
#wrap .r3 {
    width: 100%;
    height: 780px;
    position: relative;
    overflow: hidden;
}
#wrap .r3 .r3_bg {
    width: 100%;
    height: 450px;
    background-image: url(../img/r3_bg_m.jpg);
    background-position: top;
    background-size: cover;
}
#wrap .r3 .r3_con {display: none;}
#wrap .r3 .r3_con_m{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    }

#wrap .r3 .r3_con_m .r3_left {
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

#wrap .r3 .r3_con_m .r3_left .r3_title h3 {color: #eee;margin-bottom: 5px;}
#wrap .r3 .r3_con_m .r3_left .r3_title h2 {font-size: 35px;line-height: 1.3;font-weight: 700;}    
#wrap .r3 .r3_con_m .phone2 {
    margin-top: 40px;
    position: absolute;
    width: 220px;
    height: 470px;
    background-image: url(../img/r3_iphone.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r3 .r3_con_m .phone2 .phone2_bg {
    width: 200px;
    height: 350px;
    margin: 0 auto;
    background-color: #000;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 50px;
}


/******* 슬라이드_css *******/

.r3_con_m .phone2 .slides {
    height: 100%;
    overflow: hidden;
}

.r3_con_m .phone2 .slides .slide {
    width: 200px;
    float: left;
}
.r3_con_m .phone2 .slides .slide img {
    width: 100%;
    height: 100%;
}
.r3_con_m .menu2 {
    width: 100%;
    margin-top: 120px;
}

.r3_con_m .menu2 ul {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.r3_con_m .menu2 li {
    width: 10px;
    height: 10px;
    list-style: none;
    display: inline-block;
    margin-top: 390px;
}
.r3_con_m .menu2 li a {
    background-color: #848484;
     border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0.5;
}

.r3_con_m .menu2 li.act,
li.act:hover {
    opacity: 1;
}

.r3_con_m .menu2 li.act a {opacity: 1;}
/*슬라이드메뉴:s*/
.r3_con_m .menu2 a,
.r3_con_m .menu2 a:visited {
    text-decoration: none;
    outline: none;
}
.r3_con_m .menu2 a:hover {opacity: 1;}
#wrap .r3 .r3_con_m .r3_txt{
    width: 100%;
    text-align: center;
    color: #4e4e4e;
    line-height: 1.5;
    font-size: 18px;
    display: inline-block;
    margin-top:20px;
    }    

/*슬라이드메뉴:end*/
/*r3:E*/    
    .contest{background-image: url(../img/ceo_m.jpg);
    background-size: cover;
    background-position: center;}
/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 600px;
    background-image: url(../img/r4_bg_g_m_n1.jpg?2);
    background-size: cover;
    background-position: center;
    position: relative;
}

#wrap .r4 .max_1200 {width: 100%;}
#wrap .r4 .r4_title {
    width: 100%;
    text-align: center;
    top: 50px;
}
@keyframes r4_h {
    0% {
        top: 180px;
        opacity: 0;
    }

    100% {
        top: 50px;
        opacity: 1;
    }
}

#wrap .r4 .r4_title h3 {font-size: 16px;}
#wrap .r4 .r4_title h2 {
    width: 100%;
    margin: 20px 0;
    font-size: 35px;
}
#wrap .r4 .r4_title p {
    line-height: 1.3;
    font-size: 18px;
}

.p_cet {display: none;}
#wrap .r4 .icon_m{
    position: absolute;
    width: 100%;
    height: 300px;
    background-image: url(../img/r4_icon_m1.png?1);
    background-position: center;
    top: 250px;
    }
/*r4:E*/
/*r5:s*/
#wrap .r5 {
    width: 100%;
    height: 700px;
    background-image: url(../img/r5_bg1.jpg);
    background-position:-50px;
    background-size: cover;
    overflow: hidden;
}
#wrap .r5 .max_1200{display: none;}
#wrap .r5 .r5_con_m{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    }

#wrap .r5 .r5_con_m .phone3 {
    position: absolute;
    width: 240px;
    height: 400px;
    background-image: url(../img/r2_iphone1.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r5 .r5_con_m .phone3 .phone3_bg {
    position: absolute;
    width: 215px;
    height: 350px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 15%;
}

#wrap .r5 .r5_con_m .phone3 .slides .slide{
    width: 100%;
    height: 350px;
}
#wrap .r5 .r5_con_m .phone3 .slides {
    height:100%;
	overflow:hidden;
}

#wrap .r5 .r5_con_m .phone3 .slides .slide img {
    width: 100%;
}


/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5_con_m .slid_txt {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    }
.r5_con_m .slid_txt .s_txt1 span {
    display: inline-block;
    font-size: 35px;
    margin: 20px 0;
}
.r5_con_m .slid_txt .s_txt1 span em {font-weight: 700;}
.r5_con_m .slid_txt .s_txt1 p {line-height: 1.5;font-size: 18px;}
.r5_con_m .menu3 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.r5_con_m .menu3 ul {width: 100%;}
.r5_con_m .menu3 li {
    display: inline-block;
    margin-right: 10px;
}
.r5_con_m .menu3 li:last-child {
    margin-right: 0;
}
.r5_con_m .menu3 li a {
    color: #505050;
    display: block;
    transition: 0.2s;
    opacity: 0.5;
    display: inline-block;
}

/*슬라이드메뉴:s*/

.r5_con_m .menu3 a,
.r5_con_m .menu3 a:visited {
    text-decoration: none;
    outline: none;
    opacity: 1;
}
.r5_con_m .menu3 a:hover {
    opacity: 1;
}
.r5_con_m .menu3 li a span {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-size: 45px;
    background-position: center;
}
.r5_con_m .menu3 li a p {
    font-size: 15px;
    font-weight: 700;
    display: block;
}

.r5_con_m .menu3 li:nth-child(1) a span {
    background-image: url(../img/r5_11.png);
}

.r5_con_m .menu3 li:nth-child(2) a span {
    background-image: url(../img/r5_21.png);
}

.r5_con_m .menu3 li:nth-child(3) a span {
    background-image: url(../img/r5_31.png);
}

.r5_con_m .menu3 li:nth-child(4) a span {
    background-image: url(../img/r5_41.png);
}

.r5_con_m .menu3 li:nth-child(5) a span {
    background-image: url(../img/r5_51.png);
}

.r5_con_m .menu3 li.act a {
    cursor: default;
    opacity: 1;
}
.r5_con_m .menu3 p {
    padding: 10px;
    text-align: center;
}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*r5:e*/    



/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 50px;
    overflow: hidden;
}

#wrap .r6 .r6_title {
    text-align: center;
    color: #fff;
    padding: 20px 0;
}

#wrap .r6 .r6_title img {margin-bottom: 0;width: 100px;}
#wrap .r6 .r6_title h2 {font-size: 35px;padding: 10px 0;}
#wrap .r6 .r6_slide {
    width: 92%;
}
/*슬라이드css*/

.bx-wrapper {
    margin-bottom: 10px;
    height: 100%;
}

.bx-wrapper img {
    max-width: 100%;
}

ul.bxslider li {
    height: 320px;
    width: 100%;
}

ul.bxslider li .txt_bg span {
    display: inline-block;
    padding: 10px 0;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 18px;
    border-right: 1px solid #eaeaea;
}
ul.bxslider li .txt_bg span em{font-size: 14px;}

ul.bxslider li .r6_img {
    width: 100%;
    height: 200px;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;

}

ul.bxslider li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: #fff;
    padding: 50px 0 20px 0;
    position: absolute;
    bottom: 0;
    box-shadow: 0px -90px 70px -30px rgba(0, 0, 0, 0.7) inset;
    box-sizing: border-box;
    text-align: center;
}

ul.bxslider li .img_title h2 {
    font-size: 24px;
    margin-top: 10px;
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager { padding-top: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 30px;
    height: 3px;
    margin: 0 5px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
/*슬라이드css:end*/

/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
    background-image: url(../img/r7_bg.jpg);
    background-size: cover;
    background-position: 0 -20px;
}

#wrap .r7 .max_1200 {
    height: 450px;
    position: relative;
    padding: 0;
}

#wrap .r7 .r7_left {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 15%;
}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 40px;
    margin-bottom: 30px;
    padding-top: 0;
    line-height: 1.2;
    color: #235bcd;
}

#wrap .r7 .r7_left p {
    width:100%;
    margin: 0 auto;
    color: #000;
    line-height: 1.5;
    font-size: 20px;
  
}

#wrap .r7 .r7_left p em {color: #003ebc;}
#wrap .r7 .r7_left .app_dw1 {margin-top: 20px;}
#wrap .r7 .r7_img {display: none;}

/*r7:end*/
    
    /*sns,스케줄러홍보*/
.r7_2{width: 100%;text-align: center;}
.r7_2 .r7_2_con_bg{display: none;}
.r7_2 .r7_2_con_bg2{
    display: none;
}
.r7_2 .r7_2_con{
    width: 100%;
    clear: both;
}
.new_h3{}
.new_h3 span{font-size: 22px;}
.new_h3 p{font-size: 40px;}
.sns_line{padding: 30px 0;}
.new_p{margin-bottom: 10px;}
.new_p p{font-size: 18px;color: #2370d9;margin-bottom: 10px;font-weight: 600;}
.new_p span{line-height: 1.5;font-size: 18px;}
.r7_2_con_bg_btm{overflow: hidden;width: 100%;}
.r7_2_ul01{width: 100%;margin:20px 0 10px 0;}
    .r7_2_ul01 img{width: 90px;}
.r7_2_ul02{width: 100%;overflow: hidden;}
.r7_2_ul02 li{float: none;margin-right: 5px;display: inline-block;}
.r7_2_ul03{font-size: 18px;}

/*sns,스케줄러홍보:end*/  
    
    
/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 850px;
    background-size: cover;
}
#wrap .r8 .max_1200 {display: none;}
#wrap .r8 .r8_con_m {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r8 .r8_con_m .r8_left {
    width: 100%;
    text-align: center;
    }

#wrap .r8 .r8_con_m .r8_left p {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
}

#wrap .r8 .r8_con_m .r8_left h2 {
    height: 100%;
    display: inline-block;
    padding-top: 50px;
}
#wrap .r8 .r8_con_m .r8_left a{display: inline-block;}
#wrap .r8 .r8_con_m .r8_left h2 img {max-width: 1000px;width: 90%;}
#wrap .r8 .r8_con_m .phone4 {
    position: absolute;
    width: 240px;
    height: 500px;
    background-image: url(../img/r8_iphone2.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 38%;
    margin-top: 20px;
}

#wrap .r8 .r8_con_m .r8_free {
    position: absolute;
    right:25%;
    z-index: 9;
    display: inline-block;
    top: 35%;
    display: none;
}
#wrap .r8 .r8_con_m .r8_free img{width: 140px;}
#wrap .r8 .r8_con_m .phone4 .phone4_talk {
    position: absolute;
    width: 220px;
    height: 400px;
    top: 18%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    border-radius: 5px;
}
#wrap .r8 .r8_con_m .p4_bg {
    background-image: url(../img/r8_con_m4.png?4);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
}

#wrap .r8 .r8_con_m .p4_1 {
    width: 220px;
    height: 62px;
    background-position: 10px 0;
    opacity: 1;
}

#wrap .r8 .r8_con_m .p4_2 {
    width: 220px;
    height: 40px;
    background-position: 10px -62px;
    opacity: 1;
}

#wrap .r8 .r8_con_m .p4_3 {
    width: 220px;
    height: 40px;
    background-position: -10px -120px;
    opacity: 1;
}

#wrap .r8 .r8_con_m .p4_4 {
    width: 220px;
    height: 35px;
    background-position: -10px -160px;
    opacity: 1;
}

#wrap .r8 .r8_con_m .p4_5 {
    width: 220px;
    height: 40px;
    background-position: -10px -195px;
    opacity: 1;
}

#wrap .r8 .r8_con_m .p4_6 {
    width: 220px;
    height: 60px;
    background-position: -10px -235px;
    opacity: 1;
}

/*r8:e*/
    

/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0;
    text-align: center;
}

footer .max_1200 {width: 100%;}
/*탑버튼:s*/
footer .topBtn {
    position: absolute;
    right: 100px;
    transition: 0.3s;
}

/*탑버튼:e*/
footer span {
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
}

footer .f_btm{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    }

footer .f_sns {
    height: 30px;
    color: #fff;
    width: 100%;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer p {
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 20px;
}
/*footer:E*/    
}
/*1000px:end*/






/****768px****/
@media screen and (max-width:768px){
    /*관리자바로가기링크*/
.manager_l{
    position: fixed;
    z-index: 999;
    bottom: 140px;
    right: 10px;
    transition: 0.3s;
    opacity: 0.9;

}
    .manager_close{display: block;position: absolute;right: 0;color: #000000;width: 15px;height: 15px;
        background-color:rgb(255, 255, 255);text-align: center;font-size: 12px;line-height: 14px;font-weight: 600;}
    .manager_l:hover{
    bottom: 140px;
}


/*관리자바로가기링크:end*/


#wrap {width: 100%;}
#wrap .r1 {
    width: 100%;
    height: 600px;
    background-image: url(../img/r1_bg_m_n.jpg?6);
    background-position: center;
}
#wrap .app_dw_m{display: none;}
#wrap .r1 .nav1 {
    width: 96%;
    padding-top: 20px;
    left: 50%;
    transform: translate(-50%); 
}
#wrap .r1 .r1_bg {width: 100%;}

#wrap .r1 .r1_bg .r1_con_m{ display: block;padding-top: 70px;}
#wrap .r1 .r1_bg .r1_con_m h2{width: 100%;}
#wrap .r1 .r1_bg .r1_con_m h2 img{max-width: 768px;width: 80%;}
#wrap .r1 .r1_bg .r1_con_m p{color: #fff;margin: 10px 0;font-size: 18px;}
#wrap .r1 .r1_bg .r1_con{display: none;}
.app_dw1{display: none;}

/*r1:E*/
/*r2:S*/
#wrap .r2 {
    width: 100%;
    height: 580px;
    background-size: cover;
    background-position: right;
    overflow: hidden;
    text-align: center;
}

#wrap .r2 .max_1200 {
    padding-top: 40px;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r2 .max_1200 .r2_con{display: none;}
#wrap .r2 .r2_con_m{display: block;}
#wrap .r2 .max_1200 .r2_con_m .phone1 {
    position: absolute;
    width: 220px;
    height: 340px;
    background-image: url(../img/r2_iphone_m.png);
    background-position: top;
    background-size: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
}

#wrap .r2 .max_1200 .r2_con_m .phone1 .phone1_bg {
    width: 190px;
    height:100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    margin-top: 52px;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/

.r2_con_m .menu li {
    width: 18%;
    margin-right: 0;
    font-size: 16px;
}

.r2_con_m .menu li a {
    display: block;
    padding-top: 10px;
}
/*슬라이드메뉴:s*/
.r2_con_m .menu #main {
    margin: 15px auto;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con_m .slid_txt {width:100%;}
.r2_con_m .slid_txt .s_txt1 {width: 100%;color: #292929;margin:0;margin-top: 50px;}
.r2_con_m .slid_txt .s_txt1 span {font-size: 30px;margin-bottom: 10px;}
.r2_con_m .slid_txt .s_txt1 p {font-size: 18px;}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/
/*r2:E*/
/*r3:s*/
#wrap .r3 {
    width: 100%;
    height: 780px;
    position: relative;
    overflow: hidden;
}
#wrap .r3 .r3_bg {
    width: 100%;
    height: 450px;
    background-position: top;
    background-size: cover;
}
#wrap .r3 .r3_con {display: none;}
#wrap .r3 .r3_con_m{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    }

#wrap .r3 .r3_con_m .r3_left {width: 100%; padding-top: 40px;}
#wrap .r3 .r3_con_m .r3_left .r3_title h3 {;margin-bottom: 5px;}
#wrap .r3 .r3_con_m .r3_left .r3_title h2 {font-size: 30px;line-height: 1.3;}    
#wrap .r3 .r3_con_m .phone2 {
    margin-top: 40px;
    width: 220px;
    height: 470px;
}

#wrap .r3 .r3_con_m .phone2 .phone2_bg {
    width: 200px;
    height: 350px;
    margin-top: 50px;
}


/******* 슬라이드_css *******/

.r3_con_m .phone2 .slides {height: 100%;}
.r3_con_m .phone2 .slides .slide img {
    width: 100%;
    height: 100%;
}
.r3_con_m .menu2 {
    width: 100%;
    margin-top: 120px;
}
.r3_con_m .menu2 ul {
    width: 100%;
    text-align: center;
}

.r3_con_m .menu2 li {
    width: 10px;
    height: 10px;
    margin-top: 390px;
}
.r3_con_m .menu2 li a {
    background-color: #848484;
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0.5;
}

/*슬라이드메뉴:s*/
#wrap .r3 .r3_con_m .r3_txt{
    width: 95%;
    line-height: 1.5;
    font-size: 18px;
    margin-top:20px;
    }    

/*슬라이드메뉴:end*/
/*r3:E*/    

/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 620px;
    background-size: cover;
    background-position: center;
}

#wrap .r4 .max_1200 {width: 100%;}
#wrap .r4 .r4_title {width: 100%;}
#wrap .r4 .r4_title h3 {font-size: 16px;}
#wrap .r4 .r4_title h2 {
    width: 100%;
    margin: 20px 0;
    font-size: 30px;
}
#wrap .r4 .r4_title p {line-height: 1.3;font-size: 18px;}
#wrap .r4 .icon_m{
    width: 100%;
    height: 450px;
    background-size:90%;
    background-position: center;
    top: 200px;
    }
/*r4:E*/
/*r5:s*/
#wrap .r5 {
    width: 100%;
    height: 680px;
    background-image: url(../img/r5_bg1.jpg);
    background-position:-50px;
    background-size: cover;
    overflow: hidden;
}
#wrap .r5 .r5_con_m{width: 100%;height: 100%;}
.r5_con_m .phone3_bg .r5_move {
    position: absolute;
    width: 100%;
    height: 2400px;
    background-size: 100%;
}


/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5_con_m .slid_txt {width: 95%;padding-top: 30px;}
.r5_con_m .slid_txt .s_txt1 span {font-size: 30px;margin: 20px 0;}
.r5_con_m .slid_txt .s_txt1 p {line-height: 1.5;font-size: 18px;}
.r5_con_m .menu3 {width: 100%;margin-top: 20px;}
.r5_con_m .menu3 ul {width: 100%;}
.r5_con_m .menu3 li { margin-right: 10px;}

/*슬라이드메뉴:s*/
.r5_con_m .menu3 li a span {
    width: 45px;
    height: 45px;
    background-size: 45px;
}
.r5_con_m .menu3 li a p {font-size: 15px;}
.r5_con_m .menu3 p {padding: 10px;}
/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*r5:e*/    



/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 50px;
}

#wrap .r6 .r6_title {text-align: center;padding: 20px 0;}
#wrap .r6 .r6_title img {margin-bottom: 0;width: 80px;}
#wrap .r6 .r6_title h2 {font-size: 30px;padding: 10px 0;}
#wrap .r6 .r6_slide {width: 92%;}
/*슬라이드css*/

.bx-wrapper {
    margin-bottom: 10px;
}

ul.bxslider li {
    position: relative;
    width: 100%;
    height: 320px;
    background-color: #fff;
}

ul.bxslider li .txt_bg span {
    display: inline-block;
    padding: 10px 0;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 18px;
    border-right: 1px solid #eaeaea;
}

ul.bxslider li .r6_img {
    width: 100%;
    height: 200px;
}
ul.bxslider li .img_title {
    width: 100%;
    bottom: 0;
    z-index: 99;
    color: #fff;
    padding: 50px 0 30px 0;
    bottom: 0;
    box-shadow: 0px -90px 70px -30px rgba(0, 0, 0, 0.7) inset;
    text-align: center;
}

ul.bxslider li .img_title h2 {font-size: 24px;margin-top: 10px;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
    padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 30px;
    height: 3px;
    margin: 0 5px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
/*슬라이드css:end*/

/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
    background-size: cover;
    background-position: 0 -20px;
}

#wrap .r7 .max_1200 {
    height: 300px;
    position: relative;
    padding: 0;
}

#wrap .r7 .r7_left {
    width: 100%;
    height: 100%;
    top: 15%;
    opacity: 1;
}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 30px;
    margin-bottom: 30px;
    padding-top: 0;
    line-height: 1.2;
    color: #235bcd;
}

#wrap .r7 .r7_left p {
    width:80%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    font-size: 18px;
}
/*r7:end*/
    
    
    /*sns,스케줄러홍보*/
.r7_2{width: 100%;margin: 0 auto;padding: 40px 0;text-align: center;}
    .r7_2_bg1{background-image: url(../img/r7_2_bg1.jpg?1);background-position: bottom;background-size: cover;}    
.r7_2 .r7_2_con_bg{display: none;}
.r7_2 .r7_2_con_bg2{
    display: none;
}
.r7_2 .r7_2_con{
    width: 100%;
    clear: both;
}
.new_h3{}
.new_h3 span{font-size: 20px;}
.new_h3 p{font-size: 24px;}
.sns_line{padding: 20px 0;}
.new_p{width: 90%;margin: 0 auto;}
.new_p p{font-size: 16px;margin-bottom: 10px;font-weight: 600;}
.new_p span{;font-size: 16px;}
.r7_2_con_bg_btm{width: 100%;}
.r7_2_ul01{width: 100%;margin:20px 0 10px 0;}
.r7_2_ul01 img{width: 90px;}
.r7_2_ul02{width: 100%;}
.r7_2_ul02 li{float: none;margin-right: 5px;display: inline-block;}
.r7_2_ul03{font-size: 16px;font-weight: 600;}
/*sns,스케줄러홍보:end*/  
    
    
/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 750px;
    background-size: cover;
}
#wrap .r8 .r8_con_m {
    display: block;
    width: 100%;
    height: 100%;
}
#wrap .r8 .r8_con_m .r8_left {width: 100%;}
#wrap .r8 .r8_con_m .r8_left p {
    display: none;
}

#wrap .r8 .r8_con_m .r8_left h2 {
    height: 100%;
    display: inline-block;
    padding:30px 0 10px 0;
}
#wrap .r8 .r8_con_m .r8_left a{display: inline-block;}

#wrap .r8 .r8_con_m .r8_left h2 img {max-width: 1000px;width: 90%;}

#wrap .r8 .r8_con_m .phone4 {
    position: absolute;
    width: 240px;
    height: 500px;
    background-image: url(../img/r8_iphone2.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 28%;
    margin-top: 10px;
}

#wrap .r8 .r8_con_m .r8_free {
    position: absolute;
    right:15%;
    z-index: 9;
    display: inline-block;
    top: 30%;
    display: none;
}
#wrap .r8 .r8_con_m .r8_free img{width: 130px;}
/*r8:e*/
    
/*대회*/
.contest{width: 100%;}
.contest_con{width: 90%;padding: 50px 0;}

/*카운트다운_우승상금*/ 
.count_wrap{margin-top: 10px;display: inline-block;}
.count_wrap p{line-height: 1;font-size: 16px;}
.count_wrap .money span{font-size: 28px;}
.moneytxt{font-size: 28px;}

.contest_con h2{font-size: 28px;margin-bottom: 30px;}
.p_txt1{font-size: 16px;line-height: 2;}
.more_btn_wrap{margin-top: 20px;}
.more_btn{width: 40%;}
.more_btn a{padding: 22px 0;display: inline-block;color: #fff;font-size: 15px;width: 100%;height: 100%;}
/*end:대회*/

/*언론보도*/
.news{}
.news_con{width:90%;margin: 0 auto;letter-spacing: -0.03em;padding: 50px 0;}
.news_con h2{font-size: 28px;margin-bottom: 20px;font-family: 'NanumSquareEB';color: rgba(34, 34, 34, 0.8)}
.news_con ul{width: 100%;}
.news_con ul li a{padding: 20px 0;}
.news_con ul li a:hover{transform: scale(1);}
.news_con ul li .news_day{font-size: 14px;font-family: 'NanumSquareL';font-weight: 600;padding-bottom: 25px;}
.news_con ul li .news_title{font-size: 18px;}

/*end:언론보도*/
    
/*서브페이지_야구인닷컴배*/
.contest_sub{width: 100%;height: 300px;}
.contest_sub_title h2{padding-top: 160px;font-size: 32px; -webkit-animation-name: none;}
.contest_sub_title h2 p{font-size: 14px;}

/*라인*/
.line_btm{margin: 20px 0;}

/*갤러리*/
.title_h2{width: 100%;font-size: 24px;padding: 0 20px;}
.gallery{width: 94%;margin: 0 auto;}
    .gallery_li p em{font-size: 16px;} 

/*예선결과표*/
/*조별리스트*/
.contest_list_bg{width: 100%;margin: 0 auto;border-top: 4px solid #eb4949;}
.contest_list{width: 94%;border-bottom: 10px solid #f0f1f6;margin: 0 auto;}
.contest_list .title{font-size: 20px;padding: 10px 0;font-family: 'NanumSquareB';border-bottom: 2px solid #eee;}
.contest_list .team_li{width: 100%;padding: 10px;border-bottom: 2px solid #eee;overflow: hidden;font-size: 16px;}
.win_point{color: #eb4949;font-weight: 600;}
.team_l{width: 50%;float: left;}
.team_l p{width: 80%;float: left;}
.team_l .result{width: 20%;float: right;}

.team_r{width: 50%;float: right;}
.team_r p{width: 80%;float: right;text-align: right;}
.team_r .result{width: 20%;float: left;text-align: right;}
/*end:예선결과표*/

/*본선경기결과*/
.final_win{width: 100%;text-align: center;}
/*end:본선경기결과*/

/*end:서브페이지_야구인닷컴배*/
    
    
    

/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0 110px 0;
    text-align: center;
}

footer .max_1200 {
    width: 95%;
    padding: 0;
    position: relative;
}

/*탑버튼:s*/
footer .topBtn {
    position: absolute;
    right: 3%;
    transition: 0.3s;
    top: -50%;
}

footer .topBtn img {}

/*탑버튼:e*/
footer span {
    width: 100%;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}

footer .app_dw1 {}

footer .f_btm{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    }

footer .f_sns {
    width: 100%;
    height: 30px;
    color: #fff;
    margin: 20px 0;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer p {
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
}    
/*footer:E*/  
 /*고정다운 앱 버튼*/    
 #wrap .app_dw_m{
     width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 9999;
     text-align: center;
    }
#wrap .app_dw_m span{
    float: left;
    width: 50%;
    height: 60px;
    background-color: #0071dd;
    border: 1px solid #0054a3;
    display: inline-block;
    }
#wrap .app_dw_m span a{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 50%;
    display: inline-block;
    }    
    .app_dw_m span:nth-of-type(1) a{
    background-image: url(../img/btn_apple_m.png);
    }
#wrap .app_dw_m span:nth-of-type(2) a{
    background-image: url(../img/btn_google_m.png);
    }    
/*고정다운 앱 버튼:end*/   
}
/*768px:end*/



/*500px*/
@media screen and (max-width:500px){
    .map_p{font-size: 12px}
#wrap {
    width: 100%;
}
    

/*메인*/ 
.main{}
.main_con{padding-top: 130px;overflow: hidden;}
.main_phone img{max-width: 270px;}
.main_txt{
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
    color: #fff;
    font-size: 30px;
    letter-spacing: -0.04em;
    text-align: center;
}
.arrow{display: none;}
.main_txt1{margin-bottom: 10px;}

/*end:메인*/
.app_dw1{display: none;}

/*r1:E*/
/*r2:S*/
#wrap .r2 {
    width: 100%;
    height: 580px;
    background-size: cover;
    background-position: right;
    overflow: hidden;
    text-align: center;
}

#wrap .r2 .max_1200 {
    padding-top: 40px;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r2 .max_1200 .r2_con{display: none;}
#wrap .r2 .r2_con_m{display: block;}
#wrap .r2 .max_1200 .r2_con_m .phone1 {
    position: absolute;
    width: 220px;
    height: 340px;
    background-image: url(../img/r2_iphone_m.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
}

#wrap .r2 .max_1200 .r2_con_m .phone1 .phone1_bg {
    width: 190px;
    height:100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    margin-top: 52px;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/
.r2_con_m .phone1 .slides {
    height: 100%;
    overflow: hidden;
}
.r2_con_m .phone1 .slides .slide {float: left;}
.r2_con_m .phone1 .slides .slide img {
    height: 100%;
}
.r2_con_m .menu {
    width: 100%;
    font-weight: 700;
}

.r2_con_m .menu ul {
    width: 100%;
    text-align: center;
}

.r2_con_m .menu li {
    width: 18%;
    margin-right: 0;
    display: inline-block;
    font-size: 16px;
}

.r2_con_m .menu li.act {
    color: #235bcd;
    border-bottom: 3px solid #235bcd;
    box-sizing: border-box;
}

.r2_con_m .menu li.act a {
    cursor: default;
    color: #235bcd;
}
.r2_con_m .menu li a {
    color: #505050;
    display: block;
    padding-top: 10px;
}
/*슬라이드메뉴:s*/
.r2_con_m .menu #main {
    margin: 15px auto;
    text-align: center;
    position: relative;
}
.r2_con_m .menu a,
.r2_con_m .menu a:visited {
    text-decoration: none;
    outline: none;
}
.r2_con_m .menu a:hover {
    color: #235bcd;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con_m .slid_txt {
    width:100%;
    text-align: center;
    position: relative;
}
.r2_con_m .slid_txt .s_txt1 {width: 100%;color: #292929;margin:0;margin-top: 40px;}
.r2_con_m .slid_txt .s_txt1 span {font-size: 26px;display: inline-block;margin-bottom: 10px;}
.r2_con_m .slid_txt .s_txt1 span em {font-weight: 700;}
.r2_con_m .slid_txt .s_txt1 p {width: 65%;margin: 0 auto;font-size: 16px;color: #585858;}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/
/*r2:E*/
/*r3:s*/
#wrap .r3 {
    width: 100%;
    height: 780px;
    position: relative;
    overflow: hidden;
}
#wrap .r3 .r3_bg {
    width: 100%;
    height: 450px;
    background-position: top;
    background-size: 200%;
}
#wrap .r3 .r3_con {display: none;}
#wrap .r3 .r3_con_m{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    }

#wrap .r3 .r3_con_m .r3_left {
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

#wrap .r3 .r3_con_m .r3_left .r3_title {}
#wrap .r3 .r3_con_m .r3_left .r3_title h3 {color: #eee;margin-bottom: 5px;}
#wrap .r3 .r3_con_m .r3_left .r3_title h2 {font-size: 26px;line-height: 1.3;}    
#wrap .r3 .r3_con_m .phone2 {
    margin-top: 40px;
    position: absolute;
    width: 220px;
    height: 470px;
    background-image: url(../img/r3_iphone.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r3 .r3_con_m .phone2 .phone2_bg {
    width: 200px;
    height: 350px;
    margin: 0 auto;
    background-color: #000;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 50px;
}


/******* 슬라이드_css *******/

.r3_con_m .phone2 .slides {
    height: 100%;
    overflow: hidden;
}

.r3_con_m .phone2 .slides .slide {
    width: 200px;
    float: left;
}

.r3_con_m .phone2 .slides .slide img {
    width: 100%;
    height: 100%;
}
.r3_con_m .menu2 {
    width: 100%;
    margin-top: 120px;
}

.r3_con_m .menu2 ul {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.r3_con_m .menu2 li {
    width: 10px;
    height: 10px;
    list-style: none;
    display: inline-block;
    margin-top: 390px;
}
.r3_con_m .menu2 li a {
    background-color: #848484;
     border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0.5;
}

.r3_con_m .menu2 li.act,
li.act:hover {
    opacity: 1;
}

.r3_con_m .menu2 li.act a {opacity: 1;}
/*슬라이드메뉴:s*/
.r3_con_m .menu2 a,
.r3_con_m .menu2 a:visited {
    text-decoration: none;
    outline: none;
}
.r3_con_m .menu2 a:hover {opacity: 1;}
#wrap .r3 .r3_con_m .r3_txt{
    width: 95%;
    text-align: center;
    color: #4e4e4e;
    line-height: 1.5;
    font-size: 16px;
    display: inline-block;
    margin-top:20px;
    }    

/*슬라이드메뉴:end*/
/*r3:E*/    

/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    position: relative;
}

#wrap .r4 .max_1200 {width: 95%;}
#wrap .r4 .r4_title {
    width: 100%;
    text-align: center;
}
@keyframes r4_h {
    0% {
        top: 180px;
        opacity: 0;
    }

    100% {
        top: 50px;
        opacity: 1;
    }
}

#wrap .r4 .r4_title h3 {
    color: #fff;
    font-size: 16px;
}

#wrap .r4 .r4_title h2 {
    width: 70%;
    margin: 0 auto;
    padding: 15px;
    font-size: 22px;
    line-height: 1.2;
}
#wrap .r4 .r4_title p {
    width: 90%;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 16px;
}

.p_cet {
    display: none;
}
#wrap .r4 .icon_m{
    position: absolute;
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-position: center;
    top: 250px;
    }
/*r4:E*/
/*r5:s*/
#wrap .r5 {
    width: 100%;
    height: 680px;
    background-image: url(../img/r5_bg1.jpg);
    background-position:-50px;
    background-size: cover;
    overflow: hidden;
}
#wrap .r5 .max_1200{display: none;}
#wrap .r5 .r5_con_m{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    }

#wrap .r5 .r5_con_m .phone3 {
    position: absolute;
    width: 240px;
    height: 400px;
    background-image: url(../img/r2_iphone1.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r5 .r5_con_m .phone3 .phone3_bg {
    position: absolute;
    width: 215px;
    height: 350px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 15%;
}

.r5_con_m .phone3_bg .r5_move {
    position: absolute;
    width: 100%;
    background-size: 100%;
}


/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5_con_m .slid_txt {
    width: 95%;
    text-align: center;
    padding-top: 30px;
    }
.r5_con_m .slid_txt h3 {}
.r5_con_m .slid_txt .s_txt1 {}
.r5_con_m .slid_txt .s_txt1 span {
    display: inline-block;
    font-size: 22px;
    margin: 20px 0 10px 0;
}

.r5_con_m .slid_txt .s_txt1 p {
    line-height: 1.2;
    font-size: 16px;
}

.r5_con_m .menu3 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.r5_con_m .menu3 ul {
    width: 100%;
}
.r5_con_m .menu3 li {
    display: inline-block;
    margin-right: 10px;
}

.r5_con_m .menu3 li:last-child {
    margin-right: 0;
}

.r5_con_m .menu3 li a {
    color: #505050;
    display: block;
    transition: 0.2s;
    opacity: 0.5;
    display: inline-block;
}

.r5_con_m .menu3 a img {
    border: none;
}

/*슬라이드메뉴:s*/

.r5_con_m .menu3 a,
.r5_con_m .menu3 a:visited {
    text-decoration: none;
    outline: none;
    opacity: 1;
}
.r5_con_m .menu3 a:hover {
    opacity: 1;
}
.r5_con_m .menu3 li a span {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-size: 45px;
    background-position: center;
}
.r5_con_m .menu3 li a p {
    font-size: 15px;
    display: block;
}


.r5_con_m .menu3 li.act a {
    cursor: default;
    opacity: 1;
}
.r5_con_m .menu3 p {
    padding: 10px;
    text-align: center;
}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/

/*r5:e*/    



/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 50px;
    overflow: hidden;
}

#wrap .r6 .r6_title {
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
#wrap .r6 .r6_title img {margin-bottom: 0;width: 80px;}
#wrap .r6 .r6_title h2 {font-size: 30px;padding: 10px 0;}
#wrap .r6 .r6_slide {
    width: 92%;
}
/*슬라이드css*/

.bx-wrapper {
    position: relative;
    margin-bottom: 0;
    height: 100%;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
}

ul.bxslider li {
    position: relative;
    width: 100%;
    height: 320px;
    background-color: #fff;
}

ul.bxslider li .txt_bg span {
    display: inline-block;
    padding: 10px 0;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 18px;
    border-right: 1px solid #eaeaea;
}

ul.bxslider li .r6_img {
    width: 100%;
    height: 200px;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;

}


ul.bxslider li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: #fff;
    padding: 50px 0 30px 0;
    position: absolute;
    bottom: 0;
    box-shadow: 0px -90px 70px -30px rgba(0, 0, 0, 0.7) inset;
    text-align: center;
}

ul.bxslider li .img_title h2 {
    font-size: 22px;
    margin-top: 10px;
}
ul.bxslider li .img_title h3{display: none;}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
    padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 30px;
    height: 3px;
    margin: 0 5px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    display: none;
}
/*슬라이드css:end*/

/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
    background-size: cover;
    background-position: 0 -20px;
}

#wrap .r7 .max_1200 {
    height: 300px;
    position: relative;
    padding: 0;
}

#wrap .r7 .r7_left {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 15%;
    opacity: 1;
}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 26px;
    margin-bottom: 30px;
    padding-top: 0;
    line-height: 1.2;
}

#wrap .r7 .r7_left p {
    width:65%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    font-size: 16px;

}
#wrap .r7 .r7_left p span{display: none;}    

#wrap .r7 .r7_left p em {
    color: #003ebc;
}
#wrap .r7 .r7_img {
    display: none;
}
/*r7:end*/
/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 750px;
    background-size: cover;
}
#wrap .r8 .max_1200 {display: none;}
#wrap .r8 .r8_con_m {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r8 .r8_con_m .r8_left {
    width: 100%;
    text-align: center;
    }

#wrap .r8 .r8_con_m .r8_left p {
    display: none;
}

#wrap .r8 .r8_con_m .r8_left h2 {
    height: 100%;
    display: inline-block;
    padding:30px 0 10px 0;
}
#wrap .r8 .r8_con_m .r8_left a{display: inline-block;}

#wrap .r8 .r8_con_m .r8_left h2 img {max-width: 1000px;width: 90%;}

#wrap .r8 .r8_con_m .phone4 {
    position: absolute;
    width: 240px;
    height: 500px;
    background-image: url(../img/r8_iphone2.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 28%;
    margin-top: 10px;
}

#wrap .r8 .r8_con_m .r8_free {
    position: absolute;
    right:15%;
    z-index: 9;
    display: inline-block;
    top: 30%;
    display: none;
}
#wrap .r8 .r8_con_m .r8_free img{width: 130px;}
/*r8:e*/
    

/*대회*/
.contest{width: 100%;}
.contest_con{width: 90%;padding: 50px 0;}

/*카운트다운_우승상금*/ 
.count_wrap{margin-top: 10px;display: inline-block;width: 100%;}
.count_wrap p{line-height: 1;font-size: 16px;}
.count_wrap .money span{font-size: 20px;}
.moneytxt{font-size: 20px;}

.contest_con h2{font-size: 28px;margin-bottom: 30px;}
.p_txt1{font-size: 14px;}
.more_btn_wrap{margin-top: 20px;}
.more_btn{width: 45%;}
.more_btn a{padding: 20px 0;font-size: 14px;}
/*end:대회*/

/*언론보도*/
.news_con{width:90%;margin: 0 auto;letter-spacing: -0.03em;padding: 50px 0;}
.news_con h2{font-size: 28px;margin-bottom: 20px;font-family: 'NanumSquareEB';color: rgba(34, 34, 34, 0.8)}
.news_con ul{width: 100%;}
.news_con ul li a{padding: 20px 0;}
.news_con ul li a:hover{transform: scale(1);}
.news_con ul li .news_day{font-size: 14px;font-family: 'NanumSquareL';font-weight: 600;padding-bottom: 15px;}
.news_con ul li .news_title{font-size: 16px;line-height: 1.4;text-decoration:underline;}

/*end:언론보도*/    
    
/*서브페이지_야구인닷컴배*/
.contest_sub{width: 100%;height: 250px;}
.contest_sub_title h2{padding-top: 140px;font-size: 26px; -webkit-animation-name: none;line-height: 1;}
.contest_sub_title h2 p{font-size: 14px;}


/*갤러리*/

    
/*예선결과표*/
/*조별리스트*/
.contest_list_bg{width: 100%;margin: 0 auto;border-top: 4px solid #eb4949;}
.contest_list{width: 94%;border-bottom: 10px solid #f0f1f6;margin: 0 auto;}
.contest_list .title{font-size: 18px;padding: 10px 0;}
.contest_list .team_li{width: 100%;padding: 8px;font-size: 14px;line-height: 1.2;}
/*end:예선결과표*/

/*본선경기결과*/
.final_win{width: 100%;text-align: center;}
/*end:본선경기결과*/

/*end:서브페이지_야구인닷컴배*/    

/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0 110px 0;
    text-align: center;
}

footer .max_1200 {
    width: 95%;
    padding: 0;
    position: relative;
}

/*탑버튼:s*/
footer .topBtn {display: none;}
footer .topBtn img {
    position: fixed;
    z-index: 999;
    right: 3%;
    transition: 0.3s;
    bottom: 90px;
    }

/*탑버튼:e*/
footer span {
    width: 100%;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}

footer .app_dw1 {}

footer .f_btm{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    }

footer .f_sns {
    width: 100%;
    height: 30px;
    color: #fff;
    margin: 20px 0;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer p {
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
}    
/*footer:E*/  
 /*고정다운 앱 버튼*/    
 #wrap .app_dw_m{
     width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 999;
     text-align: center;
    }
#wrap .app_dw_m span{height: 50px;}
#wrap .app_dw_m span a{background-size: 55%;}      
/*고정다운 앱 버튼:end*/   
}
/*500px:end*/



/*414px*/
@media screen and (max-width:414px){

#wrap .r1 {
    width: 100%;
    height: 580px;
}
#wrap .r1 .nav1 {
    width: 96%;
    padding-top: 20px;
}
#wrap .r1 .nav1 .logo {
    width: 60px;
}
#wrap .r1 .nav1 .r1_sns a{width: 30px;height: 30px;display: inline-block;transition: 0.3s;margin: 0 2px;}
#wrap .r1 .nav1 .r1_sns a:hover{opacity: 0.7;}
#wrap .r1 .nav1 .r1_sns img {width: 100%;}    
#wrap .r1 .r1_bg {
    width: 100%;
    text-align: center;
}

#wrap .r1 .r1_bg .r1_con_m{
    display: block;
    padding-top: 90px;
    }
#wrap .r1 .r1_bg .r1_con_m h2{width: 100%;margin-bottom: 10px;padding-top: 10px;}
#wrap .r1 .r1_bg .r1_con_m h2 img{max-width: 768px;width: 96%;}
#wrap .r1 .r1_bg .r1_con_m p{color: #fff;font-size: 16px;width: 100%;margin: 0 auto;}
/*r1:E*/
/*r2:S*/
#wrap .r2 {
    width: 100%;
    height: 560px;
    background-position: right;
    overflow: hidden;
    text-align: center;
}

#wrap .r2 .max_1200 {
    padding-top: 30px;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r2 .r2_con_m{display: block;}
#wrap .r2 .max_1200 .r2_con_m .phone1 {
    position: absolute;
    width: 220px;
    height: 340px;
    background-image: url(../img/r2_iphone_m.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
}

#wrap .r2 .max_1200 .r2_con_m .phone1 .phone1_bg {
    width: 190px;
    height:100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    margin-top: 52px;
    box-sizing: border-box;
    border-radius: 5px;
}


/******* 슬라이드_css *******/
.r2_con_m .phone1 .slides {
    height: 100%;
    overflow: hidden;
}
.r2_con_m .phone1 .slides .slide {float: left;}
.r2_con_m .phone1 .slides .slide img {
    height: 100%;
}
.r2_con_m .menu {
    width: 100%;
}

.r2_con_m .menu ul {
    width: 100%;
    text-align: center;
}

.r2_con_m .menu li {
    width: 23%;
    margin-right: 0;
    display: inline-block;
    font-size: 14px;
}

.r2_con_m .menu li.act {
    color: #235bcd;
    border-bottom: 3px solid #235bcd;
    box-sizing: border-box;
}

.r2_con_m .menu li.act a {
    cursor: default;
    color: #235bcd;
}
.r2_con_m .menu li a {
    color: #505050;
    display: block;
    padding-top: 10px;
}
/*슬라이드메뉴:s*/
.r2_con_m .menu #main {
    margin: 15px auto;
    text-align: center;
    position: relative;
}
.r2_con_m .menu a,
.r2_con_m .menu a:visited {
    text-decoration: none;
    outline: none;
}
.r2_con_m .menu a:hover {
    color: #235bcd;
}

/*슬라이드메뉴:end*/
/*슬라이드 텍스트*/
.r2_con_m .slid_txt {
    width:100%;
    text-align: center;
    position: relative;
}
.r2_con_m .slid_txt .s_txt1 {width: 100%;color: #292929;margin:0;margin-top: 40px;}
.r2_con_m .slid_txt .s_txt1 span {font-size: 22px;display: inline-block;margin-bottom: 10px;}
.r2_con_m .slid_txt .s_txt1 p {width: 82%;margin: 0 auto;font-size: 16px;color: #585858;line-height: 1.2;}

/*슬라이드 텍스트:end*/
/***** 슬라이드_css:end ******/
/*r2:E*/
/*r3:s*/

#wrap .r3 .r3_con_m .r3_left .r3_title h2 {font-size: 24px;line-height: 1.3;}    




/******* 슬라이드_css *******/

.r3_con_m .phone2 .slides {
    height: 100%;
    overflow: hidden;
}
#wrap .r3 .r3_con_m .r3_txt{font-size: 16px;}    

/*슬라이드메뉴:end*/
/*r3:E*/    

/*r4:s*/

#wrap .r4 .max_1200 {width: 100%;}

#wrap .r4 .r4_title h2 {font-size: 24px;}

#wrap .r4 .icon_m{
    position: absolute;
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-position: center;
    top: 250px;
    }
/*r4:E*/
/*r5:s*/
#wrap .r5 {
    width: 100%;
    height: 680px;
    background-image: url(../img/r5_bg1.jpg);
    background-position:-50px;
    background-size: cover;
    overflow: hidden;
}
#wrap .r5 .max_1200{display: none;}
#wrap .r5 .r5_con_m{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    }

#wrap .r5 .r5_con_m .phone3 {
    position: absolute;
    width: 250px;
    height: 400px;
    background-image: url(../img/r2_iphone1.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r5 .r5_con_m .phone3 .phone3_bg {
    position: absolute;
    width: 215px;
    height: 350px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    left: 47%;
    transform: translate(-50%);
    top: 15%;
}

.r5_con_m .phone3_bg .r5_move {
    position: absolute;
    width: 100%;
    background-size: 100%;
}


/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5_con_m .slid_txt {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    }

.r5_con_m .slid_txt .s_txt1 span {
    margin: 10px 0;
    font-size: 22px;
}

.r5_con_m .slid_txt .s_txt1 p {
    line-height: 1.5;
    font-size: 16px;
}


/*r5:e*/    



/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 50px;
    overflow: hidden;
}

#wrap .r6 .r6_title {
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
#wrap .r6 .r6_title img {margin-bottom: 0;width: 80px;}
#wrap .r6 .r6_title h2 {font-size: 30px;padding: 10px 0;}
/*슬라이드css*/

.bx-wrapper {
    position: relative;
    margin-bottom: 0;
    height: 100%;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
}

ul.bxslider li {
    position: relative;
    width: 100%;
    height: 320px;
    background-color: #fff;
}

ul.bxslider li .txt_bg span {
    display: inline-block;
    padding: 10px 0;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 17px;
    border-right: 1px solid #eaeaea;
}


ul.bxslider li .txt_bg span h3 {
    margin-bottom: 10px;
    color: #838383;
}

ul.bxslider li .txt_bg span p {
    line-height: 1.3;
}

ul.bxslider li .r6_img {
    width: 100%;
    height: 200px;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;

}

ul.bxslider li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: #fff;
    padding: 50px 0 30px 0;
    position: absolute;
    bottom: 0;
    box-shadow: 0px -70px 50px -30px rgba(0, 0, 0, 0.7) inset;
    text-align: center;
}

ul.bxslider li .img_title h2 {
    font-size: 22px;
    margin-top: 10px;
}
ul.bxslider li .img_title h3{display: none;}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
    padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 30px;
    height: 3px;
    margin: 0 5px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    display: none;
}
/*슬라이드css:end*/

/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
    background-size: cover;
    background-position: 0 -20px;
}

#wrap .r7 .max_1200 {
    height: 300px;
    position: relative;
    padding: 0;
}

#wrap .r7 .r7_left {
     top: 15%;
    opacity: 1;
}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 30px;
    margin-bottom: 30px;
    padding-top: 0;
    line-height: 1.2;
    color: #235bcd;
}

#wrap .r7 .r7_left p {
    width:75%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    font-size: 18px;
}
#wrap .r7 .r7_left p span{display: none;}    

#wrap .r7 .r7_left p em {
    color: #003ebc;
}
#wrap .r7 .r7_img {
    display: none;
}
/*r7:end*/
/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 750px;
    background-size: cover;
}
#wrap .r8 .max_1200 {display: none;}
#wrap .r8 .r8_con_m {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r8 .r8_con_m .r8_left {
    width: 100%;
    text-align: center;
    }

#wrap .r8 .r8_con_m .r8_left p {
    display: none;
}

#wrap .r8 .r8_con_m .r8_left h2 {
    height: 100%;
    display: inline-block;
    padding:30px 0 10px 0;
}
#wrap .r8 .r8_con_m .r8_left a{display: inline-block;}

#wrap .r8 .r8_con_m .r8_left h2 img {max-width: 1000px;width: 100%;}

#wrap .r8 .r8_con_m .phone4 {
    position: absolute;
    width: 240px;
    height: 500px;
    background-image: url(../img/r8_iphone2.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    top: 28%;
    margin-top: 10px;
}

#wrap .r8 .r8_con_m .r8_free {
    position: absolute;
    right:2%;
    z-index: 9;
    display: inline-block;
    top: 28%;
    display: none;
}
#wrap .r8 .r8_con_m .r8_free img{width: 120px;}



/*r8:e*/

/*footer:S*/
footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 30px 0 110px 0;
    text-align: center;
}

footer .max_1200 {
    width: 96%;
    padding: 0;
    position: relative;
}

footer span {
    width: 100%;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    font-size: 17px;
}

footer .app_dw1 {}

footer .f_btm{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    }

footer .f_sns {
    width: 100%;
    height: 30px;
    color: #fff;
    margin: 20px 0;
}

footer .f_sns a {
    width: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

footer p {
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
}    
/*footer:E*/  
 /*고정다운 앱 버튼*/    
 #wrap .app_dw_m{
     width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
     text-align: center;
    }
#wrap .app_dw_m span{height: 50px;}
#wrap .app_dw_m span a{background-size: 65%;}       
/*고정다운 앱 버튼:end*/   
}
/*414px:end*/


/*320px*/
@media screen and (max-width:320px){


/*r2:S*/
#wrap .r2 {
    height: 540px;
}

.r2_con_m .phone1 .slides .slide {float: left;}
.r2_con_m .phone1 .slides .slide img {
    height: 100%;
}
.r2_con_m .menu {
    width: 100%;
}

.r2_con_m .menu ul {
    width: 100%;
    text-align: center;
}

.r2_con_m .menu li {
    font-size: 13px;
}

.r2_con_m .slid_txt .s_txt1 {width: 100%;color: #292929;margin:0;margin-top: 20px;}
.r2_con_m .slid_txt .s_txt1 span {font-size: 22px;display: inline-block;margin-bottom: 10px;}
.r2_con_m .slid_txt .s_txt1 p {width: 90%;margin: 0 auto;font-size: 16px;color: #585858;line-height: 1.2;}
/*r2:E*/
    
/*r3:s*/
#wrap .r3 {
    height: 740px;
}
#wrap .r3 .r3_bg {
    height: 450px;
    background-position: top;
    background-size: cover;
}
#wrap .r3 .r3_con_m .r3_left {
    padding-top: 40px;
}
#wrap .r3 .r3_con_m .r3_left .r3_title h3 {color: #eee;margin-bottom: 5px;}
#wrap .r3 .r3_con_m .r3_left .r3_title h2 {font-size: 24px;line-height: 1.3;}    
#wrap .r3 .r3_con_m .phone2 {
    margin-top: 30px;
    position: absolute;
    width: 220px;
    height: 470px;
    background-image: url(../img/r3_iphone.png);
    background-position: top;
    background-size: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
}

#wrap .r3 .r3_con_m .phone2 .phone2_bg {
    width: 200px;
    height: 350px;
    margin: 0 auto;
    background-color: #000;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 50px;
}

.r3_con_m .menu2 {
    width: 100%;
    margin-top: 120px;
}


.r3_con_m .menu2 li {
    width: 10px;
    height: 10px;
    margin-top: 390px;
}

#wrap .r3 .r3_con_m .r3_txt{
    width: 98%;
    color: #4e4e4e;
    line-height: 1.5;
    font-size: 15px;
    margin-top:20px;
    }    

/*슬라이드메뉴:end*/
/*r3:E*/    

/*r4:s*/
#wrap .r4 {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
}

#wrap .r4 .r4_title {
    width: 100%;
    text-align: center;
}

#wrap .r4 .r4_title h2 {
    width: 75%;
    margin: 0 auto;
    padding: 15px;
    font-size: 26px;
    line-height: 1.2;
}
#wrap .r4 .r4_title p {
    width: 100%;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 16px;
}


#wrap .r4 .icon_m{
    position: absolute;
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-position: center;
    top: 250px;
    }
/*r4:E*/
/*r5:s*/
#wrap .r5 {
    width: 100%;
    height: 680px;
    background-image: url(../img/r5_bg1.jpg);
    background-position:-50px;
    background-size: cover;
    overflow: hidden;
}
#wrap .r5 .max_1200{display: none;}
#wrap .r5 .r5_con_m{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    }

#wrap .r5 .r5_con_m .phone3 .phone3_bg {
    position: absolute;
    width: 215px;
    height: 350px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    left: 47%;
    transform: translate(-50%);
    top: 15%;
}

.r5_con_m .phone3_bg .r5_move {
    position: absolute;
    width: 100%;
    background-size: 100%;
}


/******* 슬라이드_css *******/

/*슬라이드 텍스트*/
.r5_con_m .slid_txt {
    width: 95%;
    text-align: center;
    padding-top: 30px;
    }
.r5_con_m .slid_txt h3 {}
.r5_con_m .slid_txt .s_txt1 {}
.r5_con_m .slid_txt .s_txt1 span {
    margin: 20px 0;
    font-size: 26px;
}
.r5_con_m .slid_txt .s_txt1 p {
    line-height: 1.5;
    font-size: 18px;
}

.r5_con_m .menu3 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.r5_con_m .menu3 ul {
    width: 100%;
}
.r5_con_m .menu3 li {
    display: inline-block;
    margin-right: 10px;
}

.r5_con_m .menu3 li:last-child {
    margin-right: 0;
}

.r5_con_m .menu3 li a {
    color: #505050;
    display: block;
    transition: 0.2s;
    opacity: 0.5;
    display: inline-block;
}

.r5_con_m .menu3 a img {
    border: none;
}

/*슬라이드메뉴:s*/

.r5_con_m .menu3 a,
.r5_con_m .menu3 a:visited {
    text-decoration: none;
    outline: none;
    opacity: 1;
}
.r5_con_m .menu3 a:hover {
    opacity: 1;
}
.r5_con_m .menu3 li a span {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-size: 45px;
    background-position: center;
}
.r5_con_m .menu3 li a p {
    font-size: 15px;
    display: block;
}


.r5_con_m .menu3 li.act a {
    cursor: default;
    opacity: 1;
}
.r5_con_m .menu3 p {
    padding: 10px;
    text-align: center;
}

/*r5:e*/    


/*r6:s*/
#wrap .r6 {
    width: 100%;
    padding-bottom: 50px;
}
#wrap .r6 .r6_title {
    padding: 20px 0;
}
#wrap .r6 .r6_title img {margin-bottom: 0;width: 80px;}
#wrap .r6 .r6_title h2 {font-size: 26px;padding: 10px 0;}
/*슬라이드css*/

ul.bxslider li {
    width: 100%;
    height: 320px;
}
ul.bxslider li .txt_bg span {
    padding: 10px 0;
    font-size: 16px;
}
ul.bxslider li .txt_bg span h3 {
    margin-bottom: 10px;
}

ul.bxslider li .txt_bg span p {
    line-height: 1.3;
}


/*r6:end*/

/*r7:s*/
#wrap .r7 {
    width: 100%;
    background-size: cover;
    background-position: right;
}

#wrap .r7 .max_1200 {height: 280px;}

#wrap .r7 .r7_left h2 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 30px;
    padding-top: 0;
    line-height: 1.2;
    color: #235bcd;
}

#wrap .r7 .r7_left p {
    width:90%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    font-size: 17px;
}

/*r7:end*/
    
      /*sns,스케줄러홍보*/
.r7_2{width: 100%;padding: 10px 10px;margin-bottom: 50px;margin-top: 10px;text-align: center;}
.new_h3 span{font-size: 18px;}
.new_h3 p{font-size: 24px;}
.sns_line{padding: 20px 0;}
.new_p{width: 100%;margin: 0 auto;}
.new_p p{font-size: 14px;margin-bottom: 10px;font-weight: 600;}
.new_p span{;font-size: 14px;}
.r7_2_con_bg_btm{width: 100%;}
.r7_2_ul01{width: 100%;margin:20px 0 10px 0;}
    .r7_2_ul01 img{width: 90px;}
.r7_2_ul02{width: 100%;}
.r7_2_ul02 li{float: none;margin-right: 5px;display: inline-block;}
    .r7_2_ul02 li img{width: 40px;}
.r7_2_ul03{font-size: 14px;font-weight: 600;}
/*r8:s*/
#wrap .r8 {
    width: 100%;
    height: 750px;
    background-size: cover;
}
#wrap .r8 .max_1200 {display: none;}
#wrap .r8 .r8_con_m {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#wrap .r8 .r8_con_m .r8_left {
    width: 100%;
    text-align: center;
    }
#wrap .r8 .r8_con_m .r8_left p {
    display: none;
}
#wrap .r8 .r8_con_m .r8_left h2 {
    padding:30px 0 10px 0;
}
#wrap .r8 .r8_con_m .r8_left h2 img {width: 100%;}
#wrap .r8 .r8_con_m .phone4 {
    width: 240px;
    height: 500px;
    top: 28%;
    margin-top: 10px;
}

#wrap .r8 .r8_con_m .r8_free {
    right:2%;
    top: 28%;
}
#wrap .r8 .r8_con_m .r8_free img{width: 120px;}
/*r8:e*/

/*footer:S*/
footer {
    width: 100%;
    padding: 30px 0 110px 0;
}
footer .max_1200 {width: 95%;}
footer span {width: 100%;font-size: 15px;}
footer .f_btm{width: 100%;}

footer .f_sns {
    width: 100%;
    height: 30px;
    margin: 20px 0;
}

footer .f_sns a { width: 38px;}
footer p {font-size: 14px;line-height: 1.6;}    
/*footer:E*/  
}
/*320px:end*/