@charset "euc-kr";
html {}
body {}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal; color:#222; font-family:'gulim';}
/*body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd {letter-spacing:-1px;}*/
body, input, select, div, textarea, table, button {font-size:12px; color:#000;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block;}
figure {margin:0;}
table {width:100%; border:0; border-spacing:0px; /*border-collapse:collapse;*/} /* IE10 에러로 주석처리 */
.ie10 {border-collapse:inherit;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {vertical-align:middle; padding:3px 0;} /* Firefox Fix */
legend {display:none; visibility:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; text-indent:-9999px;}
input, textarea, button {line-height: 1.2; vertical-align: middle;}
/*input*/
input::-webkit-input-placeholder { color:#010101 !important} /* 웹킷 전용 속성 */
input:-moz-placeholder { color:#010101 !important; opacity:1}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color:#010101 !important; opacity:1} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color:#010101}/* Internet Explorer 10+ */
input[type=text], input[type=password] {background:#fff; color:#444; padding:6px 1px 4px 1px;/* text-indent:7px; *text-indent:0; */ vertical-align:middle; border:1px solid #ddd;}
.overlay_wrap {position:relative;}
.overlay_wrap .overlay_guide {position:absolute; top:1px; left:8px; font-size:12px; color:#666; cursor:inherit;}
textarea {background:#ffffff; width:100%; min-height:90px; resize:none; font-size:13px; line-height:18px; padding:15px; color:#000; vertical-align:middle; border:1px solid #ddd;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border:1px solid #89b4d3;}
select {border:1px solid #ccc; height:26px; padding:2px 2px 2px 4px; vertical-align:middle; color:#666;}
input[type="file"] {vertical-align:middle; height:22px; width:80%; margin-right:6px;}
input[type="checkbox"],input[type="radio"] { margin:0; padding:0; vertical-align:middle; width:13px; height:13px; line-height:13px;}
label {cursor:pointer;}
a {text-decoration:none;color:#454545; vertical-align:middle;}
a:hover, a:active, a:focus{text-decoration:none;}
/****************************/
/* Common Style */
/****************************/
.hide {position:relative; z-index:-1; display:block; height:100%; white-space:nowrap; opacity:0; font-size:0;
-ms-filter:"alpha (opacity=0)"; /* IE8 */
filter:alpha(opacity = 0); /* IE6 ~ 7 */}
#mClub {position:relative;width:1020px;height:590px;background:#f8f8f8;overflow:hidden;}
#mClub .left_wrap {position:relative;float:left;width:634px;height:590px;}
#mClub .right_wrap {position:relative;float:right;width:385px;height:590px;border-left:1px solid #eaeaea;background:#f8f8f8;}
#mClub .right_wrap.bg {background:#f8f8f8 url(img/mClub/visual_02.gif) 40px 40px no-repeat;}
#mClub .right_wrap.bg .contents {margin:100px 47px 0;}
#mClub .top_text{font-family:'dotum';font-size:12px; color:#aaa; position:absolute; top:30px; right:35px;}
#mClub .left_wrap .best_wrap p,
#mClub .left_wrap .best_wrap02 p {position:absolute; z-index:-1; display:block; height:100%; white-space:nowrap;font-size:0;opacity:0; -ms-filter:"alpha (opacity=0)"; /* IE8 */filter:alpha(opacity = 0); /* IE6 ~ 7 */}
#mClub .left_wrap .best_wrap li:nth-child(1) {position:absolute;top:273px;left:40px;}
#mClub .left_wrap .best_wrap li:nth-child(2) {position:absolute;top:273px;left:322px;}
#mClub .left_wrap .best_wrap02 li:nth-child(1) {position:absolute;top:426px;left:40px;}
#mClub .left_wrap .best_wrap02 li:nth-child(2) {position:absolute;top:426px;left:322px;}
#mClub .right_wrap .contents h3.user {padding:5px 15px 8px;font-size:14px;color:#fff;}
#mClub .right_wrap .contents .user_memo {padding:0 15px 20px;color:#d1e4f3;}
/* 20210105 - check_wrap */
.check_wrap dl {display:inline-block;width:290px;}
.check_wrap dl dt, .check_wrap dl dd {float:left;height:42px;line-height:42px;box-sizing:border-box;}
.check_wrap dl dt {width:45%; padding-left:15px; font-size:12px; letter-spacing:-1px; font-weight:bold; line-height: 42px;}
.check_wrap dl dd {position:relative; width:55%; padding-right:58px; text-align:right;}
.check_wrap dl dd.btn_none{padding-right:15px;}
.check_wrap dl dd + dt, .check_wrap dl dd + dt + dd {border-top:1px solid #f0f0f0;}
.check_wrap dl dd > label + span {position:absolute;left:-18px;top:15px; font-size:12px; letter-spacing:-1px; color:#999; line-height:1; width:120px;}
.check_wrap dl dt.none, .check_wrap dl dd.none {border:0;background:none;}
.check_wrap dl dd .list_btn{position:absolute;top:9px;right:10px;}
.check_wrap #chkbox07, .check_wrap .chkbox07 {height:30px;}
.check_wrap #chkbox08 {border-top:none;}
/* 20210105 - info */
.info {padding-top:15px;}
.info > h3 {font-size:13px; font-weight:bold; color:#043b72; letter-spacing:-1px;}
.info > h3 strong{color:#f58220; padding-right:2px;}
.info > ul {padding:15px 10px 5px;}
.info > ul li {margin-left:12px; text-indent:-10px; color:#888; font-size:12px; line-height:18px;}
.info > ul li + li {margin-top:8px;}
.info.notice{position:absolute; right:20px; bottom:15px; width:312px; padding:12px 15px; background:#fff; border:1px solid #eaeaea; border-radius:4px; }
.info.notice a{position: absolute; right:15px; bottom:8px;}
.info.before{position:absolute; right:20px; bottom:65px; width:312px; padding:12px 15px; background:#fff; border:1px solid #eaeaea; border-radius:4px 4px 0 0;}
.info.before a{position: absolute; right:15px; bottom:8px;}
/* 20210105 - popup */
.popup_wrap{position:absolute; bottom:0; right:0; z-index:5;}
.popup_wrap .info{padding:30px 15px 50px;}
.popup_wrap .info a{bottom:15px;}
.popup_wrap .info > h3{padding-left:10px;}
.checkbox {position:relative;}
.checkbox input[type=checkbox] {margin-top:15px;opacity:0; -ms-filter:"alpha (opacity=0)"; /* IE8 */filter:alpha(opacity = 0); /* IE6 ~ 7 */}
.yes_no + .checkbox label {position:absolute;right:15px;top:9px;width:78px;height:24px;background:url(img/mClub/ico_02.png) -78px 0 no-repeat;font-size:0;}
.yes_no + .checkbox input[type=checkbox]:checked + label {background-position:0px 0px;}
.check + .checkbox label {position:absolute;right:15px;top:10px;width:36px;height:20px;background:url(img/mClub/ico_01.png) -36px 0 no-repeat;font-size:0;/* -webkit-transition:background-position 0.2s;transition:background-position 0.2s; */}
.check + .checkbox input[type=checkbox]:checked + label {background-position:0px 0px;}
.check + .checkbox.disabled label {opacity:0.5}
.check + .checkbox.disabled input[type=checkbox]:checked + label {opacity:0.3}
.list_wrap dl + dl {border-top:1px solid #f0f0f0;}
.list_wrap dl {padding:16px 14px 16px 65px;background:url(img/mClub/ico.png) no-repeat;}
.list_wrap dl.txt_01 {background-position:20px 30px;}
.list_wrap dl.txt_02 {background-position:20px -55px;}
.list_wrap dl.txt_03 {background-position:20px -140px;}
.list_wrap dl.txt_04 {background-position:20px -240px;}
.list_wrap dl dt {font-size:0;line-height:0;height:15px;background:url(img/mClub/txt.png) no-repeat;}
.list_wrap dl.txt_01 dt {background-position:-205px 0;}
.list_wrap dl.txt_02 dt {background-position:-205px -86px;}
.list_wrap dl.txt_03 dt {background-position:-205px -171px;}
.list_wrap dl.txt_04 dt {background-position:-205px -272px;}
.list_wrap dl dd {margin-top:5px;color:#808080;line-height:16px;letter-spacing:-0.04em;}
.btn_use {position:absolute;bottom:10px;right:20px;}
.layer {padding:15px;width:400px;background:#fafafa;}
.layer > h3 {color:#555;font-size:16px;line-height:67px;text-align:center;}
.layer > h3 > strong {color:#010101;}
.layer > h3 + div {padding:15px;border:1px solid #dadada;background:#fff;}
.layer > h3 + div li {padding-left:10px;color:#5a5a5a;background:url(img/mClub/dot.gif) 0 5px no-repeat;}
.layer > h3 + div li + li {margin-top:10px;}
.layer > h3 + div li > strong {color:#3790e0;}
.layer > div.btn {margin:20px 0 10px;text-align:center;}
/* 20210105 - slide */
a, button{outline:transparent; cursor:pointer;}
#mClub .right_wrap .contents {margin:40px 64px 0 63px;}
.list_slide{position:relative; width:100%; box-sizing:border-box;}
.swipeWrap { overflow:hidden; position:relative; width:100%;}
.swipeWrap:after { content:""; display:block; clear:both; height:0; }
.swipeWrap .slick-track {display:flex}
.swipeWrap .slick-slide {float:left; display:flex; width:100%; height:auto; }
.swipeWrap .slick-slide > div,
.swipeWrap .slick-slide .swipe_item,
.swipeWrap .slick-slide .swipe_item img {width:100%;}
.swipeWrap .slick-slide > div{box-sizing:border-box; }
.slick-arrow {position:absolute; top:50%; z-index:2; margin-top:-5px; width:11px; height:24px; overflow:hidden;}
.slick-arrow.slick-prev, .btn_prev.slick-arrow {left:-35px;background:url(img/mClub/slide_prev.png) no-repeat center center; background-size:100%;}
.slick-arrow.slick-next, .btn_next.slick-arrow {right:-35px;background:url(img/mClub/slide_next.png) no-repeat center center; background-size:100%;}
.slick-dots { text-align:center;}
.slick-dots > li { display:inline-block; margin:5px; }
.slick-dots > li button { width:10px; height:10px; padding:0; background:#999; border-radius:10px; font-size:0; color:transparent; }
.slick-dots > li.slick-active > button{ background:#111; }
.swipe_nav .slick-list{position:absolute; bottom:15px; left:50%; z-index:2; width:50px; height:22px; margin-left:-25px; box-sizing:border-box; padding:6px 0 0 15px; background:url(img/mClub/slide_list_bg.png) no-repeat 0 0;}
.swipe_nav .slick-track{display:flex; max-width:100%; left:0;}
.swipe_nav .slick-slide{float:left; margin-right:0;}
.swipe_nav .slick-slide a span{position:relative; display:none; width:11px; height:11px; vertical-align:top; font-family:'dotum'; font-size:11px; color:#fff; letter-spacing:1px;}
.swipe_nav .slick-slide.slick-current a span{display:block;}
.slide_list_text{position:absolute; bottom:20px; left:49%; z-index:5; width:11px; height:11px; vertical-align:top; font-family:'dotum'; font-size:11px; color:#fff; letter-spacing:1px;}