@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 

.only_m{display: none;}
.bk{font-family: 'BookkMyungjo-Bd';}
.d-block { display:block; }
.d-inline { display:inline; }
.d-inline-block { display:inline-block; }
.green{color:#52B15D !important}
.white{color:#fff !important}
.red{color:#ff503e !important}
.black{color:#000 !important}

.d-flex { display:flex; }
.flex-wrap { flex-wrap:wrap; }
.justify-content-center { justify-content:center; }
.justify-content-between { justify-content:space-between; }
.justify-content-around { justify-content:space-around; }
.justify-content-evenly { justify-content:space-evenly; }
.align-items-center { align-items:center; }
.align-items-end { align-items:flex-end; }
.align-items-start { align-items:flex-start; }
.align-items-stretch { align-items:stretch; }

.white{color:white;}
.blue{color:#5176BD}
.blue2{color:#8AB2FF}
.gray{color:#A3A3A3}

/* 마진 */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.mt150{margin-top:150px !important;}
.pt120{padding-top:120px !important}
.pb120{padding-bottom:120px !important}
.pt140{padding-top:140px !important}
.pb140{padding-bottom:140px !important}
.pt200{padding-top:200px !important}
.pb200{padding-bottom:200px !important}
.pd50{padding:50px !important}
.pd40{padding:40px !important}
.pd35{padding:35px !important}


/* font-size */
.txt180{font-size:180px;line-height:1.2; letter-spacing:-10px;}
.txt98{font-size:98px;line-height:1.2;}
.txt88{font-size:88px;line-height:1.2;}
.txt84{font-size:84px;line-height:1.2;}
.txt78{font-size:78px;line-height:1.2;}
.txt74{font-size:74px;line-height:1.2;}
.txt72{font-size:72px;line-height:1.2;}
.txt70{font-size:70px;line-height:1.2;}
.txt68{font-size:68px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt65{font-size:65px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt58{font-size:58px;line-height:1.2;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt52{font-size:52px;line-height:130%;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt46{font-size:46px;line-height:1.2;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.2;}
.txt40{font-size:40px;line-height:1.228;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:1.33;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.533;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;line-height:1.73;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.63;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}


.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw350 {font-weight: 350;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.pd30{ padding-left:30px;}
.pd18{ padding-left:18px;}
.pd10{ padding-left:10px;}

.lh1 {line-height: 1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.33;}
.lh15 {line-height: 1.5;}
.lh17 {line-height: 1.7;}
.lh2 {line-height: 2;}
.lh3 {line-height: 3;}
.kim { font-family:'SCoreDream', serif; }

.w2000 {max-width: 2030px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1800 {max-width: 1830px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1760 {max-width: 1790px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1760 {max-width: 1790px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1640 {max-width: 1640px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1600 {max-width: 1630px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1524 {max-width: 1554px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1400 {max-width: 1430px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1300 {max-width: 1300px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1200 {max-width: 1230px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1100 {max-width: 1130px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1060 {max-width: 1090px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1000 {max-width: 1030px; margin: 0 auto; position: relative; padding: 0 15px;}
.w950 {max-width: 980px; margin: 0 auto; position: relative; padding: 0 15px;}
.w900 {max-width: 930px; margin: 0 auto; position: relative;  padding: 0 15px;}
.w640 {max-width: 670px; margin: 0 auto; position: relative;  padding: 0 15px;}

.ff_dense {font-family: 'Dense';}
.ff_didot {font-family: 'Didot';}

.full_img {width: 2000px;position: relative; left: 50%; margin-left: -1000px;}


:root {
	font-size: var(--font-16);
	--color-base: #111;
	--color-dark: #333;
	--color-tab: #262626;
	--color-date: #4c4c4c;
	--color-gray: #fafafa;
	--color-gray2: #b3b3b3;
	--color-gray3: #fcfcfc;
	--color-gray4: #f3f3f3;
	--color-black: #1a1a1a;
	--color-text: #666;
	--color-text2: #999;
	--color-point: #12b2b2;
	--color-point2: #068080;
	--color-point3: #1ca59c;
	--color-deep: #182b8c;
	--color-blue: #0077d9;
	--color-yellow: #ffea00;
	--color-line: #e6e6e6;
	--color-line2: #dedede;
	--color-line3: #dbdbdb;
	--color-line4: #e0e0e0;
	--color-line5: #ccc;
	--font-base: 'Noto Sans KR', sans-serif;
	--font-14: clamp(13px, 3.611vw * 0.5, 14px);
	--font-15: clamp(14px, 3.889vw * 0.5, 15px);
	--font-16: clamp(14px, 3.889vw * 0.5, 16px);
	--font-16-13: clamp(13px, 3.611vw * 0.5, 16px);
	--font-16-15: clamp(15px, 4.167vw * 0.5, 16px);
	--font-17: clamp(15px, 4.167vw * 0.5, 17px);
	--font-17-14: clamp(14px, 3.889vw * 0.5, 17px);
	--font-18: clamp(15px, 4.167vw * 0.5, 18px);
	--font-18-14: clamp(14px, 3.889vw * 0.5, 18px);
	--font-18-16: clamp(16px, 4.444vw * 0.5, 18px);
	--font-20: clamp(14px, 3.889vw * 0.5, 20px);
	--font-20-18: clamp(18px, 5vw * 0.5, 20px);
	--font-22: clamp(20px, 5.556vw * 0.5, 22px);
	--font-22-16: clamp(16px, 4.444vw * 0.5, 22px);
	--font-22-18: clamp(18px, 5vw * 0.5, 22px);
	--font-24: clamp(16px, 4.444vw * 0.5, 24px);
	--font-24-22: clamp(22px, 6.111vw * 0.5, 24px);
	--font-26: clamp(22px, 6.111vw * 0.5, 26px);
	--font-26-24: clamp(24px, 6.667vw * 0.5, 26px);
	--font-28: clamp(26px, 7.222vw * 0.5, 28px);
	--font-30: clamp(26px, 7.222vw * 0.5, 30px);
	--font-32: clamp(26px, 7.222vw * 0.5, 32px);
	--font-34: clamp(28px, 7.778vw * 0.5, 34px);
	--font-34-24: clamp(24px, 6.667vw * 0.5, 34px);
	--font-34-26: clamp(26px, 7.222vw * 0.5, 34px);
	--font-36: clamp(28px, 7.778vw * 0.5, 36px);
	--font-38: clamp(28px, 7.778vw * 0.5, 38px);
	--font-40: clamp(30px, 8.333vw * 0.5, 40px);
	--font-40-19: clamp(19px, 5.278vw * 0.5, 40px);
	--font-40-26: clamp(26px, 7.222vw * 0.5, 40px);
	--font-40-36: clamp(36px, 10vw * 0.5, 40px);
	--font-42: clamp(28px, 7.778vw * 0.5, 42px);
	--font-42-34: clamp(34px, 9.444vw * 0.5, 42px);
	--font-50: clamp(36px, 10vw * 0.5, 50px);
	--font-50-38: clamp(38px, 10.556vw * 0.5, 50px);
	--font-50-40: clamp(40px, 10vw * 0.5, 50px);
	--space-13: clamp(10px, 2.778vw * 0.5, 13px);
	--space-15: clamp(10px, 2.778vw * 0.5, 15px);
	--space-20: clamp(10px, 2.778vw * 0.5, 20px);
	--space-20-12: clamp(12px, 3.333vw * 0.5, 20px);
	--space-20-15: clamp(15px, 4.167vw * 0.5, 20px);
	--space-20-16: clamp(16px, 4.444vw * 0.5, 20px);
	--space-20-17: clamp(17px, 4.722vw * 0.5, 20px);
	--space-24: clamp(20px, 5.556vw * 0.5, 24px);
	--space-24-18: clamp(18px, 5vw * 0.5, 24px);
	--space-28: clamp(20px, 5.556vw * 0.5, 28px);
	--space-30: clamp(20px, 5.556vw * 0.5, 30px);
	--space-30-16: clamp(16px, 4.444vw * 0.5, 30px);
	--space-30-19: clamp(19px, 5.278vw * 0.5, 30px);
	--space-35: clamp(25px, 6.944vw * 0.5, 35px);
	--space-38: clamp(32px, 8.889vw * 0.5, 38px);
	--space-40: clamp(30px, 8.333vw * 0.5, 40px);
	--space-40-20: clamp(20px, 5.556vw * 0.5, 40px);
	--space-40-24: clamp(24px, 6.667vw * 0.5, 40px);
	--space-40-26: clamp(26px, 7.222vw * 0.5, 40px);
	--space-40-34: clamp(34px, 9.444vw * 0.5, 40px);
	--space-50: clamp(40px, 11.111vw * 0.5, 50px);
	--space-50-30: clamp(30px, 8.333vw * 0.5, 50px);
	--space-60: clamp(30px, 8.333vw * 0.5, 60px);
	--space-60-40: clamp(40px, 11.111vw * 0.5, 60px);
	--space-60-46: clamp(46px, 12.778vw * 0.5, 60px);
	--space-60-50: clamp(50px, 13.889vw * 0.5, 60px);
	--space-60-52: clamp(52px, 14.444vw * 0.5, 60px);
	--space-60-54: clamp(54px, 15vw * 0.5, 60px);
	--space-66: clamp(57px, 15.833vw * 0.5, 66px);
	--space-70: clamp(60px, 16.667vw * 0.5, 70px);
	--space-70-40: clamp(40px, 11.111vw * 0.6, 70px);
	--space-70-55: clamp(55px, 15.278vw * 0.5, 70px);
	--space-80: clamp(60px, 16.667vw * 0.6, 80px);
	--space-80-40: clamp(40px, 11.111vw * 0.6, 80px);
	--space-100: clamp(50px, 13.889vw * 0.6, 100px);
	--space-100-40: clamp(40px, 11.111vw * 0.6, 100px);
	--space-100-60: clamp(60px, 16.667vw * 0.6, 100px);
	--space-100-80: clamp(80px, 22.222vw * 0.6, 100px);
	--space-110: clamp(50px, 13.889vw * 0.6, 110px);
	--space-120: clamp(60px, 16.667vw * 0.6, 120px);
	--space-120-40: clamp(40px, 11.111vw * 0.6, 120px);
	--space-120-50: clamp(50px, 13.889vw * 0.6, 120px);
	--space-120-80: clamp(80px, 22.222vw * 0.6, 120px);
	--space-130: clamp(110px, 30.556vw * 0.5, 130px);
	--space-160: clamp(80px, 22.222vw * 0.6, 160px);
	--gap16: clamp(8px, 2.222vw * 0.5, 16px);
	--gap20: clamp(8px, 2.222vw * 0.8, 20px);
	--gap24: clamp(16px, 4.444vw * 0.5, 24px);
	--font-sm: 300;
	--font-rg: 400;
	--font-md: 500;
	--font-bd: 700;
	--font-bk: 900;
	--padding-inner: clamp(16px, 4.444vw * 0.6, 30px);
	--mpadding-inner: calc(var(--padding-inner) * -1);
	--easing: cubic-bezier(.48,.37,.32,1.06);
	--easing_out: cubic-bezier(.18,.61,.34,.99);
	--easing_in: cubic-bezier(.44,0,.99,.73);
	--trans: .3s ease;
	--delay: 0s;
	--height: calc(var(--vh, 1vh) * 100);
	--ios-pdd-btm: env(safe-area-inset-bottom);
}

/* reset */
html, body {-webkit-text-size-adjust: none}
html {box-sizing: border-box;}
body {font-family: var(--font-base); color: var(--color-base); background: #fff;}
*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
section, article, header, footer, main, nav, aside, hgroup, figure, figcaption {display:block; margin:0; padding:0}
table caption, legend, .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
table {width:100%; border-collapse: collapse; border-spacing:0;}
table th {font-weight:normal}
img, fieldset, button, input {border:0; vertical-align:middle}
img, svg {max-width:100%; border: 0; vertical-align: top;}
ul, ol, li {list-style:none}
em, address {font-style:normal}
label, button {cursor:pointer}
a {color:inherit; text-decoration:none}
button {vertical-align:top; background:transparent; font:inherit; -webkit-appearance: none; border: 0;}
button::-moz-focus-inner {padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:inherit; font-weight:normal}
input, select, button, textarea {font:inherit; color:inherit; letter-spacing:inherit;}
textarea {overflow-y:auto; resize:none}
* {letter-spacing: -0.01em;}

/* skip navigation */
#accessibility {position:absolute; z-index:99999; top:0; left:5%; width:90%}
#accessibility a {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:var(--color-black)}
#accessibility a:focus, #accessibility a:active {height:50px}
#accessibility a span {display:block; height:50px; border:1px solid var(--color-black); text-align:center; line-height:50px}

/* scrollbar */
.scrollbar-custom::-webkit-scrollbar {width: 6px; border-radius: 10px;}
.scrollbar-custom::-webkit-scrollbar-track {background: none;}
.scrollbar-custom::-webkit-scrollbar-thumb {background: rgba(216,216,216,0.7); border-radius: 10px;}

/* firfox scrollbar */
.scrollbar-custom {scrollbar-width: thin; scrollbar-color: rgba(216,216,216,0.7) transparent;}

/* common */
.clearfix::after {content:""; display:block; clear:both}
.d_flex {display:flex;}
.d_inflex {display: inline-flex;}
.d_flex_ct {display: flex; justify-content: center; align-items: center;}
.d_inflex_ct {display: inline-flex; justify-content: center; align-items: center;}
.flex_ct {justify-content: center;}
.flex_vct {align-items: center;}
.txt_ct {text-align:center}
.txt_lt {text-align: left;}
.txt_rt {text-align:right}
.txt_just {text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; width: 100%;}
.txt_keep {word-break: keep-all;}
.txt_break {word-break: break-all;}
.txt_wrap {white-space: nowrap; letter-spacing: inherit;}
.hyphen {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.noscroll {overflow: hidden;} 

.row.d_flex .col {flex: 1;}

@media (min-width: 993px) {
	.p_txt_ct {text-align: center;}
}

@media (max-width: 992px) {
	.m_flex_col {flex-direction: column;}
}

.inner {position: relative; margin: 0 auto; padding: 0 var(--padding-inner);}
.inner::after {content: ""; display: block; clear: both;}
.inner {max-width: calc(1300px + var(--padding-inner) * 2);}
.inner.md {max-width: calc(1240px + var(--padding-inner) * 2);}
.inner.sm {max-width: calc(1080px + var(--padding-inner) * 2);}

@media (min-width: 1301px) {
	.inner.full {max-width: inherit; width: 100%;  padding:0 30px}
}

.xp_show,
.p_show,
.t_show,
.xm_show,
.m_show {display: none !important;}

/* .xp_hide,
.p_hide,
.t_hide,
.xm_hide,
.m_hide {display: inherit !important;} */

@media (max-width: 1300px) {
	.xxp_hide {display: none !important;}
}

@media (max-width: 1200px) {
	.xp_hide {display: none !important;}
	.xp_show {display: inherit !important;}
	.xp_show.inline {display: inline !important;}
}

@media (min-width: 993px) {
	.p_hide {display: none !important;}
	.p_show {display: inherit !important;}
}

@media (max-width: 992px) {
	.t_hide {display: none !important;}
	.t_show {display: inherit !important;}
	.mt55{margin-top:10px !important}
	.pb140{padding-bottom:50px !important}
	.pt140{padding-top:50px !important}
}

@media (max-width: 768px) {
	.xm_hide {display: none !important;}
	.xm_show {display: inherit !important;}
}

@media (max-width: 576px) {
	.m_hide {display: none !important;}
	.m_show {display: inherit !important;}
}

/* font */
.lts_mdd,
.lts_mdd * {letter-spacing: -0.025em;}
.lts_lg,
.lts_lg * {letter-spacing: -0.05em;}

/* color */
.txt_white {color: #fff !important;}
.txt_black {color: var(--color-base) !important;}
.txt_point {color: var(--color-point2) !important;}
.bg_gray {background-color: #f7f7f7 !important;}
.bg_gray2 {background-color: var(--color-gray) !important;}


@media screen and (max-width: 991px) {
	.only_m{display: block;}
	.only_pc{display: none;}
    .txt88,
	.txt84{font-size:36px;}
	.txt78,
	.txt74,
	.txt72{font-size:35px;}
	.txt68,
	.txt66{font-size:34px;}
	.txt70{font-size:34px}
	.txt62,
	.txt60{font-size:33px;}
	.txt58,
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:25px;}
	.txt48,
	.txt46{font-size:27px;}
	.txt45,
	.txt44{font-size:30px;}
	.txt42,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt22,
	.txt21{font-size:16px;}
	.txt20,
	.txt19{font-size:14px;}
	.txt18,
	.txt17,
	.txt16{font-size:14px;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}
	
	.mb70 { margin-bottom: 50px !important;}

    .m1_con li{width:100%; margin:15px 0;}
    .m2_con li{width:100%; margin:15px 0;}
    .m5_con li{width:50%; margin:15px 0; height:200px}
   
	.mt60{margin-top:20px !important}
    .btn{width:100%}

    .pt120{padding-top:50px !important}
    .pb120{padding-bottom:50px !important}

    .anw{font-size:14px}
}






.footer_section { position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-color:#000; }
.footer_section .pc-only { display:block; }
.footer_section .mo-only { display:none; }
.footer_section .container-fluid, .footer_section .footer_con { height:100%; }
.footer_con .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }

.footer_con .footer_item01 .main-visual-item-bg { background:url("../img/footer_visual.jpg") no-repeat 50% 50%/ cover; }

.footer_item .footer_content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.footer_item .footer_content .txt01 { font-size:1.875rem; line-height:3.437rem;  }
.footer_item .footer_content .txt02 { font-size:1.175rem; line-height:1.437rem;  }
.footer_item .footer_content h2 { font-size:4.125rem;}

.footer_item01 .footer_content .txt01 { color:#fff; }
.footer_item01 .footer_content .txt02 { color:#fff; }
.footer_item01 .footer_content h2 { color:#fff; }
.flex_lt{width:50%}
.flex_rt{width:50%}
.bo_w_info input{background:none; border:1px solid #fff; color:#fff; padding:20px; border-radius:10px; margin:10px; width:39%}
.bo_w_info input::placeholder {color:#fff; font-size:18px}
.bo_w_info textarea{background:none; border:1px solid #fff; color:#fff; padding:20px; border-radius:10px; margin:10px; width:89%}
.bo_w_info textarea::placeholder {color:#fff; font-size:18px}
.bo_w_info .checkbox{width:initial;padding-left:40px; width:20px;height:20px;}
.checkbox_div label{ color:#fff}
.checkbox_div{margin-left:10px}
.styled{background:#1f59dc !important; border:none !important; font-size:22px !important; width:89% !important}
.styled::value {color:#fff; font-size:32px !important}

/* reveal : popup */
.reveal {display:none;overflow-y:auto;position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
.reveal .reveal-overlay {position:fixed;z-index:9998;top:0;bottom:0;left:0;right:0;width:100%;background-color:rgba(0,0,0,.75)}
.reveal .reveal-inner {position:fixed;z-index:9999;top:50%;left:50%;max-width:600px;padding:30px;background-color:#fff;transform:translate(-50%, -50%)}
.reveal .reveal-inner .reveal-header {margin-bottom:20px;padding-bottom:.938rem;border-bottom:2px solid #000}
.reveal .reveal-inner .reveal-header .title {font-size:24px}
.reveal .reveal-inner .reveal-header .reveal-close {-ms-flex:0 0 30px;flex:0 0 30px;width:30px;height:30px;font-size:20px}
.reveal .reveal-inner .reveal-content {overflow-y:auto;width:100%;height:500px}

/* banner */
.line-banner {position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100px;  display: flex; justify-content: center; z-index: 100;}