@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;700;900&display=swap');

* { font-family: "Malgun Gothic", sans-serif; letter-spacing:-0.03em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color:#000;
	-webkit-text-size-adjust:none; -ms-word-break: keep-all; word-break: keep-all; 
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:auto;}
BODY { position: relative; width:1000px; margin:0 auto; text-align: justify; font-size:12px; background-color: #fff; padding:1%; }
BODY.Mobile { width: 100%; max-width: 480px;}

body {width:100%; max-width:920px; margin: 0px auto; margin: 15px auto; font-family: "Lato", "Noto Sans", "Nanum Gothic", "Malgun Gothic", "Verdana", Arial, sans-serif; }
table select, table input { width: 90%;}
input[type="radio"],input[type="check"] {width:auto;}
input[name="appno"]{ width: 35%;}
input[id="appsubmit"]{ width: 62.7%;;}
button,#btn { cursor: pointer; }
table button img{ border: 0;}
small { font-family: inherit; }


img {	 border: 0px; }

A:link { font-size: 12px; color: #777; text-decoration: none; }
A:visited { font-size:12px; color: #777; text-decoration: none; }
A:active { font-size:12px; color: #777; text-decoration: none; }
A:hover { font-size:12px; color: #777; text-decoration: none	;}
::marker { content: "\25FE  "; font-size: 1.1em;/* ¸¶Ä¿ ³»¿ë */ }

:-webkit-search-cancel-button,
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus 
{ border: inherit; -webkit-appearance: none; -webkit-text-fill-color: inherit; -webkit-box-shadow: inherit; transition: background-color 5000s ease-in-out 0s; font-size: inherit; color:inherit; font-weight:inherit; outline-style:none;}
select,input,textarea,:-webkit-any-link,:focus { outline-style:none;}
textarea { padding: 0px; border: #A9A8A0 1px solid; font-size:12px; text-decoration: none; }
SELECT,INPUT { border: #aaa 1px solid; font-size:12px; height: 26px; line-height: 22px; color: #666; }
table select, table input { width: 100%;}
input[type="radio"], input[type="checkbox"], input[type='button'] { height:auto; }
input[type='button']{ cursor: pointer; }
input[name="appno"]{ width: 35.5%;}
input[id="appsubmit"]{ width: 62.25%;}
select[name="Birth1"] { width:35.5%;}
select[name="Birth2"],select[name="Birth3"] { width:30%;}

::placeholder{ color:#aaa; }
::-webkit-input-placeholder{ color:#aaa; }
::-moz-placeholder{ color:#aaa; }


@media print {
	@page { margin:0;}
	table {!important; -webkit-print-color-adjust:exact;}
}

h3 { font-weight:normal; font-size:15px; vertical-align:bottom; }

Table { border-collapse: collapse; margin:0 auto; letter-spacing:-1px; width:100%; font-size: 14px;}
Table th,Table td { border: 1px solid #ccc; line-height: 1.4; padding: 5px 0;}
Table th { background: #dae5ea; color: #73675a; }
Table td { color: #555; }
h4 { color:#957463; }

Table.AlignC td { text-align:center; }

Table.List { border-top: 1px solid #ccc; }
Table.List th,Table.List td { border-bottom: 1px solid #ccc; }
Table.List th { line-height:30px; }

.Table { border-collapse: collapse; }
.Table th,.Table td { border: 1px solid #ccc; line-height:26px;}
.Table td { padding: 0px 5px;}

.Table_Title { margin:30px 0 0px; font-size:15px; font-weight:bold; background: url('/desk/img/Cont_Title.gif') no-repeat left 5px; padding-left: 18px; color:#333; line-height: 1.6; }
.Table_Title b { color:#d42; float:right; font-size:12px; margin-top: 5px;}

.justify {	font: normal 12px/20px "Dotum", "Verdana"; color: #757575; text-align: justify; }

cite { display: block; font-style: normal; width: 85%; margin: 0px auto; margin-top: 5px; font-size: 0.96em; line-height: 1.5; color: #555;}

.td_content1 { padding-LEFT: 4px; padding-BOTTOM: 2px;  padding-TOP: 5px ; font-size:12px; line-height:18px; color: #757575 } 
.td_content2 { padding-LEFT: 4px; padding-BOTTOM: 2px;  padding-TOP: 3px ; font-size:12px; line-height:18px; color: #757575; background-color: #ffffff; } 
.td_content3 { padding-LEFT: 4px; padding-BOTTOM: 2px;  padding-TOP: 5px ; font-size:12px; line-height:18px; color: #757575; background-color: #E3E3E3; } 

.TD_B { font-weight: normal; font-size: 12pt; color: #000000; line-height: 18px; }
.TD_S { font-weight: normal; font-size: 8pt; color: #757575; line-height: 18px; }

.contents { font-size: 12px;  line-height: 20px; color:#979797;  padding-left: 10px; }

.cyber_page { font-size:11px;}
.cyber_border { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.cyber_pic {	border:3px solid #ebebeb;}
.cyber_write { border-top:1px solid #C0BFBF;}

.line { width: 540px;	font-size: 14px; color: #FF6600; border: thin solid #0000FF;}
hr.dot { border: 0; border-bottom: 1px dashed #048; margin-top: 20px; transform: scale(2, 1); width: 50%;}
.style1 { color: #333333; font-weight: bold; }
#dbody Table .scroll th { padding: 10px 0; }
#dbody Table .scroll td { position: relative; max-height: 40px; overflow: auto; }
#dbody Table .scroll div { position: absolute; width: 98%; height: 100%; top: 0; word-break: break-all; }

.LeftBG {	position:absolute; left:-199px;top:0px; width:199px; height:414px;background-image:url("/star1004/img/main/le_bg.gif"); background-repeat:no-repeat; }
.RightBG { position:absolute; left:0px;top:0px; width:199px; height:414px;background-image:url("/star1004/img/main/r_bg.gif"); background-repeat:no-repeat; }

#print_hidden { position: absolute; right: 0}
.list_table2 { position: relative; width: 100%; text-align: right; margin-top: 10px; padding-bottom: 20px; padding-right: 65px}
.stamp { position: absolute; width: 70px; right: 0px; bottom: 20px; }

.list_hover { cursor:pointer; }
.list_hover:hover { background:#f7f4ef; }

.btn_area { margin:10px auto 30px;}
button { cursor:pointer; text-align:center; border:1px solid #777; background-color:#e6e6e6; border-radius: 2px; padding:3px 10px; }
#button:hover { background-color:#f5f5f5}

#paging { width:100%; text-align:center; padding:15px 0px 20px 0px; }
#paging span { display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border: solid 1px #ccc; text-align: center; margin: 0 3px; vertical-align: middle; color: #555;}
#paging .PAGE_ROLL_ON { background:#048; font-weight:bold; color:#fff;  border-color:#048; }

#dbody { display: inline-block; width:100%; height: 1108px; background:url('/desk/img/certify.jpg') no-repeat top center / cover; }
#dbody .ddate { width: 85%; margin: 133px auto 1px; text-align:right; font-size:15px; font-weight:bold; color:#555; }
#dbody .ddate span { margin-left:10px; }
#dbody table { border-collapse: collapse; width: 85%; margin: 0px auto; border:2px solid #ea5a26;}
#dbody table th,#dbody table td { padding:6px 0px; line-height: 1.4; border:1px solid #ea5a26; font-size: 13px; font-weight: bold; word-break: break-all;}
#dbody table th {background:#f18f44; color:#fff; }
#dbody table td { padding:6px; }

#ddbody { position: relative; display: inline-block; width:100%; height: 1108px; background:url('/desk/img/contract.jpg') no-repeat top center / cover; }
#ddbody table { border-collapse: collapse; width: 97.57%; margin: 82px auto 0; border:2px solid #8c7265;  }
#ddbody table th,#ddbody table td { padding:3px 0px; line-height: 1.4; border:1px solid #8c7265; font-size: 13px; font-weight: bold; height: 18px; overflow: hidden;}
#ddbody table td { padding:3px 6px; }
#ddbody table th {background:#366579; color:#fff; letter-spacing:-1px;}
#ddbody div.Table_02 { width: auto; margin: 32px 0 0 220px; font-size: 13px; font-weight: bold; color:#555; }
#ddbody table.Table_03 { margin: 158px auto 0; border-color:#ec503a; }
#ddbody table.Table_03 th,#ddbody table.Table_03 td { border-color:#ec503a;}
#ddbody table.Table_03 th { background:#f18f44; color:#fff;}
#ddbody table.Table_03 td { padding: 4px 6px;}
#ddbody table.Table_04 { position: absolute; bottom: 44px; border-color:#fcaac6;}
#ddbody table.Table_04 th,#ddbody table.Table_04 td { border-color:#fcaac6; line-height: 1.2;}
#ddbody table.Table_04 th { width:10%; background:#f8c8d4; color:#2b2222; padding: 6px 0px; }
#ddbody table.Table_04 td { width:23%; padding: 2px 6px;}
#ddbody table.Table_04 td span { float:right; color:#d42; letter-spacing: -1.5px; opacity: 0.9;}
#ddbody table.Table_04 td span.sign { color:#888; }
#ddbody .stamp { width: 50px; right:5px; bottom:40px; }
#ddbody .addr { letter-spacing: -0.1em; word-break: break-all; }

#ddbody.HI71 table.Table_03,#ddbody.HI72 table.Table_03 { margin: 142px auto 0; }
#ddbody.HI71 table.Table_04,#ddbody.HI72 table.Table_04 { bottom: 29px;}


#Login { width:100%; max-width: 760px; margin:10% auto; }
#Login H2 {text-align:center; font-size: 22px; margin-bottom: 10px;}
#Login .textbox { border: 1px solid #5b9bd5; padding: 12px 40px; background: #f5f5f5; margin-bottom: 12px; line-height:1.6; color:#333; text-align: left; }
#Login .LoginForm { text-align: center; border: 5px solid #E4E4E4; padding-top: 3%; }
#Login .Left_bg { vertical-align: bottom; margin-right: 5%; }
#Login Table { width: auto; display: inline-block; vertical-align: bottom; }
#Login Table th,#Login Table td { border:0; padding: 4px 0 0; padding-right: 15px; letter-spacing:-1px; font-size: 13px;}
#Login button,#btn { display: inline-block; width:95px; text-align:center; font-size:17px; line-height:114px; font-weight:bold; color:white; border-radius: 6px 6px 4px 4px; border:1px solid #094679; vertical-align: bottom;
		background:linear-gradient(to bottom, #3f8dce 0%, #1e72b8 100%);
		background:-webkit-linear-gradient(top, #3f8dce 0%, #1e72b8 100%);
		background:-moz-linear-gradient(top, #3f8dce 0%, #1e72b8 100%);
		background:-o-linear-gradient(top, #3f8dce 0%, #1e72b8 100%); }
#Login .bottomtext { color:#999; font-size:13px; letter-spacing:-1px; line-height: 1.5; text-align: center; margin: 2% 0;}
#Login blockquote { margin: 0; padding: 10px; background-color:#5a5a5a; font-size:15px; color:white; text-align:center; margin-bottom: 10px;}
.btnLogout { position: fixed; width: 100%; height: 160px; bottom: 0; z-index: 1; left: 0; font-size: 3.6em; font-weight: bold; background: #fae100; border:0;}
.logout { text-align:right; margin-bottom:5px; }


/* Áõ¼­ */
#Cert { position: relative; min-height:unset; color:#454545; }
#Cert .Cert { position: relative; }
#Cert img {width:100%;}
#Cert .Title { position:absolute; z-index:2; font-size: 20px; font-weight: bold; color: #000; width: 40%; margin: 36% 30% 0; padding: 10px 0px; font-family: "Nanum Myeongjo", serif; }
#Cert .Title:after { content:''; position:absolute;  z-index:-1; left:0; top:0; width:100%; height:100%; background: #ffcc04;  -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg);}

#Cert_List { display: inline-block; width:100%;   top: 32%; padding: 5%; margin-left:-3%}
#Cert_List div {width: 26%; float: left; line-height: 1.6; padding-top: 2.9%; text-align: center; }
#Cert_List .List {width: 20%; word-spacing: 2.5; margin-left:4%; }
#Cert_List .Data {border-bottom: 1px dashed #999;}

#Cert .Date { position:absolute; z-index:2; width:100%; text-align: right; font-size: 22px; font-weight: bold; bottom: 20%; padding-right: 37%; font-family: "Nanum Myeongjo", serif; }
#Cert .Name { position:absolute; z-index:2; width:100%; text-align: right; font-size: 24px; font-weight: bold; bottom: 16.3%; padding-right: 37%; font-family: "Nanum Myeongjo", serif; }

#Cert .Memid { position:absolute; z-index:2; width:100%; bottom: 0%; text-align: center;}
#Cert .Memid span{ padding:3px 10px; background:#f5f5f5; font-size: 8px;}

/*Ãß°¡*/
/*
.Pstyle { opacity : 0; display : none; position : relative; width : 300px; border : 5px solid #fff; padding : 20px; background-color : #fff;}
.b-close {position : absolute;right : 5px;top : 5px;padding : 0px;display : inline-block;cursor : pointer;}
*/
.btnSend,.btnData,.btnExp { width:100%; background:#e6e6e6; color:#333; font-weight:bold; margin-top:10px; border:1px solid #4f4f51; font-size: 40px; line-height: 4; }

	.bg { position: fixed; left: 0px; bottom:0; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.6);}

#popup_user { position: fixed; left: 0; bottom: 0; width: 100%;  background-color: #fff; padding: 30px 30px; 20px }
#popup_Exp { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; padding: 20px 30px; font-size:34px;}
#popup_Exp div { position: relative; height: 100%; }
#popup_Exp div p { padding:58px 6.5% 120px; letter-spacing:-0.5px; }
#popup_Exp div .btnExp { position: absolute; left: 0px; bottom: 0px;}

.btnClose {position: relative;  background: rgba(25,25,25,0.6); float: right; color: #cfcfd0; padding: 0px 10px; font-size:26px; font-weight:bold; cursor: pointer; word-spacing: 3px;}
.btnAddr {padding:0 10px;}

.content {width:100%; margin: 0 auto; margin-bottom: 10px; border: 1px solid #8b8278;}
.content th,.content td{ border-bottom: 1px solid #ddd; padding-left: 15px; font-size:34px; padding:0.5em 0; }
.content tr:last-child th,.content tr:last-child td{ border-bottom: 0;}
.content th{ width: 25%; text-align: center; background: #f6f6f6; color: #333; letter-spacing: 3px; word-spacing: 22px;}
.content td input,.content td select { padding:10px; border:1px solid #ccc; background:#fff; font-size: 34px;}

/* Å×À̺í·Î Ãß°¡ */
.Data_Table { position: absolute; width: 50%; margin: 46% 25% 0; border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 0;}
.Data_Table th,.Data_Table td { height:36px; font-size:20px; color: #000; border:0; background:none; text-align:left; font-weight: normal;}
.Data_Table th { word-spacing: 3px; }



@media (max-width:414px)  {/********************* iPhone 6/7/8 Plus *********************/
#Cert_List { top: 25.5%; margin-left:0;}
#Cert_List div {  line-height: 2;}
#Cert_List .List { margin-left:1%;}
#Login .Left_bg {display: none;}
#Login #btn { width:80%; line-height:2.5; margin-top:10px;}
}


@media (max-width:320px)  {/********************* iPhone 5 *********************/
#Cert_List { top: 25%; }
#Cert_List div { width: 30%; line-height: 1.6;}
#Cert_List .List { width: 20%; margin-left:0;}
}