/*
 *  MEMO : �꾨줈�앺듃 �대� 怨듯넻 �ㅽ��� �뚯씪�낅땲��.
 * �묒꽦�� : 誘쇱�
 * �묒꽦�� : 2021/03/29.
*/
@charset "utf-8";
/* �꾩껜 : U+0020-007E
�뱀닔臾몄옄 : U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E
�곷Ц : U+0041-005A(��臾몄옄), U+0061-007A(�뚮Ц��)
�レ옄 : U+0030-0039 */
@font-face {
    font-family: 'font-r';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR-Regular'),
    local('NotoSansKR-Regular'),
    url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(/fonts/NotoSansKR-Regular.woff) format('woff'),
    url(/fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'font-l';
    font-style: normal;
    font-weight: 200;
    src: local('NotoSansKR-Light'),
    local('NotoSansKR-Light'),
    url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
    url(/fonts/NotoSansKR-Light.woff) format('woff'),
    url(/fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'font-b';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Bold'),
    local('NotoSansKR-Bold'),
    url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(/fonts/NotoSansKR-Bold.woff) format('woff'),
    url(/fonts/NotoSansKR-Bold.otf) format('opentype');
}

body,th,td,input,select,textarea,button, div, span, label {font-family:"font-r", '나눔고딕', sans-serif; font-size:14px; color:#000;}
span{font-size: inherit;color:inherit;line-height: inherit;}

/* ���� 而щ윭 �ㅼ젙 */
.essential{color:#7256B2;}
.point_color{color:#7256B2;}
.sub_color{color:#F47910;}

/* �고듃 */
.date{font-size: 12px;color:#999;margin-top: 4px;}
h2{font-weight: normal;font-size: 20px;font-family: 'font-b';}
h3{font-weight: normal;font-size: 18px;font-family: 'font-b';}
h4{font-weight: normal;font-size: 24px;font-family: 'font-eb'}
h5{font-weight: normal;font-size: 16px;font-family: 'font-b'}
h6{font-weight: normal;font-size: 14px;font-family: 'font-b'}

/* �쇱씤 */
hr{width: 100%; height: 0; border: 0; border-bottom: 1px solid #ddd;margin: 0;}
hr.space{background: #DDDDDD; width: 100%; height: 8px; border-bottom: 0; margin: 0;}

/* button custom : s */
/* only colors */
.btn_point a{background: #7256B2; color: #fff;}
.btn_point_line a{border: 1px solid #7256B2; background: #fff; color: #7256B2;}
.btn_gray a{background: #eee; color: #666}
.btn_dark_gray a{background: #999; color: #fff}
.btn_gray_line a{border: 1px solid #ddd; color: #666}
.btn_deactive a{background: #eee; color: #999}
/* only shape */
.btn_floating{position: fixed;z-index: 200;bottom:0;left:0;width: 100%;}
.btn_float_wrap{width:100%; height:60px; overflow: hidden; position: fixed; bottom: 0; z-index: 7;}
.btn_float a{vertical-align: middle;float: left; width:50%; height:60px; line-height: 58px; text-align: center; font-size: 16px;box-sizing:border-box;}
.btn_float a img{width:28px; vertical-align: middle; margin: -2px 3px 0 0;}
.btn_md_wrap{overflow: hidden;margin-top: 20px;}
.btn_md_left a{float: left;width:calc(50% - 6px);font-family: 'font-b';vertical-align: middle;border-radius: 2px; display: inline-block; text-align: center; padding: 11px 0;box-sizing: border-box; font-size: 14px; height: 40px; border: 1px solid #ddd; color: #666;}
.btn_md_right a{width:calc(50% - 6px);margin-left:12px;font-family: 'font-b';vertical-align: middle;border-radius: 2px; display: inline-block; text-align: center; padding: 11px 0;box-sizing: border-box; font-size: 14px; height: 40px; background: #60DDE1; color: #fff;}
.btn_full_weight a{line-height: 1;font-family: 'font-b';vertical-align: middle;border-radius: 2px; display: block; text-align: center; height: 50px; padding: 16px 0; box-sizing: border-box; font-size: 16px;}
.btn_full_thin a{line-height: 1;vertical-align: middle; display: block; text-align: center; height: 44px;padding: 12px 0; box-sizing: border-box; font-size: 16px;font-weight: bold;}
/* button custom : e */
.tbl_0 td{text-align: right;}

/* �� 愿��� */
textarea{width: 100%; height: 250px;border-radius: 0;border:0; padding: 16px; resize: none; box-sizing: border-box;-webkit-appearance: none;}
::-webkit-input-placeholder {color:#999;}/* WebKit, Blink, Edge */
:-moz-placeholder {color:#999; opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999; opacity:  1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999;}/* Internet Explorer 10-11 */
select{border:0; vertical-align:middle; box-sizing: border-box; padding: 0 22px 0 0; background: url('/images/select_arrow.png') no-repeat calc(100% - 10px) 50%; background-size: 10px; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand {display: none; /* remove default arrow in IE 10 and 11 */}
select:focus > option:checked {background: #fff !important;}
select[multiple]:focus option:checked {background: red linear-gradient(0deg, red 0%, red 100%);}

/* input style */
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input{text-indent:16px; border:1px solid #E7E2F2;border-radius: 0; width: 100%; height:50px; box-sizing: border-box;}
input[type='text'],input[type='tel'],input[type='password'],input[type='number'],input[type='submit'],input[type='search'] {-webkit-appearance:none; -webkit-border-radius:0;height:50px; box-sizing: border-box;  }
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox} button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block; color: #000; font-size: 14px; font-style: normal;}
input[type="checkbox"] + label span {display:inline-block; width:20px; height:20px; margin:-3px 10px 0 0; vertical-align:middle; background:url('/images/checkbox_off.png') right center no-repeat; cursor:pointer; background-size:20px;}
input[type="checkbox"]:checked + label span {background:url('/images/checkbox_on.png') right center no-repeat; background-size:20px;}

input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block; color: #000; font-size: 14px; font-style: normal;}
input[type="radio"] + label span {display:inline-block; width:20px; height:20px; margin:-3px 10px 0 0; vertical-align:middle; background:url('/images/radio_off.png') right center no-repeat; cursor:pointer; background-size:20px;}
input[type="radio"]:checked + label span {background:url('/images/radio_on.png') right center no-repeat; background-size:20px;}

/* �뚯씠釉붽��� */
th.th_top{vertical-align: text-top;}
th{font-weight: normal}
table.tbl_fix{table-layout: fixed}

/* �ㅼ쐞移� 泥댄겕諛뺤뒪 */
.switch {position:relative; display:inline-block; width:40px; height:24px;}
.check_slider {position:absolute; cursor:pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 24px; border: 1px solid #757575;}
.check_slider:before {position: absolute; content: ""; height: 22px; width: 22px; left:-1px; bottom:-1px; background-color: #fff; border: 1px solid #757575; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .check_slider {background-color: #757575;}
input:focus + .check_slider {box-shadow: 0 0 1px #757575;}
input:checked + .check_slider:before {-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}

/* 蹂꾩젏 */
.review_rating{width: 100%; height:40px; overflow: hidden; margin: 0 auto; }
.rating {display: inline-block;}
.rating > input {display: none; margin: 0 5px;}
.rating > label:before {display: inline-block; content: "\f005"; background: url('/p_images/i_star_L.png') 0 0 no-repeat; width:40px; height:40px; color:rgba(0,0,0,0); background-size: 40px;}
.rating > input[type="radio"] + label {color: #999; float: right; margin: 0 5px;}
.rating > input:checked ~ label{content: "\f005"; display: inline-block; background: url('/p_images/i_star_red_L.png'); width:40px; height:40px; padding: 0; background-size: 40px; z-index: 5;}
.rating > input:checked ~ label:before {background:none;}

/* 利먭꺼李얘린 */
.wish_ico a{display:block; background:#fff url('/p_images/btn_wish_off.png') no-repeat; height:20px; width:22px; line-height:20px; float: right; background-size: 22px;}
.wish_ico a.active{background: url('/p_images/btn_wish_on.png') no-repeat; color:#fff; background-size: 22px;}

/* ���� wrap */
.body{padding-top:90px;max-width: 1000px;margin: 0 auto;}
.inner_wrap{padding-left:20px; padding-right: 20px;}
.footer_margin{padding-bottom: 55px; box-sizing: border-box;}
body, html , .wrap{height: 100%;}
.vh_wrap{position: relative; min-height: 100%; overflow: hidden}
.vh_wrap.body{min-height: calc(100% - 50px)}
.vh_body{padding-bottom: 110px;}
.vh_footer{position: absolute; z-index: 1; bottom:0; left: 20px;width: calc(100% - 40px);}

/* �대�吏��쇳꽣 */
.img_box{overflow: hidden; display: block;}
.img_box > img{object-fit: cover; width: 100%; height: 100%;}
.center_crop_frame{position: relative;}
.center_crop_area{position: absolute; top:0;left:0;right:0;bottom:0;transform: translate(50%,50%);}
.center_crop_area img{position: absolute; top:0;left:0;transform: translate(-50%,-50%); max-width: 100%; min-height:100%;}

/* ------------------------------------------------------------------------------------------------------------- */
header{height:60px; box-sizing: border-box; position:fixed; top:0; left: 0; width:100%; background: #F7F3FD; z-index: 8;}
header .btn_close{position: absolute; right:5px; top:50%; transform: translateY(-50%); width: 24px; padding: 13px;line-height: 0;}
header img{width: 100%;}
header .btn_back{position: absolute; left:5px; top:50%; transform: translateY(-50%); width: 24px; padding: 13px; line-height: 0;}
header h1{font-size:16px;font-family: 'font-b';text-align: center; line-height:1; padding: 16px;}
header .head_txt{color:#E1B275;font-size:16px;font-family: 'font-b';position: absolute;z-index: 1;top:16px;right:20px;}
header .head_alarm{position: relative;width: 50px;position: absolute; right:0; top:50%; transform: translateY(-50%); padding: 13px; box-sizing: border-box;}

footer ul{position: fixed; z-index: 100;bottom:0; width: 100%; height: 55px; background: #fff; border-top: 1px solid #ddd}
footer li{width: 25%; float: left; text-align: center;}
footer li img{width: 48px;position:relative;left:-24px;}
footer li a span{overflow: hidden; margin: 15px auto 15px auto; width:24px; height: 24px; display: block;}
footer li.active img{position: relative; top: 0; left: 0; height: 24px; display: block}

/* �ㅻ퉬 */
.nav{ position: fixed; width:80%; height: 100%; background: #fff; top:0; left:-100%; z-index: 10; transition: all .3s;}
.nav.open{left:0}
.nav_dim{position: fixed; left:0; top:0; width: 100%; height: 100vh; z-index: 9; opacity: 0; visibility: hidden;background: rgba(0,0,0,.4);}
.nav_dim.open{opacity: 1; visibility:visible;}
.nav_close{width: 35px; position: absolute; right:-45px; top:10px;}
.nav_close .nav_close_btn{width: 100%;}


/* 濡쒓렇�� */
.login_wrap .logo{width:191px;text-align: center; margin:100px auto 40px; display: block;}
.login_wrap{max-width:1000px;margin:0 auto;width:100%; padding: 0 30px; box-sizing: border-box; margin: 0 auto;overflow: hidden}
.login_wrap img.logo{width: 225px;margin:200px auto 50px;}
.login_input_id{border:0;text-indent: 44px;background: #fff url('/images/i_id.png') no-repeat 16px center; background-size: 18px}
.login_input_pw{border:0;text-indent: 44px;margin:12px 0 0;background:#fff  url('/images/i_pw.png') no-repeat 16px center; background-size: 18px}
.login_find_ul{margin:20px auto; display:block; width:225px;overflow: hidden;}
.login_find_ul li{float: left; font-size: 12px;color:#999;margin-right: 25px;position: relative;}
.login_find_ul li:last-child{margin-right: 0;position: relative;font-weight: bold;color:#000}
.login_find_ul li:last-child::After{display: none;}
.login_find_ul li::after{content: '';display: block;position: absolute;z-index: 1;right:-12px;top:7px;width: 1px;height: 8px;background: #DDDDDD}
.go_join{margin: 100px 0 40px;text-align: center}

/* �꾩씠�붿갼湲�, 鍮꾨쾲李얘린 寃곌낵�띿뒪�� 李� */
.find_result{text-align: center; font-size: 16px; padding: 60px 0; line-height: 26px;}
.find_result img{display: block; width: 60px; margin: 0 auto; margin-bottom: 20px;}
.find_result .point{color: #F8B62B;font-size: 20px;margin: 10px 0;}

/* no_search_data */
.no_data{padding: 70px 0; box-sizing: border-box;}
.no_data img{display: block; margin: 0 auto; margin-bottom: 20px;width: 70px;}
.no_data_img{padding: 70px 0; box-sizing: border-box;text-align: center;}
.no_data_img img{display: block; margin: 0 auto; margin-bottom: 20px;width: 120px;}
.no_data p{text-align: center;font-size: 14px; color:#999;line-height: 1.6}

/* �뚯썝媛��� �숈쓽 由ъ뒪�� */
.all_checkbox li{height: 35px; line-height: 35px}
.all_checkbox li > span a{width: 38px;float: right;padding: 0 5px; box-sizing: border-box;color:#999}
.all_checkbox li input[type="checkbox"] + label{width:calc(100% - 40px)}
.all_checkbox li input[type="checkbox"] + label p{float:right;display:inline;color:#333;width:calc(100% - 34px);overflow-x:auto;white-space: nowrap;}
.all_checkbox li:first-of-type input[type="checkbox"] + label{font-family: 'font-b';width: 100%;}
.all_checkbox li:first-of-type{margin-bottom: 8px;}

/* flex style */
.flex_input{display: flex;}
.flex_input input{flex:1;width: 100%;}
.flex_input span{ flex: 0 0 15px; text-align: center; margin: auto;}
.flex_1, .flex_2, .flex_3{display: flex;}
.flex_1 input, .flex_1 select{flex: 1;}
.flex_1 button{line-height: 50px; flex: 0 0 80px; text-align: center; vertical-align: middle;}
.btn_send{color:#fff;background-color: #7256B2;}
.btn_ok{color:#fff;background-color: #aaa;}
.flex_2 input{flex:1;}
.flex_3 input{flex:1; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.flex_3 button{border-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0;width: 97px;}
.flex_3 button.btn_enabled{border: 1px solid #C45654; color:#C45654}
.flex_3 button.btn_disabled{background-color: #F2F2F2; color:#333;}
.timer_area input{padding-right: 45px;}
.timer_area{position: relative;}
.timer_area .txt_timer{position: absolute; right:110px; top:15px; color:#C45654; font-size: 12px;}

/* complete 怨듯넻 */
.complete_wrap{margin:0 auto;text-align: center;}
.complete_wrap img{max-width:104px;width:100%; margin:205px auto 30px; }
.complete_wrap .title{font-family: 'font-b'; font-size: 20px;}
.complete_wrap p{font-size: 16px;line-height:24px; margin: 14px 0 20px 0;}

.notice_ul > li{padding: 12px 20px;margin-bottom: 10px;background:#fff;box-shadow:0px 3px 10px #7256B229; box-sizing: border-box;}
.notice_ul > li a{font-size: 16px;}
.notice_ul > li span{font-size: 12px;color:#7F7F7F}
.notice_title{font-size: 14px;font-weight:bold;margin: 12px 20px 0;}
.notice_date{font-size: 12px;color:#999;margin-bottom: 16px;margin-left: 20px;}
.notice_content{padding: 20px;color:#000;box-sizing: border-box;font-size: 14px;line-height: 24px}
.faq_list li{position: relative;}
.faq_list li .trigger{margin-top: 10px;background: #fff url('/images/arrow_down_main.png') no-repeat calc(100% - 20px) center ;background-size: 10px;min-height: 58px;padding: 16px; box-sizing: border-box;font-size: 14px;}
.faq_list li .trigger.active{background:#fff url('/images/arrow_up_main.png') no-repeat calc(100% - 20px) center ;background-size: 10px;}
.faq_list li .question{vertical-align: middle; margin-top: -4px;width: 16px; margin-right: 12px;}
.faq_list li .arrow.rotate{transform: rotate(180deg);}
.faq_list li .arrow{width: 10px;position: absolute; top:25px; right:20px;}
.faq_list li .answer_wrap{line-height: 24px;display: none;background: #fff url('/images/i_answer.png') no-repeat 16px 17px; background-size: 16px;padding: 16px 20px;padding-top: 50px;  border-top:1px solid #E7E2F2; box-sizing: border-box;}
header .qa_title{color:#7256B2;font-size:16px;font-weight: bold; position: absolute;z-index: 1;top:12px;right:20px;}
.qa_ul > li{position:relative;margin-bottom: 10px;background:#fff url('/images/i_question.png') no-repeat 16px 17px; background-size: 16px;padding: 14px 20px 14px 38px; box-sizing: border-box;box-shadow:0px 3px 10px #7256B229; box-sizing: border-box;}
.qa_ul > li .deactive{height: 29px;font-family: 'font-b';position: absolute;z-index: 1;top:16px;right:16px;}
.qa_ul > li p img{display: block;height: 100%;}
.qa_ul > li .active{height: 29px;font-family: 'font-b';color:#60DDE1;position: absolute;z-index: 1;top:16px;right:16px;}
.qa_ul > li .title{font-size: 14px;margin-bottom: 2px;width:calc(100% - 50px)}
.qa_ul > li span{font-size: 12px;color:#999}
.qa_top_txt{line-height: 24px;background: url('/images/i_question.png') no-repeat 16px 19px; background-size: 16px;padding: 14px 20px 14px 38px; box-sizing: border-box;}
.qa_top_txt .title{font-size: 14px;font-weight:bold;margin-bottom: 0;}
.qa_top_txt .date{font-size: 12px;color:#999;margin-top: -5px;margin-bottom: 10px;}
.qa_bottom_txt .date{font-size: 12px;color:#999;margin-top: 0;}
.qa_bottom_txt {line-height: 24px;background: #fff url('/images/i_answer.png') no-repeat 17px 19px; background-size: 16px;padding: 14px 20px 14px 38px; box-sizing: border-box;}
.qa_reg_page textarea{height: 340px;}
.qa_reg_page input{border:0}
.alarm_ul>li{padding: 16px 20px;box-sizing: border-box;position: relative;}
.alarm_ul>li p{font-size: 16px;}
.alarm_ul>li .btn_del{width: 12px;position: absolute;z-index: 1;top:19px;right:20px;}

/* paging ui */
.paging{margin-top: 30px;margin-bottom: 30px;text-align: center;}
.paging>ul{width: 300px;display: flex;margin: 0 auto;}
.paging li{flex:1;cursor:pointer;}
.paging li img{height: 8px;padding: 2px;}
.paging li.active{color:#0070C0}
.paging li a{font-size: 12px;color:#999;}
.paging li a:hover{color:#000;}

.success_wrap h2{margin: 15px 0 14px;}
.success_wrap img{width: 104px;margin-top: 20px;}
.success_wrap{text-align: center;}

.circle_ul >li{position: relative; margin-bottom: 9px;padding-left: 12px;box-sizing: border-box;}
.circle_ul >li::after{content: '';display: block;width: 6px;height: 6px;border-radius: 3px;border:2px solid #7256B2;box-sizing: border-box;position:absolute;z-index: 1;top:7px;left:0}