table {width:100%;}
table tr th {border-top:2px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
table tr td,table tr th{ font-size:1.2rem; padding:20px 0px;}
table tr td {text-align:center;}

table tr th.colth01 {width:10%}
table tr th.colth02 {width:15%}
table tr th.colth03 {width:40%}
table tr th.colth04 {width:15%}
table tr th.colth05 {width:20%}

table tr td.coltd01 {}
table tr td.coltd02 {color:#999;}
table tr td.coltd03 {text-align:left;}
table tr td.coltd04 {}
table tr td.coltd05 {}

.idx {display:none;}

.viewBtn {cursor:pointer; font-size:1.3rem;}
.viewBtn:hover {color:#00adef;}

/* °³ÀÎÁ¤º¸ ¼öÁý ¹× À̿뵿ÀÇ */
.cs_terms>h3 { margin-bottom:15px; color:#333; font-size:2em; font-weight:normal;}
.cs_terms .terms_box { padding:25px; border:1px solid #e2e2e2; background-color:#fafafa; color:#666; font-size:1.3em; line-height:1.8;}
.cs_terms .terms_box h4 { margin-top:10px; font-weight:bold;}
.cs_terms .terms_box ul li { margin-left:7px; text-indent:-7px;}
.cs_terms .terms_box p.last { margin-top:10px;}
.agree_radio { margin:20px 0 50px; text-align:center; color:#454545; font-size:1.7em;}
.agree_radio label { display:inline-block; margin:5px 0 0 2.2em;}
.agree_radio label:first-child { margin-left:0;}
.agree_radio .type-radio { margin:0 2px 0 0;}

/* list ´äº¯È®ÀÎâ */
.questionBox {padding:23px 80px 23px 100px; background:url("/img/icon/faq_q.png") no-repeat 30px 20px; font-size:1.3rem;}
.questionBox .text_box {font-size:1.3rem;}
.answer_box {padding:0 80px 23px 100px; background:url("/img/icon/faq_a.png") no-repeat 30px 20px; font-size:1.3rem;}
.answer_box .text_box {padding:23px 0 0 0; border-top:1px solid #ddd; font-size:1.3rem;}

/* list ÆäÀÌÁö Æнº¿öµå È®ÀÎâ */
.passWrap {position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:1000; display:none;}
.passWrap .passInner {position:absolute; width:400px; height:300px; margin:-150px 0 0 -200px; left:50%; top:50%; background:#fff; z-index:1000;}
.passWrap .passInner .passtitle {position:relative; height:50px; background:#393939;}
.passWrap .passInner .passtitle .passtit {padding:0 25px; height:50px; line-height:50px; font-size:1.2rem; color:#fff;}
.passWrap .passInner .passtitle .passclose {display:block; position:absolute; top:5px; right:5px; width:40px; height:40px; background:url("/img/icon/video_close.png") no-repeat center center; cursor:pointer;}

.passWrap .passInner .passcont {padding:40px 40px 0 40px; text-align:center;}
.passWrap .passInner .passcont > p {font-size:1.2rem; color:#9c9c9c; text-align:center;}
.passWrap .passInner .passcont > input {margin:10px 0; padding:5px 15px; font-size:1.2rem; border:1px solid #ddd; text-align:center; width:260px;}
.passWrap .passInner .passcont .passconfirm {padding:10px 20px; margin:0 auto; background:#00adef; font-size:1.2rem; text-align:center; width:40px; color:#fff;}

@media screen and (max-width: 760px) {
	.faqlist tr td {font-size:1rem;}
	.viewBtn {font-size:1rem;}

	/* ´äº¯È®ÀÎâ*/
	.questionBox {font-size:1rem;}
	.questionBox .text_box {font-size:1rem;}
	.answer_box {font-size:1rem;}
	.answer_box .text_box {font-size:1rem;}
}

/* list ÇÏ´Ü ¹öÆ° */
.btnWrap {width:100%; text-align:right;}
.btnWrap > a {display:inline-block; width:120px; padding:10px; text-align:center; background:#45564c; color:#fff; font-size:1.2rem;}
.btnWrap > a.gray {background:#ccc;}

.btnWrapCenter {width:100%; text-align:center; margin:20px 0 0 0;}
.btnWrapCenter > a {display:inline-block; width:120px; padding:10px; text-align:center; background:#45564c; color:#fff; font-size:1.5rem;}
.btnWrapCenter > a.gray {background:#ccc;}


/* write CSS */
.faqbbs_write {border-top:2px solid #333; border-bottom:1px solid #333;}
.faqbbs_write table {}
.faqbbs_write table tr th {border:none; vertical-align:middle; min-width:80px;}
.faqbbs_write table tr td {text-align:left;}
.faqbbs_write table tr td input {border:1px solid #ccc; padding:10px;}
.faqbbs_write table tr td textarea {border:1px solid #ccc; height:400px; width:98%; padding:10px;}
.faqbbs_write table tr td .style01 {width:98%;}
.faqbbs_write table tr td .style02 {width:220px;}
.faqbbs_write table tr td .desc {color:#9c9c9c;}
@media screen and (max-width: 760px) {
	.faqbbs_write table tr td .style02 {width:49%;}
	.desc {display:inline-block; width:80%;}
}


/* faqlist.asp CSS */
.faq_category {width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.faq_category:after {content:''; display:block; clear:both;}
.faq_category > li {float:left; width:20%; box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.faq_category > li > a {display:block; width:100%; padding:20px 0; text-align:center; font-size:1.2rem;}
.faq_category > li > a.active {background:#45564c; color:#fff;}

.faqlist {width:100%; border-top:1px solid #ccc; margin:20px 0;}
.faqlist tr.faq_question {}
.faqlist tr td {border-bottom:1px solid #ccc; vertical-align:middle; padding:20px 30px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.faqlist tr.faq_question td.faqtd01 {width:200px;}
.faqlist tr.faq_question td.faqtd01 > div {font-size:1.2rem; border:1px solid #ccc; padding:5px;}
.faqlist tr.faq_question td.faqtd02 {text-align:left; position:relative; cursor:pointer;}
.faqlist tr.faq_question td.faqtd02:before {content:''; display:inline-block; position:absolute; top:22px; left:-10px; color:#00adef; background:url('/img/icon/faq_q.png') no-repeat; width:32px; height:32px;}
.faqlist tr.faq_question td.faqtd03 {}
.faqlist tr.faq_question td.faqtd03 > i {font-size:2rem; color:#777; cursor:pointer;}

.faqlist tr.faq_answer {display:none;}
.faqlist tr.faq_answer td {background:#f2f0ed;}
.faqlist tr.faq_answer td.faqtd01 {}
.faqlist tr.faq_answer td.faqtd02 {text-align:left; line-height:30px; position:relative;}
.faqlist tr.faq_answer td.faqtd02:before {content:''; display:inline-block; position:absolute; top:22px; left:-10px;  background:url('/img/icon/faq_a.png') no-repeat; width:32px; height:32px;}
.faqlist tr.faq_answer td.faqtd03 {}
@media screen and (max-width: 680px){
	.faq_category > li {width:50%;}
	.faqlist tr td {padding:20px 10px;}
	.faqlist tr.faq_question td.faqtd01 {width:150px;}
	.faqlist tr.faq_question td.faqtd02 {padding:20px 30px;}
	.faqlist tr.faq_answer td.faqtd02 {padding:20px 30px;}
	.faqlist tr.faq_question td.faqtd02:before {left:-4px;}
	.faqlist tr.faq_answer td.faqtd02:before {left:-4px;}
}
@media screen and (max-width: 560px){
	.faqtd01 {display:none;}
	.faqlist tr.faq_question td.faqtd02 {padding:20px 0 20px 50px;}
	.faqlist tr.faq_answer td.faqtd02 {padding:20px 0 20px 50px;}
	.faqlist tr.faq_question td.faqtd02:before {left:10px;}
	.faqlist tr.faq_answer td.faqtd02:before {left:10px;}
}