*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}ol>li{padding:4px 4px;margin-left:24px}html{background-color:#f4faf4}body{word-wrap:break-word}
main{margin:0 auto;margin-top:36px;padding:4px;max-width:1000px}@media screen and (max-width:768px){body{font-size:90%;padding:0;width:98%}main{margin-top:72px}
}label{font-size:1.2rem;font-weight:bold;vertical-align:middle}small{padding:8px}small>a{text-decoration:none}p{margin:16px 0;font-size:1.2rem}a:visited{color:#0070b8}
dt{font-size:1.2rem;font-weight:bold}dd{margin-bottom:16px}h1{font-size:2.4rem}@media screen and (max-width:768px){h1{font-size:1.6rem}}h2{background-color:white;margin-top:20px;margin-bottom:4px;padding-left:.5rem;padding:0 .25rem}
h3{margin-top:16px;margin-bottom:4px}hr{border-style:dotted;margin:24px 0}.aside_field{margin:24px 0;padding:24px 0;text-align:center;border-top:1px dotted #000;border-bottom:1px dotted #000}
section{margin:24px 0;background-color:white;padding:16px}@media screen and (max-width:768px){section{padding:2px}}section>p{margin:0 0 8px 0;padding:0}
#searchResultArea{background-color:white;padding:4px;margin-bottom:16px}.small{font-size:12px}.resButton{display:inline-block;margin-left:8px}input{font-size:1.2rem}
input:disabled{background-color:gray}input[type="radio"]{margin-right:4px}input[type="radio"]:nth-child(n+2){margin-left:8px}
input[type="checkbox"]{margin-right:8px;padding:10px}@media screen and (max-width:768px){input{max-width:98%;font-size:1.2rem}
}button{margin-top:8px;padding:8px;font-size:1.2rem;background-color:white}select,option{font-size:1.2rem}form{margin-top:24px}form>div{margin-top:24px}
form .checkedNearInput{display:none}form input[type="radio"]:checked ~ .checkedNearInput{display:block}.nameText{font-weight:bold}
.bodyHead{background-color:#ffffda}.bodyText{padding:12px 4px}textarea{padding:2px;width:100%;max-width:600px;min-width:50%;min-height:200px;height:200px;font-size:1.2rem}
@media screen and (max-width:768px){textarea{width:98%;max-width:500px}}.postInfo{font-size:14px}.threadList{background-color:#fff;padding:8px}.threadList a{display:inline-block;margin:4px}
table{width:100%;max-width:100%;border-collapse:collapse;margin-top:24px;margin-bottom:48px;font-size:1.2rem;table-layout:fixed;box-shadow:4px 4px 2px #ddd}
table tr{background-color:#fff}table tr:nth-child(even){background-color:#fafafa}table td{border:1px solid #ddd;padding:4px}table th{width:150px;border:1px solid #ddd;padding:4px}
table.lineTable th{background-color:#cfc}table.kakaoTable th{background-color:#ffc}table.skypeTable th{background-color:#cff}table tfoot{text-align:right}
@media screen and (max-width:768px){table tfoot{font-size:1rem}}#contactForm{margin-top:48px}#contactForm .required{font-size:12px;color:red}#contactForm textarea{padding:0;max-width:600px;width:100%;height:300px}
.tag{display:inline-block;padding:0 4px;text-decoration:none;border:1px solid #00e;background-color:#fff;border-radius:4px;margin-right:8px}.tag:hover{background-color:#ddf}
#tagArea{margin-top:-16px;margin-bottom:32px}.right{text-align:right}.red{color:#c0392b!important}.green{color:#27ae60!important}.line{color:#5dc10d}.kakao{color:#f3cc21}
.skype{color:#09a3ca}.hidden{display:none}#copyID{margin-left:8px}#pageNav{border-top:1px dotted #000;border-bottom:1px dotted #000;text-align:center;margin:16px 0;padding:16px 0;white-space:nowrap}
#pageNav>a{display:inline-block;text-decoration:none;width:36px;height:36px;padding:8px 0;font-weight:bold;background-color:#ddd;color:white;margin:0 8px}
#pageNav>a.current{background-color:#5dc10d}.listButtonArea{margin-top:32px;margin-bottom:48px}.listButtonArea .listButton{display:inline-block;text-decoration:none;margin-right:8px;margin-top:8px;margin-bottom:8px;padding:8px 16px;background-color:white;border:1px #ddd solid}
.genderIcon{width:24px;height:24px;vertical-align:top}#IDQR{width:300px;height:300px}@media screen and (max-width:768px){#IDQR{width:200px;height:200px;max-width:300px;max-height:300px}
}#headerMenu{position:relative;z-index:5;top:0;left:0;overflow:auto;width:100%;height:auto;padding-top:0;-webkit-transition:transform .3s ease-in;transition:transform .3s ease-in;text-align:center;background-color:#fff;box-shadow:0 2px 2px #ddd}
#headerMenu>div#iconField{height:100%;float:left}#headerMenu>div#iconField img{display:block;margin:4px;width:40px;height:40px}#headerMenu>div#iconField:hover{background-color:#dfd}
#headerMenu ul{list-style:none;height:100%}#headerMenu li{display:inline-block;margin-right:-6px;border:0}#headerMenu li>a{text-decoration:none;display:block;padding:12px 40px;-webkit-transition:background-color .3s ease-in;transition:background-color .3s ease-in}
#headerMenu li>a:hover{background-color:#5dc10d;color:white}#menuToggle{display:none}#menuToggle:checked ~ #headerMenu{-webkit-transform:translateX(0);transform:translateX(0)}
#mobileBar{display:none}@media screen and (max-width:768px){#headerMenu{position:fixed;left:-250px;overflow-y:hidden;width:250px;height:100%;padding-top:60px;background-color:#f0fdf0}
#headerMenu li{display:block;margin-right:0;background:#fff;border-bottom:4px solid #f0fdf0}#headerMenu a{padding:20px;font-size:1.2rem}#headerMenu #iconField{display:none}
#mobileBar{display:block;z-index:10;position:fixed;top:0;left:0;padding:0 20px;width:100%;height:60px;background-color:#fff;box-shadow:0 2px 2px #ddd}
#mobileBar a{text-decoration:none;color:inherit}#mobileBar h1{color:#666;float:left;margin:12px 20px;margin-right:0;font-size:18px;line-height:1}#menuIcon{position:relative;display:block;cursor:pointer;float:left;width:25px;height:100%;-webkit-transition:transform .3s ease-in;transition:transform .3s ease-in;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#menuIcon>span{display:block;position:absolute;top:55%;margin-top:-0.3em;width:100%;height:.2em;background-color:#aaa;-webkit-transition:transform .3s ease;transition:transform .3s ease}
#menuIcon>span:before,#menuIcon>span:after{content:'';position:absolute;width:100%;height:100%;background-color:#aaa;-webkit-transition:transform .3s ease-in;transition:transform .3s ease-in}
#menuIcon>span:before{-webkit-transform:translateY(-0.6em);transform:translateY(-0.6em)}#menuIcon>span:after{-webkit-transform:translateY(0.6em);transform:translateY(0.6em)}
#menuToggle:checked+#mobileBar #menuIcon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menuToggle:checked+#mobileBar span:before,#menuToggle:checked+#mobileBar span:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#menuToggle:checked ~ #headerMenu{-webkit-transform:translateX(100%);transform:translateX(100%)}#menuToggle ~ #cover{opacity:0}#menuToggle:checked ~ #cover{z-index:0;position:fixed;bottom:0;left:0;background-color:#000;opacity:.5;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:100%;height:100%}
}