@charset "utf-8";

/* reset */
*{margin:0;padding:0;}
 
html{ position: sticky; width:100%; height:100%; display:block;margin:0;padding:0;  
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
 
html:root {border:none;  display:block;}
body{ overflow-y:auto; min-width:270px; color:#fff; background:#000; word-break:keep-all; word-wrap:break-word;}
html,body{position:relative;width:100%; height:100%; margin:0;padding:0;font-size:14px; font-family: 'Pretendard', sans-serif; vertical-align:top; font-weight:400; line-height:1.6;}
.wbody { background:#fff; color:#161a1a; }

body  { -ms-overflow-style: none; /* IE and Edge */}
body::-webkit-scrollbar {}

@media all and (max-width:400px){
    html,body{ font-size:13px; }
}

div, dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,select,textarea,p,blockquote,address,th,td {margin:0;padding:0;vertical-align:top; color:inherit;font-family:inherit; font-size: inherit; font-weight: inherit;}

html,body, header,nav,section,article,footer, aside, address, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, button, select, textarea, p, blockquote, address, table, tbody, thead, th, td,
details, figcaption, figure, hgroup, h1, h2, h3, h4, h5, h6, a, span, strong,b, i,em, label {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after,::before, ::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; padding:0;margin:0; vertical-align:top;}
header,nav,section,article,footer{width:100%;}
img, b,strong,a, span,i {vertical-align:top;padding:0;margin:0;border:0;}
b, strong {font-weight:500;}

h1,h2,h3,h4,h5,h6 {font-weight:600; line-height:1.2;}
a{text-decoration:none; display:inline-block; cursor:pointer; color:inherit; vertical-align:top;background:transparent; outline:none;}
a:hover{text-decoration:none; }

*,*:focus,*:hover{outline:none !important;}

a:focus, img:focus, input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none; }

table {border-collapse:collapse;border-spacing:0;padding:0;margin:0;border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal; padding:0;margin:0;}
ol,ul,li,dl, dd,menu {list-style:none; margin:0; padding:0;}
legend,button,input,select,textarea{vertical-align:middle;display:inline-block;padding:0;margin:0;}
legend {text-indent: -9999px;}
caption {text-indent: -9999px; display: none; text-align:left;}
caption:after{display:block;clear:both;content:'';}
caption legend {width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
abbr,acronym {border:0;}
img.flxImg{max-width:100%;}


/* Chrome, Safari용 스크롤 바*/
::-webkit-scrollbar {position:relative; right:0; z-index:0; width:8px; height: 8px; background:transparent;background: #999; -webkit-border-radius:0; border-radius:0;  }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {z-index:0; display: block; height:8px;}
::-webkit-scrollbar-track {z-index:0; background: #888; -webkit-border-radius:5px; border-radius:4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb {z-index:0; height:45%; width:8px; background: rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius:4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }

.pt0 {padding-top:0 !important;}

.block_max319 {display:none; }
 @media all and (max-width: 319px){
 .block_max319 {display:block; }
 }

/* policywrap */
.policyWrap, .privacyWrap,
.policywrap {width:100%; height:100%; background:#e5e5e5; }

.policyheader{width:100%; height:80px; padding:0 3%; display: flex;justify-content: start; align-items:center;background:#191919; }
.policyheader  h1 {	width: 50%;	max-width:320px;  }
.policyheader  h1 a {	width: 100%;display: inline-block;	height: 100%;  line-height:50px;padding:0 0 0 110px; background: url(/assets/img/com/logo.svg) no-repeat 0 10px;	background-size: 36px; font-size:15px;  font-weight: 600; }
.policyheader  h1 span {	font-size: 0;	text-indent: -9999em;	overflow: hidden;}
 
.policyheader  ul li  {float:left;}
.policyheader  ul li a {margin:0 25px;font-size: 18px; font-weight: 600;}
.policyheader  ul li:last-child a {margin-right:0;}
.policyheader  ul li.on a { color:#ed1c24; }

.policycontent { position:relative;width:100%; padding:40px 3% 15px 3%;  }
.policywrap  .copy { width:100%; padding:15px 3% 0 3%; color:#888; font-sizE:13px; text-align:center;  overflow:hidden; display:block; }

@media all and (max-width: 1050px){
    .policyheader{  height:50px; padding: 0 25px;}	
    .policyheader  h1 { max-width:200px;}
	.policyheader  h1 a  {padding:0 0 0 90px;	 font-size:14px;  height: 50px;	background: url(/assets/img/com/logo.svg) no-repeat 0 52%;background-size: 34px;	}
	.policyheader  ul li a { font-size: 15px; margin:0 20px;} 
	.policycontent { padding:30px 25px 15px  25px;  }
}
@media all and (max-width: 600px){
	.policyheader { padding: 0 20px;}
	.policycontent { padding:30px 20px 15px  20px;  }
}
@media all and (max-width: 500px){
	 .policyheader  ul li a { font-size: 14px; margin:0 10px;} 
	 .policyheader  ul li:last-child a {margin-right:0;}
}
@media all and (max-width: 400px){
	.policyheader { padding: 0 15px;}
	.policyheader  h1 { max-width:100px;}
	.policyheader  h1 strong {display:none;}
	.policycontent { padding:30px 15px 15px  15px;  }
}
@media all and (max-width: 310px){
    .policyheader  h1 { max-width:90px;}
	.policyheader  ul li a { font-size: 13px; ;}
}
@media all and (max-width: 300px){ 
	.policyheader  ul li a { margin:0 5px;}
}

 /* tabpolicybtn */
.tabpolicybtn {position:relative; width:100%; display:flex; justify-content:start; align-items:center; }
.tabpolicybtn:before {position:absolute; top:0; left:0;  z-index:0; content:''; display:inline-block; width:100%; background:#fff; height: 100% ;border:1px solid #ccc;  border-bottom:none; }
.tabpolicybtn:after {position:absolute; bottom:0; left:0;  z-index:2; content:''; display:inline-block; width:100%;height:1px ;  background:#191919;   }
.tabpolicybtn a{ position:relative;z-index:1;  width:auto; border:none;  background:#fff;border: 1px solid #ccc;  border-radius:0; color:#666; font-weight:600; font-size:15px; height:50px; padding:0 35px;  display:flex; justify-content:center; align-items:center;}
.tabpolicybtn a:last-child {margin-left:-1px; }
.tabpolicybtn a.on {  z-index:2; color:#191919; border: 1px solid #191919; }
.tabpolicybtn a span {line-height:1; width:100%; text-align:center}

@media all and (max-width: 1050px){
	.tabpolicybtn a{   padding:0 25px; }
}
@media all and (max-width:900px){
     .tabpolicybtn a{  width:50%; padding:0 5px; }
} 
@media all and (max-width: 460px){
	.tabpolicybtn a span i {display:block}
}
@media all and (max-width: 350px){
	.tabpolicybtn a {font-size:13px;}
}

.tabpolicybox  { overflow:hidden; margin:40px 0 0 0; width:100%; padding:25px 30px;  background:#fff;  animation: fadein ease 0.3s; -moz-animation: fadein ease 0.3s; -webkit-animation: fadein ease 0.3s; -o-animation: fadein ease  0.3s;}
.tabpolicybox .datebox {position:absolute; right:3%; top:40px; width:50%; max-width:450px; display:flex; justify-content:end; align-items:center; }
.tabpolicybox .datebox .date {width:50%; line-height:50px; color:#191919; padding-right:20px; text-align:right; }
.tabpolicybox .datebox .selectbox { width:50%; max-width:200px; } 
.tabpolicybox .datebox .selectbox .dropdown-toggle {	border: 1px solid rgba(255, 255, 255, 0.3);	border-radius: 0;line-height: 48px;	height: 50px; background:#f9f9f9; border:1px solid #ccc; color:#191919; padding:0 20px;}
.tabpolicybox .datebox .selectbox .dropdown-menu {  margin-top: -1px; background: transparent; border-radius:0; 	background:none; border:none; height:auto; min-height:0;}

.tabpolicybox .datebox .selectbox .dropdown-menu > li  { padding:0;  } 
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a,
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a:focus,
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a:hover {	width: 100%;	line-height: 30px ;	height: 30px;	text-align: left;  text-align:center; padding:0 ; text-align:center;  }
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a {background-color: transparent; color: #666;  }
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a:focus,
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a:hover {background-color: #f0f0f0; color: #666; }
.tabpolicybox .datebox .selectbox .dropdown-menu > li > a > span {width:100%; padding:0; line-height:30px; height:30px;}
.tabpolicybox .datebox .selectbox .caret { background: transparent url(/assets/img/com/select_open_bk.svg) no-repeat center 50%;	background-size: 20px;}
.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .caret { background: transparent url(/assets/img/com/select_close_bk.svg) no-repeat center 50%; background-size: 20px;}
.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .dropdown-menu div {border:none; background:none;}
.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .dropdown-menu div::before {	 display:none;	}
.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .dropdown-menu > div { background: #fff; border: 1px solid #ccc; padding:15px 0;}

@media all and (max-width: 1050px){ 
	.tabpolicybox  {margin:30px 0 0 0;   padding:25px;  }
	.tabpolicybox .datebox {  top:30px;right:25px;  } 
}
@media all and (max-width: 900px){ 
     .tabpolicybox  {margin:60px 0 0 0; }
     .tabpolicybox .datebox { width:100%;max-width:100%; top:90px ; right:0;  padding:0 25px;  justify-content:space-between;  }
	 .tabpolicybox .datebox .date {  display:inline-block; line-height:1.3;  text-align:left; justify-content:start; padding:0;  }
	 .tabpolicybox .datebox .selectbox .dropdown-toggle {	 line-height: 38px;	height: 40px; }
}
@media all and (max-width: 600px){
    .tabpolicybox  { padding:25px 20px;  }
	.tabpolicybox .datebox { padding:0 20px; }
}
@media all and (max-width: 400px){
    .tabpolicybox  { padding:25px 15px;  }
	.tabpolicybox .datebox { padding:0 15px; }
	.tabpolicybox .datebox .selectbox .dropdown-toggle {	padding:0 15px;}
	.tabpolicybox .datebox .selectbox .caret,
.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .caret { right:12px; background-size: 16px;}
}
@media all and (max-width: 380px){
    .tabpolicybox .datebox .date span {width:100%; display:block;}
	.tabpolicybox .datebox .date span i { display:none;}
}
@media all and (max-width: 350px){ 
	.tabpolicybox .datebox .selectbox .caret,
	.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .caret { right:8px; }
	 
}
@media all and (max-width: 320px){
	.tabpolicybox .datebox .selectbox .dropdown-toggle {	padding:0 8px; font-size:12px;}
	.tabpolicybox .datebox .selectbox .caret,
	.tabpolicybox .datebox .selectbox .dropdown.bootstrap-select.open .caret { right:5px; background-size:14px; }
}


/* termwrap */
.termwrap {width:100%; color:#191919;}
.termwrap  h2  {width:100%;  font-size:25px; font-weight:600; color:#191919; padding:0 0 25px; letter-spacing:-1px;} 
.termwrap .termbox {width:100%; padding:30px 0 0 0 ;   } 
.termwrap .termbox .tbox {width:100%; padding:20px 0 0 0 ;   } 
.termwrap .termbox h3  {width:100%;  font-size:18px;font-weight:600; padding:0 0 10px ; overflow:hidden; display:block;  } 
.termwrap .termbox h4  {width:100%;  font-size:15px; font-weight:600;  padding:0 0 2px 0; overflow:hidden; display:block; } 
.termtxt {width:100%; background:#f2f2f2; padding:20px;  }
.termwrap p  {width:100%; display:block;  padding:2px 0 } 
.termwrap ul {width:100%; display:block;    } 
.termwrap ul li { width:100%; display:block;  padding:2px 0; line-height:1.4;  } 

@media all and (max-width: 500px){
	.termwrap  h2  { font-size:22px;}
}
@media all and (max-width: 400px){
	.termtxt {  padding:15px;  }
}

 
/* boardDllist */ 
 
.boardDllist {position:relative;width:100%; font-size:14px; margin:7px 0 0 0;     border:1px solid #d1d1d1;}
.boardDllist ul {position:relative;width:100%;    border-top:1px solid #ddd; display:flex; justify-content:space-between; align-items:stretch; }
.boardDllist ul li{ padding:10px 15px;  border-left:1px solid #ddd; line-height:1.4; display:flex; justify-content:space-between; align-items:center; } 
.boardDllist ul li:first-child { border-left:none;   }
.boardDllist ul.tit  {  border-top:none; background:#f5f5f5;}
.boardDllist ul.tit  li {font-weight:600; justify-content:center;align-items:center;}

.board_pPurpose .sort { width:20%}
.board_pPurpose .item { width:30%}
.board_pPurpose .purpose{ width:30%}
.board_pPurpose .method { width:20%}

.board_pWay .sort { width:20%; min-width:40px;}
.board_pWay .content { width:80%}

.board_pPeriod  .sort  { width:20%}
.board_pPeriod  .item { width:40%}
.board_pPeriod  .period  { width:40%}

@media all and (max-width: 600px){
	.boardDllist ul li{ padding:10px; font-size:13px; word-break:break-all;  }
	.board_pPeriod  .sort  { width:26%}
	.board_pPeriod  .item { width:37%}
	.board_pPeriod  .period  { width:37%}
}
@media all and (max-width: 400px){
	.boardDllist ul li{ padding:10px 7px; font-size:12px;}
}
@media all and (max-width: 320px){
	.boardDllist ul li{ padding:10px 5px; }
}

 

/* keyframes */
 @keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-o-keyframes fadein { /* Opera */
    from { opacity: 0; }
    to { opacity: 1;}
}