@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', serif; */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); /* font-family: 'Nanum Square', sans-serif; */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); /* font-family: 'Noto Sans Korean', sans-serif !important; */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); /* font-family : 'Pretendard Variable'*/

/* 초기화 */
html {overflow-y:scroll; width:100%; height:100%;}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Pretendard Variable', serif; height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard Variable', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard Variable', serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard Variable', serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

 

.placeholdersjs { color: #aaa !important; }

input[type=text],input[type=password], textarea {outline:none;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none;}


::selection {background:#000; color:#fff;}
::-moz-selection {background:#000; color:#fff;}



/* 정책 */		
.member { display:inline-block; width:100%; text-align:center;}
.member ul.policy_section { display:inline-block; position:relative; width:100%; height:auto; float:left;}

.member ul.policy_section li.section_head {position:fixed; top:0%; left:0%; display:inline-block; width:100%; border-bottom:0px solid #ddd; float:left; background:rgba(255, 255, 255, 0.5); padding:20px 0 10px 0; 
	-webkit-backdrop-filter: saturate(180%) blur(5px); /* For Safari */
  	backdrop-filter: saturate(180%) blur(5px);
}
.member ul.policy_section li.section_head span.hd_logo { display:inline-block; float:right; padding:15px 20px 0 0;}
.member ul.policy_section li.section_head span.hd_logo img {width:90px;}
.member ul.policy_section button.btn_top_prev {display:inline-block; width:50px; height:50px; float:left; margin:0px 0 0 10px; background:rgba(0, 0, 0, 0); border:0px;}
.member ul.policy_section button.btn_top_prev img.btn_arrow {width:auto; height:25px;}

.member ul.policy_section li.section_content { display:inline-block; width:1600px; height:auto; padding:100px 25px 100px 25px; text-align:left; border-top:1px solid #eee;}
.member ul.policy_section li.section_content span.section_title { display:inline-block; width:100%; font-size:29px; font-weight:bold;}
.member ul.policy_section li.section_content span.section_tail { display:inline-block; width:100%; padding:25px 0 25px 0;}
.member ul.policy_section li.section_content span.section_tail a { display:inline-block; float:left; font-size:12px; color:#939395; margin-right:10px; margin-bottom:7px;}
.member ul.policy_section li.section_content span.section_tail a:last-child {margin-right:0%;}
	
.terms_form { display:block; padding:0px;}
.terms_form span.TermsStyle_1 {display:block; font-size:19px; padding:20px 0 10px 0; font-weight:bold; line-height:150%;}
.terms_form span.TermsStyle_2 {display:block; line-height:180%;}
.terms_form span.TermsStyle_2_1 {display:block; font-size:17px; padding:10px 0 12px 0; font-weight:bold; color:#000; line-height:160%;}
.terms_form span.TermsStyle_2_2 {display:block; font-size:15px; padding:0 0 10px 0; color:#666; line-height:200%;}
.terms_form span.TermsStyle_2_2_1 {display:block; padding:5px 0 5px 15px; color:#666; line-height:200%;}



@media all and ( max-width: 800px ){
/* 정책 */		
.member { display:inline-block; width:100%; text-align:center;}
.member ul.policy_section { display:inline-block; position:relative; width:100%; height:auto; float:left;}

.member ul.policy_section li.section_head {position:fixed; top:0%; left:0%; display:inline-block; width:100%; border-bottom:0px solid #ddd; float:left; background:rgba(255, 255, 255, 0.5); padding:20px 0 10px 0; 
	-webkit-backdrop-filter: saturate(180%) blur(5px); /* For Safari */
  	backdrop-filter: saturate(180%) blur(5px);
}
.member ul.policy_section li.section_head span.hd_logo { display:inline-block; float:right; padding:15px 20px 0 0;}
.member ul.policy_section li.section_head span.hd_logo img {width:90px;}
.member ul.policy_section button.btn_top_prev {display:inline-block; width:50px; height:50px; float:left; margin:0px 0 0 10px; background:rgba(0, 0, 0, 0); border:0px;}
.member ul.policy_section button.btn_top_prev img.btn_arrow {width:auto; height:25px;}

.member ul.policy_section li.section_content { display:inline-block; width:100%; height:auto; padding:50px 20px 50px 20px; text-align:left;}
.member ul.policy_section li.section_content span.section_title { display:inline-block; width:100%; font-size:29px; font-weight:bold;}
.member ul.policy_section li.section_content span.section_tail { display:inline-block; width:100%; padding:25px 0 25px 0;}
.member ul.policy_section li.section_content span.section_tail a { display:inline-block; float:left; font-size:12px; color:#939395; margin-right:10px; margin-bottom:7px;}
.member ul.policy_section li.section_content span.section_tail a:last-child {margin-right:0%;}
	
.terms_form { display:block; padding:0px;}
.terms_form span.TermsStyle_1 {display:block; font-size:19px; padding:20px 0 10px 0; font-weight:bold; line-height:150%;}
.terms_form span.TermsStyle_2 {display:block; line-height:180%;}
.terms_form span.TermsStyle_2_1 {display:block; font-size:17px; padding:10px 0 12px 0; font-weight:bold; color:#000; line-height:160%;}
.terms_form span.TermsStyle_2_2 {display:block; font-size:15px; padding:0 0 10px 0; color:#666; line-height:200%;}
.terms_form span.TermsStyle_2_2_1 {display:block; padding:5px 0 5px 15px; color:#666; line-height:200%;}
}