h1,h2,h3,h4{ text-align:center; line-height:1.8;}
header{ position:absolute; z-index:3; left:0; top:0;}
header > a > span{ color:#fff; }
section > div.main1{ width:100%; height:300px; background-position:center center; background-size:auto 100%;background-image:url(https://file.k-friends.kr/img/20210409/064519_0.png); background-size:cover}
section > div.main2{ width:100%; display:block; max-width:800px; margin:auto; margin-top:4em; margin-bottom:4em;}
section > div.main2 > form > ul{ display:table; border-top:1px solid #ddd; width:100%; max-width:800px; margin:auto;}
section > div.main2 > form > ul > li{ display:table-row;}
section > div.main2 > form > ul > li > label{ display:table-cell; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; font-size:14px; padding:8px; width:160px; background-color:#f1f1f1;}
section > div.main2 > form > ul > li > div{ display:table-cell; border-bottom:1px solid #ddd; line-height:1.6; font-size:14px; padding:8px;}


#ResultDiv > ul{ display:inline-block; width:100%; margin-top:1em; margin-bottom:4em;}
#ResultDiv > ul > li{ display:inline-block; width:100%; margin-bottom:0.5em;}

#ResultDiv > ul > li > ul{ display:table; width:100%; border-top:1px solid #ddd;}
#ResultDiv > ul > li > ul > li{ display:table-row;}
#ResultDiv > ul > li > ul > li > label{ display:table-cell; width:120px; background-color:#f1f1f1; padding:8px; border-bottom:1px solid #ddd; text-align:center; font-weight:900;}
#ResultDiv > ul > li > ul > li > div{ display:table-cell; padding:8px; border-bottom:1px solid #ddd;}
#ResultDiv > ul > li > ul > li > div > p{ margin-left:20px; position:relative; color:#f00;}
#ResultDiv > ul > li > ul > li > div > p:before{ content:"※"; position:absolute; left:-20px; top:0;}
#ResultDiv > ul > li > p{margin-left:20px; position:relative; color:#f00;}
#ResultDiv > ul > li > p:before{ content:"※"; position:absolute; left:-20px; top:0;}

#ResultDiv > ul > li > nav{ margin-top:1em; margin-bottom:2em;}
#ResultDiv > ul > li > nav > a{ display:inline-block; padding:8px 2em; background-color:#000; color:#fff;}
form > nav{ text-align:center;}
#AddCheckBtn{background-color:#000;color:#fff;display:inline-block;width:80px;text-align:center;padding:14px 0;margin:6px;}

.tsizenone{ display:none;}
.tsizeview{ display:inline-block;}

.info8{ width:100%; display:inline-block; float:left; text-align:center;}
.info8 > div{ margin-top:2em; width:96%; text-align:left; display:inline-block;}
.info8 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:30px; margin:1em 0; margin-bottom:1em;}
.info8 > div > div{ background-color:#f4f4f4; display:inline-block; margin-bottom:3em; background-repeat:no-repeat; width:96%; text-align:left;}
.info8 > div > div > ul{ margin:1em;}
.info8 > div > div > ul > li{ list-style:circle; margin-left:20px; }
.info8 > div > div > ul > li > ul > li{ list-style:outside; margin-left:20px; }