@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');

* {margin:0; padding:0;}

html {height:100%;}
body {
	height:100%;
	font-family:'NanumGothic','맑은고딕','Malgun Gothic','MGothic', sans-serif,"돋움",Dotum,"굴림",Gulim;
	color:#000;
	background: #fff;
	overflow-x: hidden;
}

img					{border:0; vertical-align:top; font-size:0;}
form, fieldset		{display:block; border:0;}
ul,ol,li			{list-style:none;}

legend, caption, .hidden		{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

table				{border-collapse:collapse; border-spacing:0; width:100%; font-size:1em;}

ul,ol,li,a,table,td,th,p,dl,dd,dt,strong,span,div {line-height:1.5;}

p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var {
	font-weight:normal; font-style:normal;
}

h1, h2, h3, h4, h5, h6	{font-size:1em; letter-spacing:-1px; font-family:'NanumGothic','맑은고딕','Malgun Gothic','MGothic', sans-serif,"돋움",Dotum,"굴림",Gulim;}

big						{font-size:1.125em;} /* 14px */
small					{font-size:0.95em;} /* 11px */

sub						{font-size:1.05em;}
sup						{font-size:1.05em;}

input, select {
	vertical-align:middle; 
	font-size:1em;
	color:#000; 
	font-family:'NanumGothic','맑은고딕','Malgun Gothic','MGothic', sans-serif,"돋움",Dotum,"굴림",Gulim;
}

input[type="password"] {font-family:Verdana; color:#555;}


input::-ms-clear {display: none;}

input[type="checkbox"],
input[type="radio"] {margin:3px 4px 3px 2px;padding:0; height:21px;vertical-align: middle;}
input[type="submit"] {cursor: pointer;font-weight: 600; color: #fff; border: none;}
input,textarea {outline:none;}

textarea {
	border:1px solid #ccc; 
	font-size:14px; 
	font-family:'Nanum Myeongjo','NanumGothic','맑은고딕','Malgun Gothic','MGothic', sans-serif,"돋움",Dotum,"굴림",Gulim;
	resize:none;
	line-height: 20px;
}

select {height: 27px; padding: 3px; color: #111; border: 1px solid #c3c6c9; border-radius: 2px;}
input[type="text"], input[type="password"] {height: 30px; line-height: 27px; padding: 0 8px; border-radius: 2px;}

blockquote, q		{quotes:none;}
ins {}
del					{text-decoration:line-through;}

hr {display:none;}

iframe {border:0;}


/* 기본 링크 스타일 */
a:link 				{color:#363636; text-decoration:none;}
a:visited			{color:#363636; text-decoration:none;}
a:hover, a:focus	{color:#363636; text-decoration:none;}
a:active			{color:#363636; text-decoration:none;}


/* button */
button {
	background:transparent;
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	font-family:'Nanum Myeongjo','NanumGothic','맑은고딕','Malgun Gothic','MGothic', sans-serif,"돋움",Dotum,"굴림",Gulim;
	*overflow:visible;
}
.button,
.button *{
	position:relative; 
	margin:0; 
	padding:0; 
	display:inline-block; 
	text-decoration:none !important; 
	border:0;
	font-size:12px; 
	white-space:nowrap; 
	vertical-align:middle; 
	overflow:visible; 
	color:#fff;
}

.btn-type-1 {
    border: 1px solid #aaa;
    background: #aaa;
    color: #fff;
    width: 40px;
    height: 26px;
    font-size: 14px;
    font-weight: bold;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}


/* clear */
.clear {clear:both;}


/* skip-navigation */
.skip-navigation {
	display:block; 
	position:absolute; 
	z-index:8888; 
	left:0; 
	top:0; 
	width:100%;
}
.skip-navigation a {
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:-10000px;
	left:0;
	z-index:5000;
	background-color:#005ba0;
	color:#fff;
}
.skip-navigation a:hover,
.skip-navigation a:focus, 
.skip-navigation a:active {top:0;}	



.join_chkbox {margin-top:10px;}
.join_chkbox label {font-size:13px; margin-left:5px; cursor:pointer;}

.payment-type {}
.payment-type li {*zoom:1; margin-top:10px; font-size:13px;}
.payment-type li:first-child {margin-top:0;}
.payment-type li:after {content:""; display:block; clear:both;}
.paybox01 {float:left; width:135px;}
.paybox01 label {
	cursor:pointer; 
	margin-left:2px; 
	vertical-align:-1px; 
	color:#333; 
	font-weight:bold;
}
.paybox02 {float:left;}

.stxt02 {font-size:16px;}
.stxt02 strong {color:#333;}
.stxt02 span {color:#fe5a08;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.login_top {}
.login_top h2 {margin: 0 auto; font-size: 30px; color: #366873; font-weight: 600; background-size: 40px; text-align: left; width: 500px; padding-top: 130px;}
.login_top h2 span {font-size: 20px;}
.login_list {width: 500px; margin: 10px auto; padding: 33px 0; border: 1px solid #9c9c9c;}
.login_form {width: 270px; height: 110px; padding: 0 20px;}
.input_row {position: relative; height: 29px; margin: 0 0 5px; padding: 10px 35px 10px 15px; border: solid 1px #dadada; background: #fff;}
.input_box {position: relative; z-index: 5; width: 148px; height: 32px; border-right: 0; background: #f9fafc; zoom: 1;}
.lbl {position: absolute;}
.int {font-size: 15px; line-height: 16px; position: relative; z-index: 9; width: 100%; padding: 7px 0 6px; color: #000; border: none; background: #fff; -webkit-appearance: none;}
.btn_global {font-size: 20px;font-weight: 600; line-height: 61px; display: block; width: 100%; height: 61px; margin: 30px 0 13px; padding-top: 2px; cursor: pointer; text-align: center; color: #fff; border: none; border-radius: 0; background-color: #f15b60; -webkit-appearance: none;}
.find_info {font-size: 13px; line-height: 14px; padding-top: 20px; margin-top: 20px; text-align: center; color: #3f5c63; border-top: 1px solid #e4e4e5;}
.find_info p {line-height: 20px;}
.login_list .btn_login input {width: 180px; height: 107px; border: 0; border-radius: 0; background: #009688; color: #fff; font-weight: 700; font-size: 18px; cursor: pointer; -webkit-appearance: none;}
.login_list .btn_login { position: relative; left: 275px; z-index: 1; top: -137px;}

.cred_h2 {padding: 50px 100px 30px 100px; font-size: 35px; font-weight: 500; text-align: center; color: #ffffff; background-color: #366873;}

.cred_bg {background: url(../img/cred_bg.jpg) 0 0 no-repeat; background-size: 900px; width: 900px; height: 1050px; margin: 0px auto; padding-top: 225px; color: #020001; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
.cred_bg div {font-family:'Nanum Myeongjo', serif; font-weight: bolder;}
.cred_bg div.cred_p01 {padding-left: 130px; font-size: 22px;}
.cred_bg div.cred_p02 {padding-top: 240px; text-align: right; padding-right: 121px; padding-left: 180px; font-size: 30px; word-spacing: 8;}
.cred_bg div.cred_p03 {padding-top: 330px; font-size: 28px; text-align: center; word-spacing: 6;}

.btn02 {margin-left: 650px;}
.Print8 {width: 900px; margin: 18px auto; font-size: 18px;}
.Print8 img {width: 25px; padding: 3px 5px 0px 0px;}
.Print8 a {border: 1px solid #9c9c9c; padding: 5px 15px 10px 15px;}