@charset 'utf-8';

section.as_intro01,
section.etc_intro01 { position:relative; background:#fff; }
section.as_intro01 p,
section.etc_intro01 p { text-align:center; }

section.etc_section { position:relative; width:100%; }
ul.etc_tab { width:100%; margin-bottom:40px; }
ul.etc_tab:after { content:""; display:block; clear:both; }
ul.etc_tab li { float:left; width:50%; height:50px; position:relative; }
ul.etc_tab a { display:block; width:99.5%; height:48px; line-height:48px; border:1px solid #ddd; font-size:16px; color:#666; text-align:center; font-weight:bold; }
ul.etc_tab a.selected { background:#181138; color:#fff; width:100%; height:50px; line-height:50px; border:0; }

.sbox { background:#fff url("../img/common/sel_arrow_down.png") 98% center no-repeat; border:1px solid #ddd; border-radius:3px; position:relative; width:100%; height:36px; }
.sbox select { border:0; height:28px; left:0; line-height:28px; opacity:0; position:absolute; top:0; width:100%; }
.sbox_label { color:#666; display:block; font-size:14px; height:38px; line-height:38px; margin:0 10px; overflow:hidden; text-align:left; }



.faq_list{ border-top:2px solid #ddd;}
.faq_list dt > span { position:absolute; left:0px; width:34px; height:100%; text-align:center; color:#333;  display: flex; justify-content:center; align-items:center;
 }
.faq_list .faq_imp > span { background:url('../img/etc/faq_imp.png') center center no-repeat; width:34px; height:100%; text-indent:-2000px; }
.faq_list .faq_imp p.faq_tit_img span{font-weight:bold;}
.faq_list dt{ position: relative;  border-bottom:1px solid #eee; }
.faq_list .faq_tit_img {}
.faq_list .faq_tit_img span{line-height:20px;}
.faq_list dt p.faq_tit_img { background:url('../img/etc/faq_q.png') 0 center no-repeat; padding:20px 10px 20px 40px;  margin-left:35px;font-size:14px; line-height:20px; }


.faq_list dt p.btn_toggle{position:absolute; right:29px; top:5px;}
.faq_list dt p.btn_toggle a { background:url('../img/products/btn_pro_down.png') 0 0 no-repeat; text-indent:-20000px; display: block; width:45px; height:45px; }
.faq_list dt.on p.btn_toggle a { background:url('../img/products/btn_pro_up.png') 0 0 no-repeat; text-indent:-20000px; display: block; width:45px; height:45px; }
.faq_list dt.on {background:#f8f8f8;border-top:1px solid #ddd;}

.faq_list dd{background:#f8f8f8; display:none; border-bottom:1px solid #ddd;}
.faq_list dd .faq_a_wrap{ padding:5% 0 5% 8%; border-top: 1px dashed #CCC;}
.faq_list dd .faq_answer{ background:#fff; padding:3%; width:88%; }

.faq_answer span { display:block; font-size:13px; color:#666;  text-align:justify; padding-left:10%; background:url("../img/etc/faq_a.png") no-repeat scroll 0 5px;line-height:20px; word-break:break-all;}

/*파트너 신청*/
.partner_wrap{border-top:2px solid #ddd; overflow:hidden; }
table.patner_tbl { width:100%; }

table.patner_tbl th { width:80%; color:#333; padding:5% 8%; text-align:left; vertical-align:middle; font-size:18px; }
table.patner_tbl td { width:80%; border-bottom:1px solid #DDD; color:#666; padding:0 8% 5% 8%; text-align:left; vertical-align:middle; }


.partner_sbox { background:url("../img/common/sel_arrow_down.png") no-repeat scroll 94% center #fff; border:1px solid #bebebe; border-radius:3px; float:left;width:100%; height:38px; position:relative; }
.partner_sbox select { border:0; height:38px; left:0; line-height:38px; opacity:0; position:absolute; top:0; width:100%; }
.partner_sbox label { color:#666; display:block; font-size:14px; height:38px; line-height:38px; margin:0 10px; overflow:hidden; text-align:left; }

.partner_input { border:1px solid #bebebe; border-radius:3px; color:#666; height:38px; text-indent:5px; width:100%; }

.c_df3243 { color:#df3243; font-weight:bold; vertical-align:middle; width:100%; }
span.hyphen { padding:3px; line-height:200%;}
.cont_txtarea { border:1px solid #ddd; height:148px; width:98%; font-size:14px; color:#444; line-height:1.4; font-family:'nbg'; }

 a.btn_id_chk { display:inline-block; width:25%; height:38px; line-height:36px; background:#747474 none repeat scroll 0% 0%; border:1px solid #5D5D5D; border-radius:3px; color:#FFF; font-size:16px; text-align:center; }
.t_point { margin:3% 8%; font-weight:bold;  }
.patner_btn { clear:both; width:85%; height:50px; background:#e71b26; margin-top:45px; margin:5% 8% 5% 8%;}
.patner_btn a { display:block; color:#fff; font-size:20px; text-align:center; line-height:50px; }

.input_19p { width:19.5%; }
.input_30p { width:30%; }
.input_40p { width:45%; }

.input_50p { width:50%; }
.input_70p { width:70%; }
.input_80p { width:80%; }
.ml10 { margin-left:10px; }
.mb10 { margin-bottom:10px; }
.mt10 { margin-top:10px; }
::-webkit-input-placeholder { word-break:break-word; width:10px;word-wrap: break-word }
::-moz-placeholder { word-break:break-word;width:10px;word-wrap: break-word } /* firefox 19+ */
:-ms-input-placeholder { word-break:break-word; width:10px; word-wrap: break-word} /* ie */
input:-moz-placeholder { word-break:break-word;width:10px;word-wrap: break-word }
/* as 페이지 */
.as_notice { text-align:left !important; background:#f8f8f8; font-size:32px; color:#333; font-weight:bold; margin:6.5% 5%; padding:2% 4% 4% 4%; line-height:200%; }
.as_notice span { font-size:20px; color:#666; display:block; font-weight:normal; line-height:130%; }

.as_wrap_bg { position:absolute; bottom:0; width:100%; z-index:0; }
.as_pic_wrap { position:relative; padding-bottom:220px; margin:0 auto; }
.as_pic_wrap dl { background:url('../img/etc/m_as_pic_bg.jpg') 0 0 no-repeat; background-size:100%; margin:0 18.1% 5% 18.1%; padding:15% 17% 17% 17%; }
.as_pic_wrap dl dt { margin-bottom:25%; }
.as_pic_wrap dl dd { font-size:18px; line-height:150%; text-align:center; }
.as_pic_wrap dl dd  span { display:block; color:#888; }



@media screen and (max-width:560px) {
	dl.etc_list > dt { font-size:16px; }
	.faq_a_inner span { font-size:14px; }
	.faq_a_inner { margin-left:13%; }

	.as_notice { font-size:30px; }
	.as_notice span { font-size:16px; }
	.as_pic_wrap dl dd { font-size:16px; }
}
@media screen and (max-width:480px) {	
	dl.etc_list > dt p strong { display:block; width:80%; }
	dl.etc_list > dt { font-size:14px; }
	.faq_a_inner span { font-size:12px; }
	.faq_a_inner { margin-left:14%; width:76%; }

	.as_notice { font-size:18px; }
	.as_notice span { font-size:14px; }
	.as_pic_wrap dl dd { font-size:14px; }
}
@media screen and (max-width:400px) {
	.faq_a_inner { margin-left:18%; width:70%; }

	.as_notice { font-size:16px;}
	.as_notice span { font-size:12px; }
	.as_pic_wrap dl dd { font-size:11px; }
}