@charset 'utf-8';

.tp0 { padding-top:0 !important; }

/* contents */
.contents { padding:2.5rem 3.4rem; }

/* text_box */
.contents .text_box { font-size:1.35rem; text-align:left; line-height:1.35; }
.contents .text_box p { margin-bottom:2.0rem; }
.contents .text_box p:last-child { margin-bottom:0; }
.contents .text_box a { color:#7650e1; } 
.contents .text_box.center { text-align:center; } 

/* btn_area */
.btn_area { margin-top:3.3rem; }
.btn_area .btn_basic { display:block; text-align:center; line-height:4.4rem; border:1px solid #7a55e2; border-radius:0.4rem; font-size:1.5rem; color:#7a55e2; font-weight:700; cursor:pointer; outline:none; margin-bottom:0.85rem; }
.btn_area .btn_basic.full { background-color:#7650e1; color:#fff; }
.btn_area .btn_basic.gray { background-color:#808080; border:1px solid #808080; color:#fff; }
.btn_area .btn_basic:last-child { margin-bottom:0; }

.btn_area .btn_basic.small { display:inline-block; width:7.0rem; height:4.0rem; line-height:4.0rem; font-size:1.4rem; border-radius:0; }

.btn_area.center { text-align:center; }


/* btn_area + text_box */
.contents .btn_area + .text_box { margin-top:2.0rem; }





/* 인트로 
* * * * * * * * * * * * * * * * * * * * * */
#intro { position:relative; min-width:320px; max-width:560px; margin:0 auto; background-color:#7650e1; padding-top:0; min-height:100vh; }
#intro .intro_img { position:absolute; top:19.8%; left:50%; display:block; width:57.1%; transform:translateX(-50%); animation:introMotion 2.5s ease-in-out; }

@keyframes introMotion {
	0%{
		opacity:0;
		width:77.1%;
	}
	100%{
		opacity:1;
		width:57.1%;
	}
}


/* 메인 
* * * * * * * * * * * * * * * * * * * * * */
#index { background-color:#7650e1; padding-top:0; min-height:calc(100vh - 6.0rem); }
#index h1.title { position:relative; }
.main_menu { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.2rem 1.4rem; padding:0 1.8rem; margin-bottom:1.15rem; }
.main_menu li a { display:block; }
#index #quickmenu { background-color:#7650e1; }

/* user_summarybx */
.user_summarybx { padding:0 1.8rem; }
.user_summarybx .ibox { position:relative; background-color:#fff; padding:2.0rem 1.5rem; border-radius:0.8rem; min-height:8.7rem; overflow:hidden; box-sizing:border-box; }
.user_summarybx .name { font-size:1.75rem; line-height:1.35; margin-bottom:1.0rem; font-weight:700; padding-right:8.0rem; }
.user_summarybx .history { }
.user_summarybx .history dl { display:inline-block; margin-right:1.75rem; }
.user_summarybx .history dt,
.user_summarybx .history dd { display:inline-block; font-size:1.4rem; line-height:1.35; color:#030303; font-weight:700; }
.user_summarybx .history dt { color:#7650e1; }
.user_summarybx .history dd { }
.user_summarybx .btn_barcode { position:absolute; right:1.0rem; top:1.5rem; width:5.9rem; background-color:#000000; border-radius:3.0rem; cursor:pointer; }

/* lypopup */
.lypop_wr { position:fixed; left:0; top:0; right:0; bottom:0; z-index:90; background-color:rgba(0,0,0,0.62); display:none; }
.lypop_wr .popbx { position:absolute; left:0; bottom:-22.8rem; right:0; background-color:#fff; border-radius:2.5rem 2.5rem 0 0; padding:3.6rem 3.4rem 2.5rem 3.4rem; transition:bottom 0.4s ease-out; }
.lypop_wr .popbx .btn_close { position:absolute; left:50%; top:-7.3rem; display:block; width:6.0rem; height:6.0rem; border-radius:3.0rem; background-color:#fff; transform:translateX(-50%); color:transparent; background-repeat:no-repeat; background-position:left center; background-image:url('../_img/main/ic_close.png'); background-size:auto 100%; cursor:pointer; }
.lypop_wr .popbx .title { font-size:1.77rem; line-height:1.35; font-weight:700; color:#4a27ae; margin-bottom:1.0rem; }
.lypop_wr .popbx .barcode { }
.lypop_wr .popbx .link { margin-top:1.5rem; }
.lypop_wr .popbx .link a { display:inline-block; font-size:1.459rem; color:#030303; }

.lypop_wr.on { }
.lypop_wr.on .popbx { bottom:0; }



/* 로그인 
* * * * * * * * * * * * * * * * * * * * * */
#login_bnr { position:relative; margin: -2.5rem -3.4rem 0 -3.4rem; }
#login_bnr .swiper-pagination { left:0; bottom:0; right:0; }
#login_bnr .swiper-pagination-clickable .swiper-pagination-bullet { width:1.65rem; height:1.65rem; }
#login_bnr .swiper-pagination-clickable .swiper-pagination-bullet-active { background-color:#7650e1; }

.bluebell_emblem { text-align:center; max-width:21.5rem; margin:0 auto; padding-top:3.5rem; margin-bottom:4.0rem; }



/* 이벤트 :: 메인 
* * * * * * * * * * * * * * * * * * * * * */
.conference_date { font-size:1.75rem; line-height:1.35; text-align:center; font-weight:700; margin-bottom:1.75rem; } 

.evt_list { }
.evt_list li { margin-bottom:3.6rem; }
.evt_list .evt_title { font-size:1.55rem; line-height:4.4rem; background-color:#7650e1; text-align:center; color:#fff; font-weight:700; border-radius:0.4rem; margin-bottom:2.4rem; }
.evt_list .evt_info { }
.evt_list .evt_info dl { border-bottom:1px solid #ababab; margin-bottom:0.9rem; padding-bottom:0.9rem; overflow:hidden; }
.evt_list .evt_info dl:last-child { margin-bottom:0; }
.evt_list .evt_info dt,
.evt_list .evt_info dd { font-size:1.5rem; line-height:1.35;  }
.evt_list .evt_info dt { float:left; padding-left:1.0rem; }
.evt_list .evt_info dd { margin-left:5.2rem; }
.evt_list .btn_area { text-align:center; margin-top:1.5rem; }

/* 메인  :: 행사가 없을때 */
.text_empty { text-align:center; font-size:1.46rem; line-height:1.35; color:#7650e1; padding:2.0rem 0 3.0rem 0; font-weight:700; }

/* registrable_events */
section.registrable_evt { padding-top:4.0rem; }
section.registrable_evt:before { position:absolute; left:-2.4rem; top:0; right:-2.4rem; height:0.3rem; display:block; background-repeat:repeat-x; background-position:left center; background-image:url('../_img/contents/dot.png'); background-size:auto 100%; content:""; }

.registrable_evt { position:relative; }
.registrable_evt .evt_title { font-size:1.55rem; line-height:4.4rem; background-color:#7650e1; text-align:center; color:#fff; font-weight:700; border-radius:0.4rem; margin-bottom:1.75rem; }
.registrable_evt .text { display:block; font-size:1.5rem; text-align:center; margin-bottom:3.5rem; }
.registrable_evt .reg_evt { }
.registrable_evt .reg_evt li { margin-bottom:0.9rem; }
.registrable_evt .reg_evt li span { display:block; min-height:6.2rem; line-height:6.2rem; background-color:#fb5e8e; border-radius:0.4rem; text-align:center; color:#fff; font-size:2.397rem; }
.registrable_evt .reg_evt li a { display:block; cursor:pointer; color:#7650e1; font-size:1.5rem; line-height:1.35; font-weight:700; border:1px solid #8c6ce6; border-radius:0.4rem; padding:1.5rem; background-color:#fff; text-align:left; }



/* 행사상세보기 
* * * * * * * * * * * * * * * * * * * * * */
.evt_view { }
.evt_view .evt_title { font-size:1.55rem; line-height:4.4rem; background-color:#7650e1; text-align:center; color:#fff; font-weight:700; border-radius:0.4rem; margin-bottom:2.4rem; }
.evt_view .evt_info { }
.evt_view .evt_info dl { border-bottom:1px solid #ababab; margin-bottom:0.9rem; padding-bottom:0.9rem; overflow:hidden; }
.evt_view .evt_info dl:last-child { margin-bottom:0; }
.evt_view .evt_info dt,
.evt_view .evt_info dd { font-size:1.5rem; line-height:1.35;  }
.evt_view .evt_info dt { float:left; padding-left:1.0rem; }
.evt_view .evt_info dd { margin-left:5.2rem; }
.evt_view .btn_area { text-align:center; margin-top:1.5rem; }

/* access_info */
.access_info { position:relative; padding-top:4.0rem; margin-top:1.5rem; }
.access_info:before { position:absolute; left:-2.4rem; top:0; right:-2.4rem; height:0.3rem; display:block; background-repeat:repeat-x; background-position:left center; background-image:url('../_img/contents/dot.png'); background-size:auto 100%; content:""; }

.access_info h3 { text-align:center; font-size:2.1rem; font-weight:700; margin-bottom:1.7rem; }
.access_info .barcode { margin-bottom:1.9rem; }

.access_table { border-top:1px solid #ababab; margin-bottom:2.0rem; }
.access_table dl { display:table; width:100%; border-bottom:1px solid #ababab;  }
.access_table dt,
.access_table dd { display:table-cell; font-size:1.46rem; line-height:1.45; border-right:1px solid #ababab; padding:1.0rem 1.0rem; box-sizing:border-box; }
.access_table dt { width:10.0rem; border-left:1px solid #ababab; text-align:center; }
.access_table dd b { color:#ef3655; font-weight:800; }

.access_info .notis { font-size:1.25rem; line-height:1.55; color:#444444; }


/* 프로그램 
* * * * * * * * * * * * * * * * * * * * * */
#program { } 
#program .contents { padding:3.6rem 1.3rem; } 
.program_title { color:#36178e; font-size:1.772rem; font-weight:700; margin-bottom:1.5rem; }
/* selectbox */
.selectbox { position: relative; width:100%; border:0; border-top: 1px solid #4b4b4b; border-bottom:1px solid #4b4b4b; z-index: 1; font-size:1.459rem; }
.selectbox:before { content: ""; position: absolute; top: 50%; right: 1.8rem; width: 0; height: 0; margin-top: -2px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #000000; }
.selectbox label { position: absolute; top: 50%;  left: 0;  padding: 0 0.5rem; color: #040404; z-index: -1; transform:translateY(-50%); }
.selectbox select { width: 100%; height: 5.5rem; line-height: normal; font-size: inherit; font-family: inherit; padding: 0 0.5rem; border: 0; /*opacity: 0;*/ filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* program_table */
.program_table { margin-top:1.5rem; }
.program_table table { width:100%; }
.program_table th,
.program_table td { font-size:1.35rem; line-height:1.35; padding:1.0rem 0.5rem; border:1px solid #9988c8; text-align:center; vertical-align:top; color:#020202; }
.program_table th { }
.program_table td { text-align:left; }
.program_table thead th { background-color:#614f91; font-size:1.459rem; color:#e3dafd; border:1px solid #9988c8; height:4.7rem; vertical-align:middle; padding:0; }
.program_table tbody th { width:9.0rem; }
.program_table td p { }
.program_table td .inst { color:#614f91; margin-top:0.5rem; }
.program_table .status1 th,
.program_table .status1 td { background-color:#e3ecfe; }
.program_table .status2 th,
.program_table .status2 td { background-color:#fee6ed; }



/* 리플렛보기 
* * * * * * * * * * * * * * * * * * * * * */
#leaflet_view { position:fixed; left:0; top:5.8rem; bottom:5.8rem; right:0; background-color:#eedfe2; }
#leaflet_view iframe { border:0; }
#leaflet_view + #quickmenu { background-color:#eedfe2; }



/* 현장등록 
* * * * * * * * * * * * * * * * * * * * * */
.h_title { font-size:1.67rem; line-height:1.45; color:#7650e1; font-weight:700; letter-spacing:-0.5px; margin-bottom:3.5rem; }

.formbx { padding-top:1.0rem; }
.formbx dl { margin-bottom:2.0rem; border-bottom:1px solid #ddd; padding-bottom:0.5rem; }
.formbx dl dt,
.formbx dl dd { font-size:1.35rem; }
.formbx dl dt { font-weight:700; line-height:1.35; margin-bottom:0.5rem; }
.formbx dl dd { }

.formbx .fr_input { display:block; height:3.2rem; width:100%; font-size:1.35rem; border:0; padding:0 1.0rem; box-sizing:border-box; }

.formbx dl dd .text { line-height:3.2rem; }

.formbx dl dd label.radio { position:relative; display:inline-block; padding:0.7rem 0; padding-left:2.0rem; margin-right:2.0rem; margin-left:1.0rem; }
.formbx dl dd label.radio input[type="radio"] { display:none; }
.formbx dl dd label.radio input[type="radio"] + span { display:block; }
.formbx dl dd label.radio input[type="radio"] + span:before { position:absolute; left:0; top:50%; display:block; width:1.5rem; height:1.5rem; border:1px solid #000; border-radius:50%; transform:translateY(-55%); box-sizing:border-box; content:""; }
.formbx dl dd label.radio input[type="radio"]:checked + span:before { background-color:#fd0101; border:1px solid #fd0101; }

.formbx .noti { color:#fc0000; font-size:1.25rem; line-height:1.35; margin-top:-0.75rem; margin-bottom:2.1rem; letter-spacing:-1px; }

.datepickerbx { position:relative; }
.datepickerbx .ui-datepicker-trigger { position:absolute; right:0; top:50%; transform:translateY(-50%); }
#ui-datepicker-div { font-size: 13px; }

.notes { margin-bottom:5.0rem; }
.notes li { font-size:1.35rem; line-height:1.45; color:#343b9b; margin-bottom:0.5rem; text-indent:-1.5rem; padding-left:1.5rem; }

.form_wr { margin:0 -1.5rem; }
.form_wr .formbx { padding-top:0; }
.form_wr .formbx dl dd .fr_input { padding:0 0.4rem; }
.form_wr .formbx dl dd label { margin-left:1.0rem; }




/* 현장등록 완료
* * * * * * * * * * * * * * * * * * * * * */
.reg_complete { padding-top:2.5rem; }
.reg_complete h3.evt_title { font-size:1.55rem; line-height:4.4rem; background-color:#7650e1; text-align:center; color:#fff; font-weight:700; border-radius:0.4rem; margin-bottom:6.0rem; }

.reg_complete .success_msg { }
.reg_complete .success_msg dt { width:14.0rem; margin:0 auto; margin-bottom:2.0rem; }
.reg_complete .success_msg dd { font-size:1.5rem; line-height:1.45; padding:0 0.6rem; }

.reg_complete .btn_area { margin-top:2.0rem; }



/* 회원가입
* * * * * * * * * * * * * * * * * * * * * */
.inputbx { position:relative; padding-right:9.5rem; }
.inputbx .btn_check { position:absolute; right:0; top:0; display:block; width:9.0rem; height:3.0rem; line-height:3.0rem; border:1px solid #c9c9c9; border-radius:0.5rem; font-size:1.3rem; }

.formbx dl.privacy { border-bottom:0; }
.formbx dl.privacy dt { margin-bottom:1.50rem; }
.formbx dl.privacy dd .privacybx { position:relative; padding-right:3.5rem; }
.formbx dl.privacy dd .privacybx input { display:none; }
.formbx dl.privacy dd .privacybx label { position:relative; display:block; font-weight:700; padding:0.3rem 0; padding-left:3.0rem;  font-size:1.35rem; line-height:1.35; color:#1e2831; }
.formbx dl.privacy dd .privacybx label:before { position:absolute; left:0; top:0; display:block; width:2.2rem; height:2.2rem; background-repeat:no-repeat; background-position:center; background-image:url('../_img/icons/ic_checkbox.png'); background-size:100% auto; box-sizing:border-box; border:1px solid #d1d1d1; content:""; }
.formbx dl.privacy dd .privacybx input:checked + label:before { background-image:url('../_img/icons/ic_checkbox_on.png'); border:1px solid #e60012; }

.formbx dl.privacy .btn_policy_view { position:absolute; right:0; top:0.3rem; font-size:1.35rem; line-height:1.45; color:#7650e1; font-weight:700; }

.formbx dl.privacy .ta { display:block; margin-top:1.0rem; resize:none; width:100%; height:12.2rem; border:1px solid #ddd; box-sizing:border-box; font-size:1.35rem; line-height:1.45; padding:1rem; overflow-y:auto; }



/* 비밀번호 찾기
* * * * * * * * * * * * * * * * * * * * * */
#findpw .contents { padding-top:8.4rem; }
#findpw h3.tit span:before { background-image:url('../_img/contents/ic_findpw.png'); }

.contents h3.tit { text-align:center; font-size:2.1rem; line-height:1.45; font-weight:700; margin-bottom:2.0rem; }
.contents h3.tit span { display:inline-block; position:relative; padding-left:4.3rem; }
.contents h3.tit span:before { position:absolute; left:0; top:0; display:block; width:3.5rem; height:3.0rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:""; }

.contents .description { font-size:1.35rem; line-height:1.35; margin-bottom:6.0rem; letter-spacing:-1px; }
.contents .description.center { text-align:center; }




/* 비밀번호 재설정
* * * * * * * * * * * * * * * * * * * * * */
#resetpw .contents { padding-top:4.0rem; }
#resetpw .description { margin-bottom:7.5rem; }

#resetpw h3.tit { margin-bottom:4.0rem; }
#resetpw h3.tit span:before { background-image:url('../_img/contents/ic_findpw.png'); }

#resetpw .btn_area { margin-top:6.0rem; }




/* 마이페이지
* * * * * * * * * * * * * * * * * * * * * */
#mypage .contents { padding-top:4.8rem; }
#mypage h3.tit { margin-bottom:3.3rem; }
#mypage h3.tit img { width:7.25rem; }
#mypage .menu { display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap: 1.6rem; margin:0 -1.6rem; }




/* 비밀번호 변경
* * * * * * * * * * * * * * * * * * * * * */
#modifypw h3.tit span:before { background-image:url('../_img/contents/ic_findpw.png'); }

.formbx dl.div_line { position:relative; padding-top:3.7rem; }
.formbx dl.div_line:before { position:absolute; left:-2.4rem; top:0; right:-2.4rem; height:0.3rem; display:block; background-repeat:repeat-x; background-position:left center; background-image:url('../_img/contents/dot.png'); background-size:auto 100%; content:""; }




/* 컨퍼런스 로그
* * * * * * * * * * * * * * * * * * * * * */
.log_list { }
.log_list li { position:relative; padding-bottom:2.4rem; margin-bottom:2.0rem; }
.log_list li:before { position:absolute; left:-2.4rem; bottom:0; right:-2.4rem; height:0.3rem; display:block; background-repeat:repeat-x; background-position:left center; background-image:url('../_img/contents/dot.png'); background-size:auto 100%; content:""; }
.log_list .evt_title { font-size:1.55rem; line-height:4.4rem; background-color:#7650e1; text-align:center; color:#fff; font-weight:700; border-radius:0.4rem; margin-bottom:2.4rem; }
.log_list .evt_info { }
.log_list .evt_info dl { border-bottom:1px solid #ababab; margin-bottom:0.9rem; padding-bottom:0.9rem; overflow:hidden; }
.log_list .evt_info dl:last-child { margin-bottom:0; }
.log_list .evt_info dt,
.log_list .evt_info dd { font-size:1.5rem; line-height:1.35;  }
.log_list .evt_info dt { float:left; padding-left:1.0rem; }
.log_list .evt_info dd { margin-left:5.2rem; }
.log_list .evt_info dd b { color: #ef3655; font-weight: 800; }



/* 컨퍼런스 로그
* * * * * * * * * * * * * * * * * * * * * */
#voting h3.tit { font-size:1.772rem; }
#voting h3.tit span { padding:10.5rem 0 0 0; }
#voting h3.tit span:before { left:50%; top:0; width:11.2rem; height:9.7rem; background-image:url('../_img/contents/ic_voting.png'); transform:translateX(-50%); }



/* 메뉴
* * * * * * * * * * * * * * * * * * * * * */
.contents .h_text { font-size:1.772rem; line-height:1.45; text-align:center; margin-bottom:2.0rem; padding-top:1.0rem; }

.menu_list { }
.menu_list li { position:relative; background-color:#e9f2f5; border-radius:0.5rem; margin-bottom:0.9rem; line-height:4.5rem; font-size:1.563rem; font-weight:800; }
.menu_list li:before { position:absolute; left:0.8rem; top:50%; display:block; width:3.4rem; height:3.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translateY(-50%); content:""; }
.menu_list li a { display:block; padding-left:5.0rem; }
.menu_list li a:after { position:absolute; right:1.4rem; top:50%; display:block; width:0.6rem; height:0.9rem; background-repeat:no-repeat; background-position:center; background-image:url('../_img/icons/ic_arrow.png'); background-size:100% auto; transform:translateY(-50%); content:""; }
.menu_list li.m1:before { background-image:url('../_img/icons/ic_menu01.png'); }
.menu_list li.m2:before { background-image:url('../_img/icons/ic_menu02.png'); }
.menu_list li.m3:before { background-image:url('../_img/icons/ic_menu03.png'); }
.menu_list li.m4:before { background-image:url('../_img/icons/ic_menu04.png'); }
.menu_list li.m5:before { background-image:url('../_img/icons/ic_menu05.png'); }
.menu_list li.m6:before { background-image:url('../_img/icons/ic_menu06.png'); }
.menu_list li.m7:before { background-image:url('../_img/icons/ic_menu07.png'); }



/* 알림설정
* * * * * * * * * * * * * * * * * * * * * */
.alarm_setting { background-color:#fff; transition: background-color 0.5s ease; margin-top:3.8rem; border-radius:0.5rem; padding:0.5rem 0; }
.alarm_setting .controlbx { position:relative; display:block; width:17.0rem; height:4.2rem; background-color:#573ba7; margin:0 auto; border-radius:4.2rem; transition: background-color 0.5s ease; }
.alarm_setting .controlbx .ball { position:absolute; left:0px; top:50%; display:block; width:5.9rem; height:5.9rem; line-height:5.9rem; background-color:#7650e1; transform:translateY(-50%); border-radius:5.9rem; text-align:center; font-size:1.772rem; color:#fff; transition: left 0.5s ease; }

.alarm_setting.off { background-color:#7650e1; }
.alarm_setting.off .controlbx { width:17.0rem; height:4.2rem; background-color:#cac2e3; }
.alarm_setting.off .controlbx .ball { left:calc(100% - 5.9rem); background-color:#c2b1f2; }



/* 알려드립니다
* * * * * * * * * * * * * * * * * * * * * */
.bo_list { border-top:2px solid #2d2e30; border-bottom:1px solid #ddd; margin:0 -2.2rem; margin-bottom:2.5rem; }
.bo_list li { border-bottom:1px solid #ddd; }
.bo_list li a { display:block; padding:1.4rem 1.5rem; cursor:pointer; }
.bo_list li span { display:block; font-size:1.172rem; line-height:1.45; color:#999999;  }
.bo_list li span.subject { font-size:1.407rem; color:#2d2f54; font-weight:700; margin-bottom:0.2rem; }
.bo_list li span em { display:inline-block; color:#646464; }
.bo_list li span em.complete { color:#7650e1; }
.bo_list li.notice { background-color:#f1f5fd; } 


.pager { text-align:center; }
.pager .btn { display:inline-block; vertical-align:middle; width:2.1rem; height:2.1rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; overflow:hidden; }
.pager .btn span { display:block; text-indent:-5000px; font-size:0; }
.pager .btn.prev { background-image:url('../_img/icons/ic_prev.png'); }
.pager .btn.next { background-image:url('../_img/icons/ic_next.png'); }

.pager .num { display:inline-block; vertical-align:middle; line-height:2.1rem; margin:0 4.0rem; }
.pager .num span { display:inline-block; vertical-align:middle; font-size:1.332rem; color:#b3b2b2; }
.pager .num span.current { font-weight:700; color:#000 }


/* bo_v */
.bo_v { margin:0 -2.2rem; padding-top:0.5rem;  }
.bo_v .bo_h { border-bottom:1px solid #ddd; padding-bottom:0.7rem; margin-bottom:2.5rem; }
.bo_v .bo_h .subject { font-size:1.459rem; line-height:1.45; font-weight:700; margin-bottom:0.7rem; }
.bo_v .bo_h .date { font-size:1.172rem; color:#999 }

.bo_v .bo_contents { font-size:1.289rem; border-bottom:1px solid #ddd; padding-bottom:2.5rem; min-height:17.0rem; color:#333 }

.bo_v .btn_area { margin-top:1.9rem; }



/* 약관 및 정책
* * * * * * * * * * * * * * * * * * * * * */
.tab { margin:0 -2.2rem; }
ul.tabnav { display: grid;  grid-template-columns: repeat(2, 1fr); background-color: #f3f3f4; border-bottom:1px solid #000; margin-bottom:2.5rem; }
ul.tabnav li { display: block; cursor: pointer; color:#020202; font-size:1.563rem; line-height:4.9rem; height:4.9rem; text-align:center; }
ul.tabnav li.current {  background-color:#7650e1; color: #fff; }

.tab-content { display: none; padding: 1.0rem; font-size:1.355rem; }
.tab-content.current { display: block; }
.tab-content.current b { font-weight:700; }


/* 1:1 문의
* * * * * * * * * * * * * * * * * * * * * */
.qna_h { position:relative; margin:0 -2.2rem; margin-bottom:5.0rem; padding-left:11.2rem; padding-top:0.3rem; }
.qna_h:before { position:absolute; left:0.5rem; top:0; display:block; width:8.0rem; height:7.2rem; background-repeat:no-repeat; background-position:left center; background-image:url('../_img/icons/ic_qna.png'); background-size:100% auto; content:""; }
.qna_h .text { font-size:1.355rem; line-height:1.35; text-align:left; font-weight:700; letter-spacing:-1px; }
.qna_h .btn_area { margin-top:0.8rem; text-align:left; padding-left:1.0rem; }
.qna_h .btn_area .btn_basic { display:inline-block; width:19.0rem; }

/* bo_v */
.bo_v { margin:0 -2.2rem; padding-top:0.5rem;  }
.bo_v .bo_h { border-bottom:1px solid #ddd; padding-bottom:0.7rem; margin-bottom:2.5rem; }
.bo_v .bo_h .question { font-size:1.459rem; line-height:1.45; font-weight:700; margin-bottom:0.7rem; }

.bo_v .question { border-bottom:1px solid #4b4b4b; margin-bottom:0.3rem; }
.bo_v .question dt,
.bo_v .question dd { font-size:1.459rem; line-height:1.45; padding:1.3rem; }
.bo_v .question dt { font-weight:700; }
.bo_v .question dd { padding:2.0rem 1.3rem; border-top:1px solid #4b4b4b; }

.bo_v .answer { background-color:#ececf2; padding:1.5rem; margin-bottom:1.9rem; }
.bo_v .answer dt,
.bo_v .answer dd { font-size:1.459rem; line-height:1.45; }
.bo_v .answer dt { color:#7650e1; font-weight:700; margin-bottom:1.5rem; }
.bo_v .answer dd { padding-bottom:2.0rem; }

/* qna :: write */
.bo_w { margin:0 -2.2rem; }
.formbx { }
.formbx dl { border-bottom:1px solid #4b4b4b; }
.formbx dl dt { }
.formbx dl dd { }
.formbx dl dt.hide { display:none; }
.formbx .fr_input.subject {font-size:1.459rem; line-height:1.45; padding:0; }
.formbx .ta { display:block; width:100%; height:330px; resize:none; border:0; font-size:1.459rem; line-height:1.45; }

.btn_area .btn_basic.inquire { display:inline-block; width:19.0rem; height:3.8rem; line-height:3.8rem; }



/* 회원탈퇴
* * * * * * * * * * * * * * * * * * * * * */
.member_out { position:relative; padding-top:3.0rem; }
.member_out:before { position:absolute; left:50%; top:0; display:block; }
.member_out .text { position:relative; font-size:1.35rem; line-height:1.35; text-align:center; margin-bottom:1.5rem; padding-top:10.5rem; }
.member_out .text:before { position:absolute; left:50%; top:0; display:block; width:12.2rem; height:8.5rem; background-repeat:no-repeat; background-position:center; background-image:url('../_img/icons/ic_member_out.png'); background-size:100% auto; transform:translateX(-50%); content:""; }
.member_out .t_box { font-size:1.563rem; line-height:4.4rem; height:4.4rem; text-align:center; background-color:#573ba7; border-radius:2.5rem; color:#fff; max-width:27.5rem; margin:0 auto; margin-bottom:2.4rem; }
.member_out .check_agree { position:relative; text-align:center; }
.member_out .check_agree input { display:none; }
.member_out .check_agree label { position:relative; display:inline-block; font-weight:700; padding:0.3rem 0; padding-left:3.0rem;  font-size:1.35rem; line-height:1.35; color:#1e2831; }
.member_out .check_agree label:before { position:absolute; left:0; top:0; display:block; width:2.2rem; height:2.2rem; background-repeat:no-repeat; background-position:center; background-image:url('../_img/icons/ic_checkbox.png'); background-size:100% auto; box-sizing:border-box; border:1px solid #d1d1d1; content:""; }
.member_out .check_agree input:checked + label:before { background-image:url('../_img/icons/ic_checkbox_on.png'); border:1px solid #e60012; }

.member_out .btn_area { display: grid;  grid-template-columns: repeat(2, 1fr); gap:0.5rem; margin-top:5.4rem; }
.member_out .btn_area .btn_basic { margin-bottom:0; }

/*layer popup*/
#layer{width:300px; position:absolute; top:60px; left:20%; margin-left:-150px; z-index:111111;}
#layer .imgarea{width:100%;}
#layer .imgarea img{width:100%;}
#layer .closearea{width:99%; height:20px; background:#B2C4CD; padding-right:6px;}
#layer .closearea .tal {float: left; margin-left: 10px;}
#layer .closearea .tar {float: right;}
#layer2{width:300px; position:absolute; top:60px; left:60%; margin-left:-150px; z-index:1111;}
#layer2 .imgarea{width:100%;}
#layer2 .imgarea img{width:100%;}
#layer2 .closearea{width:550px; height:20px; background:#fff; padding-right:6px;}
#layer2 .closearea .tal {float: left; margin-left: 10px;}
#layer2 .closearea .tar {float: right;}