#mypage { margin:0 auto; overflow: hidden;padding-bottom: 50px;}
#mypage .my_cont_01 { width:100%; height:100%; margin-top:50px;}
#mypage .my_cont_01 h2 i {color:#005DA3; margin-right:5px}

#mypage h2 {font-size:15px; line-height:50px; border-bottom:1px solid #005DA3}

.my_card {width:350px; height:210px; border-radius: 17px;float:left;box-sizing: border-box}

/* 카드 뒤집기 */
/* entire container, keeps perspective */
.flip-container {cursor:pointer; float:left;
	perspective: 1000px; margin:10px;
	transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);-webkit-transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);-webkit-transform: rotateY(180deg);
	}

.card_master .front {margin:0}
.flip-container,.back {width:350px; height:210px}
.card_name {position:absolute; bottom:15px; left:15px}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
 .front,.back {border-radius: 17px;
	backface-visibility: hidden;-webkit-backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
	position: absolute;
	top: 0;	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {z-index: 2; text-align: center;	transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}

 
/* back, initially hidden pane */
 .back {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/card_back.png") no-repeat; ;border:1px solid #bbb;transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);padding:15px; box-sizing: border-box}

.card_txt {text-align: center; font-size:15px; padding:15px; font-weight: bold; line-height:20px}

#card_resort .front {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/card01.png") no-repeat;background-size:cover; }
#card_gift .front {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/card03.png")no-repeat center; border:1px solid #dbdbdb }
#card_general .front {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/card02.png") no-repeat;background-size:cover; }

.my_prod_name {font-weight: bold; width:80px; display: inline-block}

.card_404 {background: url(https://img.ibottle.kr/julgigobaseimg/vip/images/icons/logo_gray.png) no-repeat center; border:2px solid #555; }
.my_product {text-align:center;font-size:14px; line-height:25px}
.my_product .btn_card_gift{width:70px; line-height:20px;display: inline-block; margin:0 10px; font-size:13px; border:1px solid #ddd}
.my_product .btn_card_gift:hover {background-color:#FFAE1F;}

#card_container::after {display: block; content: ""; clear:both;}

/* 카드 적용 스타일 종료 */

.my_service_tit { clear:both;line-height:40px; width:100%; font-size:22px; border-bottom:1px solid #005DA3; margin:50px 0 10px}
.my_service_tit:first-child {margin:40px 0 10px}
.my_service_tit i {color:#005DA3; margin-right:5px}
#mypage .my_tabs {width:95%; height:auto;border:1px solid #dbdbdb; box-sizing: border-box; margin:12px auto}
#mypage .my_tabs .my_tit {font-size:15px; padding:40px 0 7px; font-weight: bold; clear:both; border-bottom:1px solid #dbdbdb}
#mypage .my_tabs .my_tit:first-child {padding-top:0}


#mypage .my_tabs .my_t_coupon .my_tit_used {color:#b6b6b6}
#mypage .my_tabs li{width:100%;background:#f9f5f2; position:relative}
#mypage .my_tabs li >a {width:100%;line-height:50px; display:block; font-size:15px; text-indent: 30px;user-select: none;border-bottom:1px solid #dbdbdb; font-weight:600; cursor:pointer  }
#mypage .my_tabs li:last-child >a {border-bottom:none}
#mypage .my_tabs li>a::after{
	width:11px; height:11px; border-right: 2px solid #222; border-bottom: 2px solid #222; position: absolute; right: 30px;top:18px; content: " "; transform: rotate(-45deg); transition: all 0.2s ease-in-out; }

#mypage .my_tabs li> a.active {background-color:#005DA3; color:#fff}

#mypage .my_tabs li .expire_alert {font-size:12px; line-height:15px; color:#005da3; margin-left:10px}
#mypage .my_tabs li:hover .expire_alert {color:#fff}
#mypage .my_tabs li> a.active .expire_alert {color:#fff}

#mypage .my_tabs li> a.active::after{
	transform: rotate(45deg); border-color:#fff;
		transition:all, 0.2s, ease}

#mypage .my_tabs li .tab_conts {width:100%; height:100%;overflow: hidden; display: block; background-color:#fff; border-bottom: 1px solid #dbdbdb; padding:30px; box-sizing: border-box }
#mypage .my_tabs li .tab_conts .goto_service {font-size:16px; font-weight: bold; height:60px}
#mypage .my_tabs li .tab_conts .goto_service a {background:#DA5801; color:#fff; font-weight:400; padding:13px; float:right; font-size:14px}

#mypage .my_tabs li .tab_conts .service_end {font-size:16px; font-weight: bold; height:60px}
#mypage .my_tabs li .tab_conts .service_end span {background:#666; color:#fff; font-weight:400; padding:13px; float:right; font-size:14px}


#mypage .number_b {font-size:2em; color:orangered; font-weight: bold; padding:0 20px} 
#mypage .tab_conts .my_coup_txt  {width:40%; display:inline-block; float:left; padding:5px; text-align: center }
#mypage .my_tabs .tab_conts .my_shop_thumb {width:203px; height:210px; float:left;margin:4px; border:2px solid #fff}
#mypage .my_tabs .tab_conts .my_shop_thumb:hover {border:2px solid #0085e0; }
#mypage .my_tabs .tab_conts .my_shop_thumb a:hover {font-weight:bold}
#mypage .my_tabs .tab_conts .my_shop_thumb img {width:100%;height:87%}
#mypage .my_tabs .tab_conts .my_shop_thumb p {padding:5px; font-size:15px}


#mypage .tab_conts .coupon_tb {width:47%;float:left; margin-right:3%}
#mypage .tab_conts .tb_health_1 {width:95%}
#mypage .tab_conts .tb_health_3 {width:32%; margin-right:1%}

#mypage .resort_tabs {cursor: pointer}
#mypage .resort_tabs li.myr_active {background: #0B93FB; color:#fff}
#mypage .tab_open:hover {background: #005DA3; color:#fff}

#mypage .map_area {border:1px solid black; width:95%; height:480px; padding:10px; margin:30px 0 50px}
#mypage .map_area > iframe {width:100%; height:100%; border:none}

#mypage .index3_tab {margin:0 auto 20px; width:fit-content}
#mypage .index3_tab li {width:170px;float:left; font-size:15px; padding:20px 0;  text-align: center; cursor:pointer;border:1px solid #dbdbdb; border-right:none; background:#eee}
#mypage .index3_tab li.index_on {border-bottom:1px solid #fff; background:#fff; color:#005da3 }
#mypage .index3_tab li:last-child {border-right:1px solid #dbdbdb}
#mypage .index3_cont {clear:both;width:1196px;margin:30px auto 50px; position: relative;height:600px;border:1px solid #dbdbdb; border-top:none;}
#mypage .index3_cont li {width:1168px;height:570px; background:#fff;  position:absolute; top:15px; left:15px; text-align:center;}

#mypage .index3_cont #index3_a {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_a.jpg")no-repeat center}

#mypage .index3_cont #index3_b {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_b.jpg")no-repeat center}
#mypage .index3_cont #index3_c {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_c.jpg")no-repeat center}
#mypage .index3_cont #index3_d {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_d.jpg")no-repeat center}
#mypage .index3_cont #index3_e {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_e.jpg")no-repeat center}
#mypage .index3_cont #index3_f {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_f.jpg")no-repeat center}
#mypage .index3_cont #index3_g {background:url("https://img.ibottle.kr/julgigobaseimg/vip/images/new_index3_g.jpg")no-repeat center}

#mypage .index3_cont #index3_a .index3_txtbox {background:#283D5D}
#mypage .index3_cont #index3_b .index3_txtbox {border:1px solid #fff}
#mypage .index3_cont #index3_c .index3_txtbox {background:#BCB964}
#mypage .index3_cont #index3_d .index3_txtbox {background:#283D5D}
#mypage .index3_cont #index3_e .index3_txtbox {background:#064E4B}
#mypage .index3_cont #index3_f .index3_txtbox {color:#333; border:1px solid #333}
#mypage .index3_cont #index3_g .index3_txtbox {background:#283D5D}

#mypage .index3_cont .index3_txtbox {width:430px; height:230px; color:#fff; margin-top:18px; margin-left:28px; padding:40px; box-sizing: border-box; text-align: left}
#mypage .index3_cont .index3_txtbox h3 {font-size: 30px; font-weight: bold}
#mypage .index3_cont .index3_txtbox p {font-size:14px; margin-top:20px; line-height:20px}


#mypage .index_cont3::after {content:""; display:block; clear:both }



/* 이벤트 영역 */
#mypage .my_cont_02 {clear:both; height:100%;}
#mypage .my_cont_02 div {float:left; height:230px; margin-right:20px; border-radius:8px}

#mypage .my_event {width:410px;}
#mypage .my_cont_02 h2 {line-height:48px;}
#mypage .my_cs {width:175px; border:1px solid #ddd; box-sizing: border-box; background-color:#f4f4f4; padding:10px;  font-size:14px; }
.cs_no {font-size:27px; font-weight:bolder; height:45px; color:#005DA3;font-family:'Fredoka One', cursive; margin-top:40px; text-align:center;letter-spacing: 0.1rem}
#mypage .my_cs #cs_drctn {display: block; border-top:1px solid #dbdbdb; line-height:45px; margin-top:10px; text-align: center; font-size:13px; font-weight:500}
#mypage .my_cs p {text-align:center;line-height:20px; font-weight:bold;}
#mypage .my_account {width:350px;border:1px solid #e2e2e2}
#mypage .my_account h2 {text-indent: 15px; background:#e2e2e2}
#mypage .my_account img {padding:20px;display:block; float:left}
#mypage .my_account div {width:220px;float:left; line-height:23px;padding:20px;box-sizing: border-box; font-weight:500}

#mypage .my_cont_02 {clear:both}
#mypage .my_cont_02 .my_btns {width:180px; margin-right:0;}
#mypage .my_cont_02 .my_btns a {display:block; width:100%; height:48px; margin-bottom:10px; font-size:14px; font-weight:550; line-height:48px; text-indent: 10px; color:#fff; border-radius:6px}
#mypage .my_cont_02 .my_btns a i {font-size:17px; margin-right: 5px;vertical-align: middle }

#mypage .my_cont_02 .my_btns #btn_1to1 {background:#4C61B0; border:1px solid #000ba3}
#mypage .my_cont_02 .my_btns #btn_notice {background:#7864B9; border:1px solid #4600A3}
#mypage .my_cont_02 .my_btns #btn_review {background:#A065BC; border:1px solid #9800A3}
#mypage .my_cont_02 .my_btns #btn_online {background:#C465B9; border:1px solid #A3005D}
#mypage .my_cont_02 .my_btns a {transition:opacity 0.2s}
#mypage .my_cont_02 .my_btns a:hover {opacity:0.9; }

#mypage .my_expiry {font-size:15px; float:right; margin-right:60px}
#mypage .resort_tabs {width:1180px; height:50px; border:1px solid #dbdbdb}
#mypage .resort_tabs li {width:25%; float:left; text-align: center; line-height: 50px; border-right:1px solid #dbdbdb; box-sizing: border-box}
#mypage .resort_tabs li:last-child {border-right:none}
.invi_prod {font-size:14px; line-height:40px; padding-left:30px}
.invi_prod span {font-weight: bold; color:#D75801; width:220px; display: inline-block; font-size:16px}

.hlth_prod {font-size:14px; line-height:40px; padding-left:30px}
.hlth_prod span {font-weight: bold; color:#D75801; font-size:15px}
.hlth_prod div {padding-left:20px}


/* 카드 선물 페이지 */
.card_present form {background:#fff; padding:10px 0 0 100px; font-size:16px }
.card_present form input,select {height:25px; font-size:13px}
.card_present form li {width:80%;height:auto; border-bottom: 1px solid #dbdbdb; padding:30px 0; line-height:30px }
.card_present form li:last-child {border:none}
.card_present h2 {font-size:28px; margin:30px 0}
.card_present p {font-size:22px; font-weight:bold; margin-bottom:20px}
.card_present li span {font-weight:bold; width:200px; display: inline-block}
.card_present #roadAddress {width:300px; margin-left:205px}
.card_present #detailAddress {width:230px}
.card_present #receiver_phone {width:400px}
.card_present form select {width:100px}
.card_present input[type="submit"] {width:180px; height:40px; display: block; margin:30px auto; cursor: pointer; background:#005DA3; color:#fff; font-weight: 400}
.card_present input[type="submit"]:hover {background-color:#FFCA0C; color:#333}
.card_present .btn_go_back {width:180px; line-height:40px; background:#333; color:#fff; display: block; text-align: center}
.card_present label {position:relative; left: 0}
.card_present form #receiver_email {width:300px}
.card_present h3 { clear:both;line-height:40px; width:100%; margin:40px 0 0 0 auto; font-size:22px; border-bottom:1px solid #005DA3; margin:100px 0 10px}
.card_present h3 i {color:#005DA3; margin-right:5px}
.card_present h3 {margin:10px 0}
#receiver_name, #receiver_email {border:2px solid #aaa}


/* 인트로페이지 */
#intro_wrap h1 {display:none}
#intro_wrap {width:100%; height:100%;}
#intro_wrap #intro_acc {width:100%; margin:0; padding:0}
#intro_wrap #intro_acc li {position: relative;width:25%; float:left; height:100%; transition:width 400ms ease}
#intro_wrap #intro_acc .li_on .intro_hidden {content:"";width:100%; height:100%; background:rgba(0,0,0,0.5);position:absolute; left:0; top:0}


#intro_wrap #intro_acc #intro_li_1 {background: url("../images/intro_bg1.jpg") no-repeat center}
#intro_wrap #intro_acc #intro_li_2 {background: url("../images/intro_bg2.jpg") no-repeat center}
#intro_wrap #intro_acc #intro_li_3 {background: url("../images/intro_bg3.jpg") no-repeat center}
#intro_wrap #intro_acc #intro_li_4 {background: url("../images/intro_bg4.jpg") no-repeat center}
#intro_wrap #intro_acc .intro_hidden {display:none}
#intro_wrap #intro_acc .li_on .intro_hidden {color:#fff;display:block  }
#intro_wrap #intro_acc .li_on .intro_hidden h2 {text-align: right; font-size:40px; position: relative; top:15%; right:7%}
#intro_wrap #intro_acc .li_on p {text-align: right; position: relative; top:20%; right:7%;font-size:22px; line-height: 30px}
#intro_wrap #intro_acc .li_on .intro_btn {width:140px; height:40px;background: none; border:1px solid #fff; color:#fff; position: relative; top:25%; left:93%; margin-left:-140px}
#intro_wrap #intro_acc .li_on .intro_btn:hover {background: rgba(255,255,255,0.4)}




.health_wrap {padding:60px 0; overflow: hidden; width:1200px;margin:0 auto}
.health_wrap .health_btn {display: block; width:590px;height:150px; background-color:black;float:left; font-size:23px; font-weight:500; text-align:center; line-height:150px;  color:#fff}
.health_wrap .health_btn {position:relative}
.health_wrap .health_btn span {position:absolute;top:0; left:40% }
.health_wrap .health_title {width:100%; height:600px;}
.health_wrap .health_title h2 {font-size:45px;padding:50px 80px 0}
.health_wrap .health_title p {font-size:1.2em; width:40%; padding:0 80px}

.health_wrap #dna_title {background: url("https://img.ibottle.kr/julgigobaseimg/vip/images/dna_bg2.jpg") no-repeat center; height:400px;  }
.health_wrap #care_title {background: url("https://img.ibottle.kr/julgigobaseimg/vip/images/health_bg1.jpg") no-repeat left; text-align:left}

.health_wrap #fitness_title {background: url("https://img.ibottle.kr/julgigobaseimg/vip/images/fitness_bg.jpg") no-repeat left; text-align:left}
.health_wrap #fitness_title p {float:left}
 
.health_wrap .health_btn img:hover {opacity: 0.7}
.health_wrap .health_btn img:focus {opacity: 0.7}

.health_wrap .dna_list {width:100%; padding:20px 0}
.health_wrap .dna_list li {float:left; display:table-cell; width:20%; line-height:1.6em}

.health_wrap .dna_book {clear:both}
.health_wrap .dna_book p {line-height:40px; }
.health_wrap .dna_book input[type="tel"] {width:80px}
.health_wrap .health_content {width:95%; margin:0 auto; padding:30px 0}
.health_wrap .dna_book p span {display: inline-block; width:70px}
.health_wrap h3 {font-size:25px; padding:30px 0 15px}
.health_wrap h3 img {width:45px; vertical-align: middle}
.health_wrap .dna_book form {width:1100px; margin:0 auto; border:1px solid #dbdbdb; padding:25px; font-size:14px}
.health_wrap input[type="submit"] {width:180px; height:40px; float:right; background:#dbdbdb}
.health_wrap input {height:30px}
.health_wrap input[type="submit"]:hover {background: #005DA3; color:#fff}
.health_wrap #roadAddress{width:350px;}
.health_wrap #detailAddress {width:250px}

/* 헬스 - 피트니스 */
#fitness_title #btn_tlx_link {width:300px; line-height:30px; background:#1D7BED; color:#fff; display: block; margin:30px 0; text-align: center}
.tlx_list {margin:0 auto}
.tlx_list li {float:left; border:1px solid #ccc; margin:15px; padding:3px }
.tlx_list li p {text-align: center; padding:15px; font-size:17px;}
.tlx_list li p span {padding:0 10px; font-size:20px; font-weight:600; color:Red}


.health_wrap .hospital_reg li.active {border-bottom:4px solid #005DA3; }
.health_wrap .hospital_reg li {float:left; width:140px; line-height:3em;height:3em; float:left; text-align: center; border-bottom:4px solid #fff; cursor:pointer; }

.health_wrap .hospital_reg::after {content: ""; display: block; clear: both}
.health_wrap .hospital_left {float:left}
.health_wrap .hospital_list {float:right}
.health_wrap .h_list {width:980px; height:auto;}
.health_wrap .h_list li {font-size:16px; border:1px solid #dbdbdb; padding:12px 30px; margin:5px; line-height:22px; font-weight:bold; position:relative}
.health_wrap .h_list li p { padding:10px;font-size:15px;box-sizing: border-box; font-weight:300}

.health_wrap .h_list_btn {width:120px; height:40px; background:#005DA3; display: inline-block; color:#fff; line-height:40px; text-align: center; font-weight:400}
.health_wrap .h_list li .h_list_btn { position:absolute; right:30px; top:45%;}

.health_wrap .hospital_left {width:210px; }
.health_wrap .hospital_left ul {margin-top:15px}
.health_wrap .hospital_left li {text-indent:15px;line-height:30px}
.health_wrap .hospital_left li a:hover {font-weight:bold}
.health_wrap .hospital_left li a:focus {font-weight:bold}
.health_wrap .hospital_left h3 {font-size:19px; border-bottom:1px solid #dbdbdb}
.health_wrap .hospital_left img {vertical-align:bottom}

.health_wrap .health_type {width:980px;float:right;padding:50px; box-sizing: border-box}

.health_wrap .h_edit_table table {width:97%; border:1px solid #dbdbdb;border-collapse:collapse; margin-bottom:40px}
.health_wrap .h_edit_table table tr td {border-bottom:none}
.health_wrap .h_edit_table table tr { border-bottom:1px solid #dbdbdb;}
.health_wrap .h_edit_table table th {font-size:1em; line-height:2.7em;color:#BF5C17; }

.health_wrap h2 {line-height:3em;}
.health_wrap .h_edit_btns {text-align: center}

.health_wrap .health_book .hcBook-title {font-size:20px; padding:10px 20px; background:yellow; line-height:100px; height:100px; width:1140px; color:#fff; cursor:pointer}
.health_wrap #hcBook_free .hcBook-title {background: url(https://img.ibottle.kr/julgigobaseimg/vip/images/hcbook_01.jpg)}
.health_wrap #hcBook_charge .hcBook-title {background: url(https://img.ibottle.kr/julgigobaseimg/vip/images/hcbook_02.jpg)}
.health_wrap .health_book .hcBook-title span {float:right}
.health_wrap .health_book form {margin:30px auto; width:75%; }
.health_wrap .health_book form table {width:90%; border-collapse: none}
.health_wrap .health_book form th {text-align: left; width:30%; text-align:15px}
.health_wrap .health_book form td {border:none; text-align: left}
.health_wrap .health_book form input {width:80%; padding-left:10px}
.health_wrap .health_book .hcBook-txt {width:1178px; border:1px solid #dbdbdb}
.health_wrap .health_book .hcBook-txt label {position:relative;lefT:0}
.health_wrap .health_book .hcBook-txt input[type="button"] {width:240px; margin-top:30px; float:right; background-color:#FD7D07;color:#fff; border:none; height:35px; cursor: pointer}
.health_wrap .health_book .hcBook-txt input[type="button"] :hover {background-color:orangered}
.health_wrap .health_book .hcBook-txt label[for="getpin-free"] {position:absolute; left:-9999px}
.health_wrap .health_book .hcBook-txt label[for="getpin-charge"] {position:absolute; left:-9999px}
.health_wrap .health_book .hcBook_price {width:230px; height:300px; border:1px solid #ddd; padding:15px; float:left; margin-top:10px; text-align: center; font-size:22px; font-weight: bolder}
.health_wrap .health_book .hcBook_type input { width:20px }
.health_wrap .health_book .hcBook_type p {width:100%; border-bottom:1px solid #dbdbdb; margin-bottom:10px}
.health_wrap .health_book .hcBook_type #heath_A {margin-right:15px; color:#BF1826}
.health_wrap .health_book .hcBook_type #heath_B {color:#184BBF}

.payback_tab {width:1200px; height:40px; margin:30px 0}
.payback_tab li {float:left; width:25%;line-height:40px;border:1px solid #dbdbdb; text-align: center; box-sizing: border-box; cursor:pointer}
.pay_active {background-color:#FFAE1F; color:#fff}
.payback_conts {text-align: center}

.mbship_tab {width:1200px; height:40px; margin:30px 0; text-align: center}
.mbship_tab li{width:25%; float:left; height:40px; cursor:pointer; text-align: center; border:1px solid #dbdbdb; box-sizing: border-box;border-right:none; border-top:none}
.mbship_tab li:nth-child(4),.mbship_tab li:nth-child(8),.mbship_tab li:last-child {border-right:1px solid #dbdbdb}
.mbship_tab .border_top {border-top:1px solid #dbdbdb}
.mb_active {background:#FFAE1F; color:#fff; font-weight: bold}
.mbship_conts {text-align: center; margin-top:10px}
.mbship_tab h2 { text-align: center; line-height:40px;font-size:14px }


/* 쇼핑몰 랜딩 페이지 */
.landing_wrap {background: url("https://img.ibottle.kr/julgigobaseimg/vip/images/mall/mall_landing_img.png") no-repeat right; height:800px;margin:0 auto; max-width:1600px}
.landing_wrap h2 {font-size:55px;padding:300px 0 36px}
.landing_wrap .land_img {float:right}
.landing_wrap .land_txt {font-size:20px;}
.land_btn {width:160px; height:30px; background:orange; display: block; color:#fff; font-size:13px; text-align: center; line-height:30px; margin:10px 0; border-radius: 18px;font-weight:bold; transition:0.3s }
.land_btn:hover {background-color:orangered; color:#fff}

.health_wrap a {;-webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s; }
.mbship_conts .land_btn {margin:30px auto}

.spacer {width:100%; height:30px; border-bottom:1px solid #dbdbdb; margin-bottom:20px}
.spacer_dark {width:100%; height:40px; border-bottom:1px solid #333; margin-bottom:40px}
.health_txt {font-size:17px; margin-bottom:50px; padding:10px}
.dna_steps {border:1px solid #dbdbdb; padding-top:30px; text-align: center}
.dna_steps i {font-size:40px; padding:10px;position: relative; top:-150px}
.dna_steps img {display: table-cell}
.dna_steps div {width:250px; display: inline-block}
.dna_steps div >p {width:250px; height:70px;display: table-cell; padding:10px 0; font-size:14px}
.dna_steps a {width:100%; height:40px; font-size:15px; line-height:40px; border-top:1px solid #dbdbdb; display: block; font-weight:bold; margin-top:30px; /*-webkit-transition: all 0.5s; /* Safari 
  transition: all 0.5s;*/}
.dna_steps a:hover {background-color:#29B7D8; color:white}
.dna_steps>p {line-height:20px; font-size:14px}


#dna_title p {width:60%}
.dna_btn {width: 220px; height:45px; line-height:45px; background:#FD7D07; color:#fff; margin:30px auto; display:inline-block; text-align: center;cursor:pointer;font-size:15px; font-weight:bold } 
.dna_btn:hover {background-color:orangered}

.dna_info p {height:35px; font-size:16px; padding-left:20px}

.dna_info p label {position: relative; left:0; }
.dna_info #dna_name {height:30px;}
.dna_info #dna_address {width:500px}

/*.dna_info #sample2_address {width:300px; margin-left: 202px}*/
.dna_info #sample2_detailAddress {width:200px}
.info_item {width:200px; display: inline-block; font-weight: bold}


#mbship-7 {background: url(https://img.ibottle.kr/julgigobaseimg/vip/images/mbship_tour_bg.jpg) no-repeat; width:100%; height:500px}
#mbship-7 p {color:#fff; padding-top:200px; font-size:30px}

#mbship-12 #kbs_howto {font-size:16px; line-height:30px; text-align: left; padding-left:200px}
#mbship-12 #kbs_howto h3 {font-size:25px ;text-align:left; margin:20px 0}

.mbship_list li {width:100%;height:280px; background-color:#efefef; margin:1%; border:1px solid #dbdbdb}
.mbship_list li:hover {border:1px solid #005DA3}
.mbship_list li div {float:left}
.mbship_list .mbship_li_txt {padding:40px 30px;font-size:15px }
.mbship_list .mbship_li_txt h2 {font-size:22px; margin-bottom:30px}
.mbship_list .mbship_li_img {width:400px; height:280px}
.mbship_list .mbship_li_img img {width:100%; height:100%;}


.partner_list {padding-top:15px; max-width:1440px; margin:30px auto}
.partner_list li {width:100%; height:320px; border:1px solid #dbdbdb; margin-bottom:20px}
.partner_list #partner_01 {background:url(https://img.ibottle.kr/julgigobaseimg/vip/images/gaon_bg.jpg) no-repeat }
.partner_list li div { padding:70px}
.partner_list li h2 {font-size:30px; margin-bottom:20px; text-align: right}
.partner_list li p {font-size:17px;text-align: right}
.partner_list li a {float:right}
.partner_list #partner_02 {background:url(https://img.ibottle.kr/julgigobaseimg/vip/images/intouch_bg.jpg) no-repeat }
.partner_list #partner_03 {background:url(https://img.ibottle.kr/julgigobaseimg/vip/images/rentner_bg.png) no-repeat }

.chainp_list li {width:278px; height:300px; border:1px solid #ddd; float:left; margin-right:20px; margin-bottom:20px; padding-top:15px}
.chainp_list li img {width:90%; }
.chainp_list .li_4x {margin-right:none}

.img_rm_main {width:550px; height:380px; display: inline-block}
.img_rm_main img {width:100%; height:100%; object-fit: cover}

.img_rm_main-nobx {width:550px; height:380px; display: inline-block; border:1px solid #d1d1d1}
.img_rm_main-nobx img {width:100%; height:100%; object-fit: cover}

.dna_table {border-collapse: collapse}
.dna_table input {padding-left:5px; vertical-align: middle; border:2px solid #aaa ; line-height:30px}
.dna_table select {padding-left:5px; vertical-align: middle; border:2px solid #aaa ; line-height:30px; height:35px}
.dna_table textarea {padding-left:5px; vertical-align: middle; border:2px solid #aaa ; line-height:30px; height:35px}
.dna_table th {width:30%;text-align: left; line-height:40px; border:1px solid #fff; padding-left:20px}
.dna_table td {text-align: left; line-height:40px ;border:1px solid #fff}
.dna_table th label {position:relative; left:0}
.dna_table td label {left:-9999px}
.dna_table .checkbox-desc {margin-left:10px; left:0; position:relative}
.dna_table #sample2_address {width:350px}
.dna_table #sample2_detailAddress {width:250px}

.tbl_main_tbl {width:100%; border-collapse: collapse;}

.tbl_main_tbl th {border:1px solid #dbdbdb; padding-left:10px; line-height:35px;}

.tbl_main_tbl td {border:1px solid #dbdbdb; line-height:35px;}

.tbl_mall {width:100%; border:1px solid #dbdbdb}
.tbl_mall th {height:25px}
.tbl_mall td {border:1px solid #dbdbdb; height:25px; line-height:25px}

.my_intro h2 {margin:30px 0; font-size:2em}
.mypage_btns {height:125px; overflow: hidden; margin-top:20px}
.mypage_btns li {width:360px height:120px; background:fff; float:left; margin-right:30px; color:#005da3; border-radius:10px; transition:border 0.2s; border:2px solid #fff}
.mypage_btns li:hover {
	border: 2px solid #383736;
}

.mypage_btns li h3 {font-size:20px;}
.mypage_btns li h3 i {margin-bottom:10px; margin-right:7px }
.mypage_btns li h4 {font-size:14px; font-weight:400}

.mypage_btns #mycards {
	background: #d0b481
}
.mypage_btns #myorder {
	background: #bda477
}
.mypage_btns #mycoupon {
	background: #96886A;
}

.mypage_tabs {clear:both; margin:30px auto 50px; overflow:hidden; }
.mypage_tabs li a{float:left; width:16%; line-height:40px;  text-align: center;border: 1px solid #dbdbdb;border-right:none; font-size:14px; font-weight:700;transition:all 0.2s}
.mypage_tabs li:last-child a {border-right:1px solid #dbdbdb}
.mypage_tabs li a:hover {
	background: #bc9546;
	color: #fff
}
.mypage_tabs li .tab_active {
	background: #bc9546;
	color: #fff
}

.mypage_tbll {overflow:hidden; clear:both;width:100%}
.mypage_tbll td {line-height:20px; height:40px}
.mypage_tbll tr:hover {background:#efefef}

.mycoupon table {width:100%; border-top:1px solid #aaa;border-bottom:1px solid #aaa }
.mycoupon table tr {height:45px; border:1px solid #ddd;  }
.mycoupon table tr th {border-bottom:1px solid #ddd}
.mycoupon table tr td {border-bottom:1px solid #ddd}
.mycoupon table tr:last-child td {border:none}
.mycoupon table .coupon_col1 {width:10%}
.mycoupon table .coupon_col2 {width:35%}
.mycoupon table .coupon_col3 {width:15%}
.mycoupon table .coupon_col4 {width:15%}
.mycoupon table .coupon_col5 {width:15%}
.mycoupon table .use_coupon {display:inline; padding:6px 10px; transition: all 0.2s; border-radius:7px}
.mycoupon table .use_coupon:hover {background:#005da3; color:#fff}
.red {color:#E51C00}
.black {color:black}
.blue {color:#0052C1}

.more {font-size:15px; border:2px solid #aaa; border-radius; display: inline-block;line-height:24px; padding:5px 15px; border-radius:19px}
.my_event {position: relative;}
.my_event .more {position: absolute; top:0px; right:40px}
.my_event li {width:550px; height:250px; background-color:sandybrown; float:left}
.my_event li:first-child {margin-right:50px}
.my_event::after {content:""; display: block; clear:both }

/* 신차구입 페이지 */
.mbship_conts .newcar_form {width:780px; margin:0 auto; border:1px solid #DD3E5C; padding:15px 0; margin-top:15px}
.mbship_conts .newcar_form tr {height:50px}
.mbship_conts .newcar_form th {width:200px}
.mbship_conts .newcar_form td {border:none}
.mbship_conts .newcar_form td input[type="text"] {width:90%; height:40px; padding:0 10px }
.mbship_conts .newcar_form td input[type="radio"] {margin-left:15px}
.mbship_conts .newcar_form button {padding:12px 150px; display: inline; transition: all .2s}
.mbship_conts .newcar_form button:hover {background: #DD3E5C; color:#fff}

#newcar_conts {width:790px; margin:0 auto}
#newcar_conts h2 {text-align:left}
#newcar_conts p {font-size: 15px; line-height:20px}
#newcar_conts h2 {font-size:25px; color:#DD3E5C; margin:30px 0 15px}
#newcar_conts ol span {display: inline-block; width:150px; font-weight: bold; text-align: center; color:#4c4c4c}
#newcar_conts ul p {margin-left:40px}

.main_event {margin-top:30px}
.main_event li {width:100%; height:450px}
.main_event li:first-child {background:rgb(235, 255, 189)}
.main_event li:nth-child(2) {background:green}
.main_event li:nth-child(3){background:rgb(152, 175, 96)}
.main_event li:last-child {background:rgb(174, 185, 147)}

.confirm_content h2 {margin: 25px 15px 14px;}
.confirm_content table {width:85%; margin:0 auto; border:1px solid #dbdbdb; 
	border-radius:10px; padding:10px; }
.confirm_content table th {width:16%; color:#886628; line-height:45px }
.confirm_content table td {border-bottom:none; border:none;}
.confirm_content label {position: relative; left:0}
.confirm_content .detail_cancel label[for="txt_cancel"] {text-align:center; display:block; font-size:15px; font-weight:bold; color:red}
#booker_detail input {width:90%; height:30px;}
#booker_detail textarea {width:800px; height:100px}

.confirm_content {margin:20px 0 40px} 
.confirm_content h3 {width:85%; margin:15px auto; font-size:13px; color:#454545}
.confirm_content .policy {width:80%; margin:0 auto; border:1px solid #dbdbdb; border-radius:10px; padding:20px}
.confirm_content a {color:#005da3}
#tandc input {margin-right:10px}

#go_tour_dc {text-align: center}
#go_tour_dc span {font-size:12px}
#go_tour_dc a {display:block; width:180px; height:30px; line-height:30px; text-align:center; background:#1d4680; color:#fff; margin:0 atuo}