@charset "utf-8";


/*메인-슬라이더*/
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
.shape{ position:absolute; right:0; bottom:0; z-index:10}
.swiper-container .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
.swiper-container .m_text{position:absolute; width:1200px; margin:0px auto; z-index:100; top: 180px; display:table; text-align:center; text-align:left; left: 50%; transform: translateX(-50%);}
.swiper-container .m_text h3{color:rgba(255,255,255,.95); font-size:2.8em; font-weight:600; text-shadow:1px 1px 3px rgba(0,0,0,.3)}
.swiper-container .m_text h3 span{ font-size:1.5em}
.swiper-container .m_text p{color:#fff; font-size:5.8em; font-weight:600; margin:20px 0 0; text-shadow:1px 1px 5px rgba(0,0,0,.5)}
.swiper-container .m_text p.m2{color:#fff; font-size:5.8em; font-weight:600; margin:20px 0 0; text-shadow:1px 1px 5px rgba(0,0,0,.5)}
.swiper-container .m_text p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
.swiper-container .m_text p.m2 span{color:#fff; font-size:.75em; padding-top:10px;font-weight:600}
@media (max-width: 1199px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 220px; display:table; text-align:center}
.swiper-container .m_text h2{ color:#fff; font-size:3.7em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 1.0em;}
.swiper-container .m_text h2 span{ color:#fff; font-size:0.4em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
.swiper-container .m_text p{font-size:4.0em; padding-top:10px;}
}
@media (max-width: 991px) {
.shape{ position:absolute; right:0; bottom:0; z-index:10; display:none}
.swiper-container .m_text{ top: 50px; display:table; text-align:center}
.swiper-container .m_text h3{font-size:1.35em; font-weight:600; line-height:normal}
.swiper-container .m_text p{font-size:2.5em; padding-top:10px; line-height:1.2em}
.swiper-container .m_text p.m2{font-size:2.5em; padding-top:10px; line-height:1.2em}
#m_con{ padding:0}
}
@media (max-width: 767px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:80%; z-index:100;/* left: 50%;margin-left: -550px;top: 20px; */display:table; text-align:center}
.swiper-container .m_text h2{ color:#fff; font-size:2.7em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 1.0em;}
.swiper-container .m_text h2 span{ color:#fff; font-size:0.4em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
}
/*메인-슬라이더 백그라운드지정*/
.m01{background:url(../img/main/m_img01.jpg) no-repeat center top; width:100%; height:800px !important; transition: all 0.5s;}
.m02{background:url(../img/main/m_img02.jpg) no-repeat center top; width:100%; height:800px !important; transition: all 0.5s;}
.m03{background:url(../img/main/m_img03.jpg) no-repeat center top; width:100%; height:800px !important; transition: all 0.5s;}
@media (max-width: 991px) {
.m01{background:url(../img/main/m_img01.jpg) no-repeat right top; background-size:cover; width:100%; height:350px !important; transition: all 0.5s;}
.m02{background:url(../img/main/m_img02.jpg) no-repeat right top; background-size:cover; width:100%; height:350px !important; transition: all 0.5s;}	
.m03{background:url(../img/main/m_img03.jpg) no-repeat right top; background-size:cover; width:100%; height:350px !important; transition: all 0.5s;}	
}

/*메인-동글이배너*/
.dong:after{display:block; content:""; clear:both;}
.dong{position:absolute; top:320px; left:50%; margin-left:-430px; z-index:9;}
.dong li{float:left; width:200px; height:200px; padding-top:75px; margin-right:20px; font-size:1.1em; /*background:rgba(21,135,195,0.7);*/ background:rgba(53,94,140,0.7); color:rgba(255,255,255,0.8); text-align:center; border-radius:100px;}
.dong li p{font-size:1.8em; font-weight:700; color:#fff;}
/*.dong li:nth-child(2){ background:rgba(166,211,229,0.7);}*/
.dong li:last-child{margin-right:0; background:rgba(255,255,255,0.8); color:#000;}
.dong li:nth-child(3){background:rgba(255,255,255,0.8); color:#000;}
.dong li:last-child p{color:#0a3247;}
.dong li:nth-child(3) p{color:#0a3247;}
@media (max-width: 991px) {
.dong{display:none;}
}


.blue_area{background:url(../img/main/m_con_bg.png) no-repeat center top #7a3194; width:100%; height:auto; padding:80px 0; text-align:center;}
.blue_area h3{font-size:4.2em; text-transform:uppercase; font-weight:600; color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,.3);}
.blue_area p{font-size:1.25em; color:rgba(255,255,255,.75);  padding-top:8px; text-shadow: 1px 1px 2px rgba(0,0,0,.2);}
/*메인전화번호*/
.blue_area .cus { margin:30px 0 0}
.blue_area .cus .tel{ margin:0 0 10px; font-size:3.55em; color:#fff ; font-weight:bold; }
.blue_area .cus .etc{margin: 15px 8px 0; }
.blue_area .cus .etc span{ color:#fff; font-size:1.55em; padding:0 13px; letter-spacing:0 !important;}


.gray_area .b_dong h4{color:#000; line-height:2.9em; font-weight:600; margin:8px 0 0; font-size:1.75em}
/*메인예약*/
.reserv_wrap{ background:#fff; margin:30px auto; width:1200px}
.reserv_wrap li{ border-top:1px solid #7e8790; border-bottom:1px solid #7e8790; border-left:1px solid #c6c9cc; display:inline-block; width:10%; float:left; background:#fff; transition: all 0.5s; position:relative}
.reserv_wrap li:nth-child(1) {width:25%}
.reserv_wrap li:nth-child(4) {width:25%}
.reserv_wrap li:last-child{ border:0 !important}
.reserv_wrap li a.btn_pin {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 12px;
    width: 24px;
    height: 26px;
    background: url(../img/common/icon_calendar.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
.reserv_wrap li img {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 12px;
    width: 24px;
    height: 26px;
    top:25px;
    text-indent: -9999px;
}

.reserv_wrap input[type="text"]{ height:71px; border:0 !important; width:100%; font-size:1.25em; padding:0 10px; transition: all 0.5s;}
.reserv_wrap input[type="text"]::-webkit-input-placeholder { color:#51585e; font-size:1.25em; font-weight:600;}
.reserv_wrap input[type="text"]::-moz-placeholder { color:#51585e; font-size:1.25em; font-weight:600; }
.reserv_wrap input[type="text"]::-ms-input-placeholder { color:#51585e; font-size:1.25em; font-weight:600;} 
.reserv_wrap input.btn_reserv{ width:100%; font-size: 1.25em; font-weight: 500; color: #fff !important; background: #0daff2; border: 0px; display: inline-block; text-align: center; line-height:73px}
.reserv_wrap select{ height:71px; border:0 !important; width:100%; font-size:1.35em; font-weight:600; padding:0 10px; color:#51585e; transition: all 0.5s;}

@media (max-width: 1199px) {
.reserv_wrap{ background:#fff; margin:30px auto; width:100%; padding:0 20px}
}

@media (max-width: 991px) {
.reserv_wrap li img {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 12px;
    width: 24px;
    height: 26px;
    top:7px;
    text-indent: -9999px;
}
.blue_area{ background-size:100%; height:auto; padding:40px 0}
.blue_area h2{font-size:1.6em; padding-top:25px;}
.blue_area h3{font-size:2.5em;}
.blue_area p{font-size:1.1em;}

.reserv_wrap li{ border-top:1px solid #7e8790; border-bottom:1px solid #7e8790; border-left:1px solid #c6c9cc; display:inline-block; width:25%; float:left; background:#fff; transition: all 0.5s; margin:0 0 10px;}
.reserv_wrap li:nth-child(1) {width:50%}
.reserv_wrap li:nth-child(3){border-right: 1px solid #c6c9cc;}
.reserv_wrap li:nth-child(4) {width:50%}
.reserv_wrap li:nth-child(6){border-right: 1px solid #c6c9cc;}
.reserv_wrap li:last-child{width:100%}
.reserv_wrap li a.btn_pin {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 12px;
	top:7px;
    width: 24px;
    height: 26px;
    background: url(../img/common/icon_calendar.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
.reserv_wrap input[type="text"]{ height:40px; border:0 !important; width:100%; font-size:1.10em; padding:0 10px; transition: all 0.5s;}
.reserv_wrap input[type="text"]::-webkit-input-placeholder { color:#51585e; font-size:1.10em; font-weight:600;}
.reserv_wrap input[type="text"]::-moz-placeholder { color:#51585e; font-size:1.10em; font-weight:600; }
.reserv_wrap input[type="text"]::-ms-input-placeholder { color:#51585e; font-size:1.10em; font-weight:600;} 
/*.reserv_wrap input[type=button], input[type=submit]{ width:100%; font-size: 1.10em; font-weight: 500; color: #fff !important; background: #0daff2; border: 0px; display: inline-block; text-align: center; line-height:40px}*/
.reserv_wrap select{ height:40px; border:0 !important; width:100%; font-size:1.10em; font-weight:600; padding:0 10px; color:#51585e; margin: 0 !important; transition: all 0.5s; }
}

@media (max-width: 767px) {
.reserv_wrap input[type="text"]{ height:40px; border:0 !important; width:100%; font-size:0.98em; padding:0 10px; transition: all 0.5s;}
.reserv_wrap input[type="text"]::-webkit-input-placeholder { color:#51585e; font-size:0.98em; font-weight:600;}
.reserv_wrap input[type="text"]::-moz-placeholder { color:#51585e; font-size:0.98em; font-weight:600; }
.reserv_wrap input[type="text"]::-ms-input-placeholder { color:#51585e; font-size:0.98emm; font-weight:600;} 
/*.reserv_wrap input[type=button], input[type=submit]{ width:100%; font-size: 0.98em; font-weight: 500; color: #fff !important; background: #0daff2; border: 0px; display: inline-block; text-align: center; line-height:40px}*/
.reserv_wrap select{ height:40px; border:0 !important; width:100%; font-size:0.98em; font-weight:600; padding:0 10px; color:#51585e; transition: all 0.5s;}
}

.gray_area{background:#fff; text-align:center;  padding:100px 0; letter-spacing:-0.5px;}
.gray_area h3{font-size:3.4em; line-height:1.7em; font-weight: 600; color:#111}
.gray_area h3:after{ content:''; display:block; margin:20px auto 20px; width:80px; height:1px; background:#999}
.gray_area p{font-size:1.2em; color: #5e6470; font-weight: 500;}
.gray_area .b_dong:after{display:block; content:""; clear:both;}
.gray_area .b_dong{padding:100px 0 50px; width:1200px; margin:0 auto;}
.gray_area .b_dong li{ transition: all 0.5s;}
.gray_area .b_dong p{margin-top:40px; font-size:1.23em;}
.gray_area .b_dong h4{color:#000; line-height:2.9em; font-weight:600; margin:8px 0 0}
.gray_area .b_dong div{color:#757575; font-size:1.20em; font-weight:400;}
@media (max-width: 1199px) {
.gray_area .b_dong{padding:100px 0 0px; width:100%; margin:0 auto}
}
@media (max-width: 1199px) {
.gray_area{padding:30px 0 10px;}
.gray_area h2{font-size:1.3em; line-height:1.2em;}
.gray_area h3{font-size:1.9em;}
.gray_area p{font-size:1.15em; color: #333; font-weight: 500;}
.gray_area .b_dong h3{display:block; font-size:1em;}
.gray_area .b_dong h4{color:#000; line-height:1.5em; font-weight:600; margin:8px 0 0; font-size:1.50em}
.gray_area .b_dong{width:100%; padding-top:20px;}
.gray_area .b_dong li{ transition: all 0.5s;}
.gray_area .b_dong .img_area{height:150px; overflow:hidden; transition: all 0.5s;}
.gray_area .b_dong .img_area img{width:100%; transition: all 0.5s;}
.gray_area .b_dong p{display:none;}
.gray_area .b_dong div{margin-bottom:30px; font-size:1.1em; line-height:1.4em; padding:10px;}
}



.m_content_area{ height:auto; background: #fff;}
.m_content00{position:relative; background:#fff; width:1200px; margin:0px auto; padding:120px 0}
.m_content00 .m_box{}
.m_content00 .m_box .t::before{ content:""; display:block; width:30px; height:3px; background:#2e3746; margin-bottom:15px;}
.m_content00 .m_box h3.t{ font-size:3.50em; color:#111; margin:0 0 10px; font-weight:500; line-height:1.20em; letter-spacing: -.020em}
.m_content00 .m_box p.c{ font-size:1.70em; color:rgba(0,0,0,.7); line-height: 1.5em; letter-spacing: -.020em; padding:20px 0 0;}
.m_content00 .m_box p.c span{ color:#0daff2; font-weight:bold}
.m_content00 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; }
.m_content00 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content00 .m_box:first-child{ padding:0 !important; background:#fff; background-size:over; border-right:0px;}
.m_content00 .m_box:nth-child(2){}
.m_content00 .m_box:nth-child(2){} .box01{ background:url(../img/main/m_box01.jpg) no-repeat; background-size:cover;width:277px; height:385px; display:inline-block; float:right;}
.m_content00 .m_box:nth-child(2){} .box02{ background:url(../img/main/logo_channel.png) no-repeat 15% 80% #fae100; padding:30px; width:277px; height:385px; display:inline-block; float:right; position:relative}
.m_content00 .m_box:nth-child(2){} .box02 h3.t{ font-size:2.15em !important; color:#0a0a0a !important; margin:15px 0 0 !important; font-weight:600 !important; line-height:1.20em; letter-spacing: -.020em}
.m_content00 .m_box:nth-child(2){} .t::before{ content:""; display:none !important; width:30px; height:3px; background:#2e3746; margin-bottom:15px;}
.m_content00 .m_box:nth-child(2){} .box02 p.c{ font-size:1.35em !important; font-weight:600 !important; color:#0a0a0a; line-height: 1.5em; letter-spacing: -.020em; padding:20px 0 0;}
.m_content00 .m_box:nth-child(2){} .box02 p.more{ background:url(../img/common/btn_more.png) no-repeat center center #0a0a0a; width:60px; height:60px; position:absolute; right:0; bottom:0}
.m_content00 .m_box:nth-child(3){background:url(../img/main/m_banner04.jpg) no-repeat center center #3d434e; background-size:cover; border-right:0px}
.m_content00 .m_box:last-child .t2{ font-size:2.50em; color:#fff; margin:12px 0 10px; font-weight:400; line-height:1.0em}
.m_content00 .m_banner{padding:0 0 30px; min-height:304px}
.m_content00 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content00 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content00 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content00 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content00 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content00 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content00 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
@media (max-width: 1199px) {
.m_content00{position:relative; background:#fff; width:100%; margin:0px auto; padding:120px 0}
.m_content00 .m_box:nth-child(2){} .box01{ background:url(../img/main/m_box01.jpg) no-repeat; background-size:cover;width:50%; height:385px; display:inline-block; float:right;}
.m_content00 .m_box:nth-child(2){} .box02{ background:url(../img/main/logo_channel.png) no-repeat 15% 80% #fae100; padding:30px; width:50%; height:385px; display:inline-block; float:right; position:relative}
}
@media (max-width: 991px) {
.m_content00{padding:60px 0 0}
.m_content00 .m_box{ padding:20px; min-height:245px}
.m_content00 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content00{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content00 .m_box:first-child{border-top:0px; width:100%;}
.m_content00 .m_box .c{width:100%; padding-right:0;}
.m_content00 .text-left{ text-align:center}
.m_content00 .m_box h3.t{ font-size:1.70em; color:#111; margin:0 0 10px; font-weight:500; line-height:1.20em; letter-spacing: -.020em}
.m_content00 .m_box p.c{ font-size:1.15em; color:rgba(0,0,0,.7); line-height: 1.5em; letter-spacing: -.020em; padding:20px 0 0;}
.m_content00 .c { text-align:center}
.m_content01 {position:relative; background:#fff; width:100%; margin:0px auto}
.m_content01 .m_box{ padding:30px; min-height:266px}
.m_content01 .m_box .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content01 .m_box .t{ font-size:1.40em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content01 .m_box .c{ font-size:1.00em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.4em; letter-spacing: -.020em}
.m_content01 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; }
.m_content01 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content01 .m_box:first-child{background:url(../img/main/m_banner05.jpg) no-repeat center center #2e3746; background-size:cover; border-right:0px}
.m_content01 .m_box:nth-child(2){ background:url(../img/main/m_banner06.jpg) no-repeat center center #335465;background-size:cover; }
.m_content01 .m_box:nth-child(3){background:url(../img/main/m_banner07.jpg) no-repeat center center #848b96; background-size:cover; border-right:0px;}
.m_content01 .m_box:last-child{background:#f4f4f4; background-size:cover; border-right:0px}
.m_content01 .m_box:last-child .t2{ font-size:2.50em; color:#fff; margin:12px 0 10px; font-weight:400; line-height:1.0em}
.m_content01 .m_banner{padding:0 0 30px; min-height:304px}
.m_content01 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content01 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content01 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content01 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content01 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content01 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content01 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
.m_content01 .m_box:first-child .t{color:#2e3746;}
.m_content01 .m_box:first-child .t::before{ content:""; display:block; width:30px; height:3px; background:#2e3746; margin-bottom:15px;}
.m_content01 .m_box:first-child .c{color:#8893a2}
.m_content01 .m_box:last-child .t{ color:#2e3746;}
.m_content01 .m_box:last-child .t::before{ background:#2e3746;}
.m_content01 .m_box:last-child .c{color:#777}
.m_content01 dl{margin-top:20px; color:#2e3746; font-weight:500;}
.m_content01 dt{float:left; font-weight:normal; width:98px;}
.m_content01 dd{float:left; font-weight:normal;}
.m_content01 .m_box{ padding:20px; min-height:245px}
.m_content01 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content01{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content01 .m_box:first-child{border-top:0px }
.m_content01 dt{width:80px; font-size:10px;}
.m_content01 dd{font-size:10px;}
}
@media (max-width: 767px) {
.m_content00 .m_box:nth-child(2){} .box01{ background:url(../img/main/m_box01.jpg) no-repeat; background-size:cover;width:100%; height:170px; display:inline-block; float:right; display:none}
.m_content00 .m_box:nth-child(2){} .box02{ background:url(../img/main/logo_channel.png) no-repeat 15% 90% #fae100; padding:30px; width:100%; height:260px; display:inline-block; float:right; position:relative}
.m_content00 .m_box:nth-child(2){} .box02 h3.t{ font-size:1.50em !important; color:#0a0a0a !important; margin:5px 0 0 !important; font-weight:600 !important; line-height:1.20em; letter-spacing: -.020em}
.m_content00 .m_box:nth-child(2){} .t::before{ content:""; display:none !important; width:30px; height:3px; background:#2e3746; margin-bottom:15px;}
.m_content00 .m_box:nth-child(2){} .box02 p.c{ font-size:1.05em !important; font-weight:600 !important; color:#0a0a0a; line-height: 1.5em; letter-spacing: -.020em; padding:20px 0 0;}
.m_content00 .m_box:nth-child(2){} .box02 p.more{ background:url(../img/common/btn_more.png) no-repeat center center #0a0a0a; width:60px; height:60px; position:absolute; right:0; bottom:0}
}

/*메인-배너2*/
.m_content02{ width:100%; background:#fff; padding:40px 0 100px 0}
.m_content02 .title{ color: #00002c;font-size: 1.45em;font-weight: 500;line-height: 2.4em;letter-spacing: -.050em;}
.m_content02 .st{ color: #00002c;font-size: 1.40em;font-weight: 300;line-height: 2.0em;letter-spacing: -.050em;}
.m_content02 .cont{ color:rgb(255,255,255,0.7); font-size:1.05em; letter-spacing:-.050em}
.m_content02 .content02_area{width:1200px; margin:0px auto}
@media (max-width: 991px) {
.m_content02{ width:100%; background:#fff; padding:40px 0 0}
.m_content02 .title{ color: #00002c;font-size: 1.45em;font-weight: 500;line-height: 1.4em;letter-spacing: -.050em; margin:0 0 10px}
.m_content02 .st{ color: #00002c;font-size: 1.40em;font-weight: 300;line-height: 1.20em;letter-spacing: -.050em; margin:0 0 10px}
.m_content02 .content02_area{ width:100%;}
}


/*메인-배너2  타이틀*/
.m_content02 #main_ban{width:100%; min-width:1200px;}
.m_content02 .main_ban_in{width:1200px; margin:0 auto; padding:50px 0 0 0;}
.m_content02 .main_ban_in h2{/*background:url(../img/main/con_title01.gif) no-repeat center top;*/ font-weight:500; line-height:1.2em; letter-spacing:-0.020em; color:#00002c; font-size:2.0em !important;text-align:center; padding-bottom: 20px;font-family: 'Nanum Myeongjo', sans-serif, tahoma, sans-serif;}
.m_content02 .main_ban_in h2 span{font-weight:700;}
.m_content02 .main_ban_in .con{color:rgb(0,0,0,0.7); color:rgba(0,0,0,0.7); text-align:center; font-size:1.25em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing:-0.8px; font-weight: 600;}
.m_content02 .main_ban_in .con02{color:rgb(0,0,0,0.7); color:rgba(0,0,0,0.7); text-align:center; font-size:3.00em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing:-.080em; font-weight: 300; }
.m_content02 .main_ban_in .box_list li{float:left; text-align:center;}
.m_content02 .main_ban_in .box_list .title{width:110px; background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; padding:10px; font-size:17px; margin-bottom:28px;}
.m_content02 .main_ban_in .box_list li.last{margin-right:0;}
.m_content02 .main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.m_content02 .main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.m_content02 .main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.m_content02 .main_ban_in .box_list:last-child{margin-top:60px;}

@media screen and (max-width:1082px) {
.m_content02 #main_ban{width:100%; min-width:100%;}
.m_content02 .main_ban_in{width:100%; padding:30px 0 0 0;}
.m_content02 .main_ban_in h2{font-size:18px;}
.m_content02 .main_ban_in h2 span{font-weight:700; display:block}
.m_content02 .main_ban_in .con{font-size:13px; margin-bottom:30px;}
.m_content02 .main_ban_in .box_list li{margin-bottom:10px;}
.m_content02 .main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.m_content02 .main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.m_content02 .main_ban_in .box_list:last-child{margin-top:30px;}
}

@media (max-width: 991px) {
.m_content02 #main_ban{width:100%; min-width:100%;}
.m_content02 .main_ban_in{width:100%; padding:30px 0 0 0;}
.m_content02 .main_ban_in h2{font-size:18px;}
.m_content02 .main_ban_in .con{font-size:13px; margin-bottom:30px;}
.m_content02 .main_ban_in .box_list li{margin-bottom:10px;}
.m_content02 .main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.m_content02 .main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.m_content02 .main_ban_in .box_list:last-child{margin-top:30px;}
}


/*메인컨텐츠박스*/
.m_box01 { background:url(../img/main/m_box01.jpg) no-repeat; height:276px; padding: 90px 30px 30px 40px;}
.m_box02 { background:url(../img/main/m_box02.jpg) no-repeat; height:276px; padding: 90px 30px 30px 40px;}
.m_box03 { background:url(../img/main/m_box03.jpg) no-repeat; height:276px; padding: 50px;}
.m_box03_02 { background:url(../img/main/m_box03_02.jpg) no-repeat; height:276px; padding: 50px;}
.m_box03_03 { background:url(../img/main/m_box03_03.jpg) no-repeat; height:276px; padding: 50px;}
@media (max-width: 991px) {
.m_box01 { background:url(../img/main/m_box01.jpg) no-repeat; background-size: cover; width:100%; height:auto; padding: 90px 30px 30px 40px; transition: all 0.5s; min-height: 290px !important;}
.m_box02 { background:url(../img/main/m_box02.jpg) no-repeat; background-size: cover; width:100%; height:auto; padding: 90px 30px 30px 40px; transition: all 0.5s; min-height: 290px !important;}
.m_box03 { background:url(../img/main/m_box03.jpg) no-repeat center; background-size: cover; width:100%; height:auto; padding: 40px;min-height:334px !important; transition: all 0.5s;}
.m_box03_02 { background:url(../img/main/m_box03_02.jpg) no-repeat center; background-size: cover; height:auto; padding: 40px; min-height:334px !important ; transition: all 0.5s;}
.m_box03_03 { background:url(../img/main/m_box03_03.jpg) no-repeat center; background-size: cover; height:auto; padding: 40px; min-height:334px !important ; transition: all 0.5s;}
}

/*메인-배너 */
#main_ban{width:100%; min-width:1200px;}
.main_ban_in{width:1200px; margin:0 auto; padding:50px 0 0 0;}
.main_ban_in h2{/*background:url(../img/main/con_title01.gif) no-repeat center top;*/ font-weight:600; line-height:1.2em; letter-spacing:-0.020em; color:#fff; font-size:2.5em !important;text-align:center; padding-bottom: 20px; font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.main_ban_in .con{color:rgb(255,255,255,0.7);color:rgba(255,255,255,0.7); text-align:center; font-size:1.25em; line-height:1.3em;/* margin-bottom:40px; */letter-spacing:-0.8px; font-weight: 600;}
.main_ban_in .box_list li{float:left; text-align:center;}
.main_ban_in .box_list .title{width:110px; background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; padding:10px; font-size:17px; margin-bottom:28px;}
.main_ban_in .box_list li.last{margin-right:0;}
.main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.main_ban_in .box_list:last-child{margin-top:60px;}

@media screen and (max-width:1082px) {
#main_ban{width:100%; min-width:100%;}
.main_ban_in{width:100%; padding:30px 0 0 0;}
.main_ban_in h2{font-size:18px;}
.main_ban_in .con{font-size:13px; margin-bottom:30px;}
.main_ban_in .box_list li{margin-bottom:10px;}
.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.main_ban_in .box_list:last-child{margin-top:30px;}
}

@media (max-width: 991px) {
#main_ban{width:100%; min-width:100%;}
.main_ban_in{width:100%; padding:30px 0 0 0;}
.main_ban_in h2{font-size:18px;}
.main_ban_in .con{font-size:13px; margin-bottom:30px;}
.main_ban_in .box_list li{margin-bottom:10px;}
.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.main_ban_in .box_list:last-child{margin-top:30px;}
}



/* 2ea 배너*/
.m2_list{ width:100%; padding:0; margin:0}
.m2_list ul{}
.m2_list li{ display:inline-block; width:48%; margin:0 2% 0 0}
.m2_list li:last-child{ display:inline-block; width:48%; margin:0 0 0 2%}
.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.m2_list li .box .photo img{ width:100%}
.m2_list li .box .content{ padding:30px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m2_list li .box .content p.title{font-size:2.75em; line-height:0.8em;color:#55514d; font-weight:500; letter-spacing:-.055em}
.m2_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; letter-spacing:-.055em}
.m2_list li .box .content p{ color:#51442b; font-size:1.22em; line-height:1.4em; margin:17px 0 0}

@media screen and (max-width:991px) {
.m2_list{ /*width:100%;*/ padding:0; margin:0}
.m2_list ul{}
.m2_list li{ display:inline-block; width:100%; margin:0}
.m2_list li:last-child{display:inline-block; width:100%; margin:0}
.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
.m2_list li .box .photo{ max-width:100%}
.m2_list li .box .content{ text-align:center;/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
}



/* 3ea 배너*/
.m3_list{ width:100%; padding:0; margin:0; clear: both;}
.m3_list ul{}
.m3_list li{ display:inline-block; width:31.33333333333%; margin:0 2% 0 0}
.m3_list li:nth-child(2){ display:inline-block; width:31.33333333333%; margin:0 1%}
.m3_list li:last-child{ display:inline-block; width:31.33333333333%; margin:0 0 0 2%}
.m3_list li .box{ margin-bottom:30px}
.m3_list li .box .photo img{ width:100%}
.m3_list li .box .content{ padding:30px; text-align:center; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef; min-height: 184px;}
.m3_list li .box .content p.title{font-size:1.75em; line-height:0.8em;color:#55514d; font-weight:500; letter-spacing:-.055em}
.m3_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; letter-spacing:-.055em}
.m3_list li .box .content p{ color:#51442b; font-size:1.02em; line-height:1.4em; margin:17px 0 0}

@media screen and (max-width:991px) {
.m3_list{ width:100%; padding:0; margin:0}
.m3_list ul{}
.m3_list li{ display:inline-block; width:96%; margin:0 2%}
.m3_list li:nth-child(2){ display:inline-block; width:96%; margin:0 2%}
.m3_list li:last-child{display:inline-block; width:96%; margin:0 2%}
.m3_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
.m3_list li .box .photo{ max-width:100%}
.m3_list li .box .content{ text-align:center; min-height:auto;/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
}


/* 5ea 배너*/
.m5_list{ width:1200px; padding:0; margin:0px auto}
.m5_list ul{}
.m5_list li{ display:inline-block; width:19.5%; margin:0 0.5% 0 0}
.m5_list li:nth-child(2){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(3){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(4){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:last-child{ display:inline-block; width:19.5%; margin:0 0 0 0.5%}
.m5_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m5_list li .box .photo{ text-align:center; padding:20px 0 0}
.m5_list li .box .content{ padding:20px 5px 30px 5px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m5_list li .box .content p.title{font-size:1.25em; line-height:0.8em;color:#1b1b1b; font-weight:500; letter-spacing:-.055em}
.m5_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; letter-spacing:-.055em}
.m5_list li .box .content p{ color:rgb(51,51,51,0.7);color:rgba(51,51,51,0.7); font-size:1.02em; line-height:1.35em; margin:17px 0 0}

@media screen and (max-width:1082px) {
.m5_list{ width:100%; padding:0; margin:0}
.m5_list ul{}
.m5_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
.m5_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
.m5_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0}
.m5_list li:nth-child(4){ display:inline-block; width:49%; margin:0 0 0 1%}
.m5_list li:last-child{display:inline-block; width:100%; margin:0}
.m5_list li .box{ background:#fff; margin-bottom:15px}
.m5_list li .box .photo{ max-width:100%}
.m5_list li .box .content{ text-align:center;}
}

/*@media screen and (max-width:767px) {
.m5_list{ width:100%; padding:0; margin:0}
.m5_list ul{}
.m5_list li{ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(2){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(3){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(4){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:last-child{display:inline-block; width:96%; margin:0 2%}
.m5_list li .box{ background:#fff; margin-bottom:15px}
.m5_list li .box .photo{ max-width:100%}
.m5_list li .box .content{ text-align:center;}
}*/


/* 8ea 배너*/
.m8_list{ width:1200px; padding:0; margin:0px auto}
.m8_list ul{ background:url(../img/main/icon_bar.png) repeat-y left;}
.m8_list li{ display:inline-block; width:12.5%; margin:0; text-align:center; }
.m8_list li img{ height:45px}
.m8_list li a{color:rgb(255,255,255,0.6);color:rgba(255,255,255,0.6);  font-size:1.25em; letter-spacing:-.070em; font-weight:500;   display:block; background:url(../img/main/icon_bar.png) repeat-y right; padding:20px 0;}
.m8_list li a:hover{ background:#1451b5; color:#fff}
.m8_list li img{  margin:0px auto; padding: 0 0 10px;}
.m8_list li .box{ background:#fff; margin-bottom:20px}
.m8_list li .box .photo{ text-align:center; padding:20px 0 0}
.m8_list li .box .content{ padding:20px 20px 30px 20px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m8_list li .box .content p.title{font-size:1.25em; line-height:0.8em;color:#46340f; font-weight:500; letter-spacing:-.055em}
.m8_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; letter-spacing:-.055em}
.m8_list li .box .content p{ color:#6b6454; font-size:1.00em; line-height:1.2em; margin:17px 0 0}

@media screen and (max-width:1082px) {
.m8_list{ width:100%; padding:0; margin:0}
.m8_list ul{}
.m8_list li{ display:inline-block; width:25%; margin:0; color:#fff}
.m8_list li .box{ background:#fff; margin-bottom:15px}
.m8_list li .box .photo{ max-width:100%}
.m8_list li .box .content{ text-align:center;}
}

@media screen and (max-width:767px) {
.m8_list{ width:100%; padding:0; margin:0}
.m8_list ul{}
.m8_list li{ display:inline-block; width:50%; margin:0; color:#fff}
.m8_list li .box{ background:#fff; margin-bottom:15px}
.m8_list li .box .photo{ max-width:100%}
.m8_list li .box .content{ text-align:center;}
}

.m_btn01 a{display:block; padding:10px 15px; color:#2193f4; font-size:1.25em; border:1px solid #2193f4; border-radius:3px; text-align:center; width:20%; margin:0px auto}
.m_btn01 a:link{ color:#fff}
.m_btn01 a:hover{background:#2193f4; color:#fff; font-weight:600; border:1px solid #2193f4; text-decoration:none}
.m_btn01 span{ color:#f7ce3f; font-weight:bold}

@media (max-width: 767px) {
.m_btn01 a{display:block; padding:10px 15px; color:#2193f4; font-size:1.15em; border:1px solid #2193f4; border-radius:3px; text-align:center; width:80%; margin:0px 10% auto}
.m_btn01 a:link{ color:#fff}
.m_btn01 a:hover{background:#2193f4; color:#fff; font-weight:600; border:1px solid #2193f4; text-decoration:none}
.m_btn01 span{ color:#f7ce3f; font-weight:bold}
}

/*고객센터*/
.m_cus_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 5.5em;color: #363636; line-height:0.8; font-weight:400}
@media (max-width: 767px) {
.m_cus_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 2.5em;color: #363636; line-height:1.0em}
}
.f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
.f_num{font-family: 'Titillium Web', Arial, sans-serif; font-size:1.35em; font-weight:600}
.e_box{font-family: 'Titillium Web', Arial, sans-serif; background:#3b5a9a; border:0px; padding:3px 6px; font-size:1.15em; color:#fff; margin-right:10px}
.m_time{font-family: 'Titillium Web', Arial, sans-serif;font-size: 1.2em;color: #363636; line-height:1.0em}
@media (max-width: 767px) {
.cus_align{ text-align:center}
}

/*버튼관련*/
.m_btn00{font-size:1.25em; font-weight:500; color:#fff !important; background:#0daff2; border:4px solid #0daff2; display:inline-block; text-align:center; margin:20px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:20px 50px}
.m_btn00:hover{ color:#0daff2 !important; background:#fff; border:4px solid #0daff2; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_btn01{font-size:1.25em; font-weight:500; color:#fff !important; background:#2c86e3; border:4px solid #2c86e3; display:inline-block; text-align:center; margin:20px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:20px 50px}
.m_btn01:hover{ color:#2c86e3 !important; background:#fff; border:4px solid #2c86e3; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_btn02{font-size:1.25em; font-weight:500; color:#fff !important; background:#0daff2; border:4px solid #0daff2; display:inline-block; text-align:center; margin:0px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:20px 50px}
.m_btn02:hover{ color:#0daff2 !important; background:#fff; border:4px solid #0daff2; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
@media (max-width: 767px) {
.m_btn00{font-size:1.05em; font-weight:500; color:#fff !important; background:#0daff2; border:4px solid #0daff2; display:inline-block; text-align:center; margin:20px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:10px 25px}
.m_btn00:hover{ color:#0daff2 !important; background:#fff; border:4px solid #0daff2; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_btn01{font-size:1.05em; font-weight:500; color:#fff !important; background:#2c86e3; border:4px solid #2c86e3; display:inline-block; text-align:center; margin:20px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:10px 25px}
.m_btn01:hover{ color:#2c86e3 !important; background:#fff; border:4px solid #2c86e3; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_btn02{font-size:1.05em; font-weight:500; color:#fff !important; background:#0daff2; border:4px solid #0daff2; display:inline-block; text-align:center; margin:0px auto; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:10px 25px}
.m_btn02:hover{ color:#0daff2 !important; background:#fff; border:4px solid #0daff2; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
}

.btn_group ul{ width:90%; margin:0 5%}
.btn_group ul:after{ display:block; content:""; clear:both;}
.btn_group li{ display:inline-block; width:30.333%; float:left; margin:0 1.5%}
.btn_group li:nth-child(2){ display:inline-block; width:30.333%; float:left;}
.btn_group li a{font-size:1.0em; font-weight:500; color:#fff !important; background:#0527b1; border:4px solid #0527b1; display:inline-block; text-align:center; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; padding:7px 0px; width:100%}
.btn_group li.gray a{background:#414753; border:4px solid #414753;}
.btn_group li.blue a{background:#4166de; border:4px solid #4166de;}
.btn_group li a:hover{color:#0527b1 !important; background:#fff; border:4px solid #0527b1; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.btn_group li.gray a:hover{background:#fff; color:#414753 !important; border:4px solid #414753;}
.btn_group li.blue a:hover{background:#fff; color:#4166de !important; border:4px solid #4166de;}


/*상단레이아웃*/
#m_up{ background:url(../img/main/m_up_bg.gif) no-repeat center bottom ; padding:20px 0 300px; text-align:center; transition:all 0.3s; position:relative}
#m_up h3{font-size:4.7em; text-transform:uppercase; font-weight:600; color:#7a3194; font-weight:bold; transition:all 0.3s}
#m_up p{font-size:1.35em; color:#5c555f; padding-top:8px; font-weight:600; transition:all 0.3s}
#m_up .phone{ position:absolute; bottom: -250px; z-index: 10; transform: translateX(-50%); left: 50%; z-index:10; transition:all 0.3s}

/*하단레이아웃*/
#m_con{ background:url(../img/main/m_con_bg.png) no-repeat center top ;}

/*마켓버튼*/
.market_btn{ margin:180px auto 70px; transition:all 0.3s; width:40%}
.market_btn ul{ margin:0 0 20px}
.market_btn ul:after{display:block; content:""; clear:both;}
.market_btn li{ display:inline-block; float:left; width:45%; margin:0 2.5%; transition:all 0.3s}
.market_btn li a{ display:block; background:url(../img/google.png) no-repeat center center #fff; border-radius:30px; padding:30px 20px; }
.market_btn li:nth-child(2) a{ background:url(../img/appstore.png) no-repeat center center #fff;}

/*유투브*/
.ymovie{ margin:0px auto; background:#2b232e; border-radius:30px; padding:30px 40px; width:40%; transition:all 0.3s}
.ymovie iframe{ border-radius:20px; transition:all 0.3s}

@media (max-width: 1199px) {
#m_up h3{font-size:3.7em; text-transform:uppercase; font-weight:600; color:#7a3194; font-weight:bold; transition:all 0.3s}
#m_up p{font-size:1.35em; color:#5c555f; padding-top:8px; font-weight:600; transition:all 0.3s}
#m_up .phone{ position:absolute; bottom: -150px; z-index: 10; transform: translateX(-50%); left: 50%; z-index:10; transition:all 0.3s}
.market_btn{ margin:70px auto 70px; transition:all 0.3s; width:70%}
.ymovie{background:#2b232e; border-radius:30px; padding:30px 40px; width:60%; transition:all 0.3s}
}

@media (max-width: 992px) {
#m_up{ background:url(../img/main/m_up_bg.gif) no-repeat center bottom ; padding:0 0 200px; background-size:100%; text-align:center; transition:all 0.3s}
#m_con{ padding:0}
#m_up h3{font-size:3.0em; text-transform:uppercase; font-weight:600; color:#7a3194; font-weight:bold; transition:all 0.3s}
#m_up p{font-size:1.10em; color:#5c555f; padding-top:8px; font-weight:600; transition:all 0.3s}
#m_up .phone{ position:absolute; bottom: -100px; z-index: 10; transform: translateX(-50%); left: 50%; z-index:10; transition:all 0.3s}
.market_btn{ margin:110px auto 70px; transition:all 0.3s; width:100%}
.ymovie{background:#2b232e; border-radius:30px; padding:20px 20px; width:90%; transition:all 0.3s}
}

@media (max-width: 767px) {
#m_up{ background:url(../img/main/m_up_bg.gif) no-repeat center bottom ; padding:0 0 120px; background-size:100%; text-align:center; transition:all 0.3s}
#m_up .phone{ position:absolute; bottom: -130px; z-index: 10; transform: translateX(-50%); left: 50%; z-index:10; transition:all 0.3s}
.market_btn{ margin:110px auto 70px; transition:all 0.3s; width:100%}
.market_btn li a{background-size: 60% !important;}
}

@media (max-width: 500px) {
#m_up .phone{ position:absolute; bottom: -50px; z-index: 10; transform: translateX(-50%); left: 50%; z-index:10; transition:all 0.3s}
.market_btn{ margin:70px auto 70px; transition:all 0.3s; width:100%}
}