@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family: Noto Sans KR (본고딕) */
html { scroll-behavior: smooth; background-color: #ebebeb; }
body { background-color: #ebebeb; word-break: keep-all; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body, body *, :after, :before, input,textarea, select, button { margin: 0; padding: 0; box-sizing: border-box; }
body, input, textarea, select, button { font-family: Pretendard, Noto Sans KR, sans-serif; font-size: 16px; line-height: 1.3; font-weight: 400; }
img { vertical-align: top; }
img, fieldset { border: 0; }
ul, ol, li { list-style: none; }
em, address { font-style: normal; }
a { color: inherit; text-decoration: none; }
select,
input[type='button'],
input[type='text'],
input[type='password'],
input[type='number'],
input[type='date'],
textarea { padding: 3px 15px; box-sizing: border-box; border: 0; outline: none; border-radius: 7px; overflow: hidden; z-index: 1; color: #000; font-size:14px; transition: border 0.1s ease-out; }
input[type='text'],
input[type='password'],
input[type='number'],
input[type='date'] { height: 50px; line-height: 50px; box-sizing: border-box; }
input[type='text']:disabled,
input[type='password']:disabled,
input[type='number']:disabled,
input[type='date']:disabled,
input:read-only { background: #cdcdcd; }
input[type='text'].auto,
input[type='password'].auto,
input[type='number'].auto,
input[type='date'].auto { background: #cdcdcd; }
input[type='radio'], input[type='checkbox'], img { border: 0; }
::placeholder { color: #cdcdcd; opacity: 1; transition: all 0.2s ease; }
input:focus::-webkit-input-placeholder { opacity: 0; }
input:focus:-ms-input-placeholder { opacity: 0; }
textarea:focus::-webkit-input-placeholder { opacity: 0; }
textarea:focus:-ms-input-placeholder { opacity: 0; }
input:focus::placeholder { opacity: 0; }
textarea:focus::placeholder { opacity: 0; }
input[type='button'] { text-align: center; }
.int_b { position: relative; height: 45px; display: inline-block; }
.int_b label { position: absolute; line-height: 45px; display: block; left: 5px; top: 0; transition: all 0.3s ease; z-index: 0; }
textarea { width: 100%; resize: none; overflow: hidden; overflow-y: auto; padding-top: 20px; padding-bottom: 20px; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; }
select { border: 1px solid #ccc; min-width: 100px; height: 40px; line-height: 40px; border: 0; padding:0 30px 0 10px; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ background: #ebebeb url('/img/bul32_gray.png') no-repeat right center; cursor: pointer; border-radius: 7px; color: rgba(0,0,0,0.5); }
select::-ms-expand { display: none; /* IE 10, 11 */ }
select.active { color: white; background: #ff2e00 url('/img/bul32_fff.png') no-repeat right center; }
select.active option { color: rgba(0,0,0,0.5); background: #ebebeb; }

#tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; z-index: 1000 }
#arrow, #arrow::before { position: absolute; width: 8px; height: 8px; background: inherit; }
#arrow { visibility: hidden; }
#arrow::before { visibility: visible; content: ''; transform: rotate(45deg); }

.select_b { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.select_b select { width: 99%; margin-bottom: 0; }
.select_b.col2th select { width: 49%; margin-bottom: 0; }
.select_b.col3th select { width: 31%; margin-bottom: 0; }
.select_b.col4th select { width: 23%; margin-bottom: 0; }
table { padding: 0; border-collapse: collapse; border-spacing: 0px; }
.hidd { width: 1px !important; height: 1px !important; overflow: hidden !important; text-indent: -3000em; position: absolute !important; top: -500px !important; left: -500px !important; visibility: hidden; }
.float_r { float: right !important; }
.float_l { float: left !important; }
.txt_l { text-align: left !important; }
.txt_r { text-align: right !important; }
.txt_c { text-align: center !important; }

.bg_fff { background:#fff !important;}
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.f_l { margin-left: auto !important; }
.f_r { margin-right: auto !important; }
.f_between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.f_justify_c { -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.f_items_l { -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.f_items_c { -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }
.f_items_e { -webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.f_row { -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.f_column { -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.f_wrap { -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font32 { font-size: 32px !important; }
.font36 { font-size: 36px !important; }
iframe { border: 0; margin: 0; padding: 0; resize: none; }

.border_tb { border: solid #000; border-width: 2px 0; }
.border_t { border-top: 2px solid #000; }
.border_b { border-bottom: 1px solid #c7c7c7; }
.border_b0 { border-bottom: 0 none !important; }
.border_t0 { border-top: 0 none !important; }
.p_lr0 { padding-left: 0 !important; padding-right: 0 !important; }
.p_tb0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p_tb15 { padding-top: 5px !important; padding-bottom: 5px !important; }
.p_tb110 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p_tb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.p_tb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.p_tb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.p_tb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.p_tb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.p_t0 { padding-top: 0 !important; }
.p_t5 { padding-top: 5px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t40 { padding-top: 40px !important; }
.p_t50 { padding-top: 50px !important; }
.p_t60 { padding-top: 60px !important; }
.p_t70 { padding-top: 70px !important; }
.p_b0 { padding-bottom: 0 !important; }
.p_b5 { padding-bottom: 5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b40 { padding-bottom: 40px !important; }
.p_b50 { padding-bottom: 50px !important; }
.p_b60 { padding-bottom: 60px !important; }
.p_b70 { padding-bottom: 70px !important; }
.p_l0 { padding-left: 0 !important; }
.p_l5 { padding-left: 5px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l40 { padding-left: 40px !important; }
.p_l50 { padding-left: 50px !important; }
.p_l60 { padding-left: 60px !important; }
.p_l70 { padding-left: 70px !important; }
.p_r0 { padding-right: 0 !important; }
.p_r5 { padding-right: 5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r40 { padding-right: 40px !important; }
.p_r50 { padding-right: 50px !important; }
.p_r60 { padding-right: 60px !important; }
.p_r70 { padding-right: 70px !important; }
.m_tb5 { margin: 5px 0; }
.m_tb10 { margin: 10px 0; }
.m_tb20 { margin: 20px 0; }
.m_tb30 { margin: 30px 0; }
.m_tb40 { margin: 40px 0; }
.m_tb50 { margin: 50px 0; }
.m_tb60 { margin: 60px 0; }
.m_tb70 { margin: 70px 0; }
.m_tb80 { margin: 80px 0; }
.m_tb90 { margin: 90px 0; }
.m_tb100 { margin: 100px 0; }
.m_t0 { margin-top: 0 !important; }
.m_t5 { margin-top: 5px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t60 { margin-top: 60px !important; }
.m_t70 { margin-top: 70px !important; }
.m_t70 { margin-top: 70px !important; }
.m_l0 { margin-left: 0 !important; }
.m_l5 { margin-left: 5px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l40 { margin-left: 40px !important; }
.m_l50 { margin-left: 50px !important; }
.m_l60 { margin-left: 60px !important; }
.m_l70 { margin-left: 70px !important; }
.m_l70 { margin-left: 70px !important; }
.m_r0 { margin-right: 0 !important; }
.m_r5 { margin-right: 5px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r40 { margin-right: 40px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r60 { margin-right: 60px !important; }
.m_r70 { margin-right: 70px !important; }
.m_r70 { margin-right: 70px !important; }
.m_b0 { margin-bottom: 0 !important; }
.m_b5 { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b60 { margin-bottom: 60px !important; }
.m_b70 { margin-bottom: 70px !important; }
.m_0 { margin: 0 !important; }
.m_t-1 { margin-top: -1px !important; }
.w5px { width: 5px !important; }
.w10px { width: 10px !important; }
.w20px { width: 20px !important; }
.w30px { width: 30px !important; }
.w40px { width: 40px !important; }
.w50px { width: 50px !important; }
.w60px { width: 60px !important; }
.w70px { width: 70px !important; }
.w80px { width: 80px !important; }
.w90px { width: 90px !important; }
.w95px { width: 90px !important; }
.w100px { width: 100px !important; }
.w110px { width: 110px !important; }
.w120px { width: 120px !important; }
.w130px { width: 130px !important; }
.w140px { width: 140px !important; }
.w150px { width: 150px !important; }
.w160px { width: 160px !important; }
.w179px { width: 179px !important; }
.w180px { width: 180px !important; }
.w200px { width: 200px !important; }
.w250px { width: 250px !important; }
.w300px { width: 300px !important; }
.w380px { width: 380px !important; }
.w390px { width: 460px !important; }
.w460px { width: 460px !important; }
.w_auto { width: auto !important; }
.w100 { width: 100% !important; }
.w40 { width: 41% !important;}
.w45 { width: 45% !important; }
.h50 { height: 50% !important; }
.h60 { height: 60% !important; }
.h70 { height: 70% !important; }
.h80 { height: 80% !important; }
.h90 { height: 90% !important; }
.h100 { height: 100% !important; }
.h100vh { height: 100vh !important; }
.radius10 { border-radius: 10px; }
.radius15 { border-radius: 15px; }
.radius20 { border-radius: 20px; }
.color_fff { color:#fff !important;}
.btn_b { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.btn_b a { width: 100%; height: 50px; line-height: 50px; text-align: center; display: block; background: #f03f04; color: #fff; font-size: 16px; font-weight: 700; border-radius: 7px; overflow: hidden; }
.btn_b.col2th { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.btn_b.col2th a { width: 49%; }
.btn_b a.btn_gray { background-color: gray; }
.btn_b.col3th { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.btn_b.col3th a { width: 31%; }
.btn_b a span { font-weight: 300; }

/*header*/
/*.header { height: 54px; width: 100%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); position:sticky; top:0; z-index:101;}*/
.header { height: 94px; width: 100%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); position:sticky; top:0; z-index:101; padding-top:25px;}
.header .d_b { height: 100%; max-width: 640px; width: 100%; margin: 0 auto; position: relative; display:flex;  }
.header .btn_quick { height: 100%; width:50px; display: block; text-indent: -300px; overflow: hidden; color: transparent; background: url('/img/bul1.png') no-repeat 7px center; background-size: 28px auto; }
.header h1.logo { height: 100%; width: 110px; display:none;}
.header h1.logo a { height: 100%; width: 100%; display: block; text-indent: -300px; overflow: hidden; color: transparent; background: url('/img/logo_2025.png') no-repeat center; background-size: 100% auto; }
.header .sub_tit_b { display: flex; width: calc(100% - 130px); }
.header .sub_tit_b a { width:40px; height: 100%; display: block; overflow:hidden; text-indent:-33px; color:transparent; background: url('/img/bul42.png') no-repeat 15px center; background-size: 13px auto; }
.header .sub_tit_b h2.h_tit {width:calc(100% - 40px); height: 100%; display: block; font-size: 20px; line-height: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header .member_b { height: 100%; margin-left:auto; overflow:hidden;}
.header .member_b .mem1,
.header .member_b .mem2 { height: 100%; display: flex; }
.header .member_b .mem1 a { display: block; height: 100%; width: 40px; text-indent: -300px; overflow: hidden; color: transparent; }
.header .member_b .mem1 a.btn1 { background: url('/img/bul2.png') no-repeat center; background-size: 24px auto; }
.header .member_b .mem1 a.btn2 { background: url('/img/bul3.png') no-repeat center; background-size: 23px auto; }
body.main .header .logo { display: block; margin-left:10px; }
body.main .header .sub_tit_b { display: none; }
.remote_b { position: fixed; top: 0; left: 50%; transform: translateX(-50%); max-width: 640px; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; z-index:100; background: #ebebeb; }
.remote_b::-webkit-scrollbar { display: none; }
.remote_b .r_h { width: 100%; background: #f03f04; height: 84px; padding-top:34px; position: fixed; top: 0; left: 0; color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); z-index:10;}
.remote_b .r_h .logo { height: 100%; width:110px; margin-left:10px; display:block !important; }
.remote_b .r_h .logo a { height: 100%; width: 100%; display: block; text-indent: -300px; overflow: hidden; color: transparent; background: url('/img/logo_2025_white.png') no-repeat center; background-size: 100% auto; }
.remote_b .r_h .btn_close { height: 100%; width: 45px; display: block; text-indent: -300px; overflow: hidden; color: transparent; background: url('/img/bul28.png') no-repeat center; background-size: 22px auto; }
.remote_b .m_con { width: 100%; padding:30px 10px; }
.remote_b .m_con .list1 { overflow: hidden; position: relative; font-size:16px;}
.remote_b .m_con .list1 a {font-weight:bold; width: 100%; padding: 15px 10px; margin-bottom:10px; display: block; background:#fff url('/img/bul12.png') no-repeat calc(100% - 12px) center; background-size: 12px auto; border-radius: 7px; }
.remote_b .m_con .list1 a:last-child { margin-bottom: 0; }
.remote_b .m_con .list2 { width: 100%; padding: 30px 0 50px; font-size:14px;}
.remote_b .m_con .list2 a { width: 32%; display: block; position:relative; height:90px; padding-top:55px; text-align: center; border-radius: 7px; background: #fff}
.remote_b .m_con .list2 a:before {content:''; display:block; height:24px; width:100%; position:absolute; top:20px; opacity:0.5;}
.remote_b .m_con .list2 a.l2_1:before { background:url('/img/bul13.png') no-repeat center bottom; background-size: 24px auto; }	
.remote_b .m_con .list2 a.l2_2:before { background:url('/img/bul14.png') no-repeat center bottom; background-size: 24px auto; }
.remote_b .m_con .list2 a.l2_3:before { background:url('/img/bul16.png') no-repeat center bottom; background-size: 24px auto; }
.remote_b .m_con .list2 a.l2_4:before { background:url('/img/bul25.png') no-repeat center bottom; background-size: 24px auto; }
.remote_b .m_con .list3 ul {position: relative; font-size:18px; }
.remote_b .m_con .list3 li { width: 100%; padding: 15px 0; border-bottom: 1px solid #dedede; line-height: 29px; }
.remote_b .m_con .list3 li:last-child { border-bottom: 0; }
.remote_b .m_con .list3 li input { -webkit-appearance: none; -webkit-border-radius: 0; }
.remote_b .m_con .list3 li .toggle-switch { height: 29px; font-size: 16px; }
.remote_b .m_con .list3 li .toggle-switch input[type=checkbox] { display: none; }
.remote_b .m_con .list3 li .toggle-track { display: inline-block; position: relative; width: 144px; height: 29px; border-radius: 15px; background: #f3f3f3; color: #a0a0a0; }
.remote_b .m_con .list3 li .toggle-switch input[type=checkbox] + label .toggle-track:before { height: 100%; width: 50%; border-radius: 15px; background: #f03f04; color: #fff; text-align: center; display: inline-block; position: absolute; left: 0; }
.remote_b .m_con .list3 li .toggle-switch input[type=checkbox] + label .toggle-track:after { display: inline-block; position: absolute; right: 0; text-align: center; height: 100%; width: 50%; border-radius: 15px; }
.remote_b .m_con .list3 li .toggle-switch.lang input[type=checkbox] + label .toggle-track:before { content: 'KOR'; }
.remote_b .m_con .list3 li .toggle-switch.lang input[type=checkbox] + label .toggle-track:after { content: 'ENG'; }
.remote_b .m_con .list3 li .toggle-switch input[type=checkbox]:checked + label .toggle-track:after { background: #f03f04; color: #fff; }
.remote_b .m_con .list3 li .toggle-switch input[type=checkbox]:checked + label .toggle-track:before { background-color: transparent; color: #a0a0a0; }
.remote_b .m_con .list3 li .toggle-switch.push input[type=checkbox] + label .toggle-track:before { content: 'ON'; }
.remote_b .m_con .list3 li .toggle-switch.push input[type=checkbox] + label .toggle-track:after { content: 'OFF'; }
.remote_b .m_con .list4 { width: 100%; }
.remote_b .m_con .list4 ul { margin-top:9px;}
.remote_b .m_con .list4 ul li { border-bottom:1px solid #dedede; padding: 15px 0; position: relative; display:flex; font-size:16px;}
.remote_b .m_con .list4 ul li:last-child { border-bottom:0;}
.remote_b .m_con .list4 ul li em {width:80px; font-weight: bold; font-size:18px; padding-bottom: 5px; display: block; }
.remote_b .m_con .list4 ul li p a { display: block; }
.remote_b .m_con .list4 ul li.talk p a { height: 27px; padding: 5px 14px; border-radius: 7px; color: #f03f04; font-size:14px; background-color: #fff; }
.remote_b .m_con .sns_b { width: 100%; padding: 30px 0; }
.remote_b .m_con .sns_b a { width: 25%; height:36px; display: block; text-indent: -300px; overflow: hidden; color: transparent; }
.remote_b .m_con .sns_b a.instar { background: url('/img/sns1.png') no-repeat center; background-size: auto 36px; }
.remote_b .m_con .sns_b a.x { background: url('/img/sns2.png') no-repeat center; background-size: auto 33px; }
.remote_b .m_con .sns_b a.face { background: url('/img/sns3.png') no-repeat center; background-size: auto 36px; }
.remote_b .m_con .sns_b a.utube { background: url('/img/sns4.png') no-repeat center; background-size: auto 29px; }
.search_b { height:80px; background: #f03f04; overflow: hidden; position: relative; padding:0 10px; margin:84px 0 0;  box-shadow: 0 1px 2px rgba(0,0,0,0.1);  display: flex; justify-content: space-between; align-items:center;}
.search_b p { width:calc(100% - 80px);height:40px; padding:0 10px 0 40px; border-radius:7px; background:#fff url('/img/bul11.png') no-repeat 10px center; background-size:20px;}
.search_b input { width:100%; height: 100%; padding:0; border: 0; font-size:14px; background-color: transparent; color:#000;}
.search_b input::placeholder { color: #000; }
.search_b input:focus { border-color: transparent; }
.search_b a { display: block; width: 68px; height: 40px;border-radius: 7px; line-height:40px; font-size:14px; text-align:center; background-color: #000; color:#fff; font-weight: bold;}
.search_tag { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.search_tag a { font-size: 14px; height: 35px; line-height: 33px; margin-bottom: 10px; padding: 0 15px; display: inline-block; margin-right: 10px; border: 1px solid #ff2e00; border-radius: 17px; color: #ff2e00 }
.search_tag .red { border: 1px solid #ff2e00; color: #ff2e00 }
.search_tag .vio { border: 1px solid #ff00dc; color: #ff00dc }
.search_tag .blue { border: 1px solid #005aff; color: #005aff }
.search_tag .green { border: 1px solid #007800; color: #007800 }
.search_tag a:before { padding-right: 7px; }
.search_tag.v_tag a {max-width:100%; height: 31px; line-height: 30px; border-radius:17px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.search_tag.v_tag p { width:100%;}
.search_tag.btn { width:32px; height:32px; position: absolute; bottom: 0; right: 10px; }
.search_tag.btn a.btn_reset { width: 100%; height: 100%; margin-right: 0; border-radius: 7px; border: 0; background: #fff url('/img/bul47.png') no-repeat center; background-size: 18px auto; text-indent: -300px; overflow: hidden; }

/*footer*/
.footer { height: 85px; max-width: 640px; width: 100%; padding: 0 10px; box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);border-radius: 20px 20px 0 0; position: fixed; bottom:0; left: 50%; transform: translateX(-50%); background:#fff; z-index:15; }
.footer p { width: 100%; height:100%; display: flex; align-items: center; }
.footer p a { width:25%;padding: 30px 0 0; font-size: 11px; text-align: center; position: relative; display:block; }
.footer p a.m1 { background: url('/img/bul5.png') no-repeat center 0; background-size: 22px auto; }
.footer p a.m2 { background: url('/img/bul6.png') no-repeat center 0; background-size: 22px auto; }
.footer p a.m4 { background: url('/img/bul34.png') no-repeat center 0; background-size: 22px auto; }
.footer p a.m5 { background: url('/img/bul9.png') no-repeat center 0; background-size: 22px auto; }
.footer p a.sel { color: #f03f22; font-weight: bold;}
.footer p a.m1.sel { background-image: url('/img/bul5_on.png'); }
.footer p a.m2.sel { background-image: url('/img/bul6_on.png'); }
.footer p a.m4.sel { background-image: url('/img/bul34_on.png'); }
.footer p a.m5.sel { background-image: url('/img/bul9_on.png'); }
.footer p a.m3:before { content: ''; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff; display: block; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); background: #f03f04 url('/img/bul7.png') no-repeat center; background-size: 24px auto; }

/*토스트 배너*/
.toast_b {z-index:100;max-width:640px; width:calc(100% - 20px); position:fixed; bottom:110px; left:50%; transform:translateX(-50%); padding:0 10px; border-radius:7px; display:flex; align-items:center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); color:#fff; background:rgba(0,0,0,0.8); font-size:14px; line-height:50px;}
.toast_b span { width:30px; height:30px; margin-right:10px; display:block; border-radius:7px; background:#fff;background:#fff url('/img/bul9_on.png') no-repeat center; background-size:18px auto; }
.toast_b a { font-size:11px; color:#c9c9c9; text-decoration:underline; margin-left:auto;}

/*상영작 select, 검색*/
.movie_con .select_b { background: #fff; margin:0; padding:10px 10px 0;}
.movie_con .select_b select {width:100%; font-weight:bold; }
.movie_con .search_b { height:auto; background: #fff; margin: 0; padding: 10px; }
.movie_con .search_b p { border:1px solid #cbcbcb;}
/*포토리스트 : 상영작 리스트*/
.pic_list_b li { margin-bottom: 20px; border-radius: 10px; overflow: hidden; position: relative;}
.pic_list_b li a { display: block; position: relative; padding-top: 75%; width: 100%; height: 0; background: #000; border-radius: 12px; overflow: hidden; }
.pic_list_b li a .img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pic_list_b li a .img img { width: 100%; min-height:100%; opacity: 0.7; }
/*min-height:100%; */
.pic_list_b li a p { width: 100%; padding: 0px 25px 15px 25px; position: absolute; bottom: 0; left: 0; color: #fff; }
.pic_list_b li a p * { display: block; }
.pic_list_b li a p em { margin-bottom: 10px; display: block; font-size: 12px; color:#f03f04; font-weight:bold;}
.pic_list_b li a p strong { font-size: 20px; line-height: 1.1em; display:block; margin-bottom:10px;}
.pic_list_b li a p small { font-size: 12px; font-weight: bold; line-height: 1.1em; margin-bottom: 7px; }
.pic_list_b li a.like { width:30px; height:30px; display:block; padding:0; position: absolute; top: 20px; right:20px; overflow: hidden; text-indent: -300px; color: transparent; transition: 0.2s ease; border-radius:7px; background:#fff url('/img/bul41.png') no-repeat center; background-size:30px auto; z-index: 10; }
.pic_list_b li a.like.on { background-image: url('/img/bul43.png'); }
.pic_list_b li a.like:before { display: none; }
/*상세보기 : 상영작 상세보기 */
/*상세보기 상단 슬라이드 */
.view_swiper { overflow: hidden; margin-left:10px; margin-right:10px;}
.view_swiper .swiper-slide { position: relative; display: block; padding-top: 75%; }
.view_swiper .swiper-slide span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.view_swiper .swiper-slide span img { width: 100%; min-height:100%; }
.view_swiper .swiper-pagination { bottom: 25px; }
.view_swiper .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; border-radius: 2px; opacity:1; }
.view_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f03f04 }
/*상세보기 타이틀 정보 */
.v_tit_b { padding: 20px; margin-left: 10px; margin-right: 10px; position: relative; background: #f03e04; }
.v_tit_b em { display:block; font-size: 16px; color:#fff; font-weight: bold;}
.v_tit_b strong { font-size: 30px; display: block; margin-top: 5px; }
.v_tit_b small { font-size: 16px; font-weight: bold; display: block; margin-bottom:20px; }
.v_tit_b b,
.v_tit_b span { font-size: 13px; margin-top: 5px; display: block; word-wrap: break-word; }
.v_tit_b p.sns {margin-top:20px; display:flex; }
.v_tit_b p.sns a {margin-right:5px;display:block; width:30px; height:30px; overflow:hidden; text-indent:-300px; color:transparent;}
.v_tit_b p.sns a.zzim {background:url('/img/bul41.png') no-repeat center; background-size:100% auto;}
.v_tit_b p.sns a.copy { background: url('/img/bul46_off.png') no-repeat center; background-size: 100% auto; }
.v_tit_b p.sns a.x { background: url('/img/bul45_off.png') no-repeat center; background-size: 100% auto; }
.v_tit_b p.sns a.face { background: url('/img/bul44_off.png') no-repeat center; background-size: 100% auto; }
.v_tit_b p.sns a.zzim.sel {background-image:url('/img/bul43.png');}

.director_b .img { width: 180px; display: block; margin-bottom: 20px; }
.director_b .img img { width: 100%; min-height: 100%; }
.director_b strong { display: block; margin-bottom:5px; font-size: 20px; }
.director_b em { display: block; font-size:16px; }
.content .txt { width: 100%; margin-top: 20px; font-size:15px; line-height:1.5;}
/*상세보기 유튜브 버튼 */
.utube_b a { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; color: #ff2e00; }
.utube_b .red { color: #ff2e00; }
.utube_b .vio { color: #ff00dc; }
.utube_b .blue { color: #005aff; }
.utube_b .green { color: #007800; }
.utube_b a:after { content: ''; width: 29px; height: 43px; line-height: 43px; display: block; margin-left: 10px; background: url("/img/bul_youtube.png") no-repeat center; background-size: 100% auto; }

/*상세보기 감정 버튼 */
.emotion_b { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }
.emotion_b p { width: 25%; font-size: 16px; }
.emotion_b p a { display: block; position: relative; padding-top: 85px; text-align: center; }
.emotion_b p a:before { content: ''; width: 70px; height: 70px; display: block; border: 1px solid #a4a4a4; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.emotion_b p a strong { font-weight: 400; display: block; }
.emotion_b p a span { color: #bbb; display: block; }
.emotion_b p a.emote1:before { background: url('/img/bul24.png') no-repeat center; background-size: 25px auto; }
.emotion_b p a.emote2:before { background: url('/img/bul25.png') no-repeat center; background-size: 25px auto; }
.emotion_b p a.emote3:before { background: url('/img/bul26.png') no-repeat center; background-size: 25px auto; }
.emotion_b p a.emote4:before { background: url('/img/bul27.png') no-repeat center; background-size: 25px auto; }
.emotion_b p a.active:before { border-color: #ff2e00; }
.emotion_b p a.emote1.active:before { background-image: url('/img/bul24_on.png'); }
.emotion_b p a.emote2.active:before { background-image: url('/img/bul25_on.png'); }
.emotion_b p a.emote3.active:before { background-image: url('/img/bul26_on.png'); }
.emotion_b p a.emote4.active:before { background-image: url('/img/bul27_on.png'); }

/* 토글 박스 - 상영작상세 스케줄, 행사정보  */
.toggle_b .tit_b { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; font-size: 16px; line-height: 40px; position: relative; }
.toggle_b .tit_b span { padding-left: 5px; color: #808080; font-weight: 400; }
.toggle_b .tit_b:after { content: ''; width: 40px; height: 40px; display: block; background: url('/img/bul22_red.png') no-repeat center; background-size: 10px auto; position: absolute; top: 0; right: 0; transition: 0.3s ease; }
.toggle_b .data_b { padding: 10px 0; display: none; }
.toggle_b li.active .tit_b:after { transform: rotate(180deg) }

/*영화 스케줄, 정보, 예매 박스 */
.box .rating_b { width: 100%; display: flex; }
.box .rating_b span { width: 20px; height: 20px; margin-right: 2px; display: block; border-radius: 5px; text-align: center; font-size: 12px; line-height: 19px; color:#fff; }
.box .rating_b span:last-child { margin-right: 0; }
.box .rating_b .r_e_dialogue,
.box .rating_b .r_h_dialogue,
.box .rating_b .r_k_dialogue,
.box .rating_b .r_x_dialogue { background-color: #f03e04; }
.box .rating_b .r_e_subtit,
.box .rating_b .r_h_subtit,
.box .rating_b .r_k_subtit,
.box .rating_b .r_x_subtit { background-color: #3f71ef; }
.box .rating_b .r_g,
.box .rating_b .r_12,
.box .rating_b .r_15,
.box .rating_b .r_18 { background-color: #00a000; }
.box .rating_b .r_gv { background-color: #f8d748; }

.tit_h2 {font-size:24px; display:block; margin:25px 0; }
.cine_list { width: 100%; margin-left:-10px; display: flex; padding-bottom: 30px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #c7c7c7; margin-bottom: 60px;}
.cine_list:last-child {padding-bottom:0; border-bottom:0;}
.cine_list > li { width: 155px; margin-left: 10px; flex-shrink: 0; }
.cine_list > li:last-child { margin-right:10px; }
.cine_list li .ea {font-size:16px; font-weight:bold;}
.cine_list li .box { padding:20px; margin:10px 0;border-radius:7px; background:#fff; }
.cine_list li p em { display: block; color: #f03e04; font-weight:bold;}
.cine_list li .tit { display: block; margin:10px 0; font-size: 18px; word-wrap:break-word;}
.cine_list li .time {display:block; margin-bottom:17px; color: #999; font-size:15px; font-weight:bold;}
.cine_list li .time b { color:#000; }
.cine_list li select { width: 100%; height: 30px; padding-right: 26px; margin-bottom:15px; line-height: 28px; font-size: 11px; background-position:108% center; }
.cine_list li .btn_b { display:flex; justify-content:space-between;}
.cine_list li .btn_b a { width: 75px; height: 33px; line-height:33px; display:block; margin: 0 5px 0 0; background-color: #f03e04; font-size:15px; font-weight:400;}
.cine_list li .btn_b a:nth-of-type(2) { background-color:#000; color: #fff; }
.cine_list li ul.info { padding-bottom:15px; font-size:12px; }
.cine_list li ul.info li { margin-bottom:5px; display:flex;}
.cine_list li ul.info li strong { display:block; width:53px;}
.cine_list li ul.info li:last-child { margin-bottom:0;}
/*이벤트 리스트*/
.cine_list.st2 {overflow-x:initial; flex-direction:column; border-bottom: 0; }
.cine_list.st2 > li { width: 100%; margin-right: 0; margin-bottom: 10px; position: relative; }
.cine_list.st2 li .box { margin:0;}
.cine_list.st2 li .btn_b { width: 36px; height: 36px; position: absolute; right: 20px; top: 10px; }
.cine_list.st2 li .btn_b a.like { width: 36px; height: 36px; margin-right: 0; display: block; padding: 0; overflow: hidden; border: 1px solid #cbcbcb; text-indent: -300px; color: transparent; transition: 0.2s ease; border-radius: 7px; background: #fff url('/img/bul41.png') no-repeat center; background-size: 30px auto; z-index: 10; }
.cine_list.st2 li .btn_b a.like.on { background-image: url('/img/bul43.png'); }
.calendar_b { width:100%; padding: 10px; overflow: hidden; position: sticky; top: 0; z-index:40; background:#fff; }
.calendar_b::-webkit-scrollbar { display: none; }
.calendar_b ul {width:100%; overflow:hidden; padding:1px 0 7px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; display: flex; }
.calendar_b li { min-width:70px; height: 40px; margin-right:10px;font-weight: bold;}
.calendar_b li a { width: 100%; height: 100%; padding:0 3px; display: block; text-align: center; line-height: 40px; border-radius: 7px; border: 1px solid #cbcbcb; background: #fff; text-align: center; font-size:15px;}
.calendar_b li.active a { border-color: #f03f04; background: #f03f04; color: #fff; }
.calendar_b .select_b { margin:7px 0 4px; }
.calendar_b .select_b select:nth-of-type(1) { width:calc(35% - 10px);}
.calendar_b .select_b select:nth-of-type(1).active { color: #000; background: #ebebeb url('/img/bul32_gray.png') no-repeat right center; }
.calendar_b .select_b select:nth-of-type(1).active { color: #000;  }
.calendar_b .select_b select:nth-of-type(2) { width:65%;}

.tab_b { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 10px 20px 0; }
.tab_b a { width: 50%; display: block; border-bottom: 4px solid #fff; color: #c3c3c3; font-weight: 700; text-align: center; line-height: 45px; font-size: 20px; }
.tab_b a.active { border-bottom-color: #000; color: #000; }
.tab_con { display: none; }
.tab_con.active { display:block;}
.mem_name { width: 100%; height: 130px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.mem_name em { height: 35px; line-height: 33px; padding: 0 15px; margin-bottom: 5px; display: inline-block; border: 1px solid #ff2e00; color: #ff2e00; background: #fff; border-radius: 20px; }
.mem_name strong { display: block; font-size: 30px; }

.mem_txt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.mem_txt a { text-align: center; position: relative; font-size: 16px; flex-grow: 1; }
.mem_txt a:after { content: '|'; color: #d6d6d6; display: inline-block; position: absolute; right: 0; top: 0; }
.mem_txt a:last-child:after { display: none; }
.mem_txt.st2 { -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #c4c4c4; }
.mem_txt.st2 a { padding-left: 10px; line-height: 40px; text-align: left; border-bottom: 1px solid #c4c4c4; }
.mem_txt.st2 a:after { content: ''; width: 30px; height: 40px; display: inline-block; position: absolute; right: 0; top: 0; background: url('/img/bul22.png') no-repeat center; background-size: 10px auto; transform: rotate(-90deg) }
.mem_txt.st2 a:last-child:after { display: block; }

.guide_list { display: flex; flex-wrap: wrap; flex-basis:0; }
.guide_list a{width:calc(33.3% - 5px); display:inline-flex; justify-content:center; align-items:center; border-radius:7px; padding:7px; margin:0 7px 14px 0; border:1px solid #f03f04; text-align:center; color:#f03f04; font-size:14px; line-height:1.3; }
.guide_list a:nth-of-type(3n+3){margin-right:0; }
.guide_list a.active { background-color: #f03f04; color: #fff; }
.guide_detail p {border-top:1px solid #c7c7c7; padding-top:20px; font-size:14px; line-height:1.7;}
.duide_map { width: calc(100% + 20px); height: calc(100vh - 120px); margin-left: -10px; background: #dedede; }
.map_list { max-width:620px; width:100%; height:90px; position:fixed; bottom:105px; left:50%; transform:translateX(-50%);z-index:5;}
.map_list .swiper-slide { min-width:308px; width:85%; margin-left:10px;}
.map_list a { background:#fff; border-radius:7px; padding:10px;}
.map_list a .img { width:52px; height:52px; display:block; overflow:hidden; border-radius:7px; background: #f03f04; }
.map_list a .img img { width:100%; }
.map_list a p { width: calc(100% - 52px); padding-left: 10px; }
.map_list a p strong { display: block; font-size:14px; }
.map_list a p span { display: block; color: #7b7b7b; font-size:12px; }
.map_list .swiper-pagination { bottom: 6px; height: 10px; }
.map_list .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; border-radius: 2px; opacity: 1; }
.map_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f03f04 }

.map_select { width:100%; padding:0 10px; position:absolute; top:100px; left:0; }
.map_select select{background-color:#fff; }

/* 제목+내용 리스트 : 파트너, 2022행사*/
.txt_list_b li h2 { padding: 12px 10px 12px 30px; line-height: 0.6; font-size: 14px; background: #fff url('/img/bul29.png') no-repeat 15px center; background-size: 3px auto; }
.txt_list_b li .data_b { padding: 0 10px 20px; }
.txt_list_b li .data_b.img_l { text-align: center; }
.txt_list_b li .data_b.img_l p { margin-bottom: 20px; }
.txt_list_b li .data_b.img_l p img { width: 80%; max-width: 320px; }
.txt_list_b li .data_b.txt_l { text-align:; }
.txt_list_b li .data_b.txt_l p { padding: 20px 10px; border-bottom: 1px solid #d3d3d3; line-height: 1.4; }
.txt_list_b li .data_b.txt_l p strong { display: block; margin-bottom: 10px; }
.txt_list_b li .data_b.st2 { padding: 20px; }
.txt_list_b li .data_b.st2 h3 { font-size: 16px; margin: 10px 0 20px; }
.txt_list_b li .data_b.st2 h4 { font-size: 16px; margin-bottom: 15px; }
.txt_list_b li .data_b.st2 h5 { font-size: 16px; margin: 10px 15px; }
.txt_list_b li .data_b.st2 p { padding: 0 15px 20px; }

/* 제목+내용 리스트 : 파트너, 2022행사*/
.txt_list_b1 { padding:20px 10px;}
.txt_list_b1 li h2 { padding: 12px 10px 12px 20px; line-height: 0.6; font-size: 14px; border: 1px solid #e3e2dd; border-radius:7px; }
.txt_list_b1 li .data_b { padding: 0 10px 20px; }
.txt_list_b1 li .data_b.img_l { text-align: center; }
.txt_list_b1 li .data_b.img_l p { margin-bottom: 20px; }
.txt_list_b1 li .data_b.img_l p img { width: 80%; max-width: 320px; }
.txt_list_b1 li .data_b.txt_l { text-align:; }
.txt_list_b1 li .data_b.txt_l p { padding: 20px 10px; border-bottom: 1px solid #d3d3d3; line-height: 1.4; }
.txt_list_b1 li .data_b.txt_l p strong { display: block; margin-bottom: 10px; }
.txt_list_b1 li .data_b.st2 { padding: 20px; }
.txt_list_b1 li .data_b.st2 h3 { font-size: 16px; margin: 10px 0 20px; }
.txt_list_b1 li .data_b.st2 h4 { font-size: 16px; margin-bottom: 15px; }
.txt_list_b1 li .data_b.st2 h5 { font-size: 16px; margin: 10px 15px; }
.txt_list_b1 li .data_b.st2 p { padding: 0 15px 20px; }

/* 알람*/
.alarm_b li { padding: 12px 15px 12px 35px; margin-bottom: 15px; line-height: 1.4; font-size: 16px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.alarm_b li:before { content: ''; width: 12px; height: 100%; background: url('/img/bul30.png') no-repeat center; background-size: 10px auto; position: absolute; top: 0; left: 15px; opacity: .3; }
.alarm_b li span { margin-left: 5px; }
.alarm_b li small { margin-left: auto; color: #a1a0a0; }
.alarm_b li p { width: calc(100% - 70px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 텍스트형 리스트 제목+사진_날짜 : 뉴스*/
.board_list ul li { border-bottom: 1px solid #b0b0b0; padding-bottom: 20px; margin-bottom: 20px; }
.board_list ul li a { padding: 0 3px; justify-content:space-between; display: flex; }
.board_list ul li a .img { flex-shrink: 0; width: 105px; height: 75px; overflow: hidden; display: block; margin-left: 15px; }
.board_list ul li a .img img { width: 100%; }
.board_list ul li a p { min-width:172px;}
.board_list ul li a p strong { font-size: 14px; display: block; font-weight: 500; }
.board_list ul li a p span { display: block; color: #b0b0b0; font-size: 14px; }

/* 텍스트형 내용보기 제목+컨텐츠 내용 : 뉴스*/
.board_view .tit_b { border-bottom: 1px solid #b0b0b0; padding-bottom: 20px; }
.board_view .tit_b h1 { font-size: 18px; display: block; margin-bottom: 10px; font-weight: 500; }
.board_view .tit_b p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }
.board_view .tit_b p span { font-size: 15px; }
.board_view .tit_b p small { margin-left: auto; color: #808080; font-size: 12px; }
.board_view .view_b { font-size: 16px; padding: 20px 0; color: #767676; line-height: 1.4; word-break: break-word; }
.board_view .view_b .img { width: 90%; margin: 10px auto; display: block; }
.board_view .view_b img { max-width: 100%; display:block; margin:0 auto; }

.file_b { padding: 10px 0; }
.file_b a { display: block; padding: 15px 45px 15px 15px; font-size: 16px; color: #3b67c0; position: relative; }
.file_b a:after { content: ''; display: block; width: 30px; height: 100%; position: absolute; right: 10px; top: 0; background: url('/img/bul33.png') no-repeat center; background-size: 18px auto; }
.con_b .btn_more { position: absolute; right: 0; top: -50px; color:rgba(0,0,0,0.5);font-weight: bold;}
/* mypage 카드보기 레이어 */
.layer_b { max-width: 600px; width: 90%; height: 85%; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index:110; border-radius: 7px; background: #fff;}
.layer_b.info_b .box { width: 100%; height:calc(100% - 60px); margin: 40px 0 20px; padding:0 20px; overflow:hidden; overflow-y:auto;  }
.layer_b.info_b .box .rating_b { flex-wrap:wrap; padding:20px 0;}
.layer_b.info_b .box .rating_b ul { width:50%; margin-bottom:10px;}
.layer_b.info_b .box .rating_b ul li { width:100%; margin-bottom:10px; display:flex; font-size:14px;}
.layer_b.info_b .box .rating_b ul li span { margin-right:10px; }
.layer_b.info_b .box ul.noti { font-size: 13px; color: #888; }
.layer_b.info_b .box ul.noti li {display:flex; margin-bottom:10px; padding-left:12px; position:relative}
.layer_b.info_b .box ul.noti li:before { content: '-'; position: absolute; left: 0; }
.layer_b.info_b .box ul.noti li:before {content:'-'; position:absolute; left:0;}
.layer_b .btn_close { width:30px; height:30px; display:block; position:absolute; right:15px; top:15px; background:url('/img/bul10.png') no-repeat center; background-size:15px; text-indent:-300px; overflow:hidden; color:transparent;}

/*알람 레이어*/
.layer_b.alert_l { max-width:315px; height:auto; padding:30px; font-size:16px; color: #000; text-align:center;background:#fff; border-radius:14px;}
.layer_b.alert_l span { display:block; }
.layer_b.alert_l p { padding: 20px 0 0; line-height:1.5;}

/*에러 레이어*/
.layer_b.error_l { max-width: 315px; height: auto; padding: 30px; font-size: 16px; color: #000; text-align: center; background: #fff; border-radius: 14px; }
.layer_b.error_l span { display: block; }
.layer_b.error_l p { padding: 20px 0 0; line-height: 1.5; }
.layer_b.error_l .btn_b { padding: 20px 0 0; line-height: 1.5; }

/*배지 레이어*/
.layer_b.badge_l { max-width: 640px; width: 100%; height: 100%; color: #fff; text-align: center; background: rgba(0,0,0,0.85); position: fixed; border-radius: 0; z-index: 150; }
.layer_b.badge_l .btn_close{ right:50px; top:50px; background-image:url('/img/bul28.png'); z-index:10;}
.layer_b.badge_l .badge_swiper { padding-top:100px; height: calc(100% - 70px); }
.layer_b.badge_l .badge_swiper .swiper-slide { width: 255px; height: 100%; display:flex; flex-direction:column; justify-content:center; padding-bottom: 30px; opacity:0.5; transition:opacity 0.3s ease;}
.layer_b.badge_l .badge_swiper .txt { width: 130%; height:85px; flex-shrink: 0; line-height: 1.3; opacity: 0; transition: opacity 0.3s ease; position: relative; left: 50%; transform: translateX(-50%); }
.layer_b.badge_l .badge_swiper .txt h1{ font-size:22px; font-weight:600;}
.layer_b.badge_l .badge_swiper .txt p { font-size: 15px; color: #bababa; }
.layer_b.badge_l .badge_swiper .txt.st1 {width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.layer_b.badge_l .badge_swiper .swiper-slide.st1 { width:100%; }
.layer_b.badge_l .badge_swiper .swiper-slide.st1 .txt {width:100%; height:100%; padding:0 15px; left:0; transform:none; display:flex; flex-direction:column; align-items:center; justify-content:center; color: #f03f04; margin-bottom: 35px; }
.layer_b.badge_l .badge_swiper .swiper-slide.st1 .txt h1 { color: #f03f04; margin-bottom: 35px; }
.layer_b.badge_l .badge_swiper .swiper-slide.st1 .txt h1 span { display:block; margin-bottom:10px; }
.layer_b.badge_l .badge_swiper .b_con { width: 225px; height: 412px; flex-shrink: 0; margin: 0 auto; padding: 45px 10px 15px; background: #ebebeb; border: 10px solid #fff; border-radius: 30px; position: relative; }
.layer_b.badge_l .badge_swiper .b_con:before {content:''; width:63px; height:14px; border-radius:10px; display:block; background:#d1d1d1; position:absolute; top:10px; left:50%; transform:translateX(-50%);}
.layer_b.badge_l .badge_swiper .b_con .img {height:100%; width:100%; display:flex; align-items:center;}
.layer_b.badge_l .badge_swiper .b_con .img img {width:100%;}
.layer_b.badge_l .badge_swiper .swiper-slide.swiper-slide-active { opacity: 1; }
.layer_b.badge_l .badge_swiper .swiper-slide.swiper-slide-active .txt {opacity: 1; }
.layer_b.badge_l .badge_swiper .swiper-pagination { bottom:auto; top:50px; height:10px;}
.layer_b.badge_l .badge_swiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; border-radius: 2px; opacity: 1; }
.layer_b.badge_l .badge_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f03f04 }
.layer_b.badge_l .btn_b { width: 100%; height: 70px; color: #fff; text-align: center; }
.layer_b.badge_l .btn_b a { width: 100%; height: 70px; line-height: 70px; display: block; font-size: 20px; color: #fff; border-radius: 0; background: #909090; }
.layer_b.badge_l .btn_b a:hover,
.layer_b.badge_l .btn_b a.sel{ background:#f03f04; }
.layer_b.badge_l.eng .btn_b a.sel{ background:#f03f04; }
.layer_b.badge_l.eng .badge_swiper .txt { height:120px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.layer_b.badge_l.eng .badge_swiper .txt h1 { font-size: 20px; }
.layer_b.badge_l.eng .badge_swiper .txt p { font-size: 14px; }
.layer_b.badge_l.eng .badge_swiper .b_con { height: 400px; }
/*배지 레이어 2*/
.layer_b.badge_l.b_card .b_con { width: 280px; height: 445px; border-radius: 17px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.layer_b.badge_l.b_card .b_con .img { height: 100%; width: 100%; }
.layer_b.badge_l.b_card .b_con .img img { width: 100%; }
.layer_b.badge_l.b_card .b_con .pic { width: 95px; height: 125px; position: absolute; top: 73px; left: 92px; overflow: hidden; }
.layer_b.badge_l.b_card .b_con .pic img { width: 100%; }
.layer_b.badge_l.b_card .b_con .txt { position: absolute; top: 210px; left: 0; text-align: center; width:100%;}
.layer_b.badge_l.b_card .b_con .txt span { display:block; color:#000; font-size:9.07pt; line-height:11pt; font-family:Noto Sans KR, sans-serif !important; text-align:center;}
.layer_b.badge_l.b_card .b_con .txt span:nth-of-type(1) { margin-bottom:1px;}
.layer_b.badge_l.b_card .b_con .barCode { width: 100%; height: 70px; position: absolute; bottom: 0px; left:50%; transform:translateX(-50%); }
/*모달 팝업*/
.f_pop_b { max-width: 640px; width: 100%;border-radius: 14px 14px 0 0; background: #ebebeb; z-index: 130; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); overflow:hidden;}
.f_pop_b .p_c { width: 100%; max-height: 240px; overflow:hidden;}
.f_pop_b .p_c .barCode { width: 350px; height: 100%; margin:0 auto; background:url('/img/membercard_2025_app.png') no-repeat center; background-size: 100% auto; position: relative; }
.f_pop_b .p_c a { width:100%; height:100%; overflow:hidden; display:block;}
.f_pop_b .p_c a img { width: 100%; }
.f_pop_b .p_c .code { position:absolute; right:-35px; top:87px; transform:rotate(-90deg)}
.f_pop_b .p_f { width:100%; height:60px; padding:0 10px; border-top:1px solid #cbcbcb; display:flex; justify-content:space-between; align-items:center; color:rgba(96,96,96,0.7); font-size:14px; font-weight:500;} 
.f_pop_b .p_f span {display: block;}
.f_pop_b .p_f input[type="checkbox"]{display: none;}
.f_pop_b .p_f input[type="checkbox"] + label{display: inline-block;padding-left:27px; position: relative;}
.f_pop_b .p_f input[type="checkbox"] + label::after{content:'✔';display:block; width:20px; height:20px; border:1px solid #606060; color:#606060; border-radius:50%; font-size:13px;width: 18px;height: 18px;text-align: center;position: absolute;left: 0;top:0;}
.f_pop_b .p_f input[type="checkbox"]:checked + label::after { color:#f03f04 ;border-color: #f03f04; }

/*alert layer*/
.alert_b { width: 280px; background: #fff; border-radius: 5px; overflow: hidden; font-size: 16px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1100; }
.alert_b p { width: 100%; padding: 25px; text-align: center; }
.alert_b a { width: 100%; height: 50px; line-height: 50px; display: block; background: #ff2e00; text-align: center; color: #fff; }

/*setMovie List layer*/
.setmoivelist_b { width: 280px; background: #fff; border-radius: 5px; overflow: hidden; font-size: 16px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1100; }
.setmoivelist_b div { margin-left: 10px; width: 92%; padding: 10px 5px 10px 5px; border-bottom: 1px solid #ccc; font-size: 14px; }
.setmoivelist_b a { width: 100%; height: 50px; line-height: 50px; display: block; background: #ff2e00; text-align: center; color: #fff; }

/*setMovie List layer*/
.setLanguage_b { width: 280px; background: #fff; border-radius: 5px; overflow: hidden; font-size: 16px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1100; }
.setLanguage_b div { margin-left: 10px; width: 92%; padding: 10px 5px 10px 5px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; color: #484646; }
.setLanguage_b a { width: 45%; height: 50px; line-height: 50px; display: block; background: #ff2e00; text-align: center; color: #fff; margin: 10px 5px 10px 5px; border-radius: 5px; float: left }

.top_swiper_section { width: 100%; padding-right: 20px; }
.top_swiper_section .swiper-slide,
.top_swiper_section .swiper-slide { width: 264px; height: 194px; overflow: hidden; margin-right: 15px; border-radius: 10px; position: relative; }
.top_swiper_section a { position: relative; display: block; padding-top: 194px; }
.top_swiper_section a span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.top_swiper_section a span img { width: 264px; height: 194px; }
.top_swiper_section a p { width: 100%; padding: 15px 15px 15px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.3); color: #fff; font-size: 16px; }
.top_swiper_section a p strong { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.top_swiper_section .swiper-pagination { bottom:25px; }
.top_swiper_section .swiper-pagination-bullet { width: 8px; height: 8px; background:#fff; border-radius:2px; }
.top_swiper_section .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f03f04 }

.container { max-width: 640px; width: 100%; margin:0 auto 120px; overflow:hidden;}
.content { padding: 10px; position:relative; }
.content_movie { margin: 20px 10px 100px 10px; }
.content h2 { font-size: 20px; }
.con_h100_b { height: calc(100% - 150px) }
.con_h100_b textarea {height:calc(100% - 133px) }
.tip { color: #818181; font-size: 14px; display: block; text-align: center; word-break: keep-all; }
.con_b { margin-bottom: 30px; position:relative;}
.c_b { padding: 80px 0 60px; position: relative; left: 0; opacity: 0; transition: ease-out 0.5s; }
.c_mov { transform: translateY(0); top: 0; opacity: 1; transition: all ease-in-out 0.8s; }
.mask { width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: none; position: fixed; top: 0; left: 0; z-index: 109; }

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
/*.pic_list_b li a {padding-top: 240px; }*/
.emotion_b p a { padding-top: 60px; }
.emotion_b p a:before { width: 50px; height: 50px; }
.board_list ul li a p strong { font-size: 16px; }
.board_view .tit_b h1 { font-size: 18px; display: block; margin-bottom: 10px; font-weight: 500; }
.board_view .view_b { font-size: 16px; padding: 20px 0; color: #767676; line-height: 1.4; }
.board_view .view_b p { margin-top: 20px; font-size: 18px; }
}

@media all and (max-width:380px) {
}