@charset "utf-8";
* {transition: all ease 0.3s;}
body {background:#fff; color: #000; letter-spacing: -0.5px; transition:none; min-width: 1500px;}
body * {font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", AppleGothic, verdana, sans-serif, helvetica;}

article {width: 100%; overflow-x: hidden;}
input[type="password"],input[type="text"] {font-family: Dotum, Gulim, 'Malgun Gothic' !important;}

.dn {display: none;}
.main_inner {width:1720px; margin:0 auto; position:relative;}
.main_inner:after {content:""; display: block; height: 0; clear: both;}
.sub_inner {width:1400px; margin:0 auto; position:relative;}
.sub_inner:after {content:""; display: block; height: 0; clear: both;}
.blocks {height: calc(100vh - 110px); position: fixed; top: 110px;left: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 9;}
a {color: #000;}
.t_red {color:#e30000 !important;}
.head_none {margin-top: 180px;}

.selectWrap {display:inline-block;position:relative; min-width:200px}
.selectVal {overflow:hidden;position:relative;height:48px;line-height:44px;text-indent:15px; padding-right: 35px;font-size:16px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #666;}
.selectVal button {position:absolute;left:0;top:0;width:100%;height:100%;background:transparent url("../images/inc/location_more.png") no-repeat right center;}
.selectList {display:none;position:absolute;left:0;top:48px;width:100%;font-size:16px; z-index: 999;}
.selectVal.on + .selectList {display:block}
.selectList li {border:1px solid #ccc;border-top:0 none;background-color:#fff}
.selectList li:first-child {border-top:0 none}
.selectList li button {width:100%;line-height:44px;text-indent:15px;text-align:left;background: #fff; color: #666;}
.selectList li button:hover,.selectList li button:focus {background-color:#f5f5f5}

.check {display:inline-block; vertical-align: middle; position: relative; margin-right: 0; font-size: 16px;}
.check input {position: absolute; opacity: 0; width: 0 !important;}
.check label {font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -2px;}
.check label span {display:inline-block; width:25px; height:25px; position: relative; cursor: pointer; background:#ccc url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; margin-top:-3px; margin-right: 5px;}
.check input:checked + label span {}
.check input:checked + label span:after {content:""; display: block; width: 25px; height: 25px; background:#00b7b5 url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 0; left: 0; position: absolute; z-index: 1;}

.radio {display:inline-block; vertical-align: middle; position: relative; margin-right: 0; font-size: 16px;}
.radio input {position: absolute; opacity: 0; width: 0 !important; text-indent: 0 !important; height: auto !important;}
.radio label {font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -2px; text-indent: 0 !important;}
.radio label span {display:inline-block; width:25px; height:25px; position: relative; cursor: pointer; background:#ccc url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; vertical-align: middle; margin-top:-3px; margin-right: 5px;}
.radio input:checked + label span {}
.radio input:checked + label span:after {content:""; display: block; width: 25px; height: 25px; background:#00b7b5 url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; top: 0; left: 0; position: absolute; z-index: 1;}

/*************************************************************
COMMON
*************************************************************/
section#header {position: fixed; width: 100%; min-width:1500px; top: 0; top: 0; height: 110px; color: #fff; border-bottom: 0;  background: #00b7b5; z-index: 100; transition:none;}
section#header.mains {background: rgba(0,0,0,0.2);}
section#header:hover {background: #00b7b5;}
section#header h1 {padding-top: 26px;}
section#header h1 a {display: block; width: 242px; height: 60px; background:transparent url(../images/inc/top_logo.png) no-repeat 0 0; text-indent: -999px; overflow: hidden;}
section#header #nav {position: absolute; right: 245px; top: 44px;}
section#header #nav li {display: inline-block;} 
section#header #nav li a {font-size: 18px; color: #fff; padding:15px 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
section#header #nav li a.on {background: #fff; color: #00b7b5;}
section#header #nav li:nth-child(7) a {color: #61fdfc;}
section#header #nav li:nth-child(8) a {color: #61fdfc;}
section#header #nav li:nth-child(7) a:hover,
section#header #nav li:nth-child(8) a:hover {color: #008584;}
section#header #hd_link {position: absolute; right: 0; top: 36px;}
section#header #hd_link li {display: inline-block; margin: 0 0 0 5px;} 
section#header #hd_link li p {margin-top: -4px; margin-right: 15px;}
section#header #hd_link li a {display: block; width: 40px; height: 40px; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background: rgba(0,0,0,0.1);}
section#header #hd_link li i {font-size: 18px; color: #fff; margin-top: 10px; margin-right: -3px;}
section#header #hd_link li:first-child a i {font-size: 22px; margin-top: 8px; margin-right: 2px;}
section#header #hd_link li button {background:transparent; width: 40px; height: 40px; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
section#header #hd_link li button i {font-size: 20px; margin-top: 0px;}
section#header #hd_link li a:hover,
section#header #hd_link li button:hover {background: #008584;}

section#header .depth2_box {background:#fff url(../images/inc/depth2_bg.gif) repeat-x 0 0; position: absolute; width: 100%; top: 110px; display: none; z-index: 9;}
section#header .depth2_box .depth2_nav {display: none; text-align: center; width:1720px; margin: 0 auto;}
section#header .depth2_box .depth2_nav.depth2_nav1 {height:256px;}
section#header .depth2_box .depth2_nav.depth2_nav4 {height:188px;}
section#header .depth2_box .depth2_nav.depth2_nav7 {height:256px;}
section#header .depth2_box .depth2_nav.depth2_nav1 dl:first-child {margin-left: 200px;}
section#header .depth2_box .depth2_nav.depth2_nav2 dl:first-child {}
section#header .depth2_box .depth2_nav.depth2_nav3 dl:first-child {margin-left: 200px;}
section#header .depth2_box button {background:transparent; width: 100%;}
section#header .depth2_nav dl {display: inline-block; border-right: 1px solid #e5e5e5; width: 190px; min-height:100%; vertical-align: top;}
section#header .depth2_nav dl:first-child {border-left: 1px solid #e5e5e5;}
section#header .depth2_nav dl dt {width: 100%;}
section#header .depth2_nav dl dt button {height: 60px;}
section#header .depth2_nav dl dt button span {display: inline-block; margin-top: -7px;}
section#header .depth2_nav dl dd {padding: 30px 0;}
section#header .depth2_nav dl dd button {height: 34px;}
section#header .depth2_nav dl dd button span {display: inline-block; margin-top: -7px;}
section#header .depth2_nav dl:hover dt button {background: #f0f0f0;}
section#header .depth2_nav dl:hover dt button span {color: #1abebd;}
section#header .depth2_nav dl dd button:hover span {color: #1abebd;}

#container h2 {font-size: 50px; font-weight: 600; text-align: center; margin-top: 80px;}
#container .location {font-size: 14px; font-weight: 500; text-align: right; border-bottom: 3px solid #000; margin: 45px 0 0; padding-bottom: 20px;}
#container .location span {font-size: 10px; color: #999; display: inline-block; margin: -4px 5px 0 7px;}
/*************************************************************
MAIN
*************************************************************/
section#movie_sec {background:transparent url(../images/main/top_bg.png) no-repeat center 0; height: 980px; position: relative;}
section#movie_sec .main_inner {position: absolute; bottom: 100px; left: calc(50% - 875px); width: 100%;}
section#movie_sec .main_inner li {width: 25%; float: left; text-align: center; font-size: 50px; font-weight: 800; color: #fff; padding-top: 190px;}
section#movie_sec .main_inner li:nth-child(1) {background:transparent url(../images/main/conut_s.png) no-repeat center 0;}
section#movie_sec .main_inner li:nth-child(2) {background:transparent url(../images/main/conut_o.png) no-repeat center 0;}
section#movie_sec .main_inner li:nth-child(3) {background:transparent url(../images/main/conut_f.png) no-repeat center 0;}
section#movie_sec .main_inner li:nth-child(4) {background:transparent url(../images/main/conut_g.png) no-repeat center 0;}
section#movie_sec .main_inner ul {width: 1720px;}
section#movie_sec .main_inner:after {content:""; display: block; height: 0; clear: both;}
section#family_store_sec {background:transparent url(../images/main/fs_bg.jpg) no-repeat center 0; padding: 170px 0 120px; text-align: center;}
section#family_store_sec ul {margin-top: 220px;}
section#family_store_sec ul li {float: left; width: 20%; text-align: center; padding-top: 265px; cursor: pointer;}
section#family_store_sec ul li span {text-align: center; font-size: 20px;}
section#family_store_sec ul li:nth-child(1) {background:transparent url(../images/main/fs_link_icon1.png) no-repeat center 0;}
/*
section#family_store_sec ul li:nth-child(2) {background:transparent url(../images/main/fs_link_img1.png)  no-repeat 15px 0; margin-top: -50px; padding-top: 300px;}
*/
section#family_store_sec ul li:nth-child(2) {background:transparent url(../images/main/fs_link_icon2.png) no-repeat center 0;}
section#family_store_sec ul li:nth-child(3) {background:transparent url(../images/main/fs_link_icon3.png) no-repeat center 0;}
section#family_store_sec ul li:nth-child(4) {background:transparent url(../images/main/fs_link_icon4.png) no-repeat center 0;}
/*
section#family_store_sec ul li:nth-child(6) {background:transparent url(../images/main/fs_link_img2.png) no-repeat 15px 0; margin-top: -40px; padding-top: 300px;}
*/
section#family_store_sec ul li:nth-child(5) {background:transparent url(../images/main/fs_link_icon5.png) no-repeat center 0;}
section#family_store_sec ul:after {content:""; display: block; clear: both;}
section#fddstory_sec {background: linear-gradient( to right, #fff 85%, #1abebd 15%); padding: 120px 0 100px;}
section#fddstory_sec .fds_slider {margin-top: 100px;}
section#fddstory_sec .swiper-slide {width: 960px !important; height: 622px; position: relative;}
section#fddstory_sec .swiper-slide a {position: relative; display: block; width: 920px; height: 600px;}
section#fddstory_sec .swiper-slide a p {display: inline-block; width: 60px; height: 60px; background: rgba(0,0,0,0.4); text-align: center; position: absolute; top: 270px; left: 430px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;}
section#fddstory_sec .swiper-slide a p i {color: #fff; font-size: 21px; margin-top: 19px;}
section#fddstory_sec .swiper-slide dl {position: absolute; right: -360px; bottom: 130px; width: 450px;}
section#fddstory_sec .swiper-slide dl dt {color: #20d7d6; font-size: 120px; font-weight: 800; margin-bottom: 20px;}
section#fddstory_sec .swiper-slide dl dd {font-size: 30px; line-height: 1.3; font-weight: 500; margin-left: 115px; height: 78px; overflow: hidden;}
section#fddstory_sec .swiper-pagination {text-align: left; margin-left: 980px;}
section#fddstory_sec .swiper-pagination-bullet {width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 24px; color: #fff; opacity: 1; background:#ccc; margin: 0 10px;}
section#fddstory_sec .swiper-pagination-bullet-active {color: #fff; background: #333;}
section#openstory_sec {background:#363c41 url(../images/main/openstory_leftbg.png) no-repeat 0 0; padding-top: 120px; height: 830px; position: relative;}
section#openstory_sec .ops_leftbox ul {margin-top: 75px; width: 600px;}
section#openstory_sec .ops_leftbox ul li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
section#openstory_sec .ops_leftbox ul li button {background:transparent; height: 50px; border: 2px solid #84888b; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
section#openstory_sec .ops_leftbox ul li button span {color: #fff; font-weight: 600; padding: 0 20px; display: inline-block; margin-top: -7px;}
section#openstory_sec .ops_leftbox ul li button.on {background: #1abebd; border: 2px solid #1abebd;}
section#openstory_sec .ops_rightbox {width: 950px; height: 950px; position: absolute; right: 0; top: -120px; overflow: hidden;}
section#openstory_sec .ops_rightbox .ops_sd_wrap {display: none;}
section#openstory_sec .ops_rightbox .ops_sd_wrap.ops_sd_wrap1 {display: block;}
section#openstory_sec .opsr_stitle {position: absolute; top: 450px; width: 100%; z-index: 5; text-align: center; }
section#openstory_sec .opsr_stitle > p {font-size: 60px; font-weight: 600; color: #fff;}
section#openstory_sec .opsr_stitle button {background:transparent; width: 130px; height: 50px; border: 1px solid #d3d3d3; margin-top: 50px;}
section#openstory_sec .opsr_stitle button span {color: #fff; font-weight: 600; padding: 0 20px; display: inline-block; margin-top: -5px; font-size: 14px;}
section#openstory_sec .opsr_stitle button:hover {background: #1abebd; border: 2px solid #1abebd;}
section#openstory_sec .ops_swiper {width: 950px; height: 950px;}
section#openstory_sec .swiper-button-prev, 
section#openstory_sec .swiper-button-next {color: #fff; background: rgba(0,0,0,0.5); width: 50px; height: 50px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
section#openstory_sec .swiper-button-prev:after, 
section#openstory_sec .swiper-button-next:after {font-size: 16px; font-weight: 600;}
section#news_sec {padding: 120px 0 90px;}
section#news_sec .news_leftbox {float: left; width: 820px; position: relative;}
section#news_sec .news_leftbox dt {font-size: 24px; font-weight: 600; border-bottom: 2px solid #000; margin: 100px 0 20px; padding-bottom: 20px;}
section#news_sec .news_leftbox dd {background-color:#000; background-repeat: no-repeat;  height: 300px; position: relative;}
section#news_sec .news_leftbox dd .news_text {background: rgba(54,60,65,0.9); width: 410px; height: 300px; position: absolute; right: 0; top: 0; color: #fff; cursor: pointer;}
section#news_sec .news_leftbox dd .news_text span {font-size: 14px; display: block; opacity: 0.4; margin:80px 0 0 35px;}
section#news_sec .news_leftbox dd .news_text p {font-size: 30px; margin:50px 0 0 35px; line-height: 1.3;}
section#news_sec .news_leftbox dd .news_text p > span {font-size: 14px; display: -webkit-box; opacity: 0.6; margin:12px 15px 0 0; letter-spacing: 1px; word-break:keep-all;}
section#news_sec .news_rightbox {float: right; width: 820px; position: relative;}
section#news_sec .news_rightbox dt {font-size: 24px; font-weight: 600; border-bottom: 2px solid #000; margin: 100px 0 20px; padding-bottom: 20px;}
section#news_sec .news_rightbox dd {position: relative;}
section#news_sec .news_swiper {overflow: hidden;}
section#news_sec .news_swiper .swiper-slide {height: 300px;}
section#news_sec .news_swiper .swiper-slide img {cursor: pointer;}
section#news_sec .swiper-button-prev, 
section#news_sec .swiper-button-next {color: #fff; background: rgba(0,0,0,0.5); width: 50px; height: 50px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
section#news_sec .swiper-button-prev:after, 
section#news_sec .swiper-button-next:after {font-size: 16px; font-weight: 600;}
section#news_sec .swiper-pagination-bullet {width: 10px; height: 10px; background:transparent; border: 2px solid #fff; opacity: 0.6;}
section#news_sec .swiper-pagination-bullet-active {background: #fff; border: 2px solid #fff; opacity: 1;}
section#banner1 {height: 350px; background:transparent url(../images/main/main_banner.png) no-repeat center 0;}
section#banner1 .bn1_left {float: left; width: 50%; height: 350px; position: relative;}
section#banner1 .bn1_right {float: right; width: 50%; height: 350px; position: relative;}
section#banner1 a {border: 2px solid rgba(255,255,255,0.5); color: #fff; font-size: 14px; font-weight: 00; padding: 0 25px; height: 45px; line-height: 43px; display: inline-block; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;} 
section#banner1 a:hover {background: #fff; color: #007a7a;}
section#banner1 .bn1_left a {position: absolute; right: 350px; bottom: 50px;}
section#banner1 .bn1_right a {position: absolute; left: 350px; bottom: 50px;}
section#probest_sec {padding: 120px 0 80px;}
section#probest_sec .prb_title {font-size: 60px; font-weight: 800; text-align: center; margin-bottom: 80px;}
section#probest_sec ul {display: flex; justify-content: flex-start; align-items: normal; flex-flow: row wrap;}
section#probest_sec li {width: 400px; margin-left: 40px; margin-bottom: 20px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
section#probest_sec li a > div {display: block; width: 400px; height: 400px; background: #eee; position: relative;}
section#probest_sec li a > div img {width: 100%; height: 100%;}
section#probest_sec li a > div em.best {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #1abebd; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); z-index: 2;}
section#probest_sec li a > div em.new {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #f17436; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
section#probest_sec li a > div em.best + .new {left: 80px;}
section#probest_sec li a > div p {width: 70px; height: 70px; background: rgba(0,0,0,0.5); position: absolute; right: 20px; bottom: 20px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; text-align: center;}
section#probest_sec li a > div p i {color: #fff; font-size: 30px; margin-top: 17px;}
section#probest_sec li a span {display: block; text-align: center; font-size: 16px; text-align: center; padding: 25px 20px; line-height: 1.3;}
section#probest_sec li:nth-child(4n-3) {margin-left: 0;}
section#banner2 {margin-top: -40px;}
section#banner2 .ban2_swiper {overflow: hidden;}

section#pronew_sec {padding: 120px 0 80px;}
section#pronew_sec .prn_title {font-size: 60px; font-weight: 800; text-align: center; margin-bottom: 80px;}
section#pronew_sec ul {display: flex; justify-content: flex-start; align-items: normal; flex-flow: row wrap;}
section#pronew_sec li {width: 400px; margin-left: 40px; margin-bottom: 20px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
section#pronew_sec li a > div {display: block; width: 400px; height: 400px; background: #eee; position: relative;}
section#pronew_sec li a > div img {width: 100%; height: 100%;}
section#pronew_sec li a > div em.best {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #1abebd; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); z-index: 2;}
section#pronew_sec li a > div em.new {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #f17436; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
section#pronew_sec li a > div em.best + .new {left: 80px;}
section#pronew_sec li a > div p {width: 70px; height: 70px; background: rgba(0,0,0,0.5); position: absolute; right: 20px; bottom: 20px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; text-align: center;}
section#pronew_sec li a > div p i {color: #fff; font-size: 30px; margin-top: 17px;}
section#pronew_sec li a span {display: block; text-align: center; font-size: 16px; text-align: center; padding: 25px 20px; line-height: 1.3;}
section#pronew_sec li:nth-child(4n-3) {margin-left: 0;}
section#banner3 {margin-top: -40px;}
section#mainfooter_sec {background:#1abebd url(../images/main/main_ft_map.jpg) no-repeat right 0; min-width:1720px; height: 300px; padding: 100px 0; margin-top: 100px; position: relative;}
section#mainfooter_sec > a {position: absolute; width: 960px; height: 500px; top: 0; right: 0; z-index: 1;}
section#mainfooter_sec .mfl_snsbox {border-left: 2px solid #fff; height: 300px; padding-left: 40px; position: relative;}
section#mainfooter_sec .mfl_snsbox ul li {display: inline-block; margin-right: 20px;}
section#mainfooter_sec .mfl_snsbox ul li a {display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
section#mainfooter_sec .mfl_snsbox ul li a:hover {background: #007171;}
section#mainfooter_sec .mfl_snsbox .mfl_textbox {font-size: 60px; color: #fff; position: absolute; bottom: 0; left: 40px;}
section#mainfooter_sec .mfl_snsbox .mfl_textbox span {font-size: 18px; display: inline-block; vertical-align: bottom; margin-bottom: 4px; margin-left: 15px;} 
section#footer {}
section#footer .ft_linebox {background: #363c41; height: 110px;}
section#footer .main_inner {width:1720px; margin:0 auto; position:relative;}
section#footer .main_inner:after {content:""; display: block; height: 0; clear: both;}
section#footer .ft_linebox ul {padding-top: 40px;}
section#footer .ft_linebox ul li {display: inline-block; margin-right: 50px;}
section#footer .ft_linebox ul li a {color: #fff; font-size: 16px; font-weight: 500; opacity: 0.7;}
section#footer .ft_linebox ul li a:hover {opacity: 1;}
section#footer .ft_linebox select {-moz-appearance: none; -webkit-appearance: none;}
section#footer .ft_linebox select::-ms-expand {display: none;}
section#footer .ft_linebox select {position: absolute; right: 0; top: 25px; border: 1px solid #fff; color: #fff; height: 60px; width: 250px; padding: 0 20px; background:transparent url(../images/inc/ft_select_icon.png) no-repeat calc(100% - 20px) center;}
section#footer .ft_linebox select option {color: #000;}
section#footer .ft_ftbox {text-align: center; padding: 50px 0;}
section#footer .ft_ftbox ul li {display: inline-block; margin: 30px 10px;}
section#footer .ft_ftbox ul li a {display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative;} 
section#footer .ft_ftbox ul li a img {opacity: 0.6;}
section#footer .ft_ftbox ul li a:hover img {opacity: 1;}
/*.
section#footer .ft_ftbox ul li a:hover:after {content:""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1);}
*/
section#footer .ft_ftbox .copyright {margin-bottom: 30px;}
section#footer .ft_ftbox .copyright span {margin:0 10px; font-size: 14px;}
section#footer .ft_ftbox .copyright2 {color: #aaa; font-size: 14px;}
/*************************************************************
COMMON
*************************************************************/
.ctn_box_board {padding: 70px 0 200px; position: relative;}
section#slocation_sec {height: 600px; position: relative; min-width: 1400px;}
section#slocation_sec .sub_inner {height: 100%;}
section#slocation_sec .sub_nav {width: 100%; position: absolute; bottom: 0; left: 0;}
section#slocation_sec .sub_nav > p {width: 60px; float: left;}
section#slocation_sec .sub_nav > p button {width: 100%; height: 80px; background: #03a7a5; color: #fff; border-right: 1px solid rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section#slocation_sec .sub_nav > p + ul {float: left; width: calc(100% - 60px);}
section#slocation_sec .sub_nav > p + ul > li {float: left; position: relative;}
section#slocation_sec .sub_nav > p + ul > li ul {display: none;}
section#slocation_sec .sub_nav > p + ul > li button {width: 100%; height: 80px; background: #03a7a5; color: #fff; border-right: 1px solid rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
section#slocation_sec .sub_nav > p + ul > li.on button {background: #005c5b;}
section#slocation_sec .sub_nav > p + ul > li.biglo button{background: #f17436;}
section#slocation_sec .sub_nav > p + ul > li.on.biglo button{background: #f17436;}
section#slocation_sec .sub_nav > p + ul > li button span {color: #fff; font-size: 18px; font-weight: 500; display: block; text-align: left; text-indent: 20px;}
section#slocation_sec .sub_nav > p + ul > li.depth2 > button p {position: absolute; width: 20px; height: 20px; right: 20px; top: 31px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
section#slocation_sec .sub_nav > p + ul > li.depth2 > button p i {color: #03a7a5; line-height: 1; margin-top: -9px;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov > button p {background: #03a7a5;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov > button p i {color: #fff; transform:rotate(180deg);}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov > button {background: #fff;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov > button span {color: #03a7a5;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov {border: 1px solid #03a7a5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 0; height: 79px; box-shadow: 5px 3px 3px 0px rgba(0,0,0,0.3); z-index: 8;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov ul {display: block; position: absolute; width: 100%; max-height:1000px; z-index: 9; padding: 20px 0; background: #fff; border: 1px solid #03a7a5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 0; box-shadow: 5px 3px 3px 0px rgba(0,0,0,0.3); z-index: 8;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov ul:before {content:""; display: block; height: 1px; width: calc(100% - 40px); left: 20px; top: -1px; background: #03a7a5; position: absolute;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov ul button {background: #fff; height: 35px;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov ul button span {color: #333; font-size: 16px;}
section#slocation_sec .sub_nav > p + ul > li.depth2.hov ul button:hover span {color: #03a7a5;}
section#slocation_sec .sub_nav.sub_nav_d2 > p + ul > li {width: 50%;}
section#slocation_sec .sub_nav.sub_nav_d3 > p + ul > li {width: 33.33%;}
section#slocation_sec .sub_nav.sub_nav_d4 > p + ul > li {width: 25%;}
section#slocation_sec .sub_nav.sub_nav_d5 > p + ul > li {width: 20%;}
section#slocation_sec .sub_nav.sub_nav_d6 > p + ul > li {width: 16.66%;}
section#slocation_sec .sub_nav.sub_nav_d7 > p + ul > li {width: 14.28%;}
section#slocation_sec .sub_nav.sub_nav_d8 > p + ul > li {width: 12.5%;}
section#slocation_sec .sub_nav.sub_nav_d9 > p + ul > li {width: 11.11%;}
section#slocation_sec .sub_nav.sub_nav_d10 > p + ul > li {width: 10%;}
section#slocation_sec .sub_nav:after {content:""; display: block; height: 0; clear: both;}

.maps_title {text-align: center; margin: 50px 0 30px;}
.maps_title span {font-size: 30px; display: inline-block; padding: 13px 40px 15px; background: #363c41; color: #fff; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;}
.maps_title.maps_title1 span {background: #00b7b5;}
.maps {position: relative; overflow: hidden;}
.maps .map_textbox {position: absolute; width: 300px; height: calc(100% - 60px); padding: 30px; color: #fff; background: #00b7b5; top: 0; right: 0; z-index: 1;}
.maps .map_textbox dt {font-size: 30px;}
.maps .map_textbox dt i {vertical-align: baseline;}
.maps .map_textbox dd {font-size: 18px; margin-top: 20px; line-height: 1.3;}
.maps .map_textbox ul {position: absolute; bottom: 30px; left: 30px;}
.maps .map_textbox ul li {margin-top: 10px;}
.maps .map_textbox ul em {display: inline-block; width: 27px; height: 27px; background: #fff; color: #00b7b5; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; text-align: center; line-height: 25px; vertical-align: middle;}
.maps .map_textbox ul span {font-size: 18px; vertical-align: middle; margin-left: 10px;}
.maps_last {padding-bottom: 100px;}

.company04_ctn {background:transparent url(../images/company/company04_ctn.jpg) no-repeat center 0; height: 2356px;}

/*************************************************************
TOP VISUAL
*************************************************************/
section#slocation_sec.company {background:transparent url(../images/company/company_bg.jpg) no-repeat center calc(50% + 50px);}
section#slocation_sec.product {background:transparent url(../images/product/product_bg.jpg) no-repeat center calc(50% + 5px);}
section#slocation_sec.pet {background:transparent url(../images/pet/pet_bg.jpg) no-repeat center calc(50% + 5px);}
section#slocation_sec.fm_info {background:transparent url(../images/fm_info/fm_info_bg.jpg) no-repeat center calc(50% + 25px);}
section#slocation_sec.customer {background:transparent url(../images/customer/customer_bg.jpg) no-repeat center calc(50% + 25px);}
section#slocation_sec.order {background:transparent url(../images/order/order_bg.jpg) no-repeat center calc(50% + 25px);}
section#slocation_sec.store {background:transparent url(../images/store/store_bg.jpg) no-repeat center calc(50% + 25px);}
/*************************************************************
PRODUCT
*************************************************************/
.pro_listcut {text-align: left; font-size: 14px; font-weight: 600; margin: 40px 0 15px;}
.pro_listcut em {display: inline-block; font-size: 14px; font-weight: 600; color: #f47253; vertical-align: baseline; text-decoration: underline; margin-right: 5px;}

.pro_depth3_tab {border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 2px solid #f47253;}
.pro_depth3_tab li {float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #eee;}
.pro_depth3_tab li button {width: 100%; height: 58px; background: #fff;}
.pro_depth3_tab li button span {font-weight: 700; display: inline-block; margin-top: -4px;}
.pro_depth3_tab li button:hover span {color: #f47253;}
.pro_depth3_tab li button.on {background: #f47253;}
.pro_depth3_tab li button.on span {color: #fff;}
.pro_depth3_tab:after {content:""; display: block; height: 0; clear: both;}

.pro_depth3_wrap {position: relative;}
.pro_depth3_box {position: absolute; z-index: 8; top: 0; left: 0; width: 100%; background: #fff; border: 2px solid #f47253; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); display: none;}
.pro_depth3_box table {width: 100%; border-top: 1px solid #e1e1e1;}
.pro_depth3_box table:first-child {border-top: 0;}
.pro_depth3_box table th {background: #f5f5f5; width: 200px; border-right: 1px solid #e1e1e1;}
.pro_depth3_box table ul {width: 100%;}
.pro_depth3_box table li {float: left; width: 16.66%; margin-bottom: -1px;}
.pro_depth3_box table button {background:transparent; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100%; height: 40px;}
.pro_depth3_box table li:nth-child(1) button,
.pro_depth3_box table li:nth-child(2) button,
.pro_depth3_box table li:nth-child(3) button,
.pro_depth3_box table li:nth-child(4) button,
.pro_depth3_box table li:nth-child(5) button,
.pro_depth3_box table li:nth-child(6) button {border-top: 0;}
.pro_depth3_box table button span {font-size: 14px; display: inline-block; margin-top: -6px;}
.pro_depth3_box table button:hover span {color: #f47253;}
.pro_depth3_box table button.on span {color: #f47253; text-decoration: underline;}
.pro_depth3_box .dp3_exit {border-top: 2px solid #f47253; position: absolute; bottom: -32px; left: 0; width: 100%; height: 30px; text-align: right;}
.pro_depth3_box .dp3_exit button {width: 100px; height: 30px; background: #f47253;}
.pro_depth3_box .dp3_exit button i {color: #fff; margin-top: -7px;}
.pro_depth3_box .dp_all {border-top: 2px solid #f47253; position: absolute; bottom: -32px; right: 100px; height: 30px; text-align: right; z-index: 2;}
.pro_depth3_box .dp_all button {width: 100px; height: 30px; background: #ff9d86;}
.pro_depth3_box .dp_all button span {font-size: 12px; font-weight: bold; color: #fff; display: inline-block; margin-top: -8px;}

.prolist_box {margin-top: 40px;}
.prolist_box ul {display: flex; justify-content: flex-start; align-items: normal; flex-flow: row wrap;}
.prolist_box li {width: 335px; margin-left: 20px; margin-bottom: 20px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.prolist_box li a > div.pics {display: block; width: 335px; height: 335px; background: #eee; position: relative;}
.prolist_box li a > div.pics img {width: 100%; height: 100%;}
.prolist_box li a > div.pics em.best {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #1abebd; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); z-index: 2;}
.prolist_box li a > div.pics em.new {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #f17436; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
.prolist_box li a > div.pics em.best + .new {left: 80px;}
.prolist_box li a > div.pics p {width: 70px; height: 70px; background: rgba(0,0,0,0.5); position: absolute; right: 20px; bottom: 20px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; text-align: center;}
.prolist_box li a > div.pics p i {color: #fff; font-size: 30px; margin-top: 17px;}
.prolist_box li a span {display: block; font-size: 16px; text-align: center; padding: 20px; line-height: 1.3;}
.prolist_box li a div.prbox {position: relative; margin-bottom: 25px; padding: 0 20px 0;}
.prolist_box li a div.prbox dl {display: inline-block;}
.prolist_box li a div.prbox dl.pr1 dt {border: 1px solid #333; font-size: 14px; text-align: center; padding: 2px 5px 4px; display: inline-block;}
.prolist_box li a div.prbox dl.pr1 dd {display: inline-block; font-size: 18px; margin-top: -3px; margin-left: 10px;}
.prolist_box li a div.prbox dl.pr2 dt {border: 1px solid #333; background: #333; color: #fff; font-size: 14px; text-align: center; padding: 2px 5px 4px; display: inline-block; margin-left: 10px;}
.prolist_box li a div.prbox dl.pr2 dd {display: inline-block; font-size: 18px; margin-top: -3px; margin-left: 10px;}
.prolist_box li a div.prbox p {color: #ec4242; font-size: 20px; font-weight: 600; position: absolute; right: 20px; top: 0;}
.prolist_box li:nth-child(4n-3) {margin-left: 0;}

.pro_detail_wrap {position: relative; margin-top: 50px;}
.pro_detail_wrap:after {content:""; display: block; height:0; clear: both;}
.pro_detail_wrap .prod_imgbox {float: left; width: 705px;}
.pro_detail_wrap .prod_imgbox ul {float: left;}
.pro_detail_wrap .prod_imgbox ul li {width: 130px; height: 130px; border: 1px solid #eee; margin-top: 8px; background: #f9f9f9;}
.pro_detail_wrap .prod_imgbox ul li:first-child {margin-top: 0;}
.pro_detail_wrap .prod_imgbox ul img {width: 100%; cursor: pointer;}
.pro_detail_wrap .prod_imgbox .prod_zimg {width: 550px; float: right; border: 1px solid #eee; position: relative;}
.pro_detail_wrap .prod_imgbox .prod_zimg img {width: 100%;}
.pro_detail_wrap .prod_imgbox .prod_zimg em.best {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #1abebd; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); z-index: 2;}
.pro_detail_wrap .prod_imgbox .prod_zimg em.new {display: inline-block; width: 70px; height: 70px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 68px; background: #f17436; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: absolute; left: 20px; top: 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
.pro_detail_wrap .prod_imgbox .prod_zimg em.best + .new {left: 80px;}

.pro_detail_wrap .prod_textbox {width: 620px; float: right;}
.pro_detail_wrap .prod_textbox .prodt_titlebox {height: 150px; border-bottom: 1px solid #eee;}
.pro_detail_wrap .prod_textbox .prodt_titlebox a {font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 8px;}
.pro_detail_wrap .prod_textbox .prodt_titlebox a i {margin-top: -3px;}
.pro_detail_wrap .prod_textbox .prodt_titlebox p {font-size: 30px; font-weight: 500; line-height: 1.3;}

.pro_detail_wrap .prod_dllist {padding: 40px 0; border-bottom: 1px solid #eee;}
.pro_detail_wrap .prod_dllist dl {padding: 10px 0;}
.pro_detail_wrap .prod_dllist dl dt {font-size: 14px; font-weight: 500; display: inline-block; width: 150px;}
.pro_detail_wrap .prod_dllist dl dd {font-size: 14px; font-weight: 500; display: inline-block; width: 250px;}
.pro_detail_wrap .prod_dllist dl dd p {display: inline-block; font-size: 20px; font-weight: 700; margin-top: -2px; margin-bottom: -2px;}
.pro_detail_wrap .prod_dllist dl dd .nm_price {color: #999;}
.pro_detail_wrap .prod_dllist dl dd span {font-size: 12px; display: inline-block; margin-bottom: -3px;}
.pro_detail_wrap .prod_dllist dl dd em {font-size: 20px; font-weight: 700; color: #ec4242; display: inline-block; margin-left: 15px; margin-bottom: -1px;}
.pro_detail_wrap .prod_dllist dl dd em i {margin-top: -3px;}
.pro_detail_wrap .prod_btnbox {position: relative; margin-top: 58px;}
.pro_detail_wrap .prod_btnbox:after {content:""; display: block; height:0; clear: both;}
.pro_detail_wrap .prod_btnbox button {float: right; width: calc(50% - 10px); height: 65px; background:#00b7b5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro_detail_wrap .prod_btnbox button span {display: inline-block; font-size: 18px; font-weight: 600; color: #fff;}
.pro_detail_wrap .prod_btnbox button:first-child {background: #fff; border: 1px solid #00b7b5; float: left;}
.pro_detail_wrap .prod_btnbox button:first-child span {color: #00b7b5;}

.prod_info_wrap {margin-top: 60px;}
.prod_info_wrap .prod_infotitle {font-size: 18px; font-weight: 600; border-bottom: 1px solid #000; padding-bottom: 15px;}
.prod_info_wrap .prod_viewbox {padding: 40px 0;}
.prod_info_wrap .prod_viewbox img {max-width:100%;}

.wrap_view {width: 100%; margin-bottom: 100px;}
.wrap_view a:hover * {fill: #666;}
.map_tdtext {vertical-align: top; padding-left: 50px;}
.map_tdtext dl {border-top: 1px solid #ccc; border-bottom: 1px solid #eee; padding: 40px;}
.map_tdtext dl dt {font-size: 16px; font-weight: 400; margin-bottom: 10px;}
.map_tdtext dl dd {font-size: 30px; font-weight: 500;}

/*************************************************************
PET
************************************************************/
.pet01_ctn {background:transparent url(../images/pet/pet01_ctn.jpg) no-repeat center 0; height: 2066px;}

/*************************************************************
FM_INFO
************************************************************/
.fm_info01_1_ctn {background:transparent url(../images/fm_info/fm_info01_1_ctn.jpg) no-repeat center 0; height: 1727px;}
.fm_info01_2_ctn {background:transparent url(../images/fm_info/fm_info01_2_ctn.jpg) no-repeat center 0; height: 1552px;}
.fm_info01_3_ctn {background:transparent url(../images/fm_info/fm_info01_3_ctn.jpg) no-repeat center 0; height: 1234px;}
.fm_info02_1_ctn {background:transparent url(../images/fm_info/fm_info02_1_ctn.jpg) no-repeat center 0; height: 1854px;}
/*************************************************************
FAMILY MEMBER
************************************************************/
.login_wrap {width: 360px; margin: 80px auto 100px; background:transparent url(../images/member/mem_login_icon.png) no-repeat center 0; padding-top: 190px;}
.login_inputbox input {font-weight: 700; border: 2px solid #ddd; width: 100%; height: 59px; text-indent: 15px; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login_inputbox li {margin-bottom: 15px;}
.login_wrap input:focus {border: 2px solid #000;}
.login_ftlink {margin-bottom: 30px;}
.login_ftlink li {float: right;}
.login_ftlink li:first-child {float: left; margin-top: 2px;}
.login_ftlink:after {content:""; display: block; height: 0; clear: both;}
.login_submit {width: 100%; height: 65px; background: #00b7b5;}
.login_submit span {color: #fff; font-size: 20px; font-weight: 700; margin-top: -4px;}
.login_join {width: 100%; height: 65px; background: #fff; border: 2px solid #00b7b5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px;}
.login_join span {color: #00b7b5; font-size: 20px; font-weight: 700; margin-top: -4px;}

.btn_mint_line {height: 50px; background: #fff; border: 2px solid #00b7b5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; padding: 0 20px; vertical-align: baseline; margin: 0 5px;}
.btn_mint_line span {color: #00b7b5; font-size: 16px; font-weight: 700; margin-top: -5px; display: inline-block;}
.btn_mint_block {height: 50px; background: #00b7b5; padding: 0 20px; vertical-align: baseline; margin: 0 5px;}
.btn_mint_block span {color: #fff; font-size: 16px; font-weight: 700; margin-top: -5px; display: inline-block;}

.mem_step {text-align: center; padding: 70px 0; border-bottom: 1px solid #eee;}
.mem_step li {display: inline-block; text-align: center;}
.mem_step li em {display: inline-block; width: 90px; height: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.mem_step li span {display: block; text-align: center; font-size: 18px; font-weight: 700; margin-top: 15px;}
.mem_step li img {display: inline-block;margin: -35px 40px 0;}
.mem_step li:nth-child(1) em {background:#ccc url(../images/member/mem_joinicon_step1.png) no-repeat center center;}
.mem_step li:nth-child(3) em {background:#ccc url(../images/member/mem_joinicon_step2.png) no-repeat center center;}
.mem_step li:nth-child(5) em {background:#ccc url(../images/member/mem_joinicon_step3.png) no-repeat center center;}
.mem_step li em.on {background-color: #00b7b5;}

.join_agreebox dt label {font-size: 16px; font-weight: 600;}
.join_agreebox dt label em {font-size: 16px; font-weight: 600; color: #f62b2b; vertical-align: baseline;}
.join_agree_titlebox {margin: 50px 30px;}
.join_agree_titlebox .check label {font-size: 18px; font-weight: 600;}
.join_agree_titlebox .all_agree_text {margin-left: 34px; margin-top: 10px;}
.join_agreebox dl {}
.join_agreebox dl dt {background: #f5f5f5; padding: 10px 30px;}
.join_agreebox dl dd {border: 1px solid #eee; margin: 10px 0; height: 300px; overflow-y: scroll;}
.join_agreebox .agree_ctnbox {margin: 15px 30px; line-height: 1.5; color: #666;}

.join_btn_box {margin-bottom: 100px; margin-top: 50px;}

.join_table {width: 100%; border-top: 1px solid #000;}
.join_table th {text-align: left; text-indent: 40px; background: #f5f5f5; height:66px; border-bottom: 1px solid #eee;}
.join_table.join_table2 th {background: #edf3f3;}
.join_table th em {color: red; vertical-align: top; margin-left: 5px;}
.join_table td {border-bottom: 1px solid #eee; text-indent: 10px; padding: 10px 0;}
.join_table td input {border: 1px solid #eee; font-size: 16px; height: 40px; text-indent: 15px;}
.join_table td input:focus {border: 1px solid #999;}
.join_table td select {border: 1px solid #eee; font-size: 16px; height: 44px; padding: 0 15px; cursor: pointer;}
.join_table .btn_mint_block {height: 44px; vertical-align: middle;}
.join_table .btn_mint_block span {display: inline-block; margin-top: -4px;}
.join_table .address_box {margin-top: 10px;}
.join_table .address_box input {width: 400px;}
.join_table .sns_agree {margin-bottom: 15px;}
.join_table .sns_agree + p {font-size: 12px;}
.join_table .sns_agree dt {display: inline-block; vertical-align: middle; margin-top: -6px;}
.join_table .sns_agree dd {display: inline-block; vertical-align: middle;}

.jemd_title {text-align: center; margin: 60px 0 20px; }
.jemd_title dt {font-size: 40px; font-weight: 500; color: #00b7b5; margin-bottom: 20px;}
.jemd_title dd {font-size: 18px; font-weight: 400;}
.jend_box {background: #f5f5f5; width: 500px; margin: 0 auto; padding: 20px 0;}
.jend_box p {font-size: 24px; font-weight: 500; margin: 15px 0 15px 100px;}
.jend_btn {border: 2px solid #000; width: 100px; height: 50px; margin: 30px auto 100px; display: block; background: #fff;}
.jend_btn span {font-size: 16px; color: #000; display: inline-block; margin-top: -4px;}

#container .login_tab_box {margin-bottom: 20px;}
#container .login_tab_box li {float: left; width: 50%;}
#container .login_tab_box li button {border-left: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; background: #f5f5f5; border-top: 2px solid #f0f0f0; width: 100%; height: 60px; cursor: pointer;}
#container .login_tab_box li button span {display: inline-block; margin-top: -6px;}
#container .login_tab_box li button:hover span {color: #ff6922;}
#container .login_tab_box li.on button:hover span {color: #000;}
#container .login_tab_box li:first-child button{border-left: 0;}
#container .login_tab_box li.on button {background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #00b7b5;}
#container .login_tab_box:after {content:""; display: block; height: 0; clear: both;}

#container .login_tabview {display: none;}
#container .login_tabview1 {display: block;}