html, body, h1, h2, h3, h4, h5, h6, 
p, div, input, nav, textarea, select, header, section, article, aside, footer, form, button, 
table, thead, tbody, tr, td, th,
ul, li, ol, dl, dt, dd {margin: 0; padding: 0; box-sizing: border-box;}
ul, ol {list-style: none;}
a {text-decoration: none; color: inherit; display: block;}
a, input, button {outline: 0; cursor: pointer;}
img {height: auto;  max-width: 100%; vertical-align: middle; backface-visibility: hidden; border: 0; object-fit: cover; transition: all 300ms ease-in-out;}
figure {margin: 0;}
form {width: 100%; display: flex; flex-direction: column;}
.login form {display: block}
.join form {flex-direction: row; gap: 40px;}
:focus {outline: none;}
hr,caption {display:none;}
.skip, legend {
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility : hidden ;
}

table {border-collapse: collapse; border: 0; border-spacing: 0; width: 100%;}

select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-size: 16px;
}
select::-ms-expand {display:none}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input {font-family: inherit; font-size: inherit; border: 0; outline: 0; color: inherit; line-height:34px; min-height:34px; vertical-align:middle; }
select {font-family: inherit; font-size: inherit; border: 0; outline: 0; color: inherit;}
button {font-family: inherit; background: none; border: 0; color: inherit; cursor: pointer;}
textarea {width: 100%; font-family: inherit; font-size: inherit; resize: none; outline: 0; color: inherit; line-height: 1.5;}
textarea::-webkit-scrollbar{width: 7px;}
textarea::-webkit-scrollbar-track {background-color:#f1f1f1;}
textarea::-webkit-scrollbar-thumb {background-color:#ddd;}
textarea::-webkit-scrollbar-thumb:hover {background: #ccc;}
textarea::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:3px;height:0px;background:transparent;} 
*::placeholder {font-family: inherit; font-size: inherit; color: #adadad;}
fieldset {border: 0; margin: 0; padding: 0;}

/* ez-check */
.ez-hide {width:13px;height:13px;opacity:0;filter:alpha(opacity=0); margin:0px !important; position: absolute; left:0px; top: 0px;}
.ez-checkbox {display:inline-block;width:16px;height:16px;background:url('/img/common/checkbox2.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-radio {display:inline-block;width:24px;height:24px;background:url('/img/common/radio.png') 0 0 no-repeat; background-size: cover; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-checked {background-position: 0 bottom !important;}
.ez-selected {background-position: 0 bottom !important;}
.ez-checkbox, .ez-radio {zoom:1; margin-top:-2px;}

.ckeck .ez-checkbox {width:27px;height:29px; background: transparent url('/img/common/checkbox3.png') 0 0 no-repeat; background-size: cover; display: inline-block;}

.big {font-size: 1.15em;}
.size_big .ez-radio {width:30px;height:30px;background:url('/img/common/radio_big.png') 0 0 no-repeat;}
.size_big .ez-hide {width:28px;height:28px;}

input::-webkit-input-placeholder { color:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; font-weight: 300; } 

.select_w_padding {position: relative;}
.select_w_padding select {width:100%; padding:0px 0px 0px 10px; box-sizing:border-box; -moz-box-size:border-box; height:40px;}

.col-sm-2 .select_w_padding {width:50%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-3 .select_w_padding {width:33.33%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-4 .select_w_padding {width:25%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-5 .select_w_padding {width:20%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-2:after, .col-sm-3:after, .col-sm-4:after, .col-sm-5:after { display:block; clear:both; content:"";} 

.mt_15minus {display: block;line-height:30px; position: absolute !important; right: 0px; top:50%; margin-top: -15px;}



.input {
	color:#737070; 
	
	background-color:#ffffff;
	border:solid 1px #cccccc; 
	height:18px;
	padding:0px 5px 0 10px;
}
.textarea {
	      border:solid 1px #cccccc; 
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
		  width:100%;	
          font-size:14px;
}

.scroll_area {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #efeef3;
    border: 1px solid #dadadc;
    overflow-x: hidden;
    font-size:0.95em; 
    font-weight: 300;
}


/* margin,padding */ 
.mt-28 {margin-top:-28px;}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}	
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}	 
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt95 {margin-top:95px !important;}
.mr5 {margin-right:5px ;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr0 {margin-right:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb48 {margin-bottom:48px;}	
.mb50 {margin-bottom:50px;}	

.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px !important;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px;}
.ml65 {margin-left:65px;}
.ml100 {margin-left:100px;}
.mlr10 {margin:0px 10px;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px !important;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl93 {padding-left:93px;}
.pl7 {padding-left:7px;}

.pr0 {padding-right:0px !important;} 
.pr3 {padding-right:3px;} 
.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}	
.pr30 {padding-right:30px;}
.pr34 {padding-right:34px;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr74 {padding-right:74px !important;}
.pr120 {padding-right:120px !important;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px;} 
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px;}
.pt38 {padding-top:38px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px !important;} 
.pb5 {padding-bottom:5px;} 
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px !important;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:35px;}  
.pb35 {padding-bottom:35px;}
.pb48 {padding-bottom:48px;}

.ptb15 {padding:15px 0;}
.prl20 {padding:0px 20px !important;}
.padd_no { padding:0px !important;}
.padd_no table td { padding:0px !important;}

/* align */
.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;} 	
.pa {position:absolute;}
.pr {position:relative; *z-index:999;}
.mauto {margin:0 auto;}
.btn-r {margin-top:20px; text-align:right;}
.btn-rb {margin-bottom:-106px; text-align:right; height:89px; padding-top:17px;}

.title_only {text-align:center !important;}
.policy_wapper {overflow:hidden}

.bg_no {background-image:none !important;}
.br_no {border:none !important;}
.bl_no {border-left:none !important;}
.bb_no {border-bottom:none !important;}
.bt_no {border-top:none !important;}

/* person_desc */
.person_desc_num > li {
	padding-left:17px;
    text-indent: -17px;
	line-height:140%;
	margin:5px 0px;
    font-size: 1em;
	min-height:20px;
}
.person_desc_num > li > ul {
	padding-left:17px;
}
.circled_list > li {
	padding-left:14px;
    position: relative;
	line-height:140%;
	margin:3px 0px;
    font-size: 1em;
	min-height:20px;
}
.circled_list > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top:10px; background: var(--point)}
.circled_list.big > li {
    font-size: 1.14em;
	margin-top: 10px;
}
.circled_list.big > li:first-child {margin-top: 0px;}
.circled_list.big > li:after {top:12px;}


.person_desc02 li {
	padding-left:8px;
    text-indent: -7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}

.person_desc04 li {
	padding-left:11px;
    background: url(/img/common/person_desc04.gif) no-repeat left 7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}


.menu_btn {position: relative; height:20px; width:30px; cursor: pointer;}
.menu_btn .line-top,
.menu_btn .line-middle,
.menu_btn .line-bottom {position: absolute; display: block; height:2px; width:100%; border-radius:0px; background:#000; transition: all 0.3s 0s ease-in-out; left: 0px;}

.menu_btn .line-top {top: 0; -webkit-transform-origin:11px 0px;  transform-origin:11px 0px;}
.menu_btn .line-middle {top: 9px; /*-webkit-transition: opacity 200ms linear;  transition: opacity 200ms linear;*/ right: 0px;}
.menu_btn .line-bottom {bottom: 0;  -webkit-transform-origin:11px 2px; transform-origin: 11px 2px;}

.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: draw_out 400ms linear normal;
    animation: draw_out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/*closed*/
.menu_btn.is-closed .line-top{
	-webkit-animation: top_draw 500ms linear normal;
    animation: top_draw 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: btm_draw 500ms linear normal;
    animation: btm_draw 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
	
/*keyfremes*/
@-webkit-keyframes top_draw {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}

@keyframes top_draw {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);} 
	100% {top: 0px;}
}

@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@-webkit-keyframes btm_draw {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@keyframes btm_draw {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@-webkit-keyframes draw_out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@keyframes draw_out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
	
    
    .person_desc_num > li {
        padding-left:15px;
        text-indent: -15px;
    }
    .person_desc_num > li > ul {
        padding-left:15px;
    }
    .circled_list > li {padding-left: 10px;}
    .circled_list > li:after {width:3px; height:3px; top:6px;}
    .person_desc02 li {padding-left: 8px; text-indent: -8px;}
    
	.ez-radio {width:17px; height:17px; background-size:20px auto !important }
	.ckeck .ez-checkbox {width:17px; height:17px; background-size:19px auto !important }
	.ckeck .ez-hide {width:17px; height:17px; }
	
	
	td .pr125 {padding-right:94px !important}
    
    .select_w_padding.pr20 {padding-right:12px !important} 
    
    .select_w_padding.pl15 {padding-left:12px !important} 
    
    .col-sm-2.pr25 {padding-right:10px !important} 
    .col-sm-2.pl25 {padding-left:5px !important} 
}

input[type="radio"], input[type="checkbox"] {
	position: relative;
    margin: 3px 0.5ex !important;
    padding: initial;
    background-color: initial;
    border: initial;
}