@charset "utf-8";

/* qna */
.qna ul {margin:10px 0; border-bottom:1px solid #ddd;}
.qna ul li input {display:none;}
.qna ul label {display:block; margin:0; padding:1.3em 1em 1.5em 4em !important; font-size:.875em !important; font-weight:500; position:relative; border-top:1px solid #ddd;}
.con.qna ul li label:before {content:'Q'; position:absolute; top:.3em; left:.5em; display:block; margin-right:1em; font-size:2em; font-weight:700; color:#ccc; background:none;}
.con.qna ul input:checked ~ label:before {content:'Q'; top:.3em; left:.5em; background:none;}
.qna ul p {padding:1.5em 1em 1.5em 4.3em; background:#fcfcfc; position:relative; font-size:.813em; color:#666; display:none;}
.qna ul p:before {content:'A'; position:absolute; top:.5em; left:.7em; display:block; margin-right:1em; font-size:2em; font-weight:700; color:#ff8333;}
.qna ul input:checked ~ p {display:block;}

/* wayto */
.wayto {margin-bottom:2em !important;}
.wayto p {font-size:.875em; margin-top:1.2em;}
.wayto .tel {display:block; font-size:1.1em; margin-top:.5em;}
.wayto .tel strong {display:inline-block; margin:0 10px; font-weight:500;}
.wayto .tel strong:first-child {margin-left:0;}
.wayto .btn {margin-top:1.5em;}
.wayto .btn a {height:auto;}
.wayto .how {margin-top:2em;}
.wayto .how ul > li {display:block; padding:1.7em .5em; border-top:2px solid #000; font-size:.875em; color:#666; line-height:1.3;}
.wayto .how ul > li strong {display:block; margin-bottom:.7em; font-size:1.250em; font-weight:500; color:#000;}
.wayto .how ol {border-bottom:0;}
.wayto .how ol li {color:#666;}
.wayto .how dl {position:relative; line-height:1.3;}
.wayto .how dl dt {position:absolute;}
.wayto .how dl dd {margin-bottom:.3em; padding-left:2.5em;}

/* sms */
.sms .table.write > p {font-size:.813em; line-height:1.3;}
.sms .table.write th {padding:1em; font-size:.813em;}
.sms .table.write td {padding:.8em; color:#666; line-height:1.3em;}
.sms .table.write td input[type=text], .join .table.write td input[type=password], .join .table.write td input[type=email], {width:100%;}
.sms .table.write td input:nth-child(n+2) {margin-top:.8em;}
.sms .table.write td span {display:block; margin:.3em 0; font-size:.875em;}
.sms .table.write td a.btn {display:block; margin-bottom:0; float:right; position:relative; margin-top:-36px;}
.sms div.btn {margin-top:2em;}

.sms .agree {border-bottom:1px solid #ddd; padding-bottom:1.5em;}
.sms .agree .tit {border-top:1px solid #ddd; margin:1.5em 0 0; padding:1.5em .5em .5em; font-size:.938em;}
.sms .agree .tit:before {display:none;}
.sms .agree input[type=checkbox] + label {margin:0 .5em; font-size:.813em; color:#666;}
.sms .agree .btn_detail {display:block; float:right; margin-top:-1.5em; border:1px solid #ddd; padding:.4em 1em; color:#666; font-size:.875em;}
.sms .agree .btn {margin-top:1.8em; padding-top:2em; border-top:1px solid #ddd;}
.sms .agree .pop {background:#fdfdfd; position:fixed; top:0; left:0; bottom:0; width:100%; color:#666; z-index:11; display:none;}
.sms .agree .pop h5 {display:block; margin:.8em .8em 0; padding-bottom:1em; position:fixed; top:0; left:0; right:0; height:2.3em; border-bottom:1px solid #eee; font-size:1.3em; font-weight:300;}
.sms .agree .pop .btn_close {position:fixed; top:.9em; right:1em; display:block; width:2.3em; height:2.3em; text-indent:-9999em; white-space:nowrap; overflow:hidden; background:url('/imagesm/common/btn_close_black.png') no-repeat center; background-size:50%;}
.sms .agree textarea {width:100%; height:92%; resize:none; margin-top:5.2em; padding:1.5em; color:#666; background:none; font-size:.75em;}
.sms .agree .pop:target {display:block;}