@charset "utf-8";
a, button{-webkit-tap-highlight-color: rgba(0,0,0,.1);}

.common_popup_01 .pop_header,
.header {position: fixed; left: 0; top: 0; width: 100%; height: 53px; border-bottom: 1px solid #d7d7d7; background-color: #fff; z-index: 20;}
/*.common_popup_01 h1{position: absolute; left: 20px; top: 13px; width: 90px; height: 30px; background: url('/mobile/images/common/logo_02.png') no-repeat; background-size: 100% auto; font-size: 0;}*/
.common_popup_01 h1{position: absolute; left: 9px; top: 0; width: 90px; height: 79px; background: url('/mobile/images/common/logo_01.png') no-repeat; background-size: 100% auto; font-size: 0;}
.barcode_popup h1,
.header h1 {position: absolute; left: 9px; top: 0; width: 90px; height: 79px; background: url('/mobile/images/common/logo_01.png') no-repeat; background-size: 100% auto; font-size: 0;}
.common_popup_01 h1 a,
.header h1 a{display: block; width: 100%; height: 100%; font-size: 0; line-height: 0;}
.header .right_menu{position: absolute;right: 20px; top: 50%; margin-top: -8px;}
.header .right_menu a{display: inline-block; vertical-align: middle;}
.header .right_menu a.btn_logout{right:86px; top:-3px;}
.header .right_menu a.btn_logout2{right:86px; top:-3px;}
.header .right_menu a+a{margin-left: 13px;}
.header .menu_btn {width: 20px; height: 17px; font-size: 0; background: url('/mobile/images/common/icon_menu.png') no-repeat; background-size: 100% auto;}
.header .barcode {width: 28px; height: 19px; font-size: 0; background: url('../images/icon_barcode.png') no-repeat center / auto 100%;}
.header h1.col{width:unset; height:unset; background:none;}
.header h1.col a{display:inline-block; height: 53px; font-size:0; vertical-align: top;}
.header h1.col .btn_back{width: 30px; background: url(../images/icon_back.png) no-repeat center / 19px auto;}
.header h1.col .btn_home{width: 35px; background: url(../images/icon_home_black.png) no-repeat center 14px/ 23px auto;}
.header .title{margin-left: 85px; padding-top: 13px; font-size: 19px;}

.header h1.col2 {position: absolute; left: 9px; top: 0; width: 90px; height: 79px; background: url('/mobile/images/common/logo_01.png') no-repeat; background-size: 100% auto; font-size: 0;}
.header h1.col2 a{display: block; width: 100%; height: 100%; font-size: 0; line-height: 0;}


.footer {position: fixed; left: 0; bottom: 0; padding: 15px 20px; width: 100%; background-color: #003d30; z-index: 1000;}
.foot_menu {display: inline-block; float: left; font-size: 0;}
.foot_menu li {position: relative; display: inline-block; text-align: center;}
.foot_menu li img {height: 20px;}
.foot_menu li p {margin-top: 8px; font-size: 12px; line-height:13px; font-weight: 'Verdana'; color: #fff;}
.foot_menu li:last-child i {height: 25px;}
.foot_menu li:nth-child(2){margin-left: 30px;}
.foot_menu+.foot_menu {float: right;}
.foot_menu.space{display:flex; justify-content: space-between; align-items: center; width: 100%;}
.foot_menu.space li{width:100%;}
.foot_menu.space li:nth-child(2){margin-left:0;}
.footer .barcode {position: absolute; left: 50%; top: -19px; margin-left: -21px; width: 42px;}
.footer .barcode span {display: block; margin-top: 10px; font-size: 12px; text-align: center; color: #658c84;}

.padding_box {padding-right: 20px; padding-left: 20px;} 

.padding_box .btns{display:flex; margin-top:30px;}
.padding_box .btns a{width:100%; padding: 10px 5px; font-size: 14px; font-weight: 500; border-radius: 5px; text-align: center; background-color: #baa383; color: #fff; margin-right:5px}
.padding_box .btns a:last-child{margin-right:0px}
.padding_box .autoLink{font-size:14px;}

.container {padding-top: 70px; padding-bottom: 130px;}
.container.sub:not(.login){padding-top:53px;}
.container.sub .tab.tab_style_01{margin-top:0;}
.container.certi{padding-top:53px;}
.container.certi h2{font-weight:700; margin-top:60px;}
.container.certi .h2_sub_txt{font-size: 16px; color: #333; text-align: center; font-weight: 500; margin-top: 10px;}
.container.certi .img_box{display: block; margin: 60px auto 30px auto; width: 150px;}
.container.certi .img_box img{display: block; width: 100%;}
.container.certi.login .padding_box{padding:0 20px;}
.container.certi.login .padding_box input{display:block; width:100%; font-size: 14px; color: #999; text-align: center; border: 1px solid #d7d7d7; padding:10px; box-sizing: border-box; border-radius: 5px; outline: none;}
.container.certi.login .padding_box input::placeholder{color:#999;}
.container.certi.login .padding_box .btn{width: 50%; margin:0 auto;}

h2 {margin-bottom: 10px; font-size: 21px; text-align: center;}
.h2_sub_txt {margin-top: 10px; font-size: 14px; text-align: center;}
.h2_sub_txt.tit_line_box{position: relative; text-align: left; margin: 26px 26px 0 26px; border: 1px solid #333; padding: 26px 16px 12px 24px; border-radius: 20px;}
.h2_sub_txt.tit_line_box .tit{position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-size:16px; background: #fff; padding: 2px 10px; box-sizing: border-box; white-space:nowrap;}
.ul_num li{display:flex;}
.ul_num li .num{width:30px; white-space:nowrap;}

h3 {margin-top: 15px; margin-bottom: 15px; font-size:18px; font-weight: 600; color: #003d30;}
h3.gold {color: #baa382;}
h4 {padding:8px 20px; font-size: 14px; font-weight: bold; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background-color: #f3f3f3;}
h5{font-size: 13px; font-weight: 600;}

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.link{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0;}

.hr_type_01 {display: block; margin: 50px 0 0 0 ; padding: 0; width: 100%; height: 9px;  border:0; border-top: 1px solid #d9d9d9; background-color: #f3f3f3;}
.hr_type_01.mt_lower{margin-top:18px;}

.btn_01 {position: relative; display: inline-block; padding: 15px 5px; width: 100%; font-size: 14px; font-weight: 500; text-align: center; border-radius: 10px; background-color: #baa382; box-sizing: border-box; color: #fff;}
.btn_02 {display: block; padding: 10px 5px; font-size: 14px; font-weight: 500; border-radius: 5px; text-align: center; background-color: #baa383; color: #fff;}
.btn_03 {display: block; padding: 10px 5px; font-size: 14px; font-weight: 500; border-radius: 5px; text-align: center; background-color: #3a260e; color: #fff;}
.btn_04 {display: block; padding: 10px 5px; font-size: 14px; font-weight: 500; border-radius: 5px; text-align: center; border:1px solid #baa382; color: #baa382;}
.btn_05 {display: block; padding: 10px 5px; width: 100%; font-size: 14px; font-weight: 500; border-radius: 5px; text-align: center; border:1px solid #d7d7d7; color: #baa382;}
.btn_05:after{display: inline-block; margin-left: 5px; width: 15px; height: 15px; vertical-align: middle; font-size: 0; background: url('../images/icon_search_02.png') no-repeat; background-size: 100% auto; content: '';}

.btn_plus:before {position: relative; top: 50%; display: inline-block; margin-top: -4px; margin-right: 5px; width: 7px; height: 8px; vertical-align: middle; background: url('../images/icon_plus.png') no-repeat; background-size: 100% auto; content: '';}
.btn_plus_gold:before {position: relative; top: 50%; display: inline-block; margin-top: -4px; margin-right: 5px; width: 7px; height: 8px; vertical-align: middle; background: url('../images/icon_plus_gold.png') no-repeat; background-size: 100% auto; content: '';}

.slick-arrow {position: absolute; top:50%; width: 12px; height: 22px; font-size: 0; background-image: url('../images/arrow_01.png'); background-repeat: no-repeat; background-size: 100% auto; z-index: 10;}
.slick-arrow.slick-prev {left:10px; rotate: 180deg}
.slick-arrow.slick-next {right:10px;}
.main_slider .slick-arrow.slick-prev {left:0;}
.main_slider .slick-arrow.slick-next {right:0;}
.main_slider .slick-arrow{width:45px; height:45px; background-size: 12px auto; background-position: center;}

.mem_info, .mem_info_btm {position:relative; padding:20px 15px; border-radius: 10px; background-color: #baa382;}
.mem_info .name {font-size: 17px; color: #000;}
.mem_info.type_02{background-color:transparent; border-radius:0; padding-top: 10px; padding-bottom: 0; padding-left: 0;}
.mem_info.type_02 .name{font-size:15px;}

.mem_info_btm{display: flex; flex-direction: row; align-items: center; background-color:#fff; border:1px solid #baa382; padding:20px 0; margin-top:10px;}
.mem_info_btm ul {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; font-size: 0;}
.mem_info_btm ul li {position: relative; display: inline-block; width:100%; text-align:center; box-sizing: border-box;}
.mem_info_btm ul li:last-of-type{width:220px;font-size: 9px; color: #756753;}
.mem_info_btm ul li+li:before {position: absolute; left: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #907f69; content: '';}
.mem_info_btm .item {font-size: 14px; color:#756753;}
.mem_info_btm .value {display: inline-block; margin-left: 10px; padding:2px 10px; font-size: 12px; border-radius: 15px; background-color: #877764; color:#e8c898;}
.mem_info_btm .icon_area{display:block; width:30px; height:30px; margin:0 auto;}
.mem_info_btm .icon_area.gold{background:url('../images/img_gold.png') no-repeat 0 / 30px auto;}
.mem_info_btm .icon_area.silver{background:url('../images/img_silver.png') no-repeat 0 / 30px auto;}
.mem_info_btm .icon_area.bronze{background:url('../images/img_bronze.png') no-repeat 0 / 30px auto;}
.mem_info_btm.n_line{border:0; padding:0;}
.mem_info_btm.n_line ul li{width:auto;}
.mem_info_btm.n_line ul li+li:before{display:none;}
.mem_info_btm.n_line ul li:last-of-type{width:auto; font-size:14px;}
.mem_info_btm.n_line .icon_area{width:55px; height:55px; background-size: 55px auto;}
.mem_info_btm.n_line .icon_area.bronze + .txt{color:#fff;}
.mem_info_btm.n_line .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:12px; color:#333;}

.common_popup_01 {display: none; position: fixed; left: 0; top: 0;padding-top: 118px; padding-bottom:80px; width: 100%; height: 100%; overflow-y: scroll; background-color: #fff; z-index: 100;}
.common_popup_01 .pop_header .title {margin-left: 125px;padding-top: 13px;font-size: 19px;}
.common_popup_01 .pop_header .close {position: absolute; right: 20px; top: 50%; margin-top: -9px; width: 19px; height: 19px; font-size: 0; background-size: 100% auto; background-image: url('../images/icon_close.png')}
.common_popup_01 .pop_cont ul.gnb.line_btm{border-bottom:1px solid #e4e4e4;}
.common_popup_01 .pop_cont .tit{position:relative; display:block; font-size:19px; text-align:center;}
.common_popup_01 .pop_cont .tit span{display:inline-block; font-size:inherit; text-align:inherit; background:#fff; padding:0 10px;}
/*.common_popup_01 .pop_cont .tit::after{position:absolute; left: 0; top: 50%; z-index:-1; transform: translateY(-50%); content:''; display:block; width:100%; height:1px; background:#e4e4e4;}*/
.common_popup_01 .pop_header .gnb_top_btn{position: absolute; right: 50px; top: 0; width: auto; height: 53px; font-size: 0; z-index: 100; display: flex; align-items: center;}
.common_popup_01 .pop_header .gnb_top_btn a ~ a{margin-left:3px;}
.common_popup_01 .pop_header .gnb_top_btn .btn_membership_login{display: inline-block; height: 30px; line-height: 30px; font-size: 13px; color: #fff; text-align: center; background: #baa382; border-radius: 9px; padding: 0 6px; box-sizing: border-box;}
.common_popup_01 .pop_header .gnb_top_btn .btn_membership_login.type_02{background:#3a260e;}

.membership_popup .barcode_txt {position: relative; margin-top: 17px; text-align: center;}
.membership_popup .barcode_txt p {font-size: 12px;}
.membership_popup .barcode_txt .btn_box {position: absolute; right: 0; top: -3px; font-size: 0;}
.membership_popup .barcode_txt .btn_box a{display: inline-block; vertical-align: middle;}
.membership_popup .barcode_txt .copy {padding: 3px 10px; font-size: 12px; border-radius: 15px; background-color: #c8c8c8; color: #fff;}
.membership_popup .barcode_txt .big {margin-left: 10px; width: 16px; height: 16px; background: url('../images/icon_plus_02.png') no-repeat; background-size: 100% auto;}
.membership_popup .capture_block {margin-top: 20px; text-align: center;}
.membership_popup .capture_block .loading_img {display: inline-block;width: 40px; animation: rotate 2s linear infinite;}
.membership_popup .capture_block p {margin-top: 12px; font-size: 14px; font-weight: 600;}
.membership_popup .mem_info {margin-top: 60px;}
.membership_popup .offers_slider{padding-bottom:50px;}
.membership_popup .offers_slider .slick-slide {padding-top: 15px;}
.membership_popup .offers_slider .title {font-size: 18px; font-weight: 600; font-family: 'Verdana'; color: #003d30;}
.membership_popup .offers_slider .txt {margin-top: 10px; font-size: 14px;}
.membership_popup .offers_slider .tit, 
.membership_popup .offers_slider .subtit, 
.membership_popup .offers_slider .cont{font-size:14px;}
.membership_popup .slick-dots{display: block; margin-top: 20px; width: 100%; font-size: 0; text-align: center;}
.membership_popup .slick-dots li {display: inline-block; vertical-align: middle;}
.membership_popup .slick-dots li+li {margin-left: 10px;}
.membership_popup .slick-dots li button {display: block; width: 10px; height: 10px; font-size: 0; border-radius: 100%; box-sizing: border-box; border:1px solid #003d30; background-color: #fff;}
.membership_popup .slick-dots li.slick-active button {background-color: #003d30;}

.barcode_popup {display: none; position: fixed; right: 0; top: 0; padding: 20px; width: 100%; height: 100%;background-color: #fff; z-index: 10000;}
.barcode_popup .pop_header {position: relative;}
.barcode_popup .pop_header h1 {position: initial; display: inline-block; vertical-align: middle;}
.barcode_popup .pop_header .title {display: inline-block; margin-left: 0 vertical-align: middle; font-size: 21px;}
.barcode_popup .pop_header .close {position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; font-size: 0; background-size: 100% auto; background-image: url('../images/icon_close.png')}
.barcode_popup .barcode_box {margin-top: 20px; height: 150px; text-align: center;}
.barcode_popup .barcode_box img {display: block; margin: 0 auto; height:100%;}
.barcode_popup .barcode_txt {position: relative; margin-top: 20px; padding-bottom: 50px; font-size: 20px; letter-spacing: 2px; text-align: center;}

.menu_popup {padding-top: 70px;}
.menu_popup .gnb {padding: 0 20px 30px;}
.menu_popup .gnb > li{margin-top: 25px; font-size: 0; overflow: hidden;}
.menu_popup .gnb > li > a{position: relative; display: inline-block; font-size: 19px; font-family: 'Verdana'; font-weight: 600; letter-spacing: -2px; vertical-align: top;}
.menu_popup .gnb > li > a:after {position: absolute; right: -18px;top: 10px;width: 10px; height: 10px; background:url('/mobile/images/common/icon_plus_02.png') no-repeat; background-size: 100% 100%; content: '';}
.menu_popup .gnb li.active > a{color: #baa383;} 
.menu_popup .gnb > li.active > a:after {background-image: url('/mobile/images/common/icon_minus_01.png');}
.menu_popup .gnb > li.fc_green_inh,
.menu_popup .gnb > li.fc_green_inh a, 
.menu_popup .gnb > li.fc_green_inh ul li, 
.menu_popup .gnb > li.fc_green_inh ul li a{color:#003C30;}
.menu_popup .gnb > li > a.point {color: #003d30;}
.menu_popup .gnb .depth_02 {display: none; float: right; margin-top: 10px; width: 47%; vertical-align: top;}
.menu_popup .gnb .depth_02.first {width: 39%;}
.menu_popup .gnb .depth_02 li+li {margin-top: 10px;}
.menu_popup .gnb .depth_02 a {font-size: 13px;}
.menu_popup .gnb .depth_02 .underLine {border-bottom:1px solid #ddd; padding-bottom:10px;}
.menu_popup .social_link { padding: 20px 0; text-align: center; font-size: 0; border-top: 1px solid #e4e4e4;}
.menu_popup .social_link a{display: inline-block; width: 30px; height: 24px; font-size: 0; background-repeat: no-repeat; background-size: 100% auto;}
.menu_popup .social_link a+a{margin-left: 18px;}
.menu_popup .social_link .insta {background-image: url('../images/icon_insta.png');}
.menu_popup .social_link .facebook {background-image: url('../images/icon_facebook.png');}
.menu_popup .social_link .youtube {background-image: url('../images/icon_youtube.png');}
.menu_popup .social_link .trip {margin-left: 23px; background-image: url('../images/icon_trip.png');}

.layer_popup {display: none; position: fixed; left: 5%; width: 90%; top: 50%; border-radius: 10px; background-color: #fff; transform:translate(0%,-50%);  z-index: 99;}
.layer_popup h2 { padding: 20px 20px 0 20px;font-size: 21px; font-weight:  bold; text-align: left;}
.layer_popup .pop_cont {padding:0 20px 20px 20px;margin-top: 20px; max-height: 200px; overflow-y: scroll;}
.layer_popup .pop_cont p{font-size: 14px; color: #333333;}
.layer_popup .pop_cont p+p {margin-top: 5px;}
.layer_popup .foot_btn {display: flex; border-top: 1px solid #ccc;}
.layer_popup .foot_btn a{display: block; padding:20px 0; width: 100%; font-size: 14px; text-align: center;}

.tab_style_01 {margin-top: 20px; margin-bottom: 25px; font-size: 0; border-top: 1px solid #d7d7d7;}
.tab_style_01 a{display: inline-block; padding:10px 3px; width: 33.3%; font-size: 14px; text-align: center; border-bottom: 1px solid #d7d7d7; color: #999999;}
.tab_style_01 a+a{border-right: 1px solid #d7d7d7;}
.tab_style_01 a:nth-child(3n+1){border-right:0;}
.tab_style_01 a:nth-child(2),
.tab_style_01 a:nth-child(5){width: 33.4%;}
/*.tab_style_01 a:nth-child(1),
.tab_style_01 a:nth-child(4){border-left: 0;}*/
.tab_style_01 a.active {background-color: #baa382; color: #ffff;}
.tab_style_01 .full{width: 100%; border-left: 0;}
/*.tab_style_01 a:nth-child(7){margin-left:66.6%;}*/
.tab_style_01 .tab_sub{display:none;}
.tab_style_01 .sub_menu select{display: block; width: 33.3%; height: 30px; border: 1px solid #d7d7d7; padding: 5px 10px; font-size: 14px; box-sizing: border-box; border-radius: 5px; margin-left:66.6%; margin-top:1px;}
.tab_cate_num_2 a,
.tab_cate_num_2 a:nth-child(2){width: 50%;}
.tab_cate_num_2 a{border-left:0;}
.tab_cate_num_2 a+a{border-left: 0;}
.tab_cate_num_2 a:nth-child(2n) {border-left: 1px solid #d7d7d7;}


.room_info_ui .thum_img {position: relative; background-size: 100% auto; border-radius: 10px; overflow: hidden;}
.room_info_ui .thum_img span {position: absolute; left: 10px; top: 10px; padding: 5px 10px; font-size: 14px; background-color: #003d30; color: #fff;}
.room_info_ui .txt_box {margin-top: 10px; padding: 15px 10px; border-radius: 10px; background-color: #f3f3f3;}
.room_info_ui .title_ko {font-size: 18px; font-weight: 600; color: #003d30;}
.room_info_ui .title_en {font-size: 14px; font-family: 'Verdana'; color: #003d30;}
.room_info_ui .txt {margin-top: 10px; font-size: 14px;}
.room_info_ui .detail{margin-top: 10px;}
.room_info_ui .detail li {display: flex; font-size: 0;}
.room_info_ui .detail li+li {margin-top: 5px;}
.room_info_ui .detail .item,
.room_info_ui .detail .value {font-size: 14px; vertical-align: top;}
.room_info_ui .detail .item{margin-right: 10px; font-weight: bold; width: 14%; color: #003d30;}

.foot_cont_slider {margin-top: 65px; padding-left: 20px;}
.foot_cont_slider .slick-slide {position: relative; width: 233px;}
.foot_cont_slider .slick-slide + .slick-slide {margin-left: 20px;}
.foot_cont_slider .slick-slide .thum_img {margin-bottom: 10px; width: 100%; border-radius: 0;}
.foot_cont_slider .slick-arrow {top: 65px;}
.foot_cont_slider .slick-prev {left: 35px;}
.foot_cont_slider .date {font-size:14px; margin-top: 15px;}
.foot_cont_slider .price{font-size: 17px; font-weight: 900;}

.list_style_01 > li {position: relative; margin-bottom: 40px; font-size:14px;}

p+.list_style_02 {margin-top: 10px;}
.list_style_02 li {position: relative; padding-left: 10px;}
.list_style_02 li:before {position: absolute; left: 0; top: 7px; width: 5px; height: 1px; background-color: #333; content: '';}
.list_style_02 li+li {margin-top: 2px;}

.list_style_03 li {position: relative; padding-left: 15px; font-size: 14px;}
.list_style_03 li.red{color: #ff0101;}
.list_style_03 li:before {position: absolute; left: 0; top: 0; font-size: 12px; content: '※';}
.list_style_03 li.red:before {color: #ff0101;}
.list_style_03 li+li {margin-top: 3px;}

.list_style_04 {display: block; width: 100%; border-top: 2px solid #baa382;}
.list_style_04 li {position: relative; padding: 10px 20px; border-bottom: 1px solid #d7d7d7;}
.list_style_04 .title_ko {font-size: 15px; font-weight: 600;}
.list_style_04 .title_en {margin-top: 3px; font-size: 12px; color: #8f8f8f;}
.list_style_04 .date {position: absolute; right: 20px; bottom: 12px; font-size: 12px; color: #8f8f8f;}

.table_style_01 {margin-top: 20px; margin-bottom: 20px; width: 100%;}
.table_style_01 th+th,
.table_style_01 td+td {border-left: 1px solid #d7d7d7;}
.table_style_01 th,
.table_style_01 td {font-size:14px; padding: 10px; border-bottom: 1px solid #d7d7d7;}
.table_style_01 th{font-weight:bold;text-align: left; background-color: #baa382; color: #fff;}

.table_style_02 {width: 100%; border-top: 2px solid #baa382;}
.table_style_02 th,
.table_style_02 td {padding: 5px 10px; font-size: 14px; line-height: 32px; text-align: center; border-bottom: 1px solid #d7d7d7;}
.table_style_02 th {background-color: #f3f3f3;}
.table_style_02.form_ui select,	
.table_style_02.form_ui input {padding-top: 5px; padding-bottom: 5px; border-color: #e2e2e2;}
.table_style_02 .tar{text-align: right;}
.table_style_02 .flex {display: flex;}
.table_style_02 .flex span{display: inline-block; margin-left: 10px;}
.table_style_02 .normal_txt p {line-height: 1.5;}
.table_style_02 .normal_txt .date {font-size: 14px; color: #999999;}




.lang_cont {display: none;}
.lang_cont.active {display: block;}


.download_box {margin-top: 20px; font-size: 0;}
.download_box p+p {margin-top: 5px;}
.download_box a{display: inline-block; padding: 6px 10px; font-size: 12px; line-height: 15px; border-radius: 5px; border:1px solid #baa382; color: #baa382;}
.download_box a:after {display: inline-block; margin-left: 10px; width: 15px; height: 15px; background: url('../images/icon_filedown.png') no-repeat;background-size: 100% auto; font-size: 0; vertical-align: middle; content: '';}

.sub .padding_box + .hr_type_01 {margin-top: 30px;}
.sub .btn_box {display: flex; margin-top: 80px; font-size: 0;}
.sub .btn_box a{display: block; width: 100%;}
.sub .btn_box a+a{margin-left: 10px;}

.gray_box {margin:15px 0; padding: 15px 20px; background-color: #f8f8f8;}
.gray_box p {font-size: 12px;}

.top_box {position: relative; margin-top: 20px; padding: 0 20px 5px;  border-bottom: 1px solid #d7d7d7; }
.top_box.not_type {padding: 0 10px; border-bottom: 0; text-align: right;}
.top_box.not_type .lang_tab {position: initial;}
.top_box .type {font-size: 14px;}
.lang_tab {position: absolute; right: 20px; bottom: 5px;}
.lang_tab a{display: inline-block; padding:2px 5px; font-size: 12px; border-radius: 5px; background-color: #0c2a1e; color: #fff;}
.lang_tab a.active {display: none;}
.lang_cont {padding-top: 20px;}


.form_ui {font-size: 0;}
.form_ui input,
.form_ui select,
.form_ui textarea  {padding: 10px; width: 100%; font-size: 14px; border:1px solid #333; box-sizing: border-box; border-radius: 5px;}
.form_ui input+input {margin-top: 10px;}
.form_ui textarea {min-height: 100px; resize: none;}
.form_ui .date_box {display: flex; margin-top: 10px;}
.form_ui .date_box input,
.form_ui .date_box select{display: block; width: 100%;}
.form_ui .date_box select{margin-left: 10px;}


.search_box {position: relative; font-size: 0;}
.search_box .total{display: inline-block;}
.search_box .total span,
.search_box .total strong {display: inline-block; font-size: 14px; vertical-align: middle;}
.search_box .total strong {margin-left: 5px; font-weight: normal; color: #baa382;}
.search_box .search {position: absolute; right: 0; top: 50%; margin-top: -12px; float: right;}
.search_box .search input {padding:0 10px; width: 115px; height: 25px; font-size: 12px; box-sizing: border-box; border:1px solid #003d30; border-radius: 15px;}
.search_box .search .search_btn {position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; font-size: 0; background: url('../images/icon_search_01.png') no-repeat; background-size: 100% auto;}

.select_search_box {display: flex; margin-top: 25px;}
.select_search_box select{width: 100%; height: 42px; font-size: 14px; line-height: 40px; padding:0 10px; box-sizing: border-box; border:1px solid #d7d7d7; border-radius: 5px;}
.select_search_box select+select,
.select_search_box select+a {margin-left: 10px; width: 170px;}

.board_view_ui .top_box {padding:10px; border-top: 2px solid #baa382;}
.board_view_ui .title_ko {font-size: 15px; font-weight: 600;}
.board_view_ui .title_en {margin-top: 3px; font-size: 14px; color: #8f8f8f;}
.board_view_ui .date {text-align: right; font-size: 14px; color: #8f8f8f;}
.board_view_ui .middle_box {padding: 20px 10px; border-bottom: 1px solid #d7d7d7;}
.board_view_ui .middle_box .ck-content strong, 
.board_view_ui .middle_box .ck-content p{font-size:14px;}
.board_view_ui .foot_box dl {display: flex; font-size: 0; border-bottom: 1px solid #d7d7d7;}
.board_view_ui .foot_box dt,
.board_view_ui .foot_box dd{display: block; padding:10px; font-size:14px; color:#8f8f8f;}
.board_view_ui .foot_box dt {width:72px;}
.board_view_ui .foot_box dd a{display: block; font-size: 12px; color:#8f8f8f;}
.board_view_ui .foot_box dd a+a{margin-top: 5px;}
.board_view_ui .foot_box + a{margin-top: 40px;}

.file_box {display: flex;}
.file_box .upload-name { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 78%; color: #999999;}
.file_box .delete{margin-left: 5px; padding: 10px 20px;}
.file_box label { display: inline-block; padding: 10px 20px; color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 40px; margin-left: 5px;}
.file_box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.point_coupon_info .flex{display: flex; align-items: center;}
.point_coupon_info .point {display: block; width: 100%; font-size: 40px; font-weight: 600; font-family: 'MyriadPro-bold'; letter-spacing: -1.5px; text-align: center;}
.point_coupon_info img {display: block; margin:0 10px; width: 90px; height:44px;}
.point_coupon_info .btn_03 {display: block; width: 200px; padding:0; text-align: center; box-sizing: border-box; line-height: 43px;}
.point_coupon_info .mem_info {margin-top: 10px; border:1px solid #baa382; background-color: transparent;}
.point_coupon_info .mem_info ul:nth-child(1){margin-top: 0; padding-top: 0; background: none;}
.point_coupon_info .mem_info li {display: block; width: 100%;}
.point_coupon_info .mem_info .item{font-size:14px; color: #333;}
.point_coupon_info .mem_info .value{font-size:14px; float: right;}

.pager {font-size: 0; text-align: center;}
.pager a{display: inline-block; width: 20px; height: 20px; text-align: center; border-radius: 50%; line-height: 20px; font-size: 13px; vertical-align: middle;}
.pager a+a{margin-left: 20px;}
.pager a.active {cursor: initial; background-color: #baa382; color: #fff;}
.pager .arrow_btn {width: 9px; height: 16px; font-size: 0; background-image: url('../images/arrow_04.png'); background-repeat: no-repeat; background-size: 100% auto;}
.pager .arrow_btn.prev {rotate: 180deg;}


p.lTypeDesh{position: relative; padding-left: 8px;}
p.lTypeDesh:before{position: absolute; left: 0; content: '-';}
p.lTypeAsterisk{position: relative; padding-left: 8px;}
p.lTypeAsterisk:before{position: absolute; left: 0; content: '*';}


@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media( orientation: portrait ){
	html.barcode_on {
		transition: all 0.5s ease;
		transform: rotate(90deg);
		transform-origin: top right;
		position: absolute;
		top: 100%;
		right: 0;
		width: 100vh;
		height: 100vw;
	}
}

.padding_box.pos{position:relative;}
.membership_popup .mem_info.type_profile{margin-top:30px;}
.mem_info.type_profile{padding:12px 15px 15px 15px;}
.mem_info.type_profile .name{font-size:14px;}
.mem_info.type_profile ul{margin-top:15px;}

.my_profile_info{margin-top:12px; padding:0 7.5px; box-sizing:border-box;}
.my_profile_info .img_wrap{position:relative; display:inline-block; width:100px; height:100px; border-radius:50%; overflow:hidden;}
.my_profile_info .img_wrap + .info{margin-left:40px;}
.my_profile_info .img{position: absolute; top: 50%; transform: translateY(-50%); display:block; width:100%;}
.my_profile_info .info{display:inline-block; font-size:14px; color:#202429; line-height:24px; vertical-align:8px;}
.my_profile_info .info strong{font-weight:700; color:#003d30;}

.my_profile_area{margin-top:35px;}
.my_profile_area .img_wrap{position:relative; display:block; width:140px; height:140px; margin:0 auto; border-radius:50%; overflow:hidden;}
.my_profile_area .img{position: absolute; top: 50%; transform: translateY(-50%); display:block; width:100%;}
.my_profile_area .info{font-size:14px; color:#333; text-align:center; margin-top:15px;}
.my_profile_area + .btn_wrap{margin-top:50px;}

.btn_wrap{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.btn_wrap .btn{width:100%; height:45px; padding:13px 5px;}
.btn_wrap .btn ~ .btn{margin-left:30px;}
.btn_logout{position:absolute; right:20px; top:-44px; display:inline-block; font-size:14px; color:#333; line-height:25px; padding:0 3px;}
.btn_logout2{position:absolute; right:20px; top:-44px; display:inline-block; font-size:14px; color:#333; line-height:25px; padding:0 3px;}

.section.autoLink > p{font-size:14px; padding-left:20px;}

.pointColor_01{color:#A3875B !important;}

.container.login_add h2{font-size:25px; text-align:center; margin-bottom:0;}
.container.login_add.login.add_s .flex input, .login_add.login.add_s .flex input{text-align:left;}
.container.login_add .flex input ~ input, .login_add.login.add_s .flex input ~ input{margin-top:5px;}
.container.login_add .btn_box, .container.login_add.login.add_s .btn_box{margin-top:20px;}
.container.login_add .ofh{margin-top:10px;}
.container.login_add .ofh .btn{float: right; font-size: 12px; border-bottom: 1px solid #666666; color: #666666;}
.container.login_add .img_box{display:block; width:80px; margin:16px auto 0 auto;}
.container.login_add .img_box img{display:block; width:100%;}
.container.login_add.login input{display: block; width: 100%; font-size: 14px; color: #999; text-align: center; border: 1px solid #d7d7d7; padding: 10px; box-sizing: border-box; border-radius: 5px; outline: none;}
.container.login_add.login .btn.greenBtn{display: block; width: 100%; height: 45px; font-size: 14px; color:#fff; font-weight: 500; text-align: center; line-height: 45px; background:#003d30; border-radius:9px; padding:0;}
.container.login_add.login .padding_box{padding-top:20px; padding-bottom:20px; margin-top:0;}
.login_add.login.add_s .padding_box.pdmg_ini{padding-bottom:0;}
.container.login_add .membership_wrap{padding-top:30px; padding-bottom:30px; margin-top:10px;}
.container.login_add .membership_wrap, .login_add .h2_sub_txt.tit_line_box .tit{background:#f8f8f8;}
.container.login_add .membership_wrap h2{font-size:21px; text-align:center; margin-bottom:10px;}