/* common */
* {font-family: 'NotoSans', sans-serif;}
html, body {font-family: 'NotoSans', sans-serif; min-width:1200px; color:#2a2a2a;}
.section {width:1180px; margin:auto; position:relative;}


.layout_wrap {clear:both; width:100%;}
.layout_inner {width:1200px; margin:0 auto;}
.userFullWidth {width:1200px;}
.userCWidth {width:820px;}
.userCWidth2 {width:1200px;}
.width100 {width:100%;}


/* 상단영역 */
.header {position:fixed; top:0; left:0; width:100%; z-index:999;}
.header .snb {position:relative; width:100%; height:110px; }
.header .snb .section {height:100%; padding-top:24px;}
.header .snb .logo {width:106px; margin:auto; font-size:0;}
.header .snb .area_lang {position:absolute; width:136px; left:0; top:50%; color:#fff; z-index:100;}
.header .snb .area_lang .selected {cursor:pointer; font-size:14px; width:100%; background:url("../../images/common/icon_gnb_lang.png") 2px center no-repeat; padding-left:34px;}
.header .snb .area_lang .language {display:none; position:absolute; top:38px; left:0; background:#fff; border-radius:3px;}
.header .snb .area_lang .language li {display:block; width:100%; height:42px; line-height:42px; border-bottom:1px solid #e9e9e9;}
.header .snb .area_lang .language li a {display:block; width:100%; height:100%; color:#333; font-size:14px; padding:0 19px; } 
.header .snb .area_lang .language:before {position:absolute; top:-6px; left:9px; content:""; width:10px; height:6px; background:url("../../images/common/icon_gnb_lang_speech.png") center no-repeat;}
.header .snb .area_search {position:absolute; left:0; top:50%; margin-top:-19px;}
.header .snb .area_search .btn_gnb_search {width:18px; height:38px; background:url("../../images/common/btn_gnb_search.png") center no-repeat; text-indent:-99999px;}
.header .snb .area_search .popup_search {display:none; position:absolute; top:0; left:0; width:280px; height:38px; background:rgba(255,255,255,0.2); border-radius:2px;} 
.header .snb .area_search .popup_search .btn_gnb_search {position:absolute; right:12px;}
.header .snb .area_utill {position:absolute; right:0; top:40%; margin-top:-19px; line-height:38px; font-size:0;}
.header .snb .area_utill li {font-size:14px; color:#fff; display:inline-block; font-weight:500;}
.header .snb .area_utill li:before {content:"·"; margin:0 3px;}
.header .snb .area_utill li:nth-child(2):before {display:none;}
.header .snb .area_utill li.login {float:right; margin-left:20px;}
.header .snb .area_utill li.login img {margin-top:8px;}
.header .snb .area_utill li.login:before  {display:none;}
.header .snb .area_utill li.member {font-weight:bold;}
.header .snb .area_utill li.member:before  {display:none;}
.header .gnb {width:1180px; margin:auto; line-height:45px; overflow:hidden; text-align:center; }
.header .gnb li {position:relative; float:left; font-size:18px; color:#fff; display:inline-block;}
.header .gnb li a {font-family: 'Noto Serif KR', serif;}
.header .gnb li:first-child {width:218px; text-align:left;}
.header .gnb li:nth-child(2) {width:265px;}
.header .gnb li:nth-child(3) {width:215px;}
.header .gnb li:nth-child(4) {width:257px;}
.header .gnb li:last-child {width:225px; text-align:right;}
.header .gnb li:after {position:absolute; top:18px; right:0; content:""; width:1px; height:9px; background:rgba(255,255,255,0.3);}
.header .gnb li:last-child:after {display:none;}
.header_scroll {position:fixed; top:0; left:0; width:100%; height:90px; z-index:999; overflow:hidden; display:none; background:#b78c62;}
.header_scroll .logo {float:left;  font-size:0; padding-top:15px;}									  
.header_scroll .site_menu {float:right;}
.header_scroll .gnb {overflow:hidden; font-size:0; line-height:1; text-align:right;}
.header_scroll .gnb li {display:inline-block; font-size:16px; color:#fff; margin-left:60px;}
.header_scroll .gnb li a {font-family: 'Noto Serif KR', serif;}
.header_scroll .gnb li:first-child {margin-left:0;}
.header_scroll .area_utill {font-size:0; text-align:right; line-height:1; padding:19px 0 16px;}
.header_scroll .area_utill li {font-size:13px; color:#fff; display:inline-block;}
.header_scroll .area_utill li:before {content:"·"; margin:0 3px;}
.header_scroll .area_utill li:first-child:before {display:none;}
.header_scroll .area_utill li.member {font-weight:bold;}
.header_scroll .area_utill li.member:before {display:none;}
.login_info {font-size:14px; position:absolute; top:60%; font-weight:bold; right:0; font-size:14px; color:#fff;}


/* 메인 */
.area_main {width:100%; height:100%; position:relative;}
.area_main .area_mainbanner {width:100%; height:937px; background:#fff;}
.area_main .area_mainbanner .swiper-slide {background-size:cover !important; text-indent:-99999px;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%; margin:auto; }
.area_main .area_mainbanner .swiper-pagination {width:1180px; margin:auto; left:0; right:0; bottom:0px;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet {opacity:1; position:relative; width:33.3%; height:59px; line-height:59px; border-radius:0; float:left; margin:0;  background:transparent; color:#fff; font-size:16px;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet:first-child {width:33.4%;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet:after {content:""; position:absolute; right:0; top:50%; margin-top:-7px; width:2px; height:15px;  background:#fff;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet:last-child:after {display:none;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet span {font-size:16px; font-family: 'Noto Serif KR', serif; opacity:.5;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet-active span {opacity:1;}
.main-arrow	{position:absolute; width:1180px; height:37px; top:50%; margin-top:-18px; left:0; right:0; margin:auto;}
.main-arrow	.swiper-button-prev, .main-arrow .swiper-button-next {transition:.3s; width:20px; height:37px; top:0; margin:0; background-size:auto; opacity:.5;}
.main-arrow	.swiper-button-prev {left:-81px; background:url("../../images/main/icon_mainslider_prev.png") no-repeat;}
.main-arrow	.swiper-button-next {right:-81px; background:url("../../images/main/icon_mainslider_next.png") no-repeat;}
.main-arrow	.swiper-button-prev:hover, .main-arrow .swiper-button-next:hover {opacity:1;}


.swiper-progress-bar { position: relative; width: 100%; display: block; z-index: 1; height: 2px;}
.swiper-progress-bar .slide_progress-bar {position: absolute; height: 1px; background: rgba(255, 255, 255, 0.5); width: auto; clear: both; opacity: 0; bottom: 59px; left: 0; right: 0;}
.swiper-progress-bar .slide_progress-bar:after {position: absolute; top: -1px; left: 0; background: #ffd27a; height: 200%; width: 0; content: "";}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}																											    
.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s;} 
.area_main .area_viablecate {width:100%; position:relative; padding:100px 0 120px;}
.area_main .area_viablecate .area_title {width:100%; overflow:hidden; margin-bottom:40px;}
.area_main .area_viablecate .area_title .title {display:block; font-size:32px; font-family: 'Noto Serif KR', serif; line-height:1; margin-bottom:11px;}
.area_main .area_viablecate .area_title .txt {font-size:16px; color:#888888;}
.area_main .area_viablecate .area_title .more {width:160px; height:40px; line-height:37px; color:#bd8f6e; border:1px solid #bd8f6e; display:block; text-align:center; font-size:14px; float:right; font-weight:100;}
.area_main .area_viablecate .list {width:100%; position:relative; font-size:0;}
.area_main .area_viablecate .list li {position:relative; overflow:hidden; display:inline-block; width:380px; height:280px; } 
.area_main .area_viablecate .list * {transition:all 1.1s;}
.area_main .area_viablecate .list li .cont {position:absolute; width:100%; overflow:hidden; bottom:27px; left:0; z-index:100; padding:0 30px;}
.area_main .area_viablecate .list li .cont h4 {float:left; font-family: 'Noto Serif KR', serif; font-size:20px; color:#fff;}
.area_main .area_viablecate .list li .cont img {float:right;}
.area_main .area_viablecate .list li:hover .thumb {transform: scale(1.3);}
.area_main .area_viablecate .list li:nth-child(2) {margin:0 20px;}
.area_main .area_viableglobal {position:relative; width:100%; padding:90px 0; text-align:center; background:url("../../images/main/bg_viableglobal.png") top repeat-x;}
.area_main .area_viableglobal .title {font-size:32px; color:#fff; line-height:1; display:block; margin-bottom:20px; font-family: 'Noto Serif KR', serif;}
.area_main .area_viableglobal .txt {font-size:16px; line-height:1; margin-bottom:40px; color:#fff;}
.area_main .area_viableglobal .category {width:100%; overflow:hidden; margin-bottom:70px;}
.area_main .area_viableglobal .category li {position:relative; overflow:hidden; display:inline-block; width:280px; height:280px; margin-right:20px;} 
.area_main .area_viableglobal .category li:last-child {margin-right:0;}
.area_main .area_viableglobal .category li * {transition:all 1.1s;}
.area_main .area_viableglobal .category li p {color:#fff; width:100%; text-align:center; position:absolute; bottom:28px; line-height:1; z-index:100; font-size:18px; font-family: 'Noto Serif KR', serif;}
.area_main .area_viableglobal .category li:hover .thumb {transform: scale(1.3);}
.area_main .area_viableglobal .viable_message {width:100%; text-align:center; line-height:1;}
.area_main .area_viableglobal .viable_message .tit {display:block; font-size:24px; color:#000; display:block; margin-bottom:20px;}
.area_main .area_viableglobal .viable_message .txt_2 {display:block; font-size:16px; color:#888; line-height:26px; margin-bottom:55px;}
.area_main .area_viableglobal .viable_message .more {font-size:14px; color:#bd8f6e;}
.area_main .area_viableshop {position:relative; text-align:center; width:100%; height:700px; background:url("../../images/main/bg_viable_shop.png") center repeat-x; padding-top:100px;}
.area_main .area_viableshop .title {position:relative; width:1180px; margin:auto; line-height:27px; overflow:hidden; margin-bottom:60px;}
.area_main .area_viableshop .title .tit {font-size:32px; color:#000; font-family:"Noto Serif KR", serif; padding-left:90px;}
.area_main .area_viableshop .title .more {position:absolute; top:0; right:0; font-size:15px; color:#b78c62;}
.area_main .area_viableshop .shop_slider .swiper-slide {width:280px; height:280px; top:50%; margin-top:-140px; background:#fff; box-sizing:border-box;}
.area_main .area_viableshop .shop_slider .swiper-slide .pr_tit {display:none; position:absolute; width:100%; height:110px; line-height:110px; left:0; bottom:0px; font-size:18px; font-weight:500; background:rgba(255,255,255,0.6);}
.area_main .area_viableshop .shop_slider .swiper-slide img {width:200px; height:200px; margin-top:40px;}
.area_main .area_viableshop .shop_slider .swiper-slide-active {width:380px; height:380px; border:2px solid #b78c62; margin-top:0; top:0; box-shadow:0px 10px 17px rgba(0,0,0,0.1);}
.area_main .area_viableshop .shop_slider .swiper-slide-active .pr_tit {display:block;}
.area_main .area_viableshop .shop_slider .swiper-slide-active img {width:300px; height:300px; margin-top:40px;}
.area_main .area_viableshop .shop-arrow {width:700px; margin:auto; position:relative; left:50px;}
.shop-arrow	.swiper-button-prev, .shop-arrow .swiper-button-next {position:absolute; top:0; margin-top:0; transition:.3s; width:60px; height:19px;  background-size:auto;}
.shop-arrow	.swiper-button-prev {left:0px; background:url("../../images/main/icon_shopslider_prev.png") no-repeat;}
.shop-arrow	.swiper-button-next {right:0px; background:url("../../images/main/icon_shopslider_next.png") no-repeat;}
.area_main .area_viableshop .swiper-pagination {position:absolute; width:660px; padding-left:100px; margin:auto; left:0; right:0; bottom:80px; z-index:0;}
.area_main .area_viableshop .swiper-pagination .swiper-pagination-bullet {opacity:1; position:relative; width:8px; height:8px; border-radius:8px; margin:0 4px;  background:transparent; border:2px solid #b78c62;}
.area_main .area_viableshop .swiper-pagination .swiper-pagination-bullet-active {background:#b78c62;}


/* footer */
.footer {position:relative; width:100%; background:#fff; text-align:center; border-top:1px solid #ddd;}
.footer .area_link {width:100%; height:56px; line-height:56px; border-bottom:1px solid #ddd;}
.footer .area_link .list {text-align:center; font-size:0;}
.footer .area_link .list li {display:inline-block; font-size:15px; font-weight:500; margin:0 15px;}
.footer .area_link .rel_site {position:absolute; right:0; top:0;}
.footer .area_link .rel_site li {display:inline-block; margin-left:24px;}
.footer .area_contact {width:100%; padding:35px 0; overflow:hidden;}
.footer .area_contact p {font-weight:500; line-height:1.3; font-size:0px; margin-bottom:10px; color:#666;}
.footer .area_contact p span {display:inline-block; font-size:15px; margin:0 5px;}
.footer .area_contact p span:first-child {margin-left:0;}
.footer .area_contact p span:last-child {margin-right:0;}
.footer .area_contact p:last-child {margin-bottom:0;}
.footer .area_contact h5 {font-size:14px; color:#888; font-weight:500; padding-top:18px;}
.footer .area_contact .malaysia {line-height:1.5; letter-spacing:0;}
.footer .area_contact .malaysia h5, .footer .area_contact .malaysia h6 {font-weight:bold; padding-top:0;}
.footer .area_contact .malaysia h5 {font-size:18px; margin-bottom:10px; line-height:1; color:#000;}
.footer .area_contact .malaysia h6 {font-size:16px; color:#333;}
.footer .area_contact .malaysia .div {color:#888;}
.footer .area_contact .malaysia p {font-size:14px;  margin-bottom:0; line-height:1.5;}

/* 서브 */
.area_sub {overflow:hidden; width:100%; min-height:800px; position:relative;}
.sub_header {position:relative; width:100%; height:500px; padding-top:270px; background:#777;  color:#fff;}
.sub_header.about {background:url("../../images/sub/bg_subheader_about.png") center no-repeat; background-size:cover;}
.sub_header.business {background:url("../../images/sub/bg_subheader_business.png") center no-repeat; background-size:cover;}
.sub_header.shop {background:url("../../images/sub/bg_subheader_shop.png") center no-repeat; background-size:cover;}
.sub_header.terms {background:url("../../images/sub/bg_subheader_etc.png") center no-repeat; background-size:cover;}
.sub_header.brand {background:url("../../images/sub/bg_subheader_brand.png") center no-repeat; background-size:cover;}
.sub_header.customer {background:url("../../images/sub/bg_subheader_customer.png") center no-repeat; background-size:cover;}
.sub_header.myoffice {background:url("../../images/sub/bg_subheader_myoffice.png") center no-repeat; background-size:cover;}
.sub_header.mypage {background:url("../../images/sub/bg_subheader_mypage.png") center no-repeat; background-size:cover;}
.sub_header.member {background:url("../../images/sub/bg_subheader_etc.png") center no-repeat; background-size:cover;}

.sub_header .title {width:100%; text-align:center; font-size:42px; font-weight:bold; font-family:"Noto Serif KR";}
.sub_header .snb {position:absolute; bottom:0; left:0; width:100%; height:51px; line-height:51px; text-align:center; border-top:1px solid rgba(255,255,255,0.3);}
.sub_header .snb ul {width:1180px; margin:auto;}
.sub_header .snb ul li {text-transform:capitalize; position:relative; float:left; display:inline-block; font-size:18px; width:25%;}
.sub_header .snb ul li.on {font-weight:bold;}
.sub_header .snb ul li.on:after {width:100%; height:3px; position:absolute; top:-2px; left:0; content:""; background:#a57f5a;}
.sub_header .snb ul li a {display:block; width:100%; height:100%;}
.sub_header.about .snb ul li {width:25%;}
.sub_header.business .snb ul li {width:14.2%;}
.sub_header.terms .snb ul li {width:50%;}
.sub_header.shop .snb ul li {width:12.5%;}
.sub_header.member .snb ul li {width:33.3%;}
.sub_header.mypage .snb ul li {width:25%;}
.sub_header.myoffice .snb ul li {width:7.69%; font-size:13px;}
.title_wrap {position:relative; display:flex; align-items:center; margin-bottom:40px;}
.title_wrap .sub_title {width:auto; margin-bottom:0;}
.title_wrap .shop_option {position:absolute; display:flex; align-items:center; right:0; top:0;}
.title_wrap .shop_option li {display:inline-block;}
.sub_title {text-transform:capitalize; width:100%; margin:auto; overflow:hidden; margin-bottom:50px; font-size:24px; font-weight:bold; text-align:center;}
.content {width:100%; position:relative; padding:80px 0;}
.tab_2depth {display:none; width:1180px; margin:40px auto 0; position:relative; overflow:hidden;}
.tab_2depth li {display:inline-block; float:left; width:33.3%; height:50px; line-height:46px; border:1px solid #ddd; font-size:14px; color:#555; border-right:0; text-align:center;}
.tab_2depth li:first-child {border-radius:50px 0px 0px 50px;}
.tab_2depth li:last-child {border-radius:0px 50px 50px 0px; border-right:1px solid #ddd;}
.tab_2depth li a {display:block; width:100%; height:100%;}
.tab_2depth li.on {color:#fff; background:#d8a370; border-color:#d8a370; font-weight:600;}
.stit {overflow: hidden; width: 100%; margin: 30px 0;}
.stit p {font-family: "Nanum Barun Gothic", 'malgun gothic', sans-serif; font-size: 26px; color: #c2a88e; float: left; line-height: 26px;}
.stit span {width: 100%; height: 2px; background: #c2a88e; display: block; margin-top: 2px;}



/*오시는길*/
.map_area {width:100%; margin: 30px auto; position: relative; float: left;}
.map_area .tit {font-size: 20px; text-align: center; color: #c2a88e; font-weight: 600; width: 100%; position: relative; margin-bottom: 20px;}
.map_area .tit p {display: inline-block; *display: inline; zoom: 1; position: relative; padding: 0 10px; background-color: #fff; z-index: 99;}
.map_area .tit i {width: 100%; height: 1px; background-color: #c2a88e; top: 50%; left: 0; position: absolute;}
.add {width: 100%; height: 100px; position: absolute; bottom: 0; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); z-index: 99999;}
.add p {color: #fff; font-size: 25px; line-height: 25px; text-align: right; margin-top: 25px; margin-right: 30px;}




/*탭*/
.tab_form {margin: 0;padding: 0;width: 100%; font-size:16px; }
.tab_form li {float:left;  display:inline-block; cursor:pointer; position:relative; left:0px; overflow:hidden;}
.tab_form li.on {background:#fff;}
.tab_con { clear:both; }
.tab_con .tab_contents {position:relative; display:none; height:auto; line-height:1.6; word-break:break-all; letter-spacing:0;}



/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; width:1100px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; padding-left:30px; padding-right:15px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#b78c61; }
.popup_layer .popup_title .title {font-size:18px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:14px; display:inline-block; margin-left:10px; opacity:.75;}
.popup_layer .btn_popup_close {float:right; border:0; width:60px; height:60px; text-indent:-99999px; background:url("../../images/common/btn_popup_close.png") center no-repeat; background-size:24px;}
.popup_layer .popup_content {position:relative; width:100%; }
.popup_layer .popup_content .form {padding:30px;}
.popup_layer .popup_content .form dt, .popup_layer .popup_content .form dd {position:relative; display:block; width:100%; overflow:hidden; font-size:14px;}
.popup_layer .popup_content .form dt {font-weight:bold; margin-bottom:7px;}
.popup_layer .popup_content .form dd {margin-bottom:15px;}
.popup_layer .popup_content .form .text_form {width:100%; height:40px; line-height:40px; border:1px solid #ddd; color:#333; padding:0 15px;}
.popup_layer .popup_content .form .text_form:focus {border-color:#666;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer .popup_content .form dd:last-child {margin-bottom:0;}
.popup_layer.min .popup_container {width:480px;}
.popup_layer .area_confirm {text-align:center; padding:20px; font-size:16px; line-height:1.6;}
.popup_layer .area_confirm .txt {padding-bottom:10px;}
.popup_layer .area_confirm ul li {display:block; color:#666;}
.popup_layer .area_confirm ul li b {color:#31b48e;}
.popup_layer .area_btn {margin-bottom:0px;}
.popup_layer.bbsChange .txt {font-size:14px; margin-bottom:15px;}
.popup_layer.bbsChange .select_form {background:url("../../images/board/icon_select.png") 95% center no-repeat;}
.popup_layer.min .popup_wrap {width:700px; margin:auto;}
.popup_layer.min .popup_content .form {padding:20px;}
.popup_layer.bbsChange .popup_container	{width:400px;}
.popup_layer.CardAuth .popup_container {width:450px;}
.popup_layer.CardAuth .popup_content {height:695px;}
.popup_layer.CardAuth .btn_popup_close {float:none; position:absolute; z-index:11; right:5px; top:10px;}
#PopupCardAuth p.img {z-index:-1;}
#PopupCardAuth * {font-family:"Dotum"; font-size:11px;}
#PopupCardAuth #container {position:absolute; top:108px; left:24px; width:402px; z-index:10;}
#PopupCardAuth .cont {position:relative; overflow:hidden;}
#PopupCardAuth h2.tit {font-size:12px; color:#4b8dde; margin-top:10px; background:url(images/blit.jpg) 0 2px no-repeat;}
#PopupCardAuth table, #PopupCardAuth #table01, #PopupCardAuth #table02, #PopupCardAuth #table03 {border-collapse:collapse; text-align:left; width:100%;}
#PopupCardAuth caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
#PopupCardAuth tbody th, #PopupCardAuth tbody td {height:40px; border-bottom:1px solid #e1e1e1;}
#PopupCardAuth tbody tr.other th, #PopupCardAuth tbody tr.other td {border-bottom:0;}
#PopupCardAuth tbody th {text-align:center; font-weight:normal; padding-left:6px;}
#PopupCardAuth tbody td {padding-left:0px; font-weight:bold;}
#PopupCardAuth #table01 span {padding:4px; width:48px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table02 span {padding:4px; width:66px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table03 {width:99%; margin-top:10px;}
#PopupCardAuth #table03 tbody { border:2px solid #333;}
#PopupCardAuth #table03 col {border-left:1px solid #e1e1e1;}
#PopupCardAuth #table03 col.line {border-left:1px solid #c1c1c1;}
#PopupCardAuth #table03 col.line2 {border-right:1px solid #333; margin-left:2px;}
#PopupCardAuth #table03 th {padding:0;}
#PopupCardAuth #table03 td {font-weight:normal; text-align:center;}
#PopupCardAuth #table03 .bold th {font-weight:bold;}
#PopupCardAuth #table03 .bold td {font-weight:bold; color:#4b8dde;}
#PopupCardAuth p {text-align:center;}
#PopupCardAuth p.text {width:88%; margin:15px auto 10px; letter-spacing:-1px;}
#PopupCardAuth .bg {position:absolute; top:0; left:0;}
#div_DaumPopupLayer {background:transparent; z-index:9999; position:fixed;}
#div_DaumPopupLayer .popup_content {height:100%;}
#div_DaumPopupLayer .btn_popup_close {position:absolute; top:-2px; right:-42px; border:0; width:40px; height:40px; text-indent:-99999px; background:url("../../images/common/btn_popup_close.png") center no-repeat #333; background-size:24px;}
#div_PopupSignPadCheck .popup_wrap {width:auto;}
#div_PopupSignPadCheck .popup_container {width:auto; padding:25px; font-size:0;}
#div_PopupSignPadCheck .btn {width:50%; height:30px; line-height:30px; font-size:12px; display:inline-block; vertical-align:top; border:1px solid #ddd; border-top:0;}
#div_PopupSignPadCheck .btn_common {width:100%;}
#div_PopupSignPadCheck .popup_container .sign-text {display:block; width:300px; word-break:keep-all; font-size:12px; color:#666; margin-bottom:15px;}
#div_PopupSignPadCheck .popup_container .sign-text b {display:block; padding-top:10px; font-weight:bold;}
#div_PopupSignPadCheck {background:rgba(0,0,0,0.7);}
#div_PopupSignPadCheck .m-signature-pad--footer {margin:auto; width:258px;}

/*
@media print {
	#PopupCardAuth {background:#fff;}
	#PopupCardAuth  .popup_wrap	 {width:100%; margin:0; display:block;}
	.popup_layer.CardAuth .btn_popup_close {display:none;}
}
*/
.area_btn {text-align:center;}




/* 로그인 */
.login_form, .join_form {width:480px; margin:auto; position:relative;}
.login_form {padding-bottom:42px; margin-bottom:40px; border-bottom:2px solid #eeeeee;}
.login_form .title {text-align:center; width:100%; line-height:1; font-size:30px; margin:60px 0px 30px; color:#000;}
.login_form label {display:block; line-height:1; font-size:16px; color:#2a2a2; margin-bottom:12px; line-height:1;}
.login_form span {display:block; text-align:right; font-size:14px; line-height:1;}
.join_form h4 {line-height:1; font-size:20px; color:#2a2a2a; display:block; margin-bottom:19px;}
.join_form p {font-size:14px; color:#767676; line-height:24px; display:block; margin-bottom:29px;}
.join_form .btn {width:100%; height:60px; font-size:16px;}



/* 회원가입 */
.area_joinstep {width:780px; background:#fff; margin:auto; text-align:center; padding:50px 50px 40px;}
.area_joinstep h4 {font-size:28px; letter-spacing:-1px; margin-bottom:5px;}
.area_joinstep p {font-size:18px; color:#444; margin-bottom:30px; font-weight:500;}
.area_joinstep ul {text-align:left; margin-bottom:30px;}
.area_joinstep li {position:relative; display:block; font-size:14px; word-break:keep-all; font-weight:500; color:#777; padding-left:10px;}
.area_joinstep li:before {content:"-"; position:absolute; top:0; left:0;}
.area_joinstep .btn_login {height:65px; font-size:18px; width:100%;}
.area_joinstep.type1 .btn_login {background:#b78c61;}
.area_joinstep.type1 {border:2px solid #b78c61;}
.area_joinstep.type2 .btn_login {background:#999;}
.area_joinstep.type2 {border:2px solid #999;}
#joinStep {padding-bottom:60px;}
#joinStep .title_area {margin-top:20px;}
#joinStep .btnZone {padding:20px 0px;}
#joinStep .c_b_title {font-size:22px; padding:10px 0px; color:#333}
#joinStep .c_s_title {font-size:12px; padding-bottom:10px; border-bottom:1px solid #555555;}
#joinStep .input_text {border:1px solid #cecfd5; font-size:14px; line-height:26px; height:26px; padding:0px 7px; }
#joinStep .input_select {border:1px solid #cecfd5; font-size:14px; line-height:26px; height:26px; }
#joinStep.step01 .radiusWrap {float:left; width:380px; overflow:hidden; margin-top:50px;}
#joinStep.step01 .mls {margin-left:30px;}
#joinStep.step01 .radiusWrap1,
#joinStep.step01 .radiusWrap2,
#joinStep.step01 .radiusWrap3 {border-radius:10px; width:370px; overflow:hidden;}

#joinStep.step01 .radiusWrap1 {border:2px solid #5d85e1;}
#joinStep.step01 .radiusBg1 {background:#5d85e1; background:linear-gradient(#5d85e1, #4b68b1);}

#joinStep.step01 .radiusWrap2 {border:2px solid #11928e;}
#joinStep.step01 .radiusBg2 {background:#11928e; background:linear-gradient(#11928e, #0a5481);}

#joinStep.step01 .radiusWrap3 {border:2px solid #4b68b1;}
#joinStep.step01 .radiusBg3 {background:#5d85e1; background:linear-gradient(#003040, #002535);}

#joinStep.step01 .b_title {font-size:22px; font-weight:bold;text-align:center; color:#fff; padding:10px 0px;}
#joinStep.step01 .s_title {font-size:12px; font-weight:bold;text-align:center; color:#fff; padding-bottom:10px; border-bottom:1px solid #4b68b1;}
#joinStep.step01 .radiusCon {padding:8px; padding-bottom:70px; min-height:200px; position:relative;}
#joinStep.step01 .radiusCon ul {}
#joinStep.step01 .radiusCon ul li {display:block; margin-top:7px; font-size:11px; color:#707070; line-height:18px; text-indent:-7px; margin-left:7px;}
#joinStep.step01 .radiusCon ul li.alert {color:red;}
#joinStep.step01 .radiusCon ul li.alert_b {color:blue;}
#joinStep.step01 .radiusCon ul li span {color:#333;}
#joinStep.step01 .radiusCon .btnAbsol {bottom:25px; width:350px; text-align:center;}
#joinStep.step01 .radiusCon .btnAbsol .txtBtnC {width:250px;}


.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_textB{font-size:13px; font-weight:600; color:#333333; margin-bottom:15px;}
.join_titleB{font-size:13px; font-weight:400; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join_step {width:1150px; margin:auto; overflow:hidden; margin-bottom:80px;}
.join_step .step {display:inline-block; width:20%; padding:15px 0; float:left; border:1px solid #ddd; border-left:0; text-align:center; font-weight:400; position:relative;}
.join_step .step:first-child {border-radius:50px 0px 0px 50px; border-left:1px solid #ddd;}
.join_step .step:last-child {border-radius:0px 50px 50px 0px;}
.join_step .step.step_on {background:#f6f6f6;}
.join_step .step.step_off {background:url("../../images/common/bg_joinstep_off.png") center no-repeat;}
.join_step .step:after{content:""; display:block; clear:both; }
.join_step .step:last-child {margin-right:0;}
.join_step .step:last-child:after {display:none;}
.join_step .step span {font-size:13px;  color:#888; display:block; margin-bottom:5px;}
.join_step .step em {font-size:16px;  color:#121212; font-style:normal;  display:block;}
.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:bold; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px; font-size:13px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative;}
.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all label {cursor:pointer; font-size:14px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:400; margin-left:7px; }
.join_check_all input{position:relative; cursor:pointer; width:15px; height:15px;}
.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:13px 0; border:1px solid #b78c61; background:#ffffff; color:#b78c61; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #b78c61; background:#b78c61; color:#FFFFFF; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}
.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:400; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{ font-size:22px; font-weight:400; color:#333333;}
.joinEnd_B{font-size:17px; font-weight:400; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
.memberTitle{margin-bottom:30px;}
.mb_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:15px;}
.mb_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:20px;}
.mb_titleS{font-size:13px; color:#666666; line-height:16px;}
.join_card {width:100%; padding:40px; border:1px solid #ddd; text-align:center; line-height:1.8}
.join_card p {margin-bottom:20px;}



/* array */
.left {float:left;}
.right {float:right;}



/* 여백관련 */
.t0 {top:0% !important;}
.b0 {bottom:0% !important;}
.mt5 {margin-top:10px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.bl01 {border-bottom:1px solid #d1d2d2;}
.b0 {border:0 !important;}
.br0 {border-right:0 !important;}
.bl0 {border-left:0 !important;}
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.ps20 {padding:0 20px !important;}
.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.mt0 {margin-top:0 !important;}
.ml5 {margin-left:5px !important;}
.mr5 {margin-right:5px !important;}
.mb0 {margin-bottom:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pt0 {padding-top:0 !important;}

.loader_wrap {display:none; background:rgba(255,255,255,0.4); display:table; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.loader_wrap .loader_position {display:table-cell; vertical-align:middle; margin: auto; width: 70px; text-align: center;}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(121, 190, 73, 0.25);
  border-right: 1.1em solid rgba(121, 190, 73, 0.25);
  border-bottom: 1.1em solid rgba(121, 190, 73, 0.25);
  border-left: 1.1em solid #51ad10;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* 페이지 */
.paging{overflow:hidden; clear:both; margin:0 auto; padding:20px 0; text-align:center;}

.paging a {position:relative; display:inline-block; width:35px; height:35px; line-height:35px; background-color:#fff; border:1px solid #ddd; font-size:12px; color:#777777; margin:0 2px;}
.paging a:hover {background-color:#565656; color:#fff; text-decoration:none;}
.paging strong {position:relative; display:inline-block; width:35px; height:35px; line-height:35px; background:#333; color:#fff; font-size:12px; margin:0 2px;}
.paging .NowPageNum {position:relative; display:inline-block; width:35px; height:35px; line-height:35px; background:#333; color:#fff; font-size:12px; margin:0 2px;}
.area_terms {font-weight:500; width:100%; position:relative; line-height:1.6;}
.area_terms h2 {font-size:24px; display:block; margin-bottom:20px; text-align:center;}
.area_terms .row {position:relative; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee; font-size:14px; word-break:keep-all; color:#444;}
.area_terms .row p {margin-bottom:10px;}
.area_terms .row h3 {font-size:16px; margin-bottom:10px;}
.area_terms .row h4 {font-size:14px; margin-bottom:10px;}

.area_terms .row > ul > li {position:relative; list-style:none; margin-bottom:8px; padding-left:20px;}
.area_terms .row > ul > li span {position:absolute; top:0; left:0;}
.area_terms .row > ul > li > ol {padding:5px 0px 5px 20px; margin-bottom:8px;}
.area_terms .row > ul > li > ol > li {font-size:12px; color:#777;}
.area_terms .row > ul > li:last-child {margin-bottom:0;}
.area_terms .row > ul > li > ol > li:last-child {margin-bottom:0;}
.area_terms .row > ol {padding-left:20px;}
.area_terms .row > ol > li {margin-bottom:8px;}
.area_terms .row > ol > li:last-child {margin-bottom:0;}
.area_terms .row table {width:100%; border-collapse:collapse;}
.area_terms .row table th, .area_terms .row table td {border:1px solid #ddd; padding:5px 10px; text-align:center;}
.area_terms .row table th {background:#fafafa; font-weight:bold;}
.area_terms .row > ul > li table {margin-top:10px;}

/* �˾�(����) */
.homepage_popup {width:auto; overflow:hidden; position:absolute; top:0px; left:0px; z-index:9999; font-size:0;}
.homepage_popup .popup_cont {width:100%; font-size:0;}
.homepage_popup .popup_cont * {font-size:14px;}
.homepage_popup .popup_cont img {width:100%; max-width:100%;}
.homepage_popup .popup_bottom {background:#444; color:#fff; width:100%; height:40px; line-height:40px; font-size:14px;  padding-left:20px;}
.homepage_popup .popup_bottom * {display:inline-block; vertical-align:middle; cursor:pointer;}
.homepage_popup .popup_bottom input[type='checkbox'] {margin-right:5px; width:14px; height:14px;}
.homepage_popup .popup_bottom .btn {width:60px; height:40px; background:transparent; float:right; color:#fff; font-weight:bold; background:#333; border-left:1px solid #999;}



/* 사인패드 */
#signature-pad {}
#signature-pad .sign-text {line-height:1.5; display:block; font-size:14px; margin-bottom:15px;}
#signature-pad .m-signature-pad--footer {width:258px; overflow:hidden;}
#signature-pad .m-signature-pad--footer .btn {width:100%; height:35px; float:left; border:1px solid #ddd; border-top:0; background:#fff; color:#b78c61;}



.input_email {width:100%;}
.input_email .box {width:185px;}
.input_email * {float:left;}
.input_email span {margin:0 10px; line-height:38px; color:#666;}
.input_email select {width:185px; padding-right:10px; margin-left:10px;}


.popup_notice0328 {position:relative; width:600px;}
.popup_notice0328 .top {width:100%; padding:5px 0; background:#b78c62; text-align:center; font-size:0;}
.popup_notice0328 .top img {width:86px;}
.popup_notice0328 .cont {width:100%; padding:40px 50px 40px;}
.popup_notice0328 .cont .title {font-size:26px; font-weight:500; line-height:36px; display:block; margin-bottom:30px;}
.popup_notice0328 .cont .title b {font-size:inherit;}
.popup_notice0328 .cont .alert_msg {width:100%; padding:0; background:#fff; font-size:22px; line-height:34px; margin-bottom:40px; letter-spacing:-1px; font-weight:500;}
.popup_notice0328 .cont .s-title {line-height:1; font-size:22px; color:#424242; margin-bottom:20px;}
.popup_notice0328 .cont .txt {position:relative; padding-left:20px; font-size:20px; color:#424242; line-height:30px; font-weight:500; margin-bottom:30px;}
.popup_notice0328 .cont .txt b {font-size:inherit;}
.popup_notice0328 .cont .txt:before {position:absolute; top:0; left:0; content:"-";}
.popup_notice0328 .cont .link {font-size:16px; text-align:center; display:block; padding:10px 15px; border:1px solid #ddd; margin-bottom:30px;}


/* 보상플랜 테이블 */
.table_plan {width:100%;  border-collapse:collapse;}
.table_plan th, .table_plan td {padding:4px 4px; border:1px solid #d38d68; font-size:13px; text-align:center;}
.table_plan th {background:#db9e7d; color:#fff; font-weight:500; width:60px; padding:10px 4px;}
.table_plan td {background:#fff; font-weight:500; line-height:1.5; font-size:12px;}
.table_plan tr td:first-child {background:#f4ddd2;}
.table_plan tr td.imp {background:#fff3eb;}
.table_plan tr td.tleft {text-align:left; padding:5px 10px;}