* { margin: 0; padding: 0; font-family:sans-serif; box-sizing: border-box; word-break: keep-all; border-collapse:collapse;  letter-spacing: -0.5px;}

html { position: absolute; width: 100%; left: 0; top: 0; }
body { position: relative; width:100%; max-width:414px; height: 100%; padding:5px; font-size:13px; letter-spacing: -0.5px; background:#fff; line-height: 1.4;}
input, select{ height:28px; border-radius:0; border:1px solid #eee; vertical-align:middle; background: #fff; padding-left: 3px;}
input[type="checkbox"],input[type="radio"]{ width:auto; height:auto; margin:0 3px 0; cursor: pointer;}
input[name="cYuhyoM"],input[name="cYuhyoY"],input[name="birth1"] { width:auto; margin-right:3px; cursor: pointer;}
input[name="birth1"] { width:50%; }
input[type="checkbox"]:nth-child(2),input[name="cYuhyoY"],input[type="radio"] { margin-left:5%;}
input[type="radio"]:first-child { margin-left:0;}
input[name="inputkey"]{ width:30%; }
select[name="hyear"],select[name="hmonth"],select[name="hday"]{ width:24%; }
input[type="checkbox"]:checked { background-color: #323294; }
input[name="bName"],input[name="bJumin"],input[name="jumin"] {width:55%;}
table input[type="checkbox"],table input[type="checkbox"]:checked{ float: none;}
table input[type="checkbox"].chkmem { margin-left:5px; }
table label { display: inline-block; margin:8px 14px 0 8px; }
table label:first-child { margin-left:0; }
table span { vertical-align:middle; }
strong { font-weight:normal; color:#d42; }

h3 { color:#555; font-size:16px; margin-top: 25px; margin-bottom:3px; padding-left: 5px; }
h4 { color:#333; font-size:15px; margin-top: 25px; padding-left: 5px;}
h5 { color:#333; font-size:14px; margin-top: 15px; padding-left: 5px;}
pre { font-style:normal; font-size: 12px; text-align:right; margin-top:10px; olor: #555;}
cite { display: inline-block; color:#555; font-size: 13px; font-style:normal; line-height:1.4; margin-top: 0.7em; }

.StarMark,#Agr_Table td.StarMark,#Agr h3.StarMark { color:#d42; font-size: 0.9em;}
.StarText {font-size: 14px; font-weight: bold; color:#d42; text-align: left; margin-left: 15px;}

table select, table input { width: 93%;}
textarea { width:100%; resize:none; height:100px; border: 1px solid #e5e5e5; }
canvas { position: relative; width:100%; border:1px solid #eee; background:#fff;}
blockquote {background: #f0f8ff; padding: 10px 16px; border: 1px solid #b6cddd; margin-bottom: 10px; font-size: 13px;}

.bg.on { position:fixed; display:block; left:0; right:0; top:0; bottom:0; z-index:10; background:rgba(0,0,0,0.5);	}

.btnArea { }
button { cursor: pointer; vertical-align:middle; border: 1px solid #ccc; padding-left:5px; padding-right:5px; /*border-radius:5px;*/  }
button.btnapply, button.btnterm, button.cancel1, button.ok, button.ok1, button.btnnext,button.ok2 { width:100%; margin:0 auto; background: #005aab; height:50px; color:#fff; font-size:16px; margin-top:10px; border:0; font-weight:bold; z-index: 9999;}
button.kmcok { width:100%; margin:0 auto; background: #323294; border-radius:5px; height:40px; color:#fff; font-size:15px; margin-top:10px; border:0;}
button.btnterm { color:#000; background: #ffe400; font-size:14px; letter-spacing:-2px;}
button.btnterm span { vertical-align:middle; letter-spacing: -1px;}
button.btnterm::after { content:url('../img/more.svg'); float:right; padding-right:15px; padding-top: 2px; }
button.btnnext  { background:#ffe400; color: #000;}
button.cancel1 { width:40%; border-radius: 0; background: #aaa;}
button.ok1 { width:60%; border-radius: 0; background: #ccc;}
button.ok1.Full,button.ok2 { width:100%; }
button.ok1.on,button.ok2.on  { background:#005aab; }
button.url { width:100%; margin:0 auto; background: #005aab; height:50px; color:#fff; font-size:16px; margin-top:10px; border:0; font-weight:bold; z-index: 9999;}
button.out { width:100%; margin:0 auto; background: #323294; border-radius:5px; height:40px; color:#fff; font-size:15px; margin-top:10px; border:0;}

.la_term_chk { display: block; line-height: 1.4; margin-top: 10px; letter-spacing: -1px; }

img{ border: 0;}
ul,li {  text-decoration:none; }
u { line-height: 1.6; }

TABLE { position: relative; width:100%; background:#fff; border-collapse: collapse; margin-top: 10px;}
TABLE th,TABLE td { height: 42px; line-height: 1.4; border: 1px solid #eee; padding: 6px 2%; font-size:13px; }
TABLE td { padding: 0 2%; color: #444;}
TABLE td span { vertical-align: middle;}
TABLE th { position: relative; background: #f9fcff; color: #333; letter-spacing: -1px; text-align:center; }

TABLE.just th{ width: 25%; text-align: justify; /*text-align-last: justify;*/ line-height: 0; padding: 0 10px;}
TABLE.just th:before { content: "";  display: inline-block;  width: 100%; }
TABLE.just th:after { content: "";  display: inline-block;  width: 100%; }
TABLE.just th span { position: absolute; left: 3px; top: 5px; letter-spacing: -1px;}
TABLE.just th p { position: relative; width: 100%; text-align: justify; line-height: 0.5; width: 100%; letter-spacing: -4px;}
TABLE.just th p:before { content: "";  display: inline-block;  width: 100%; }
TABLE.just th p:after { content: "";  display: inline-block;  width: 100%; }


TABLE th .Refer { color:#777; font-size:12px; padding:3px 5px; font-weight:normal; }
TABLE.Table_C th,TABLE.Table_C td{ text-align:center; padding:0; }
Table.AlignC th,Table.AlignC td { text-align:center; width: auto; }

	.checkbox { width:50%; float:left; }

#html-content-holder,#Agr { width:100%; /*min-height: 90%;*/ margin:0 auto; padding:10px; overflow: auto; }
#html-content-holder { border: 2px solid #005aab; border-radius: 0 10px 10px; background:#fff;}

.BulLeft { position: relative; padding-left: 0.6em; margin: 30px auto 10px; line-height:1; }
.BulLeft:before { content:''; position: absolute; width:0.3em; height:1em; left:0; top: 1px; background:#005aab; border-radius: 20px; }
.BulLeft:first-child { margin-top:3vw; }

	.Logo { text-align: center; margin-bottom: 5px; position: absolute; right: 10px; top: 15px; z-index: 1; height: 30px;}
	.Logo img { width:auto; max-width: 35vw; height: 100%;}
	.Title { background:#005aab; color:#fff; font-size:17px; letter-spacing: 1.5px; text-align:left; height:45px; line-height:49px; font-weight: bold; border-radius: 10px 10px 0 0; display: inline-block; padding: 0 4%;}
	.certline {margin-top:10px; text-align: right;}

	.btnAddr {padding:0 10px; height: 28px;}

	.termsBox{height:155px;overflow:auto;border: 1px solid #d6d6d6;padding:0 23px 23px 23px;margin-bottom:5px;}
	.termsBox2{height:155px;overflow:auto;border: 1px solid #d6d6d6;padding:0 23px 23px 23px;margin-bottom:5px;}
	.terms_conts{padding-top:20px;}

	.Main_Question { position: relative; background:#fff; font-size:14px; letter-spacing:-2px; font-weight:600; color:#333; border:1px solid #eee; margin-top: 5px; padding: 8px 10px;}
	.Main_Question input[type="checkbox"] { margin-left:0; }
	.Main_Question span { vertical-align:middle; cursor: pointer; }
	.Main_Question::after { content:''; position: absolute; width:7px; height:7px; border-width:0 1px 1px 0; border-style:solid; border-color:#777; right:20px; margin-top:9px; background:transparent;
	/* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
	}
	/*.Main_Question:nth-of-type(3n+1) span { cursor:auto;}
	.Main_Question:nth-of-type(3n+1)::after { display:none; }*/
	.Question_box { background:#fff; border:1px solid #eee; border-top:0; padding: 10px;}
	.Sub_Question { font-size:14px; letter-spacing:-1px; font-weight:600; color:#4d4d4d; line-height: 12px; padding: 6px; cursor: pointer;}
	.Sub_Question::after { content:''; position: absolute; width:6px; height:6px; border-width:0 1px 1px 0; border-style:solid; border-color:#888; right:22px; margin-top:9px; background:transparent;
	/* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
	}
	.Question_view { background:#fff; border:1px solid #eee; padding: 5px 10px;}
	.view_list { font-size:14px; letter-spacing:-1.5px; font-weight:600; color:#4d4d4d; padding: 3px 0px; }
	.view_list span { float:right; }

input[id="cb1"] + label, input[id="cb2"] + label, input[id="cb3"] + label, input[id="cb4"] + label, input[id="cb5"] + label, input[id="cb6"] + label { position: absolute; left: 32px; /*display: inline-block;*/ width: 20px; height: 20px; border: 0; cursor: pointer;}
input[id="cb1"]:checked + label, input[id="cb2"]:checked + label, input[id="cb3"]:checked + label, input[id="cb4"]:checked + label, input[id="cb5"]:checked + label, input[id="cb6"]:checked + label { /*background-color: #666666;*/background: url('../img/check.svg') no-repeat center / cover; }
input[id="cb1"], input[id="cb2"], input[id="cb3"], input[id="cb4"], input[id="cb5"], input[id="cb6"] {opacity: 0;}

	.service {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd; }
	.service span {display:block; }
	.signdelete { color: #555; font-weight:bold; font-size: 13px; border: solid 1px #e5e5e5; border-radius: 5px; cursor:pointer; margin: 10px 0 5px; background-color: #fff; background-image: url('../img/reset.svg'); background-size: 22px; background-position: 5px center; background-repeat: no-repeat; padding: 7px 7px 7px 32px;}

.AssentChk { text-align: right; font-size:14px; font-weight:bold; }
.AssentChk label span { margin-left:2px; margin-right:40px; vertical-align: middle; cursor: pointer;}
.AssentChk label:last-child span { margin-right:0px; }
.la_term_chk { text-align: left; font-size:14px; font-weight:bold; margin: 15px 0; letter-spacing:-1px; text-indent: -19px; margin-left: 20px;}
.la_term_chk span { vertical-align: middle; }
.la_term_chk input[type="checkbox"] { margin-left:3px; }
#signnamesucs { margin-top: 10px;}
#signnamesucs .signname input, #signnamesucs .signbname input, #signnamesucs .signsaname input{ width:30%; height:32px;}
#signnamesucs .signname .signdelete, #signnamesucs .signbname .signdelete, #signnamesucs .signsaname .signdelete { margin: 0px 0 5px; }


/* ¾à°ü Æû start*/
#Agr h3 {letter-spacing: -1px;}
#Agr h3:first-child {padding-top: 0px; }
#Agr h4 span { font-size:14px; font-weight:normal; }
#Agr dl { line-height:1.6; text-align: left; margin: 0; border: #b6cddd 1px solid; padding: 15px; background:#f9fcff; font-size: 15px; }
#Agr dl:last-child { margin-bottom:0; }
#Agr dt { text-indent:-1.2em; margin: 6px 0 6px 2.2em; font-size:14px; }
#Agr dd { text-indent:-0.7em; margin: 6px 0 6px 1em; font-size:13px; }
#Agr li { list-style:decimal; margin-top:20px; margin-left:1em; font-size:15px; }
#Agr li:first-of-type { margin-top:0; }
#Agr li > dl { line-height:1.6; text-align: left; margin: 0; border:0; padding:0;}
#Agr li > dl:last-child { margin-bottom:0; }
#Agr li > dl > dt { text-indent:-1.2em; margin: 6px 0 6px 1.2em; font-size:14px; }
#Agr li > dl > dd { text-indent:-0.7em; margin: 6px 0 6px 1.2em; font-size:13px; }
#Agr ul cite { margin-left:1em; }
#Agr blockquote dd { margin-left:1em; }
#Agr blockquote dd:first-child {  margin-top: 0;}
#Agr blockquote dd:last-child {  margin-bottom: 0;}
#Agr blockquote p {  margin-top: 12px;}
#Agr blockquote p:first-child {  margin-top: 0;}

#Agr_Table * {  font-size:14px; letter-spacing: -1px;}
#Agr_Table { width:100%; text-align:center; border-top:2px solid #116492; margin-top: 5px;}
#Agr_Table th,#Agr_Table td { border:1px solid #b6cddd; padding:5px; line-height:1.5; background:#fff; text-align:center; }
#Agr_Table th { background:#f0f8ff; color:#447995; line-height:1.4;}
#Agr_Table td { color:#555; }
#Agr_Table td[sub]{background:#f9fcff; }

#Agr Table * {border-color:#d2dee6; }
#Agr Table th { background:#f0f8ff; }

.Marketing_A {margin-top: 10px; height: 30px;}
#textgoods,#textgoods2 { line-height:1.5; }

#lahiden div{ display: inline-block; vertical-align: text-top; }
#tr_a_2 label{  margin-left:0; }
#lahiden font{ display: block; color:#d42; margin-left: 10px;}

#Agr dl#Check_List { padding:0;}
#Check_List blockquote{ width: 90%; margin: 0 auto; padding: 0; }
#Check_List label { display:block; padding: 5px 25px;}
#Check_List label.MList { background:#fff; padding: 10px; border-bottom: 1px solid #ddd;}
#Check_List label.MList:last-child { border-bottom:0;}
#Check_List label.MList input[type='radio'],#Check_List label.MList input[type='radio']:checked { appearance: none; -webkit-appearance: none; -moz-appearance: none;width:15px; height:15px; border-radius:0; border: 2px solid #323294; margin-right: 5px; background-color: #fff;}
#Check_List label.MList input[type='radio']:checked { background: radial-gradient(#323294 0%, #323294 40%, transparent 50%, transparent); }
#Check_List label.MList span{vertical-align:text-top;}
#Check_List .mMenuf { background:#e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; box-shadow: inset 0px 5px 5px -5px #dbdbdb; padding: 5px 0;}
#Check_List .mMenuf label input[type='radio'],#Check_List .mMenuf label input[type='radio']:checked { appearance: none; -webkit-appearance: none; -moz-appearance: none; width:13px; height:13px; border-radius:50%; border: 1px solid teal; margin-right: 5px; background-color: #fff;}
#Check_List .mMenuf label input[type='radio']:checked { background: radial-gradient(teal 0%, teal 40%, transparent 50%, transparent); }
#Check_List .mMenuf blockquote label input[type='radio'],#Check_List .mMenuf blockquote label input[type='radio']:checked { appearance: auto; width:10px; height:10px; }
#Check_List .mMenuf blockquote:last-child {margin-bottom:10px;}

.com_addr,.com_sc,.com_url { margin-left:10px; line-height:1.6; }
.com_addr { font-weight: 600; padding-top:10px; color:#777; }
.com_sc { font-size: 14px; color: #d42; font-weight: 600;}
.com_url { padding-bottom:10px; color: #999;}
.sign { width: 35%; padding-left: 13px; vertical-align: top;}

.refundrate { position:relative; max-height: 90vh; overflow: auto; }
.refundrate button { position:sticky; bottom: 0; text-align:center; background:#f5f5f5; width: 100%; padding: 10px 0;}
.refundrate button:after { content:'\25BC'; position:absolute; right:5%; top: 8px; color: #999;}
.refundrate.show button:after { content:'\25B2'; }

.modal { width: 90%; max-width: 700px; height: auto; border-radius: 10px;padding: 50px 15px; text-align: center; }
.modal-section {background: #fff; display: none; position: fixed; top: 40%; left: 50%; z-index: 99; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.menu_msg { font-size: clamp(0.9rem, 3.8vw, 1.15rem); font-weight: 500; }
.enroll_box p { padding-bottom: 5%; }
.modal .btn { width: 90px; cursor: pointer; text-align: center; border-radius: 5px; outline: none; padding: 10px; line-height: 1; }
.gray_btn { background: #fff; color: #888; border: 1px solid #888; }

#dltext {font-weight:bold;}
#textgoods { color:#005aab}
.stamp { position: relative; border-bottom:1px dashed #bbb; text-align: right; margin-bottom: 12px; padding-top: 0; padding-bottom: 10px; }
.stamp span { padding-right:40px; }
.stamp img{ position:absolute; width:50px; height:50px; right:5px; bottom:0; }
address { font-size:0.55rem; line-height:1.4; padding:0 1.5% 5px; font-style: normal; }

@media (max-width:360px)  {/********** iPhone 5/SE **********/
TABLE th, TABLE td { font-size: 0.75rem;}
.Title { font-size: 0.95rem; letter-spacing:-1px; }
}