@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}

mark {background-color:var(--color-bgw); font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:0; border:0;border-top:0; margin:0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle; max-width:100%}
legend {display:none}


html{font-size:10px; height:100%;}
@media (max-width:1320px){
 html{font-size:1.334vw; }
}


input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}
 input, button, select, textarea { outline: none;}
strong{font-weight:700}
b{font-weight:800}
.iconfont{font-size:1em;}
a{color:#000; text-decoration:none}
a:hover, a:focus{color:#000;text-decoration:none}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, select,input,textarea,button {font-size:3rem;  line-height:160%; font-family: "Pretendard","맑은 고딕", "Microsoft Yahei","Gulim", "dotum",Helvetica, sans-serif; color:#000;  }
.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}


.body_wrap{position:relative;  max-width:740px; margin:0 auto; background:#FFF;  }
#header{position:relative; background:#181818; height:3.6667em;}
#header h1{padding:0.333em; }
#header h1 img{height:3em; width:auto;}
#header button{border:0; background:none; width:6rem; height:6rem; transform:translateY(-50%); position:absolute; top:50%; right:0;}
#header button#btnSound{right:9rem;}
#header button#btnMenu{right:2rem;}


#mobileMenu{position:fixed; bottom:0; top:0;  z-index:99; width:600px; right:0;visibility: hidden;opacity: 0; transition: all 200ms;  }
#mobileMenu section{position:relative; background:#FFF; z-index:1; height:100%; overflow:auto}
#mobileMenu .mm_head{padding:1em;}
#mobileMenu .mm_head .aside_banner img{width:100%;}

#mobileMenu .mm_head ul{  line-height:2.5em; text-align:center; display:flex; gap:4%; margin-top:2rem;color: white;margin-top: 1em;margin-bottom: 0.5em;}
#mobileMenu .mm_head ul li {width:49%; background-color:#3A3A3A ; border-radius:.5em;}
#mobileMenu .mm_head ul li a{display:block;color: white; }
#mobileMenu .menu_on{background-color:#B0882F;}

#mobileMenu .gnu {padding:1em;}
#mobileMenu .gnu dt > a{position:relative; display:block; line-height:2em; padding:1em; }

#mobileMenu .gnu dd > a{position:relative; display:block; line-height:2em; padding:1em; }

#mobileMenu .btn_close{position:fixed; bottom:0; top:0;  left:0; right:0;  background:rgba(0,0,0,.5); }
#mobileMenu.open{visibility: visible; opacity: 1;}
#mobileMenu.open section{left:0;}
@media (max-width:750px){
	#mobileMenu{width:70%; }
}
#main_visual{position:relative; overflow:hidden;}
#main_visual article{position:absolute; left:1em; bottom:2em; z-index:3;}
#main_visual article h3{ font-size:1.667em; line-height:1.3em; color:#FFF; }
#main_visual article dl{display:flex; gap:.4em; margin-top:1em;}
#main_visual article dl a{display:block; font-weight:700; padding:0 1em; font-size:1.2em; line-height:2.2em; border-radius:.3em;}
#main_visual article dl dt a{color:#FFF; background:#B0882F}
#main_visual article dl dd a{color:#B0882F; background:none; border:1px solid #B0882F}

#mAssets{position:relative; padding:2em 1em; }
#mAssets h4{ display:flex; justify-content:space-between; line-height:8rem;}
#mAssets h4 strong{font-size:1.6em; }
#mAssets h4 a{color:#767676}
#mAssets .asset_search{position:relative; }
#mAssets .asset_search input{border:1px solid #DDD; width:100%; height:2.667em; border-radius:.3em; padding-left:3em;}
#mAssets .asset_search button{ position:absolute; left:0; top:0; width:3em; height:2.666em; border:0; background:none;}
#mAssets .asset_search button img{width:1.3em; height:auto;}

#mAssets .sort_btn{display:flex; gap:1rem; font-size:.8em; margin-top:1em;}
#mAssets .sort_btn li{ }
#mAssets .sort_btn li a{border:1px solid #DDD; display:block; line-height:3em; padding:0 1em;border-radius:1rem; }
#mAssets .sort_btn li.active a{border-color:#181818}
#mAssets .tb{width:100%; margin-top:2em;}
#mAssets .tb thead{ color:#767676; font-size:.8em; }
#mAssets .tb thead th{text-align:left; }
#mAssets .tb thead td{text-align:right; }
#mAssets .tb tbody{}
#mAssets .tb tbody th{text-align:left; padding:1em 0}
#mAssets .tb tbody td{text-align:right; color:#2864D2; line-height:1em;}
#mAssets .tb tbody td span{display:block; font-size:.8em;}
#mAssets .tb tbody th dl{display:flex;}
#mAssets .tb tbody th dl dt{ margin-right:1em;}
#mAssets .tb tbody th dl dt img{width:2.2em;}
#mAssets .tb tbody th dl dd{ }
#mAssets .tb tbody th dl dd strong{display:block; }
#mAssets .tb tbody th dl dd p{font-size:.8em; color:#767676}
#mAssets .btn_more{display:block; width:5em; line-height:3em; font-size:.8em; margin:1em auto 0; border:1px solid #DDD; text-align:center; border-radius:.3em;}


#mNews{position:relative; padding:2em 1em; }
#mNews h4{ display:flex; justify-content:space-between; line-height:8rem;}
#mNews h4 strong{font-size:1.6em; }
#mNews h4 a{color:#767676}
#mNews ol{margin-top:1em; counter-reset:sign-num;}
#mNews ol li{line-height:3em; position:relative;  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mNews ol li:before{  counter-increment:sign-num; content:counter(sign-num); margin-right:.5em;}

#footer{padding:2em 0; text-align:center; background:#F5F5F5; font-size:.83em; }
#footer h5{margin-top:.5em; }
#footer p{font-size:.78em; color:#767676; line-height:1.3em;}
#footer ul{display:flex; justify-content:center; margin-top:.5em;}
#footer ul li{position:relative;}
#footer ul li:before{position:absolute; top:50%; margin-top:-.5em; height:1em; width:1px; left:0; background:#181818; content:"";}
#footer ul li:first-child:before{display:none;}
#footer ul li a{padding:0 1em; display:block; }


#mbLogin{padding:0em 1em; text-align:center; }
#mbLogin h3{font-weight:700; font-size:1.6em; line-height:4em;}
#mbLogin ul{ }
#mbLogin ul li{position:relative; margin-bottom:.5em;}
#mbLogin ul li input{width:100%; height:3em; border:1px solid #DDD; padding-left:.5em;}
#mbLogin button.btn_submit{ font-weight:700; font-size:1.6em;  height:1.667em; color:#FFF; background:#B0882F; border:0; width:100%;margin-top:1em;}
#mbLogin dl{display:flex; justify-content:space-between; margin-top:2em;}
#mbLogin dl dt a{color:#767676 }
#mbLogin dl dd a{color:#1772F8 }

#mbJoin{padding:0em 1em; text-align:center; }
#mbJoin h3{font-weight:700; font-size:1.6em; line-height:4em;}
#mbJoin ul{ }
#mbJoin ul li{position:relative; margin-bottom:.5em;}
#mbJoin ul li input{width:100%; height:3em; border:1px solid #DDD;padding-left:.5em; }
#mbJoin ul li button{position:absolute; top:50%; right:.3em; background:#1772F8; color:#FFF; border-radius:.3em; padding:0 1em; transform:translateY(-50%); border:0; line-height:2.6em;}
#mbJoin button.btn_submit{ font-weight:700; font-size:1.6em;  height:1.667em; color:#FFF; background:#B0882F; border:0; width:100%; margin-top:1em; }

.alert_layer{position:fixed; top:50%; left:50%; width:20em; background:#FFF; padding:1.5em 1em; transform:translate(-50%,-50%); z-index:99}
.alert_layer:after{position:fixed; top:0; left:0; width:100%; height:100%;   z-index:-1; background:#FFF; content:"";}
.alert_layer:before{position:fixed; top:50%; left:50%; width:100vw; height:100vh; transform:translate(-50%,-50%); z-index:-1; background:rgba(0,0,0,.5); content:"";}

.alert_layer .alert_msg{position:relative; padding:1em 0; border-top:1px solid #DDD;border-bottom:1px solid #DDD; padding-left:3em;}
.alert_layer .alert_msg img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:2em; height:auto}
.alert_layer .alert_msg p{font-size:.6em; color:#767676;line-height:1.3em;}

.alert_layer .alert_msg strong{ display:block; line-height:1.3em;}
.alert_layer article{font-size:.65em; color:#767676;line-height:1.3em; margin:1em 0 3em}
.alert_layer button{display:block; background:#1772F8; color:#FFF; border-radius:.3em; border:0;margin:0 auto; font-size:.8em; padding:0 1em; height:2em;}


#subHead{position:sticky; top:0; width:100%; background:#181818; height:3.6667em; z-index:9}
#subHead .btn_back{position:absolute; top:50%; left:0; transform:translateY(-50%);border:0; background:none; padding:0; width:auto; height:100%;}
#subHead .btn_back img{ width:auto; height:40%;margin-left: 20px;}
#subHead strong{display:block; color:#FFF; font-size:1.2em; text-align:center; line-height:3em}

#newsList{padding:2em 1em;min-height: 600px;}
#newsList ul{ }
#newsList ul li{border-bottom:1px solid #DDD;  }
#newsList ul li a{display:block; padding:.6em 0;}
#newsList ul li a span{font-size:.65em; display:block; line-height:1.3em; color:#767676}
#newsList ul li a p{position:relative;   display:block; line-height:1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#newsView{padding:2em 1em;min-height: 600px;}
#newsView .nv_hd{padding:.6em 0; border-bottom:1px solid #DDD; }
#newsView .nv_hd strong{ display:block;}
#newsView .nv_hd span{ font-size:.65em; display:block; line-height:1.3em; color:#767676}
#newsView .nv_content{padding:1em 0; font-size:.8em; color:#767676}
#newsView .nv_content p{margin-top:1em; line-height:1.4em}

#mbRegister{padding:2em 1em; text-align:center; }
#mbRegister h3{font-weight:700; font-size:1.2em; line-height:4em;}
#mbRegister fieldset{text-align:left;  }
#mbRegister fieldset h5{font-size:1em; font-weight:700; border-bottom:1px solid #DDD; padding:.4em 0}
#mbRegister fieldset h5 svg{width:1.26em; margin-right:.2em; vertical-align:middle;}
#mbRegister fieldset h5 .checked svg circle{fill:#1772F8}

#mbRegister fieldset ul.uls_check{ font-size:.8em; margin-top:1em;}
#mbRegister fieldset ul.uls_check li{line-height:2.5em; position:relative;}
#mbRegister fieldset ul.uls_check li svg{margin-right:.5em; width:1em; height:auto;}
#mbRegister fieldset ul.uls_check li.sub:before{display:inline-block; width:1em; height:1em; vertical-align:middle; margin-right:.5em; content:""; background:url(../img/icon_sub.svg) center no-repeat; background-size:60%;}
#mbRegister fieldset ul.uls_check li a{float:right;color:#C0C0C0;text-decoration:underline; }

#mbRegister fieldset ul.uls_check li label input[type="checkbox"]{display:none; }
#mbRegister fieldset ul.uls_check li label input[type="checkbox"]:checked + svg path{fill:#1772F8}


#mbRegister fieldset ul.uls_check li .tip{position:absolute; top:100%; background:#181818; color:#FFF; font-size:.75em; line-height:1.4em; padding:1em; border-radius:.5em;}
#mbRegister fieldset ul.uls_check li .tip:before{position:absolute; content:""; border:.4em solid transparent; border-bottom-color:#181818; left:3em; top:-.8em;}

#mbRegister fieldset h6{margin-top:4em; font-size:.8em;}
#mbRegister fieldset h6 strong{font-weight:normal; margin-right:.7em;}
#mbRegister fieldset h6 span{color:#C0C0C0}
#mbRegister fieldset input[type=text]{width:100%; height:2.6667em; border:1px solid #DDD; padding-left:.5em;}

#mbRegister fieldset ul.uls_dot{ font-size:.75em; margin-top:1em; color:#767676; padding:1em; line-height:1.3em;}
#mbRegister fieldset ul.uls_dot li{position:relative;  padding:.5em 0; padding-left:1em;}
#mbRegister fieldset ul.uls_dot li:before{content:"•"; position:absolute; top:.5em; left:0;}
#mbRegister fieldset ul.uls_dot li a{ color:#1772F8;text-decoration:underline; }
#mbRegister button.btn_submit{ font-weight:700; font-size:1.6em;  height:1.667em; color:#FFF; background:#B0882F; border:0; width:100%;margin-top:1em; border-radius:.2em;}


.poplayer{position:fixed; top:50%; left:50%; width:20em; background:#FFF; padding:1.5em 1em; transform:translate(-50%,-50%); z-index:99; visibility: hidden;opacity: 0; transition: all 200ms;  }
.poplayer:after{position:fixed; top:0; left:0; width:100%; height:100%;   z-index:-1; background:#FFF; content:"";}
.poplayer:before{position:fixed; top:50%; left:50%; width:100vw; height:100vh; transform:translate(-50%,-50%); z-index:-1; background:rgba(0,0,0,.5); content:"";}
.poplayer h4{position:relative;  padding:.4em 0}
.poplayer h4 img{width:1.5em; float:right;}
.poplayer article{width:100%; height:20em; padding:1em; border-top:1px solid #DDD; overflow:auto; position:relative; font-size:.75em;  color:#767676;  line-height:1.4em;}
.poplayer.open{visibility: visible; opacity: 1;}


.alert_layer{position:fixed; top:50%; left:50%; width:20em; background:#FFF; padding:1.5em 1em; transform:translate(-50%,-50%); z-index:99}
.alert_layer:after{position:fixed; top:0; left:0; width:100%; height:100%;   z-index:-1; background:#FFF; content:"";}
.alert_layer:before{position:fixed; top:50%; left:50%; width:100vw; height:100vh; transform:translate(-50%,-50%); z-index:-1; background:rgba(0,0,0,.5); content:"";}

.alert_layer .alert_msg{position:relative; padding:1em 0; border-top:1px solid #DDD;border-bottom:1px solid #DDD; padding-left:3em;}
.alert_layer .alert_msg img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:2em; height:auto}
.alert_layer .alert_msg p{font-size:.6em; color:#767676;line-height:1.3em;}

.alert_layer .alert_msg strong{ display:block; line-height:1.3em;}
.alert_layer article{font-size:.65em; color:#767676;line-height:1.3em; margin:1em 0 3em}
.alert_layer button{display:block; background:#1772F8; color:#FFF; border-radius:.3em; border:0;margin:0 auto; font-size:.8em; padding:0 1em; height:2em;}

#mypage{padding:2em 2em;}
#mypage .phone_num{padding:1em 0;}
#mypage .phone_num strong{vertical-align:middle;}
#mypage .phone_num button{font-size:.8em; border-radius:2em; background:#FDEADC; border:0; vertical-align:middle; margin-left:1em; padding:.2em .5em .2em .2em}
#mypage .phone_num button img{width:1.333em}

#mypage .phone_num_on{padding:1em 0;}
#mypage .phone_num_on strong{vertical-align:middle;}
#mypage .phone_num_on button{font-size:.8em; border-radius:2em; background:#CAFBFA; border:0; vertical-align:middle; margin-left:1em; padding:.2em .5em .2em .2em}
#mypage .phone_num_on button img{width:1.333em}

#mypage .mypoint{position:relative; padding:1em 0;}
#mypage .mypoint span{display:block; font-size:.933em;}
#mypage .mypoint strong{font-weight:normal; font-size:1.2em;}
#mypage .mypoint .select_unit{display:inline-block; position:relative; font-size:.8em; margin-left:1em;}
#mypage .mypoint .select_unit dt:after{content:"▼"; color:#767676}
#mypage .mypoint .select_unit dd{ display:none; top:100%; left:0; width:6em; position:absolute; background:#181818; color:#FFF; padding:1em;  border-radius:.3em;}
#mypage .mypoint .select_unit dd label{display:block; color:#C0C0C0;}
#mypage .mypoint .select_unit dd label.on{color:#FFF;}
#mypage .mypoint .select_unit.open dd{ display:block;}
#mypage .mypoint button{position:absolute; top:1em; right:0; width:1.2em; height:1.2em; background:none; border:0; padding:0;}
#mypage .mypoint button img{width:100%; height:auto; }
#mypage .mypoint button img[src*=vsible]{display:none }
#mypage .mypoint button img[src*=hidden]{display:block }
#mypage .mypoint.vsible button img[src*=vsible]{display:block }
#mypage .mypoint.vsible button img[src*=hidden]{display:none }

#mypage .secret_msg{background:#474C55; color:#FFF; font-size:1em; height:3.5em; line-height:3.5em; text-align:center; border-radius:.3em; margin-top:2.5em;}
#mypage .secret_msg img{ width:1.3em; margin-right:.5em}

#mypage .mp_btns{position:relative; padding:1em 0;display:flex;  justify-content:space-between; margin-top:2em;font-size:.6667em; border-bottom:1px solid #DDD; }
#mypage .mp_btns a img{width:2.6em;}
#mypage .mp_btns a{width:6.5em; text-align:center; color:#767676; padding:1em 0 .5em}


#mypage .latest{position:relative; padding:1em 0; }
#mypage .latest h4{ display:flex; justify-content:space-between; line-height:8rem;}
#mypage .latest h4 strong{font-size:1.2em; }
#mypage .latest h4 a{color:#767676}
#mypage .latest ol{margin-top:1em; counter-reset:sign-num;}
#mypage .latest ol li{line-height:3em; position:relative;  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mypage .latest ol li:before{  counter-increment:sign-num; content:counter(sign-num); margin-right:.5em;}
#mypage .latest ul{margin-top:1em; }
#mypage .latest ul li{line-height:3em; position:relative;  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


#bankRegist{padding:2em 1em; text-align:center; }
#bankRegist .head_img{width:100%; }
#bankRegist dl{ margin-top:1em;}
#bankRegist dl dd{position:relative; margin-bottom:.5em;}
#bankRegist dl dd input{width:100%; height:3em; border:1px solid #DDD; padding-left:.5em;}
#bankRegist button.btn_submit{ font-weight:700; font-size:1.2em;  height:2.222em; color:#FFF; background:#B0882F; border:0; border-radius:.2em; width:100%;margin-top:1em;}
#bankRegist ul{ font-size:.8em; margin-top:1em; color:#767676; padding:1em; line-height:1.3em; text-align:left; }
#bankRegist ul li{position:relative;  padding:.5em 0; padding-left:1em;}
#bankRegist ul li:before{content:"•"; position:absolute; top:.5em; left:0;}
#bankRegist ul li a{ color:#1772F8;text-decoration:underline; }

#bankRegist2{padding:2em 1em; text-align:center; }
#bankRegist2 .head_img{width:100%; }
#bankRegist2 dl{ margin-top:1em;}
#bankRegist2 dl dd{position:relative; margin-bottom:.5em;}
#bankRegist2 dl dd label{position:absolute; top:0; left:0; color:#C0C0C0; line-height:3em;}
#bankRegist2 dl dd input{width:100%; height:3em; border:0; border-bottom:1px solid #DDD; padding-left:.5em; padding-left:5em}
#bankRegist2 button.btn_submit{ font-weight:700; font-size:1.2em;  height:2.222em; color:#FFF; background:#11BC7D; border:0; border-radius:.2em; width:100%;margin-top:1em;}
#bankRegist2 ul{ font-size:.8em; margin-top:1em; color:#767676; padding:1em; line-height:1.3em; text-align:left; }
#bankRegist2 ul li{position:relative;  padding:.5em 0; padding-left:1em;}
#bankRegist2 ul li:before{content:"•"; position:absolute; top:.5em; left:0;}
#bankRegist2 ul li a{ color:#1772F8;text-decoration:underline; }

#history{padding:2em 1em; background:#181818; min-height:calc(100vh - 3.6667em);}
#history ul{ }
#history ul li{ padding:.6em 0;}
#history ul li a{position:relative; display:block;color:#FFF; }
#history ul li a span{font-size:.65em; display:block; line-height:1.3em; color:#767676}
#history ul li a p{position:relative;   display:block; line-height:1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#history ul li a em{position:absolute; top:0; right:0}
#history ul li.plus a em{color:#11BC7D}
#history ul li.minus a em{color:#F65253}

#pointInout{padding:2em;}
#pointInout .mypoint{position:relative; padding:1em 0;background:url(../img/my_point_bg.jpg) center no-repeat; background-size:cover; color:#FFF;  border-radius:.3em .3em 0 0; z-index:1; padding:1em;}
#pointInout .mypoint:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(71,76,85,.83); border-radius:.3em .3em 0 0;content:""; z-index:-1;}
#pointInout .mypoint span{display:block; font-size:.933em;}
#pointInout .mypoint strong{font-weight:normal; font-size:1.2em;}
#pointInout .mypoint .select_unit{display:inline-block; position:relative; font-size:.8em; margin-left:1em;}
#pointInout .mypoint .select_unit dt:after{content:"▼"; color:#fff}
#pointInout .mypoint .select_unit dd{ display:none; top:100%; left:0; width:6em; position:absolute; background:#181818; color:#FFF; padding:1em;  border-radius:.3em;}
#pointInout .mypoint .select_unit dd label{display:block; color:#C0C0C0;}
#pointInout .mypoint .select_unit dd label.on{color:#FFF;}
#pointInout .mypoint .select_unit.open dd{ display:block;}
#pointInout .mypoint button{position:absolute; top:1em; right:1em; width:1.2em; height:1.2em; background:none; border:0; padding:0;}
#pointInout .mypoint button img{width:100%; height:auto;filter: brightness(100); }
#pointInout .mypoint button img[src*=vsible]{display:none }
#pointInout .mypoint button img[src*=hidden]{display:block }
#pointInout .mypoint.vsible button img[src*=vsible]{display:block }
#pointInout .mypoint.vsible button img[src*=hidden]{display:none }
#pointInout .inout_btn{font-size:1.6em; padding:1em 0; display:flex; border-bottom:1px solid #DDD;}
#pointInout .inout_btn a{width:48%; margin:0 1%; text-align:center; color:#FFF; line-height:1.667em; border-radius:.2em; font-weight:700}
#pointInout .inout_btn a:first-child{background:#F65253}
#pointInout .inout_btn a:last-child{background:#11BC7D}
#pointInout .bank_regist{display:flex; justify-content:end; padding-top:1.5em}
#pointInout .bank_regist a{border:1px solid #DDD; border-radius:.3em; padding:.5em 2em;font-size:.9em;}
#pointInout .bank_regist a img{ width:1.9em; }


#pointInput{padding:2em}
#pointInput h5{font-size:.95em; font-weight:600;}
#pointInput dl{margin:1em 0;}
#pointInput dl dt{ line-height:2em;}
#pointInput dl dd{position:relative; margin-bottom:.5em;}
#pointInput dl dd label{position:absolute; top:0; left:1em; color:#C0C0C0; line-height:3em;}
#pointInput dl dd input{width:100%; height:3em;  border:1px solid #DDD; padding-left:.5em; text-align:right; padding-right:1em;}
#pointInput dl dd.possible{border-bottom:1px solid #DDD; padding:.5em 1em; display:flex;  justify-content:space-between; }
#pointInput dl dd.possible span{color:#C0C0C0;}
#pointInput dl dd.possible strong{font-weight:normal;}
#pointInput dl dd.fee{text-align:right; padding:.5em 1em; color:#767676}

#pointInput .btn_confirm{margin:1em 0; display:flex;  justify-content:space-between; gap:.6em}
#pointInput .btn_confirm button{ font-weight:700; font-size:1.2em;  height:2.222em; border:0; border-radius:.2em; width:48%;flex-grow:1; }
#pointInput .btn_confirm button.btn_cancle{  background:#DDDDDD; }
#pointInput .btn_confirm button.btn_submit{  background:#11BC7D;color:#FFF; }
#pointInput ul{ font-size:.8em; margin-top:1em; color:#767676; padding:1em; line-height:1.3em; text-align:left; }
#pointInput ul li{position:relative;  padding:.5em 0; padding-left:1em;}
#pointInput ul li:before{content:"•"; position:absolute; top:.5em; left:0;}
#pointInput ul li a{ color:#1772F8;text-decoration:underline; }

#security{padding:2em;}
#security h5{font-size:.95em; font-weight:600;}
#security ul{ font-size:.8em; margin-top:1em; color:#767676;  line-height:1.3em; text-align:left; }
#security ul li{position:relative;  padding:.5em 0; padding-left:1em;}
#security ul li:before{content:"•"; position:absolute; top:.5em; left:0;}
#security ul li a{ color:#1772F8;text-decoration:underline; }
#security article{background:#E8F1FF; padding:1.4em; text-align:center; margin:1em 0}
#security article img{width:6.6em; height:auto; }
#security dl{ }
#security dl dd{margin-top:1em; }
#security dl dd a svg{ width:1.6667em; height:auto; vertical-align:middle;}
#security dl dd a{position:relative; display:block;  line-height:1.6667em; padding:.7em; border:1px solid #C0C0C0; border-radius:.3em;}
#security dl dd a span{display:inline-block; vertical-align:middle; color:#C0C0C0}
#security dl dd a.enable{border-color:#767676}
#security dl dd a.enable svg *{fill:#3C79F6 }
#security dl dd a.enable span{color:#181818}
#security dl dd a:after{ position:absolute;right:1em; top:50%; width:.667em; height:.667em; border:2px solid transparent; border-top-color:#767676; border-right-color:#767676;transform:rotate(45deg) translateY(-50%); content:"";}

#securityForm{padding:2em;}
#securityForm h5{font-size:.95em; font-weight:600;}
#securityForm ul{ font-size:.8em; margin-top:1em; color:#767676;background:#FAFAFA;padding:1em;  line-height:1.3em; text-align:left; }
#securityForm ul li{position:relative;  padding:.5em 0; padding-left:1em;}
#securityForm ul li:before{content:"•"; position:absolute; top:.5em; left:0;}
#securityForm .file_upload{padding:1.5em 0; display:flex; gap:.8em;}
#securityForm .file_upload a{flex-grow:1;height:6.6667em; background:#FAFAFA center / 1.7em 1.7em no-repeat url(../img/icon_add_file.svg); }

#securityForm form{ }
#securityForm form dl{ }
#securityForm form dl dt{line-height:2em; margin-top:1em;color:#767676 }
#securityForm form dl dd{ display:flex; line-height:2.667em; }
#securityForm form dl dd input{ border:1px solid #DDD; height:2.667em; padding:0 .5em; width:100%;}
#securityForm form dl dd i{padding:0 .5em}
#securityForm .btn_confirm{margin:2em 0; display:flex;  justify-content:space-between; gap:.6em}
#securityForm .btn_confirm button{ font-weight:700; font-size:1.2em;  height:2.222em; border:0; border-radius:.2em; width:48%;flex-grow:1; }
#securityForm .btn_confirm button.btn_cancle{  background:#E8F1FF; color:#1772F8;}
#securityForm .btn_confirm button.btn_submit{  background:#1772F8;color:#FFF; }

.popp_layer{  top:50%; left:50%; width:20em; text-align:center;  background:#FFF; padding:1.5em 1em; transform:translate(-50%,-50%);}
.popp_layer::backdrop { background: rgba(24, 24, 24, 0.5);}
.popp_layer p{font-weight:700;}
.popp_layer button.confirm{ font-weight:700; font-size:1.2em;  height:2.222em; border:0; border-radius:.2em; padding:0 2em;background:#1772F8;color:#FFF; margin-top:.5em;}


hr.h-1 {height:.1em}
hr.h-2 {height:.2em}
hr.h-3 {height:.3em}
hr.h-4 {height:.4em}
hr.h-5 {height:.5em}
hr.h-6 {height:.6em}
hr.h-7 {height:.7em}
hr.h-8 {height:.8em}
hr.h-9 {height:.9em}
hr.h1 {height:1em}
hr.h1-5 {height:1.5em}
hr.h2 {height:2em}
hr.h2-5 {height:2.5em}
hr.h3 {height:3em}
hr.h4 {height:4em}
hr.h5 {height:5em}
hr.h6 {height:6em}
hr.h7 {height:7em}
hr.h8 {height:8em}
hr.h9 {height:9em}
hr.h10 {height:10em}
.menu_main{
    width: 100%;
    color: white;
}
.menu_main a{
    color: white;
}
.mm_list{
    width: 100%;
    display: flex;
    background-color: #3A3A3A;
    box-sizing: border-box;
    padding-left: 2em;
    line-height: 3.5em;
}
.mm_list2{
    width: 100%;
    display: flex;
    background-color: #181818;
    box-sizing: border-box;
    padding-left: 2em;
    line-height: 3.5em;
}
.mml_img img{
    width: 1.2em;
}
.mml_text{
    flex: 1;
    box-sizing: border-box;
    padding-left: 1em;
}