section > div.main1{ width:100%; height:420px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-repeat:no-repeat;background-image:url(https://file.k-friends.kr/img/20210409/064519_0.png);}
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;}

section > div.main2 > form > ul > li > div > select{ display:inline-block; padding:6px; width:70px;}


#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 > nav{ margin-top:1em; margin-bottom:2em;}
#ResultDiv > ul > li > nav > a{ display:inline-block; padding:8px 2em; background-color:#000; color:#fff;}
#ResultDiv > ul > li > p{margin-left:20px; position:relative; color:#f00;}
#ResultDiv > ul > li > p:before{ content:"※"; position:absolute; left:-20px; top:0;}

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; }


			
div#AddressFindDiv{ width: 100%; height: 100%; display: table; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5);}
div#AddressFindDiv > div{ display: table-cell; text-align: center; vertical-align: middle;}
div#AddressFindDiv > div > form{ text-align: left; display: inline-block; background-color: #fff; border:5px solid #00f; padding:8px;}

div#AddressFindDiv > div > form > div.searchdiv{ display:block; width:96%; margin:auto;}
div#AddressFindDiv > div > form > div.searchdiv > input{ width:60%; height:30px; float:left; margin-right:4px;}
div#AddressFindDiv > div > form > div.searchdiv > a{ display:inline-block; padding:6px 1.6em; background-color:#000; color:#fff;}
div#AddressFindDiv > div > form > p{ display:block; width:96%; margin:auto;color:#F63; margin-top:0.5em; margin-bottom:0.5em; font-size:12px;}
#AddressList{ min-height:350px; width:600px;}
#AddressList > table{ width:96%; margin:auto; border-top:2px solid #69F;}
#AddressList > table > tbody > tr > th{ margin:auto; border-bottom:1px solid #69F; padding:6px; font-size:12px; line-height:1.6; text-align:center;}
#AddressList > table > tbody > tr > td{ margin:auto; border-bottom:1px solid #69F; padding:6px; font-size:12px; line-height:1.6;}
#AddressList > table > tbody > tr > td:nth-child(1){ text-align:center}
#AddressList > nav{ text-align:center; width:100%; padding:1em 0;}
#AddressList > nav > span{ display:inline-block; padding:6px 1em; background-color:#555; color:#fff; border:1px solid #ddd; font-size:12px; margin:2px;}
#AddressList > nav > a{ margin:2px; display:inline-block; padding:6px 1em; background-color:#fff; border:1px solid #ddd; font-size:12px;}