.mBtn { display:none; z-index:50; }
.top_navi {max-width:1320px; position: relative; margin: 0 auto;}
.top_navi:after { content:''; display:block; clear:both; }
.top_logo, .top_menu, .top_myinfo {float: left; position: relative;}
.top_menu li, .top_myinfo li {display:inline-block;}
.top_logo {padding: 40px 110px 0 0;}
.top_logo a > img {width: 260px;}
.top_login { position:absolute !important; top:0; right:0; }
.top_login li a { font-size:13px; }
.top_menu li {margin:46px 80px 0 0; font-size:16px; line-height: 30px; font-weight: 500;}
.top_menu li > a {color: #fff;}
.top_menu li > a > i {font-size: 20px; padding-right: 10px; vertical-align: bottom;}
.top_menu li:last-child > a > i {font-size: 24px;}
.top_myinfo {float:right;}
.top_myinfo li {font-size: 24px; height:48px; position: relative; margin-top: 34px;}
.top_myinfo li > a {color: #fff;}
.top_myinfo .res_name { font-size:14px; color:#fff; }
.top_myinfo .rod_btn > a { font-size:12px; border:1px solid #fff; padding:1px 8px 2px; border-radius:30px; }
.circle_box {height: 48px; width: 48px; display: inline-block; background: #a5b0eb; border-radius: 100%; text-align: center;}
.count_box {width: 18px; line-height: 18px; display: inline-block; background: #00a8ff; border-radius: 100%; font-size: 10px; text-align: center; font-weight: 700; position: absolute; right: -8px; top: 0;}
.top_myinfo .bi-person-fill::before {line-height: 48px;}
.top_myinfo li:first-child {margin-right: 26px;}
.down_arrow > i {font-size: 16px; margin-left: 20px; }
.content_lay {max-width:1320px; position: relative; /*overflow: hidden;*/ margin: 0 auto;}
.content_tit {margin-bottom:35px;}
.content_tit p {color:#fff; line-height: 54px;}
.content_tit p:first-child {font-weight:700; font-size:50px;}
.content_tit p:last-child {font-weight:500; font-size:25px;}
.content_tit p.small_txt { font-size:22px; line-height:22px; margin-bottom:11px; font-weight:500; }
.content_tit p.big_txt { font-size:30px; line-height:30px; }
.poll_flex { width:100%; display:flex; align-items:center; }
.bar_wrap { position:relative; margin-bottom:20px; }
.bar_wrap h2 { color:#fff; font-size:13px; margin-bottom:10px; }
#progress { appearance: none; width:100%; height:15px; } 
#progress::-webkit-progress-bar { background:#e9ecef; border-radius:10px; box-shadow: inset 3px 3px 10px #ccc; } 
#progress::-webkit-progress-value { border-radius:10px; background: #343a40; background-image:url('../images/progr_bg.png'); background-repeat:repeat-x; }
.bar_wrap .progr_num { color:#fff; font-size:10px; position:absolute; left:23%; bottom:0; font-weight:400; }
.pollbtn_wrap { text-align:center; padding-bottom:50px; display:flex; justify-content:space-between; }
.between_btn { display:flex; justify-content:space-between; }
.poll_btn { -webkit-appearance: none; cursor:pointer; background:#4e9aff; color:#fff; border:1px solid #4e9aff; border-radius:30px; padding:10px 80px; font-size:18px; box-shadow:4px 5px 18px 0 rgb(0 0 0 / 9%); }
.prev { background:#fff; color:#626262; border:1px solid #fff; border-radius:30px; padding:10px 80px; font-size:18px; }
.r_icon { background:#4965d8; width:65px; height:65px; border-radius:100%; text-align:center; line-height:65px; margin-right:25px; display:flex; align-items:center; justify-content:center; }
.content01 {position: relative; overflow: hidden; position: relative; overflow: hidden; width: 100%; background: #fff; border-radius: 10px; padding: 45px;}
.border_con { border:3px solid #4b5ed8; padding:30px 20px; margin-bottom:50px;min-height: 300px; }
.border_con textarea { width:100%; border:1px solid #ddd; padding:10px 10px;  resize: none; border-radius:7px; }
.content01 .poll_noti { font-size:18px; line-height:34px; color:#222; }
.hand_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23b0bbc2' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M168,120V68a20,20,0,0,1,40,0v84a80,80,0,0,1-80,80c-44.2,0-64-24-96.6-92.7a20,20,0,0,1,34.7-20l21.9,38V52a20,20,0,0,1,40,0v68' fill='none' stroke='%23b0bbc2' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M168,68V36a20,20,0,0,0-40,0V52' fill='none' stroke='%23b0bbc2' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E");
background-size:50px; background-position:top 30px right 20px; background-repeat:no-repeat; }
.poll_tit { font-size:22px; color:#222; margin-bottom:30px; color:#222; }
.poll_tit .num { color:#4965d8; margin-right:5px; font-weight:500; }
.radio_list li { font-size:18px; margin-bottom:10px; color:#333; }
.radio_list li input[type="radio"] { margin-right:5px; }
.radio_list li .iph_box { border:1px solid #ddd; margin-left:10px; padding:4px 10px; border-radius:7px; }

.iph_box_s { border:1px solid #ddd; margin-left:0px; padding:4px 10px; border-radius:7px; }


.poll_table { width:100%; border-top: 2px solid #4965d8; }
.poll_table thead th { background:#eaf1fa; font-size:16px; line-height:21px; color:#222; border-right:1px solid #d3dfee; border-bottom:1px solid #d3dfee; font-weight:500; padding:7px 0; }
.poll_table tbody td.bl_bg { background:#eaf1fa; color:#222; border-right:1px solid #d3dfee; border-bottom:1px solid #d3dfee; font-weight:500; padding:7px 0; }
.poll_table thead th:last-child { border-right:0; }
.poll_table tbody td { font-size:17px; color:#222; padding:15px 15px; text-align:center; border-right:1px solid #d3dfee; border-bottom:1px solid #d3dfee; }
.poll_table tbody td.left { text-align:left; }
.poll_table tbody td .bg_input { width:100px; background:#f5f5f5; border:1px solid #ddd; border-radius:7px; padding:2px 3px; text-align:center; color:#4965d8; font-weight:500; font-size:18px; }
.poll_table tbody td:last-child { border-right:0; }
.reset_btn { cursor:pointer; background:#4965d8; color:#fff; border:1px solid #4965d8; padding:8px 15px; border-radius:7px; margin-top:20px; font-size:16px; -webkit-appearance: none; }
.ct_num { display:inline-block; font-size:16px; margin-top:12px; }
.ct_num span { font-weight:600; margin-right:1px; }
#poll_pop{ display: none; }
#poll_pop{ text-align:center; width: 500px; border-radius:15px; padding:30px 0 86px; box-sizing:border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 2; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); }
#poll_pop h2 { display:inline-block; font-size:20px; border-bottom:2px solid #4e9aff; padding-bottom:7px; margin-bottom:50px; }
#poll_pop p { font-size:18px; color:#666; padding:0 15px; margin-bottom:15px; }
#poll_pop p .big { font-size:18px; color:#000; display:block; margin-bottom:15px; }
.pop_btn { -webkit-appearance: none; cursor:pointer; position:absolute; left:0; bottom:-1px; padding:15px 0; border:1px solid #4e9aff; width:100%; background:#4e9aff; border-radius:0 0 15px 15px; color:#fff; font-size:16px; }

.pop_btn1 { -webkit-appearance: none; cursor:pointer; position:absolute; left:0; bottom:-1px; padding:15px 0; border:1px solid #4e9aff; width:50%; background:#4e9aff; border-radius:0; color:#fff; font-size:16px; }
.pop_btn2 { -webkit-appearance: none; cursor:pointer; position:absolute; right:0; bottom:-1px; padding:15px 0; border:1px solid #4e9aff; width:50%; background:#fff; border-radius:0 0 15px 0px; color:#4e9aff; font-size:16px; }

.backon{ content: ""; width: 100%; height: 100%; background: #00000054; position: fixed; top: 0; left: 0; z-index: 1; }
.close{ position:absolute; top:10px; right: 10px; cursor:pointer; width:30px; height:30px; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
.openpop{ cursor:pointer; color:#fff; border:1px solid #fff; position:absolute; right:0; top:15px; font-size:18px;  display:inline-block; padding:5px 15px; }
.only_m { display:none; }
.prog_bg { position:relative; width: 100%; height: 15px;  background: #f9f9f9; border-radius: 7px; }
.prog_bar { background-image: url(../images/progr_bg.png); background-repeat: repeat-x; position: absolute; height: 15px; border-radius: 7px;}
.prog_bg .progr_num { color:#fff; font-size:10px; position:absolute; left:23%; bottom:0; font-weight:400; }

.main_slider {border-radius: 10px;  border: 1px solid #d8d8d8; width: 100%; position: relative; overflow: hidden;}
.main_slider .bx-controls {position: absolute; top: 20px; right: 20px;}
.main_slider .bx-pager-item { display: inline-block; padding-left:6px; }
.main_slider .bx-pager-link { background: #fff; width: 10px; height: 10px; display: block; border-radius: 50px; text-indent: -9999px; transition: width .3s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
.main_slider .bx-pager-link.active { background: #6a51e0; width:35px; }
.main_mylist {position: relative; overflow: hidden; margin-top: 25px;}
.tit_style {position: relative; overflow: hidden; margin-bottom: 15px;}
.tit_style > h2 {font-size: 16px; float:left;}
.tit_style > h2 > i {font-size: 20px; color: #8797a4; padding-right: 7px;}
.tit_style a {float:right; font-size: 14px;}
.tit_style a > i {color: #2f58f2; font-size: 11px; padding-right: 5px;}
.tit_style a > i::before {vertical-align: text-top;}
.mr_list_style {height: 247px; overflow-y: scroll;}
.mr_list_style { -ms-overflow-style: none; scrollbar-width: none;}
.mr_list_style::-webkit-scrollbar { display:none; }
.mr_list_style li {background: #f7f9fd; display: inline-block; padding: 11px 17px; border-radius: 10px; width: 448px; height: 92px;}
.mr_list_style li:nth-child(2n) {margin-left: 33px;}
.mr_list_style li:nth-child(n+3) {margin-top: 14px;}
.mr_thumnail {overflow: hidden; border: 1px solid #cad0e7; border-radius: 100%; width: 70px; height: 70px; float: left;}
.mr_content {float: left; line-height: 24px; padding: 10px 0 0 20px;}
.mr_content h2 {font-size: 16px;}
.mr_detail { font-size: 14px; color: #4d4e5d; float: left; }
.mr_detail span:first-child { color: #2f58f2; }
.mr_detail span:last-child { color: #ff0741; }
.mr_step { font-size: 13px; color: #4d4e5d; float: right; padding-top: 35px; font-weight:700; }
.mr_step span { color: #2f58f2; }
.main_myinfo {}
.mbtn_lay { font-size:0; }
.main_myinfo .navi_lay { margin-top:30px; }
.main_myinfo a:nth-child(n+2) .navi_lay {margin-left:2%;}
.navi_lay {width: 23.4%; background: #fafdff; border-radius: 10px; padding: 35px 20px; display:inline-block; vertical-align:top; border: 1px solid #d8d8d8;}
.mbtn_icon {width:40px; float: left;}
.navi_lay dl {float: right; width: 180px;}
.navi_lay dl dd:nth-child(1) {font-size:15px; color: #4d4e5d; margin-bottom:6px; margin-top:6px; font-weight:700;}
.navi_lay dl dd:nth-child(2) {font-size:15px; line-height:22px; word-break: keep-all;}
.navi_lay dl dd:nth-child(3) {font-size:14px; color:#282828; margin-top: 20px; float:right;}
.navi_lay dl dd:nth-child(3) img {margin-left: 10px;}
.content02 {width: 100%; background: #fff; border-radius: 10px; padding: 45px; margin-top:28px; position: relative; overflow: hidden;}
.research_tit {border-bottom: 1px solid #d8d8d8; position: relative; overflow: hidden; margin-bottom: 40px;}
.research_tit h2 {font-size:24px; font-weight:700; float:left; margin-bottom: 16px;}
.research_btn {float:right; padding-top:10px;}
.research_btn li {display:inline-block;}
.research_btn li:nth-child(n+2) {margin-left:40px;}
.research_btn button {font-size:16px; color: #8797a4;}
.research_box {position: relative; width:100%; margin-bottom:5%; }
/*.research_box:nth-child(4n) {margin-right:0;}*/
.research_img {border: 1px solid #d8d8d8; width: 100%; position: relative; overflow: hidden;}
.research_img a {position: absolute; bottom: 15px; right: 15px; font-size: 24px; color: #cad0e7;}
.research_img img { width:100%; }
.panel_count {width: 70px; height: 70px; position: absolute; top: 0; right: 0; border: 2px solid #2f58f2; text-align: center; background: #fff; display:flex; flex-flow:column; justify-content:center; align-items:center; }
.panel_count li:first-child {font-size: 14px; letter-spacing: -1px;}
.panel_count li:last-child {font-size: 13px;}
.panel_count li:first-child > span {font-size: 19px; font-weight:700;}
.panel_date {font-size: 15px; margin: 20px 0 6px 0;}
.panel_date span {display: inline-block; text-align: center; border-radius: 50px; padding: 0 10px; height: 26px; line-height: 26px; color:#fff;}
.research_subject {font-size: 18px; border-bottom:1px solid #f1f1f1; padding-bottom: 10px; margin-bottom: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.research_info dd {font-size:14px; color:#4d4e5d; line-height:24px;}
.research_join {width: 100%; border: 1px solid #000; display: block; text-align: center; font-size: 15px; height: 40px; line-height: 39px; margin-top: 16px;}
.research_join:hover {color:#2f58f2; border: 2px solid #2f58f2; }
.book:hover {color:#ea3351 !important; border: 2px solid #ea3351 !important;}
.re_class {position:relative; margin-right: 25px;}
.re_class::before {content: ''; display: inline-block; border-right: 1px solid #ddd; height: 10px; position: absolute; top: 6px; right: -14px;}
.research_list .bx-prev {position: absolute; left: 0; transform: translateY(-50%); top: 50%; width: 40px; text-align: center;}
.research_list .bx-prev::before {content: "\f053"; font-size: 43px; font-weight: 900; font-family: "Font Awesome 5 Free"; color: #000; opacity: 0.1;}
.research_list .bx-prev:hover::before {opacity: 1; color:#2f58f2;}
.research_list .bx-next {position: absolute; right: 0; transform: translateY(-50%); top: 50%; width: 40px; text-align: center;}
.research_list .bx-next::before {content: "\f054"; font-size: 43px; font-weight: 900; font-family: "Font Awesome 5 Free"; color: #000; opacity: 0.1;}
.research_list .bx-next:hover::before {opacity: 1; color:#2f58f2;}
.research_list .bx-viewport {height:auto !important;}
.research_btn button {background:none; border:0; outline:0; cursor:pointer;}
.tab_menu_container {display:flex;}
.tab_menu_btn {width:80px;}
.tab_menu_btn.on {border-bottom:3px solid #2f58f2; color:#000; padding-bottom: 15px;}
.tab_menu_btn:hover {color:#000;}
.research_list {display:none; font-size:0; }
.research_list.on {display:block;}
.research_list .res_list { width:23.875%; display:inline-block; margin-right:1.5%; }
.research_list .res_list:last-child { margin-right:0; }
.no_research_sty {padding-top: 20px; text-align: center; background: #f1f6f9; padding: 50px; border-radius: 20px;}
.no_research_sty img {width: 300px;}
.no_research_sty p {font-size: 30px; margin: 40px 0 50px 0; font-weight: 700; color: #b6bfc4;}
.copy_lay {max-width:1320px; position: relative; overflow: hidden; margin: 0 auto; }
.fam_logo_lay {margin-top:60px;}
.fam_logo_lay li {display:inline-block; vertical-align:top; }
.fam_logo_lay li:nth-child(n+2)::before {content: ''; display: inline-block; height: 29px; width: 1px; background: #e5e5e5; vertical-align: top; margin: 0 30px; margin: 2px 30px;}
.company_info_lay {margin-top:50px; overflow: hidden;}
.company_info_lay ul {float:left; margin-right: 80px;}
.company_info_lay ul > br {display:none;}
.company_info_lay ul > li {color:#343434; font-size:14px; line-height:30px; font-weight:400;}
.company_info_lay ul:last-child {float:right; margin-right: 0;}
.etc_fontsty { font-size:24px !important; color:#333 !important; font-weight:500 !important; }
.etc_fontsty.end { margin-top:15px; }
.etc_fontsty > span { display:block; font-size:15px; letter-spacing:-0.35px; color:#767e9e; }
.etc_fontsty img { display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-2px; }
.copy_lay p {font-size:12px; color:#4d4e5d; clear: both; margin: 60px 0;}
.company_info_lay select {width: 185px; padding-bottom: 12px; border:0; border-bottom: 1px solid #999; font-family: inherit; background: url('../images/fam_select_icon.png') no-repeat 96% 20%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px;}
.company_info_lay select::-ms-expand {display: none;}
.top_login {position: relative; float: right; margin-top: 33px;}
.top_login li {display: inline-block; margin-left:30px;}
.top_login li a {font-size:15px; color:#fff;}
.top_login li:last-child a { display:inline-block; border: 1px solid #fff; padding: 10px 25px; border-radius: 50px;}

/* 모바일 햄버거 메뉴 */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#header .cate_section .contents .r_menu { position:absolute; top:0; right:5vw; }
#header .cate_section .contents .r_menu div { float:left; font-size:13px; letter-spacing:-0.7px; color:#2f58f2; }
#header .cate_section .contents .r_menu div span a { font-size:13px; font-weight:400; color:#000; }
#header .cate_section .contents .r_menu div span a img { width:11px; margin-right:2px; }
#header .cate_section .contents .r_menu div span { position:relative; }
#header .cate_section .contents .r_menu div span:first-child { padding-right:13px; margin-right:10px; }
#header .cate_section .contents .r_menu div span:first-child:after { content:''; display:inline-block; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:4px; }
#header .cate_section .contents .r_menu .mBtn { float:left; cursor:pointer; display:none; margin-left:10px; }
#header .cate_section .contents .r_menu .mBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; margin-top: 20px; }
#header .cate_section .contents .r_menu .mBtn i { line-height:90px; font-size:25px; color:#000; }
#header .cate_section .contents .r_menu .country { position:relative; border-right:1px solid #eee; border-left:1px solid #eee; padding:0 15px; cursor:pointer; }
#header .cate_section .contents .r_menu .country i { font-size:20px; vertical-align:middle; }
#header .cate_section .contents .r_menu .country_menu { position:absolute; width:100%; left:0; background:rgba(255,255,255,0.8); border:1px solid #eee; box-shadow:0 3px 7px rgb(0 0 0 / 5%); z-index:98;}
#header .cate_section .contents .r_menu .country_menu > li { height:33px; line-height:33px; text-align:left; padding-left:15px; box-sizing:border-box; color:var(--gray500);}
#header .cate_section .contents .r_menu .country_menu > li a { color:var(--gray600); }
#header .cate_section .contents .r_menu .country_menu > li a:hover { padding-left:2px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 70%; height: 100%; transition: all 0.3s ease; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { background:#2f58f2; padding:24px 20px; align-items:center; justify-content:space-between; display:flex; }
#mheader .mNav .mNav_logo img  { width:130px; }
#mheader .mNav .mNav_logo .closeBtn i { font-size:20px; color:#fff; cursor:pointer; }
#mheader .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 13px; color: #333; font-weight:400; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:15px; font-weight:500; padding:15px 25px; border-bottom:1px solid #eee; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { position:absolute; right:20px; }
#maccordian li >h1 .ico_ar i { color:var(--yellow100); font-size:20px; transform:rotate(-0deg); }
#maccordian li > ul{ display:none; padding:25px 0; border-bottom:1px solid #eee; background:#f7f7f7; padding:15px 25px; }
#maccordian li > ul >li{ color:#555; font-size:16px; margin-bottom:7px; font-weight:300; }
#maccordian li > ul >li:last-child { margin-bottom:0; }


/* main slide button */
.mainSlide .swiper-wrapper { padding-bottom:20px; }
.mainSlide .swiper-pagination { bottom:35px !important; }
.mainSlide .swiper-pagination-bullet { height:10px; width:10px; background:#ccc; border-radius:100%; margin:0 5px !important; }
.mainSlide .swiper-pagination-bullet-active { background:#2f58f2; width:10px;  }

.mainSlide1 .swiper-wrapper { padding-bottom:20px; }
.mainSlide1 .swiper-pagination1 { bottom:35px !important; text-align:center; }
.mainSlide1 .swiper-pagination1 .swiper-pagination-bullet { height:10px; width:10px; background:#ccc; border-radius:100%; margin:0 5px !important; }
.mainSlide1 .swiper-pagination1 .swiper-pagination-bullet-active { background:#2f58f2; width:10px;  }

.mainSlide2 .swiper-wrapper { padding-bottom:20px; }
.mainSlide2 .swiper-pagination2 { bottom:35px !important; text-align:center; }
.mainSlide2 .swiper-pagination2 .swiper-pagination-bullet { height:10px; width:10px; background:#ccc; border-radius:100%; margin:0 5px !important; }
.mainSlide2 .swiper-pagination2 .swiper-pagination-bullet-active { background:#2f58f2; width:10px;  }

.mainVisual .swiper-wrapper { padding-bottom:0; }
.mainVisual .swiper-pagination3 { position:absolute; z-index:90; bottom:10px !important; text-align:center; }
.mainVisual .swiper-pagination3 .swiper-pagination-bullet { height:10px; width:10px; background:#ccc; border-radius:100%; margin:0 5px !important; }
.mainVisual .swiper-pagination3 .swiper-pagination-bullet-active { background:#2f58f2; width:10px;  }

/* 마이페이지 */
.submenu_lay {margin-top:50px;}
.submenu_lay ul li {width:140px; height:40px; line-height:40px; }
.submenu_lay ul li > a {display: block; border: 2px solid #fff; border-radius: 10px; text-align: center; font-size: 16px; color: #fff;}
.submenu_lay ul li.on > a {background: #2f58f2; border: 2px solid #0b37dd;}
.submenu_lay ul li {display:inline-block; margin-left: 15px;}
.common_table_lay table {width:100%;}
.common_table thead th {font-size: 13px; font-weight: 500; color: #4d4e5d; padding:15px 0;}
.common_table tbody td {font-size: 15px; color: #000; text-align: center; padding: 10px 0; height: 48px;}
.common_table tbody td .box_black { width:80px; display:inline-block; background:#fff; border:1px solid #000; border-radius:8px; box-sizing:border-box; }
.common_table tbody td .box_blue { width:80px; display:inline-block; background:#fff; border:1px solid #2f58f2; border-radius:8px; color:#2f58f2; box-sizing:border-box; }
.common_table tbody tr:nth-child(2n+1) {background: #f7f7f7;}
.common_table tbody tr:last-child {border-bottom: 1px solid #e2e6ef;}
.table_thumnail {text-align: left !important;}
.table_thumnail img {width:38px; height:38px; vertical-align: middle; border: 1px solid #d8d8d8; border-radius: 100%; margin-right: 15px;}
.write_btn a {border:1px solid #000; padding: 6px 15px;}
.write_btn a:hover {color:#2f58f2; border:2px solid #2f58f2;}
.cancel_btn a {border: 1px solid #5b5b5b; padding: 3px 4px 3px 4px; font-size: 14px; color: #5b5b5b;}
.cancel_btn a:hover {color:#ff091a; border-bottom: 1px solid #ff091a; padding: 0 4px 3px 4px;}
.book_cancel {color:#ea3351 !important; border: 1px solid #ea3351 !important;}
.book_cancel:hover {border: 2px solid #ea3351 !important;}
/* 마이페이지 */



/* 마이포인트 */
.my_point_box {border: 5px solid #e6e9ec; position: relative; overflow: hidden; padding: 40px 10px 40px 48px; margin:30px 0;}
.whoami {width:330px; float:left;}
.whoami h2 {color:#000; font-size:22px; font-weight:700;}
.whoami h2 > span {font-size:30px; color:#2f58f2;}
.whoami p {font-size:16px; font-weight: 400;}
.wai_btn_lays {margin: 15px 0 20px 0;}
.cahsback_btn {font-size: 15px; display: inline-block; border: 2px solid #000; border-radius: 30px; padding: 0 14px; height: 30px; line-height: 24px; margin-right:15px;}
.cahsback_btn i {margin-left: 8px;}
.cs_btn {color:#4b4d54; font-size: 14px; border-bottom: 1px solid #000; padding-bottom: 4px;}
.my_point_info {float: right; width: calc( 100% - 330px ); margin-top: 20px;}
.mypoint_lay {text-align: right;}
.mypoint_lay li {width:24%; text-align:center; display:inline-block; border-right: 1px solid #ebebeb; vertical-align: top;}
.mypoint_lay li:last-child {border-right: 0;}
.mypoint_lay li > p {font-weight: 400;}
.mypoint_lay li > p:nth-child(1) {width: 90px; height: 90px; background: #f7f7f7; border-radius: 100%; text-align: center; font-size: 28px; padding-top: 34px; display: block; margin: 0 auto; margin-bottom: 12px;}
.mypoint_lay li > p:nth-child(2) {font-size:16px;}
.mypoint_lay li > p:nth-child(3) {font-size:18px;}
.mypoint_lay li > p:nth-child(3) > span {color:#2f58f2; font-size:22px; font-weight: 700;}
.detail_point {border-radius: 10px; padding: 10px 15px; border: 1px solid #ebebeb;}
.detail_point p {font-size:13px; line-height: 22px;}
.detail_point p > i {color: #7e88ae;}
.detail_point p > span { font-weight: 700; color:#46589b; }
.tabe_title { border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; }
.tabe_title i {color: #8797a4; font-size: 18px; vertical-align: middle;}
.more_view_btn {margin: 0 auto; margin-top: 40px; text-align: center; width: 260px; height: 40px; display: block; border: 1px solid #000; line-height: 36px; font-size: 15px;}
.my_money_box {border: 5px solid #e6e9ec; position: relative; overflow: hidden; padding: 48px 0; margin: 30px 0;}
.now_holdings {width: 50%; float:left; text-align: center; margin-top: 50px;}
.now_holdings h2 {font-size:22px; font-weight:700;}
.now_holdings h2 span {font-size:30px; font-weight:700; color:#2f58f2;}
.now_holdings p {font-size: 16px; font-weight: 400;}
.wallet_lay {font-size:45px; color:#2f2f2f; font-weight: 300; width:370px; height:88px; line-height:80px; background: #f7f8fe; border-radius: 88px; text-align: center; margin:30px auto;}
.wallet_lay span {font-weight: 900; margin-right: 10px;}
.cashback_reg {border-left: 1px solid #ebebeb;}
.cashback_reg {width: 50%; float:left; text-align: left; padding: 0 55px;}
.cashback_money {margin-bottom: 30px;}
.cashback_money h2 {font-size:18px; font-weight:400; margin-bottom: 15px;}
.cashback_money h2 > i {font-size:20px; color:#8797a4;}
.calc_input {font-size:36px; color:#2f2f2f; font-weight: 300;}
.calc_input input {width: calc( 100% - 62px ); height: 60px; background: #f7f8fe; border: 2px solid #000; border-radius: 10px; margin-right: 20px; vertical-align: bottom; padding-left: 20px; font-size: 30px; color: #2f58f2; font-weight: 900;}
.caution_text {font-size: 14px; font-weight: 400; margin-top: 10px; letter-spacing:-0.25px;  }
.caution_text i {color: #ff091a;}
.myinfo_reg li {width:48%; float:left;}
.myinfo_reg li:nth-child(2n) {margin-left:4%;} 
.myinfo_reg li:nth-child(n+3) {margin-top:2%;} 
.myinfo_reg li > h2 {font-size:15px; font-weight:400; margin-bottom: 10px;}
.myinfo_reg li .bank_list { font-size:16px; font-weight:400; border:1px solid #000; border-radius:6px; width:100%; height:40px; padding-left:5px; line-height:36px; }
.myinfo_reg p {font-size: 16px;  font-weight:400; border: 1px solid #000; border-radius: 6px; width: 100%; height: 40px; padding-left: 10px; line-height: 36px;}
.change_bank {text-align: center; margin-top: 30px;}
.change_btn {color: #4b4d54; font-size: 15px; padding-bottom: 4px; }
.change_btn i {color: #8797a4;}

/* 마이포인트 */
.btn_wrap { text-align:center; }
.order_btn { width: 260px; height: 50px; line-height: 50px; display: inline-block; background: #2f58f2; border-radius: 50px; text-align: center; 
margin-right:30px; font-size: 20px; color: #fff; }
.list_btn { color: #000; font-size: 20px; padding-bottom: 4px; border-bottom:1px solid #000; }
.list_btn svg { vertical-align:middle; margin:-5px 1px 0 0; }

span.middle { vertical-align:middle; }
/* about us */
.guide_box { padding:50px 0; box-sizing:border-box; border-bottom:1px solid #d8d8d8; }
.guide_box:last-child { border-bottom:0; }
.guide_box .guide_tit { font-size:20px; color:#2f58f2; font-weight:500; letter-spacing:-0.35px; margin-bottom:30px; }
.guide_box .mar { margin-bottom:13px; }
.guide_box .round_num { border:2px solid #2f58f2; font-size:16px; display:inline-block; padding:1px 0; margin-right:10px; box-sizing:border-box; border-radius:30px; width:70px; text-align:center; color:#2f58f2; font-weight:600; }
.guide_box .g_list li { position:relative; color:#222; font-size:16px; margin-bottom:15px; font-weight:400; }
.guide_box .g_list li p { display:inline-block; width:85%; word-break:keep-all; }
.guide_box .g_list .gra { color:#555; font-weight:400; }
.guide_box .round_list li { padding-left:13px; color:#555; font-weight:400; margin-bottom:10px; }
.guide_box .round_list li:before { content:''; display:inline-block; margin-right:9px; width:4px; height:4px; background:#2f58f2; position:absolute; top:11px; left:0; }
.guide_box .round_list li.no_r { padding:0; font-size:18px; color:#000; }
.guide_box .round_list li.no_r:before { display:none; }
.guide_box .round_list li.only_no_r { padding-left:0; }
.guide_box .round_list li.only_no_r:before { display:none; }
.guide_box .round_list li .noti { font-size:14px; color:#999; }
.guide_box .guide_desk { font-size:16px; color:#000; font-weight:400; letter-spacing:-0.35px; }
.guide_box .com_list li { font-size:16px; color:#222; display:inline-block; vertical-align:top; margin-right:25px; }
.guide_box .com_list li img { width:100px; vertical-align:middle; margin-right:20px; }
.guide_box .process_list { font-size:0; padding-top:15px; box-sizing:border-box; }
.guide_box .process_list li { position:relative; display:inline-block; vertical-align:top; width:16.6%; font-size:14px; letter-spacing:-0.35px; color:#555; font-weight:400; text-align:center; }
.guide_box .process_list li:before { content:''; display:inline-block; width:20px; height:20px; background:#fff; border:4px solid #2f58f2; border-radius:100%; 
box-sizing:border-box; position:absolute; top:-5px; left:50%; transform: translate(-50%, 0%); z-index:40; }
.guide_box .process_list li .round_num { display:block; margin:0 auto 8px; }
.guide_box .process_list .pro_block { position:relative; width:100%; height:10px; background:#f5f5f5; margin-bottom:20px; }
.guide_box .process_list .pro_block:after { content:''; display:inline-block; width:50px; height:50px; position:absolute;  top:-20px; right:-15px; background-size:100%;
background-position:center right; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='%23f5f5f5' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/polyline%3E%3C/svg%3E"); }
.guide_box .com_tit { font-size:60px; color:#0643b1; font-weight:700; text-align:center; margin-bottom:100px; }
.guide_box .com_tit span { font-size:20px; color:#222; letter-spacing:15px; display:block; font-weight:400; }
.guide_box .com_desk { font-size:16px; line-height:27px; letter-spacing:-0.25px; color:#000; font-weight:400; padding:0 100px; box-sizing:border-box; margin-bottom:100px; }
.guide_box .comp_list { text-align:center; }
.guide_box .comp_list li { display:inline-block; margin-right:50px;  vertical-align:middle; }
.guide_box .comp_list li img { width:170px; }
.comp_bg { background-image:url('../images/comp_bg.png'); background-position:center 67%; background-size:70%; background-repeat:no-repeat; }

/* 추천하기 */
.recom_box { font-size:0; border:5px solid #e6e9ec; padding:60px; margin:30px 0; min-height:460px; box-sizing:border-box; background-image:url('../images/hand_img.png'); 
background-position:50px bottom; background-size:44%; background-repeat:no-repeat;  }
.recom_box > div { display:inline-block; width:50%; vertical-align:top; text-align:left; }
.recom_box .recom_notice h2 { font-size:22px; color:#000; margin-bottom:25px; }
.recom_box .recom_notice h2 span { font-size:30px; font-weight:500; color:#2f58f2; }
.recom_box .recom_notice p { font-size:16px; color:#000; font-weight:400; width:74%; padding-bottom:50px; }
.myinfo_reg input[type="text"] { font-size:16px; font-weight:400; border:1px solid #000; border-radius:6px; width:100%; height:40px; padding-left:10px; line-height:36px; }
.myinfo_reg input[type="radio"] { margin-right:2px; }
.myinfo_reg textarea { font-size:16px; font-weight:400; border:1px solid #000; border-radius:6px; width:100%; height:90px; padding:5px 10px; }
.myinfo_reg .recom_list { margin-bottom:40px; }
.myinfo_reg .recom_list > li { margin:0 0 2% 0; font-size:15px; font-weight:400; }
.myinfo_reg .recom_list > li.wide { float:none; margin:0 0 2% 0; }
.myinfo_reg .recom_list > li:nth-child(2) { margin-right:4%; }
.myinfo_reg .recom_list > li:nth-child(4) { width:100%; }
.myinfo_reg .recom_list > .radio_area { width:100%; }
.radio_area ul li { width:48%; font-weight:400; font-size:16px;}


.mainVisual img { object-fit: cover; height: 100%; width:100%; } 



#poll_wrap { position: relative; width: 100%; background-image: url(../images/res_bg.jpg); background-repeat: no-repeat; background-position: center top; }


.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
    vertical-align: middle;
    max-width: 595px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 0 30px 30px 30px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    text-align: left;
	background-image:url('../images/modal_bg.png') !important;
	background-repeat:no-repeat !important; 
	background-position:center -2px !important; 
	background-size:100% !important;
	margin:0;
}

.modal > h2 { font-size:48px; color:#fff; text-align:center; padding:50px 0; margin-bottom:40px; line-height:58px; }
.modal > h2 span{ font-size:40px; color:#fff; }
.modal a.close-modal { display:none !important; }
.modal > div { width:100%; }
.modal p { font-size:18px; font-weight:400; word-break:keep-all; }
.modal .myinfo_reg li { width:100%; }
.modal .myinfo_reg li > h2 { font-size:14px; margin-bottom:10px; } 
.modal .myinfo_reg textarea { border:1px solid #ddd; background:#f8f8f8; width:100%; }
.modal .recom_notice p { width:100%; padding-bottom:20px; }
.modal .recom_notice h2 { margin-bottom:10px; }
.modal .myinfo_reg .recom_list { margin-bottom:0px; }
.modal .modal_btn { text-align:center; margin:30px 0; }
.modal .modal_btn li { display:inline-block; border:1px solid #eee; padding:10px 15px; box-sizing:border-box; }
.modal .modal_btn li:first-child { margin-right:10px; background: linear-gradient(#72a5f6, #6391dd); border-color:#5087e0; }
.modal .modal_btn li:nth-child(2) { background: linear-gradient(#53dbd1, #1ca3b1); border-color:#2fafb1; }
.modal .modal_btn li a { font-size:16px; color:#fff; font-weight:400; }
.modal .modal_agree { text-align:center; }
.modal .modal_agree a { display:inline-block; font-size:20px; color:#000; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #000; }
.modal .modal_agree p { font-size:14px; color:#616161; }

#popup01{
    display: none;
}



.modal2 {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
    vertical-align: middle;
    max-width: 1320px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    text-align: left;
	
	margin:0;
}

.modal2 > h2 { font-size:48px; color:#000; text-align:center; padding:50px 0; margin-bottom:40px; line-height:58px; }
.modal2 > h2 span{ font-size:40px; color:#000; }
.modal2 a.close-modal { display:none !important; }
.modal2 > div { width:100%; }
.modal2 p { font-size:18px; font-weight:400; word-break:keep-all; }

#popup02{
    display: none;
}

#copy_popup01{
    display: none;
}
.backon{
    content: "";
    width: 100%;
    height: 100%;
    background: #00000054;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.close{
  position:absolute;
  top:15px;
  right: 15px;
  cursor:pointer;
  color:#fff; 
  font-size:14px;
  text-align:right !important;
  border:1px solid #fff;
  padding:5px 10px;
}

.copy_close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-align: right !important;
    border: 1px solid #fff;
    padding: 5px 10px;
}
.openPopup{
  cursor:pointer;
}

.top_myinfo li > .tsub_cate { display:none; width:145px; padding:13px 13px; box-sizing:border-box; background:#a5b0eb; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); border-radius:10px; z-index:50;
position:absolute; top:58px;  right:0; }
.top_myinfo li > .tsub_cate > li { margin:0 0 5px 0 !important; height:auto; display:block; }
.top_myinfo li > .tsub_cate > li:last-child { margin:0 !important; }
.top_myinfo li > .tsub_cate > li > a { font-size:14px; color:#fff; font-weight:400; display:block; }
.top_myinfo li > .tsub_cate > li > a:hover { padding-left:4px;  text-decoration:none; transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.top_myinfo li .top_m { position:relative;	}

input[type="text"] { border-radius:0; } 
input[type="password"] { border-radius:0; } 
input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	vertical-align:middle; 
	width: 16px;
	height: 16px;
	cursor: pointer;
	outline: none !important;
	border: 1px solid #89959d;
	border-radius: 4px;
	background: #f3f7fa;
	margin-right:1px;
}

input[type="checkbox"]::before {
	content: "\2714";
	position: absolute;
	top: 47%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
}

input[type="checkbox"]:checked {
	background-color: #f3f7fa;
	border-color: #89959d;
	color: #345cf2;
}

input[type="checkbox"]:checked::before {
	border-radius: 2px;
	transform: scale(1) translate(-50%, -50%)
}

/*radio 버튼 색상변경 */
input[type='radio'] {
	-webkit-appearance:none;
	width:16px;
	height:16px;
	vertical-align:middle; 
	border: 1px solid #89959d;
	 border-radius:100%;
	outline:none;
	background:#f3f7fa;
}
input[type='radio']:before {
	content:'';
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:3px solid #f3f7fa;
	border-radius:50%;  
}
input[type='radio']:checked:before {
	background:#345cf2;
}

/* faq */
.tabmenu4 { font-size:0; margin:25px 0; }
.tabmenu4 li { width:25%; display:inline-block; vertical-align:top; text-align:center; box-sizing:border-box; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.tabmenu4 li:first-child { border-left:1px solid #ddd; }
.tabmenu4 li a { font-size:16px; display:block; padding:15px 0; box-sizing:border-box; }
.tabmenu4 li:hover { background:#f8f8f8; }
.tabmenu4 li:hover a { color:#2f58f2; }
.tabmenu4 li.on { background:#f8f8f8; color:#2f58f2; }
.tabmenu4 li.on a { color:#2f58f2; font-weight:500; }

.tabmenu3 { font-size:0; margin:25px 0; }
.tabmenu3 li { width:33.333%; display:inline-block; vertical-align:top; text-align:center; box-sizing:border-box; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.tabmenu3 li:first-child { border-left:1px solid #ddd; }
.tabmenu3 li a { font-size:16px; display:block; padding:15px 0; box-sizing:border-box; }
.tabmenu3 li:hover { background:#f8f8f8; }
.tabmenu3 li:hover a { color:#2f58f2; }
.tabmenu3 li.on { background:#f8f8f8; color:#2f58f2; }
.tabmenu3 li.on a { color:#2f58f2; font-weight:500; }

.common_table_lay .qna_table tbody tr { background:#fff; }
.common_table_lay .qna_table tbody tr:last-child { border-bottom:0; }
.common_table_lay .qna_table tbody .answer { background:#f8f8f8; }
.common_table_lay .qna_table tbody .answer td { font-size:14px; color:#838383; padding:20px 0 20px 40px; }
.common_table_lay .qna_table tbody td { text-align:left; font-size:16px; }
.common_table_lay .qna_table tbody .q { text-align:center; color:#2f58f2; font-weight:500; }
.common_table_lay .qna_table tbody td strong { font-weight:400; color:#000; }

/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }