@charset "UTF-8";

html { overflow-y:scroll; }
body { margin:0; padding:0; background:var(--mainBg); color:var(--fontColorMain); }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:inherit; color:inherit; line-height:inherit; font-weight:inherit; margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

ul, dl, dt, dd { margin:0; padding:0; list-style:none; }

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




body, td, p, input, button, textarea, select, li { color:var(--fontColorMain); font-family:'Pretendard', 'Noto Sans KR', 굴림, Tahoma; font-size:16px; /*line-height:normal;*/  }
body, td, p, input, button, textarea, select, li, div, span { line-height:normal; }
form { margin:0px; }
p { margin:0; padding:0; word-break:break-all; }
/* hr { display:none; } */
pre { overflow-x:scroll; font-size:1.1em; }
a { color:var(--fontColorMain); text-decoration:none; }


input[type="submit"], input[type="button"] { cursor:pointer; }
img[role="button"],
button { padding:0px; cursor:pointer; }


table > caption { position:absolute; left:-9999px; }

/*
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }
*/
.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:35px; border:1px solid #cfcfcf; padding:0 0 0 10px; box-sizing:border-box; }
input.ed_password { height:35px; border:1px solid #cfcfcf; padding:0 0 0 10px; box-sizing:border-box; }
textarea.tx { border:1px solid #cfcfcf; padding:5px; box-sizing:border-box; }



/* 체크박스, 라디오박스 라인조절 */
.checkbox-inline, .radio-inline { padding-top: 0px; margin-top: 0; margin-bottom: 0; }
.checkbox-inline, .radio-inline{ position:relative; display:inline-block; padding-left:20px; margin-bottom:0; font-weight:400; vertical-align:middle; cursor:pointer; }
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline { margin-top:0; margin-left:10px; }
.checkbox-inline input[type=checkbox],
.radio-inline input[type=radio] { position:absolute; margin-top:1px; margin-left:-20px; }



/* 커스텀 체크,라디오,셀렉트박스 */
.transparent_sltbox_wrapper {position:relative; display:inline-block;}

.transparent_radio_wrapper { position:relative; display:inline-block; cursor:pointer;}
.transparent_radio_wrapper span { position:relative; display:inline-block; top:-2px; }
.transparent_radio_wrapper span .transparent_radio_design { position:relative; display:inline-block; width:15px; height:15px; border-radius:50%; box-sizing:border-box; border:1px solid #aaa; padding:2px; background:#fff; vertical-align:middle; margin:-3px 2px 0 0; }
.transparent_radio_wrapper span .transparent_radio_design > div { width:100%; height:100%; border-radius:50%; background:#fff; }
.transparent_radio_wrapper.radio_checked span .transparent_radio_design > div { background:#0054a7; }
.transparent_radio_focus_area { position:absolute; top:0px; left:0px; width:15px; height:15px; font-size:1px; text-decoration:none !important;}

.transparent_radio_ver2_wrapper { position:relative; display:inline-block; vertical-align:top; cursor:pointer; }
.transparent_radio_ver2_wrapper span { position:relative; display:inline-block; vertical-align:top; font-size:15px; color:#777; font-weight:300; }
.transparent_radio_ver2_wrapper span .transparent_radio_ver2_design { position:relative; display:inline-block; width:23px; height:23px; border-radius:50%; box-sizing:border-box; background:url("/img/chk3.png") no-repeat center center; vertical-align:top; margin:0px 3px 0 0; border:1px solid #dadada; }
/* .transparent_radio_ver2_wrapper span .transparent_radio_ver2_design > div { width:100%; height:100%; border-radius:50%; background:url("/img/radio2_on.png") no-repeat center center; } */
.transparent_radio_ver2_wrapper.radio_checked span .transparent_radio_ver2_design { background:url("/img/chk3_on.png") no-repeat center center, #1b2529; border:1px solid #1b2529; }
.transparent_radio_ver2_focus_area { position:absolute; top:1px; left:1px; width:15px; height:15px; font-size:1px; text-decoration:none !important;}


.transparent_chkbox_wrapper { position:relative; display:inline-block; cursor:pointer; }
.transparent_chkbox_wrapper span { position:relative; display:inline-block; vertical-align:middle; text-align:left; }
.transparent_chkbox_wrapper span img { position:relative; display:inline-block; width:10px; vertical-align:middle; margin:0px 5px; top:-1px; padding-right:3px; box-sizing:content-box; opacity:0; }
.transparent_chkbox_wrapper.on span img { opacity:1; }
.transparent_chkbox_wrapper .transparent_chkbox_focus_area { position:absolute; top:0px; left:0px; text-decoration:none !important; display:inline-block; border:1px solid #bbb; border-radius:3px; vertical-align:middle; box-sizing:content-box; background:#fff; }
.transparent_chkbox_wrapper.on .transparent_chkbox_focus_area { border-color:#0054a7; background:#0054a7; }


.transparent_chkbox_ver2_wrapper { position:relative; display:inline-block; vertical-align:top; cursor:pointer; line-height:24px; }
.transparent_chkbox_ver2_wrapper span { position:relative; display:inline-block; vertical-align:top; color:#777; font-weight:300; }
.transparent_chkbox_ver2_wrapper span .transparent_chkbox_ver2_design { position:relative; display:inline-block; width:23px; height:23px; border-radius:50%; box-sizing:border-box; background:url("/img/chk3.png") no-repeat center center; vertical-align:top; margin:0px 3px 0 0; border:1px solid #dadada; }
.transparent_chkbox_ver2_wrapper.checkbox_checked span .transparent_chkbox_ver2_design { background:url("/img/chk3_on.png") no-repeat center center, #1b2529; border:1px solid #1b2529; }
.transparent_chkbox_ver2_focus_area { position:absolute; top:1px; left:1px; width:15px; height:15px; font-size:1px; text-decoration:none !important;}

.transparent_sltbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; }
.transparent_chkbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0; z-index:1; }
.transparent_chkbox_ver2 {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0; }
.transparent_radio {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 15%; }
.transparent_radio_ver2 {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0%; }
.transparent_date {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; }
/* 커스텀 체크,라디오,셀렉트박스 끝*/



.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important; }





@media (max-width: 767px) {                             /* var(--mobile) */

    .transparent_chkbox_wrapper .transparent_chkbox_focus_area { top:-1px; }

}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}