@charset "utf-8";


/* 인라인 요소 좌우정렬 재설정 */
	.tal { text-align:left !important; }
	.tar { text-align:right !important; }
	.tac { text-align:center !important; }
/* 배경컬러 변경 */
	.bg_gray { background-color:#eeefef !important; }
/* 텍스트 컬러 변경 */
	.ttc_gray { color:#7a7a7a; }
	.ttc_red { color:#f00; }
	.ttc_blue { color:#00f; }

/* etc items */
	.sub_txt_red { padding:10px 0; color:#c00; }



/*---------- BUTTONS ----------*/
	[class*="btn_"] { overflow:hidden; display:inline-block; box-sizing:border-box; padding:0 20px; font-size:14px; text-align:center; color:#000; border:1px solid #afafaf; border-radius:5px; background-color:#fff; cursor:pointer; }
	[class*="btn_"].rec { border-radius:0; } /* 모서리 라운드 해제 */
	/* button size */
	[class*="btn_"].wd { min-width:100% !important; }
	.btn_xs { height:16px; padding:0 5px; line-height:14px; font-size:10px; }
	.btn_s { height:35px; line-height:33px; font-size:14px; }
	.btn_m { height:44px; line-height:43px; font-size:16px; }
	.btn_b { height:55px; line-height:54px; font-size:16px; }
	.btn_l { min-width:236px; height:65px; line-height:64px; font-size:18px; }
	.btn_xl {  }
	/* color */
	[class*="btn_"].white { background-color:#fff; }
	[class*="btn_"].red { color:#fff; border-color:#e91f3e; background-color:#e91f3e; }
	[class*="btn_"].revs_red { color:#e91f3e; border-color:#e91f3e; background-color:#FFF; }
	[class*="btn_"].black { color:#fff; border-color:#000; background-color:#000; }
	[class*="btn_"].brown { color:#fff; border-color:#af7924; background-color:#af7924; }
	[class*="btn_"].gray { color:#fff; border-color:#929292; background-color:#929292; }
	/* hover color */
	[class*="btn_"].hv:hover { transition:background 0.3s; }
	[class*="btn_"].white.hv:hover { color:#fff; background-color:#afafaf; }
	[class*="btn_"].red.hv:hover { color:#fff; border-color:#000; background-color:#000; }
	[class*="btn_"].black.hv:hover { color:#fff; border-color:#e91f3e; background-color:#e91f3e; }


	/* button inner icon */
	[class*="btn_"] *:before,
	[class*="btn_"] *:after { display:inline-block; content:''; background-position:center center; background-repeat:no-repeat; }
	[class*="btn_"] .thank:before { width:19px; height:21px; vertical-align:middle; margin-right:9px; background-image:url(../img/icons/icon_write_star_w.png); }
	[class*="btn_"] .check:before { width:22px; height:15px; vertical-align:text-top; margin-right:9px; background-image:url(../img/icons/icon_btn_check_w.png); }
	[class*="btn_"] .cart:before { width:18px; height:16px; vertical-align:text-top; margin-right:5px; background-image:url(../img/icons/icon_mo_w_cart_s.png); }
	[class*="btn_"] .award:before { width:14px; height:18px; vertical-align:text-top; margin-right:10px; background-image:url(../img/icons/icon_btn_award.png); }
	[class*="btn_"] .next_b:after { width:9px; height:16px; vertical-align:text-top; margin-left:35px; background-image:url(../img/icons/icon_btn_next_on.png); }
	[class*="btn_"] .awl:before,
	[class*="btn_"] .awr:after { width:9px; height:16px; vertical-align:middle; }
	[class*="btn_"] .awl:before { margin-right:12px; background-image:url(../img/icons/icon_btn_prev_off.png); } /* 이전 */
	[class*="btn_"] .awr:after { margin-left:12px; background-image:url(../img/icons/icon_btn_next_off.png); } /* 다음 */
	[class*="btn_"].hv:hover .awl:before { background-image:url(../img/icons/icon_btn_prev_on.png); } /* 이전 */
	[class*="btn_"].hv:hover .awr:after { background-image:url(../img/icons/icon_btn_next_on.png); } /* 다음 */

	[class*="btn_"] .tolist:before { width:16px; height:14px; margin-right:10px; vertical-align:text-top; margin-top:1px; background-image:url(../img/icons/icon_btn_burger.png); }

	[class*="btn_"] .pay:before { width:28px; height:25px; vertical-align:text-bottom; margin:0 15px -2px 0; background-image:url(../img/icons/icon_btn_wallet.png);}
	[class*="btn_"] .mag:before { width:23px; height:23px; vertical-align:middle; margin-right:10px; background-image:url(../img/icons/icon_btn_mag.png); }

	/* button wrap */
	[class*="btnbox"] { text-align:center; font-size:0; }
	[class*="btnbox"]:after { display:block; clear:both; visibility:hidden; content:''; }
	[class*="btnbox"] > * { vertical-align:top; }
    .btnbox_l { text-align:left; }
	.btnbox_r { text-align:right; }
	.btnbox.jf .left { float:left; }
	.btnbox.jf .right { float:right; }

	/* 기타 버튼 */
	.btn_blog { height:32px; line-height:31px; padding:0 10px 0 37px; font-size:15px; font-weight:400; border:1px solid #dadada; border-radius:0; background:#fff url(../img/icons/icon_nblog.png) 10px center no-repeat; }
	.btn_blog:hover { color:#5ab533; border-color:#5ab533; }


@media screen and ( min-device-width:1370px ) { 

	/* PC와 Mobile 스타일이 겹쳐서 PC 전용으로 제외 */
	[class*="btn_"] .cancel:before { width:19px; height:19px; vertical-align:text-top; margin-right:9px; background-image:url(../img/icons/icon_btn_cancel_b.png); }

    [class*=tbl_] ~ .btnbox { margin-top:30px; }
    .btnbox [class*="btn_"]:not(:first-of-type) { margin-left:20px; }
	/* ID & PW 찾기 페이지 버튼 */
	.btnbox.fx > * { min-width:150px; }
	.btnbox.fx [class*="btn_"]:not(:first-of-type) { margin-left:5px; }
	/* 서비스 상담 내부 등록&취소 버튼 */
	.product_contact .btnbox [class*="btn_"].black { width:150px; }
	.product_contact .btnbox [class*="btn_"].white { width:110px; }

	/* 블로그 바로가기 버튼 */
	.ttl_content .btn_blog { vertical-align:middle; margin-left:15px; }

}
@media screen and ( max-device-width:1369px ) { 

	/* ID & PW 찾기 페이지 버튼 */
	.btnbox.fx > * { display:block; width:100%; }
	.btnbox.fx > *:not(:first-of-type) { margin-top:10px; }
	/* 상품페이지 테이블 내 장바구니&민원신청 버튼 */
	.product .btnbox [class*="btn_"] { width:49%; }
	.product .btnbox [class*="btn_"]:not(:first-child) { margin-left:2%; }
	/* 서비스 상담 내부 등록&취소 버튼 */
	.product_contact .btnbox { margin-top:20px; }
	.product_contact .btnbox [class*="btn_"] { width:49%; }
	.product_contact .btnbox [class*="btn_"]:not(:first-of-type) { margin-left:2%; }
	/* 장바구니 민원 신청 버튼 */
	.tbl_cart ~ .btnbox { margin:0 -15px; }
	.tbl_cart ~ .btnbox [class*="btn_"].red { width:100%; border-radius:0; }
	/* 민원신청 완료 */
	.attach_doc .btnbox [class*="btn_"]:only-child { width:100%; border-radius:0; }
	/* 서비스 후기 */
	.thank_write ~ .btnbox [class*="btn_"] { min-width:auto; width:49%; border-radius:0; height:50px; line-height:48px; }
	.thank_write ~ .btnbox [class*="btn_"]:not(:first-child) { margin-left:2%; }

	/* 게시물 상세보기 하단 버튼 */
	.bbs_view_foot [class*="btn_"] { padding-left:10px; padding-right:10px; }
	.bbs_view_foot .left [class*="btn_"]:nth-of-type(2) { margin-left:5px; color:#fff; background-color:#afafaf; }
	.bbs_view_foot .left [class*="btn_"]:nth-of-type(2) .awr:after { background-image:url(../img/icons/icon_btn_next_on.png); }
	.bbs_view_foot .right [class*="btn_"].red { border-color:#000; background-color:#000; }

	/* 블로그 바로가기 버튼 */
	.ttl_content .btn_blog { margin:10px 0 -15px; padding:0 5px 0 30px; line-height:31px; font-size:13px; background-position-x:5px; }
	.ttl_content .btn_blog i { display:none; }

}



/*------------------------------------------------------
   input box, select, textarea
------------------------------------------------------*/

	input[type="text"],
	input[type="email"],
	input[type="password"],
	.select2-container--default .select2-selection--single,
	select { box-sizing:border-box; vertical-align:middle; text-indent:7px; }

	select,	
	.select2-container--default .select2-selection--single { background:#fff url(../img/icons/icon_selectbox_down.png) calc(100% - 7px) center no-repeat; }

	textarea { padding:15px 10px; height:10em; }


@media screen and ( min-device-width:1370px ) { 

	select,
	input[type="text"],
	input[type="email"],
	input[type="password"] { height:45px; }
	.select2-container--default .select2-selection--single { height:45px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:45px; }

	table input[type="text"],    
	table input[type="password"],
	table input[type="email"],
	table select { height:35px; }
	table .select2-container--default .select2-selection--single { height:35px !important; }
	table .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:35px; }

    /* select2 box reset */
    body.pc .select2-container--default .select2-results > .select2-results__options { max-height:none !important; font-size:14px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { bottom:1px; }

	select { min-width:50px; padding:0 20px 0 5px; }

	textarea { padding:12px; }

}
@media screen and ( max-device-width:1369px ) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select { height:36px; }
    .select2-container--default .select2-selection--single { height:36px !important; line-height:36px !important; }

	input[type="text"],
	input[type="email"],
	input[type="password"] { font-size:15px; }

    select,
	.select2 { width:100%; max-width:100%; }

    select,
	.select2-container--default .select2-selection--single { border-radius:0 !important; }

    select,
	.select2-container--default .select2-selection--single,
	.select2-results__option { font-size:14px; }
}


/*---------- input wrap ----------*/
	.ipt2_box,
	.ipt2_tell,
	.ipt3_box,
	.ipt3_nobar,
	.ipt4_box { position:relative; white-space:nowrap; text-align:justify; }
	.ipt2_box input { width:calc(50% - 0.8em); }
	.ipt3_box input { width:calc(33.33% - 0.8em); }
	.ipt4_box input { width:calc(25% - 1em); }
	.ipt2_box i,
	.ipt3_box i,
	.ipt4_box i { display:inline-block; width:0.8em; text-align:center; vertical-align:middle; }
	.ipt3_nobar,
	.ipt2_tell { font-size:0; }

	/* 헤외 우편번호,주소,상세주소 */
	.ipt2n1_box input:first-of-type { float:left; width:20%; margin-bottom:5px; }
	.ipt2n1_box input:nth-of-type(2) { float:right; width:79%; }
	.ipt2n1_box input:last-of-type { clear:both; display:block; width:100%; }
	/* 국내 우편번호검색-주소입력 */
	.ipt_such_box { position:relative; border:1px solid #ccc; }
	.ipt_such_box input { width:70%; border:0; }
	.ipt_such_box button { position:absolute; right:0; top:0; bottom:0; width:30%; background-color:#ccc; }
	.ipt_such_box ~ input { margin-top:5px; }
	/* 전화번호 입력 type2 */
	.ipt3_nobar input,
	.ipt3_nobar select { width:calc(100% / 3); font-size:1rem; }
	.ipt3_nobar input { margin-left:-1px; }
	/* 전화번호 입력 - 해외 */
	.ipt2_tell select,
	.ipt2_tell input { font-size:15px; }
	.ipt2_tell select { width:35%; }
	.ipt2_tell input { width:65%; }
	.ipt2_tell input ~ select,
	.ipt2_tell select ~ input { margin-left:-1px; }

@media screen and ( min-device-width:1370px ) { 

	.pay_more .ipt_such_box { width:680px; } /* 결제/배송 페이지 테이블 안에 있을 때 사이즈 재설정 */
	table .ipt3_box,
	.thank_write .ipt3_box { width:254px; }
	table .ipt4_box { width:350px; }
}


/*---------- input file + upload button style ----------*/
	.file_box,
	.file_up,
	.file_name,
	.file_box p { display:inline-block; box-sizing:border-box; vertical-align:top; }
	.file_up { position:relative; font-size:0; }
	.file_up input[type="file"] { opacity:0; display:block; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; border:0; background-color:transparent; cursor:pointer; }
	.file_up i { font-size:15px; }

	.file_box.type01 .file_name,
	.file_box.type01 .file_up { height:33px; line-height:33px; margin-top:5px; margin-bottom:5px; }
	.file_box.type01 .file_name,
	.file_box.type01 .file_up { margin-right:5px; }
	.file_box.type01 .file_name { overflow:hidden; width:220px; text-indent:15px; white-space:nowrap; text-overflow:ellipsis; background-color:#fff; }
	.file_box.type01 .file_up { width:130px; text-align:center; color:#fff; border-radius:3px; background-color:#656565; }
	.file_box.type01 p { padding-top:15px; font-size:0.95em; }


/*---------- radio & checkbox ----------*/
	.cbox { position:relative; display:inline-block; cursor:pointer; }
	.cbox input { opacity:0; position:absolute; left:0; top:0; width:1px; height:1px; z-index:1; cursor:pointer; }
	.cbox input + .label:before { content:''; box-sizing:border-box; display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; border:1px solid #333; background-repeat:no-repeat; background-color:#fff; cursor:pointer; }
	.cbox.red input + .label:before,
	.cbox.red input[type="checkbox"] + .label:before { border-color:#e91f3e; background-color:#e91f3e; }
	.cbox input[type="checkbox"] + .label:before { background-position:center 3px; }
	.cbox input[type="checkbox"]:checked + .label:before { background-image:url(../img/icons/icon_check_black.png); }
	.cbox.red input[type="checkbox"]:checked + .label:before { background-image:url(../img/icons/icon_check_white.png); }
	.cbox input[type="radio"] + .label:before { border-radius:50%; background-position:center center; }
	.cbox input[type="radio"]:checked + .label:before { background-image:url(../img/icons/icon_check_radio_black.png); }
	.cbox:not(:last-of-type) { margin-right:12px; }

	.cbox input[disabled] + .label:before,
	.cbox input[readonly] + .label:before { opacity:0.5; }


/*---------- 수량 버튼 ----------*/
	.quant { width:90px; height:30px; margin:0 auto; font-size:0; }
	.quant span,
	.quant input { display:inline-block; box-sizing:border-box; vertical-align:top; width:30px !important; height:30px !important; padding:0 !important; text-indent:0 !important; text-align:center; line-height:32px; background-color:#fff; }
	.quant span { font-size:17px; cursor:pointer; }
	.quant span.minus { border:1px solid #d1d1d1; }
	.quant span.plus { border:1px solid #000; background-color:#fafafa; }
	.quant input { margin:0 -1px; font-size:15px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; }


/*---------- 페이징 ----------*/
	.paging { margin:30px 0 10px; font-size:0; text-align:center; }
	.paging ul,
	.paging li { display:inline-block; padding:0; margin:0; vertical-align:top; }
	.paging ul li { margin:0 3px; font-size:14px; border:1px solid #b5b5b5; }
	.paging ul li a { display:block; height:100%; color:#000; }
	.paging ul li.on a { color:#fff; }
	.paging ul li.on { border:1px solid #e91f3e; background-color:#e91f3e; }
	.paging ul li.arrow { border:0; }
	.paging ul li.arrow a:hover { color:#e91f3e; }

@media screen and ( min-device-width:1370px ) { 
    /* 페이징 */
    .paging ul li,
    .paging ul li a,
    .paging ul li.arrow { line-height:28px; }
    .paging ul li { width:28px; height:28px; }
}
@media screen and ( max-device-width:1369px ) {
    .paging ul li,
    .paging ul li a,
    .paging ul li.arrow { line-height:24px; }
    .paging ul li { width:24px; height:24px; }
}



/*---------------------------
    table - PC
---------------------------*/

@media screen and ( min-device-width:1370px ) { 

	/* 테이블 공통사항 */
	.tbl_bd,
	.tbl_req { border-top:2px solid #000; }
	.tbl_req .select2-container--default .select2-selection--single { width:100% !important; }

    /* 상하 굵은 선이 들어간 테이블 */
    .tbl_bd table { font-size:15px; }
    .tbl_bd th,
    .tbl_bd td { padding:15px 10px; }

    .tbl_bd th { border-bottom:1px solid #b2b2b2; }
    .tbl_bd td { border-bottom:1px solid #7f7f7f; }
    .tbl_bd:not(.package) th + th,
    .tbl_bd:not(.package) td + td { border-left:1px solid #d8d8d8; } /* 패키지 상품 테이블 제외 스타일 */

	/* 주문서 테이블 */
	.tbl_req table { font-size:14px; }
	.tbl_req th,
	.tbl_req td { padding:7px 10px 6px; min-height:45px; border-bottom:1px solid #dcdcdc; }
	.tbl_req th { text-align:center; background-color:#f0f0f0; }
	.tbl_req td {  }

}


/*---------------------------
    table - Mobile
---------------------------*/
@media screen and ( max-device-width:1369px ) { 

	.tbl_req th { padding:10px 0 5px; text-align:left; font-size:14px; color:#996c33; }
	.tbl_req td { padding-bottom:5px; }

}


/*---------------------------
    Board
---------------------------*/

/* bbs view */
.bbs_view img { width:auto; max-width:100%; height:auto !important; }
.bbs_date,
.bbs_count { font-weight:700; color:#999; }
.bbs_count { padding-left:26px; margin-left:20px; background:url(../img/icons/icon_eye.png) 0 40% no-repeat; }
.bbs_view { color:#666; border-bottom:1px solid #000; }

/* post thumbnail list */
.post_list .post > a { display:block; font-size:14px; font-weight:400; color:#777; }
.post_list .post .thumb { width:100%; padding-top:69.415%; background-color:#d2d3d4; }
/* post title, text */
.thumb_ttl { display:block; position:relative; padding:10px 0; font-size:17px; font-weight:700; color:#000; }
.thumb_ttl:before { position:absolute; content:''; top:-3px; left:0; width:34px; height:3px; background-color:#ff4923; }
/* post info (thumbnails/list/view common) */
.post_info { position:relative; line-height:42px; font-size:14px; color:#000; }
.post_info .count { position:absolute; right:0; padding-left:28px; background:url(../img/icons/icon_eye.png) 0 50% no-repeat; }
.thumb_txt { line-height:1.5; }

@media screen and ( min-device-width:1370px ) { 

	/* bbs board list */
	.bbs_list { color:#333; border-width:1px 0; border-style:solid; border-color:#000; }
	.bbs_list th,
	.bbs_list td { padding:10px; height:30px; }
	.bbs_list thead th { font-size:16px; border-bottom:1px solid #bfbfbf; }
	.bbs_list td { font-size:14px; }
	.bbs_list tbody { text-align:center; }
	.bbs_list tbody tr:nth-of-type(even) td { background-color:#f8f8f8; }
	/* bbs view */
	.bbs_view { padding:0 55px 50px; margin-bottom:30px; line-height:2; }
	.bbs_view strong { font-weight:700; }
	.bbs_date,
	.bbs_count { font-size:16px; }
	.bbs_date { margin-left:20px; }
	.ttl_txt ~ span { display:inline-block; margin-top:20px; }
	.ttl_content .btn_m { position:absolute; bottom:35px; right:60px; width:97px; height:28px; padding:0 10px; line-height:28px; font-size:12px; }
	.ttl_content .btn_m .tolist:before { transform:scale(0.7,0.7); margin-top:-1px; margin-right:3px; image-rendering:crisp-edges; }

	/* post thumbnail list */
	.post_list { font-size:0; }
	.post_list .post { display:inline-block; vertical-align:top; width:340px; height:490px; font-size:14px; color:#777; }
	.post_list .post:nth-of-type(3n+2),
	.post_list .post:nth-of-type(3n+3) { margin-left:30px; }
	.post_list .post > a { cursor:default; }
    .post_list .post .thumb { background-size:calc(100% + 12px) auto; background-position:center -13px; }
	.post_list .post .thumb,
	.thumb_ttl,
	.thumb_txt { cursor:pointer; }

}
@media screen and ( max-device-width:1369px ) { 

	/* bbs board list */
	.bbs_list { margin-top:20px; font-size:14px; border-top:2px solid #000; border-bottom:1px solid #000; }
	.bbs_list table,
	.bbs_list tbody,
	.bbs_list tr,
	.bbs_list th,
	.bbs_list td a,
	.bbs_list td:not(.no):not(.count) { display:block; }
	.bbs_list thead,
	.bbs_list td.no,
	.bbs_list td.count { display:none; }
	.bbs_list tbody tr { position:relative;  line-height:1.3;  }
	.bbs_list tbody tr:not(:first-child) { border-top:1px solid #d9d9d9; }
	.bbs_list td a { padding:15px 0 38px; }
	.bbs_list td.date { position:absolute; bottom:15px; left:0; font-weight:400; }
	.bbs_list td.date:before { content:'Date : '; }

	/* bbs view */
	.bbs_date,
	.bbs_count { display:inline-block; margin-top:15px; margin-bottom:-5px; font-size:14px; font-weight:400; }
	.bbs_date:before { content:'Date : '; }
	.bbs_date {  }
	.bbs_view { line-height:1.5; padding-bottom:20px; margin-bottom:20px; }
	.ttl_content .btn_m { display:none; }

	/* 에디터에서 작성하여 올라가는 테이블에는 스타일 상속 해제 (에디터에서 작성하는 테이블에 왜 .bbs_list 붙는지 의문) */
	.bbs_view .bbs_list table { display:table; }
	.bbs_view .bbs_list tbody { display:table-row-group; }
	.bbs_view .bbs_list tr { display:table-row; }
	.bbs_view .bbs_list th,
	.bbs_view .bbs_list td:not(.no):not(.count) { display:table-cell; }
	.bbs_view .bbs_list img { height:auto !important; }

	
	/* post thumbnail list */
	.post_list { margin-top:20px; padding-bottom:1px; }
	.post_list .post { margin-bottom:30px; }
    .post_list .post .thumb { background-size:calc(100% + 12px) auto; background-position:center -10px; }


}


/*---------------------------
    FAQ
---------------------------*/
/* 공통스타일 */
.faq_list li,
.faq_f,
.faq_q { position:relative; box-sizing:border-box; }
.faq_f,
.faq_q { line-height:1.7; }

/* 리스트 스타일 */
.faq_list li { border-width:1px 2px; border-style:solid; border-color:#d9d9d9 transparent; }
.faq_list li:first-of-type { border-top-width:2px; border-top-color:#000; }
.faq_list li:last-of-type { border-bottom-color:#000; }
.faq_list li:not(:first-of-type) { margin-top:-1px; }
.faq_list li.on { border-width:2px; border-color:#ed4c65; z-index:1; }
/* Q, A 아이콘 */
.faq_f:before,
.faq_q:before { position:absolute; width:31px; height:31px; line-height:32px; text-align:center; border-radius:50%; }
.on .faq_f:before,
.faq_q:before { color:#fff; font-weight:700; }
.faq_f:before { content:'Q'; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.faq_q:before { content:'A'; background-color:#4c4948; }
.on .faq_f:before { background-color:#e91f3e; }
/* 질문 영역 */
.faq_f { font-size:15px; font-weight:300; color:#333; cursor:pointer; }
.on .faq_f { font-weight:400; border-bottom:1px solid #ddd; background-color:#f5f5f5; }
/* 답변 영역 */
.faq_q { height:0; overflow:hidden; font-size:14px; font-weight:400; color:#666; transition:all 0.2s ease-in-out; }
.on .faq_q { height:auto;  }

@media screen and ( min-device-width:1370px ) { 
	/* 공통스타일 */
	.faq_f,
	.faq_q { padding-left:65px; padding-right:140px; }
	/* 열기/닫기 화살표 */
	.faq_f:after { position:absolute; right:30px; top:50%; display:block; box-sizing:border-box; margin-top:-11px; content:''; width:10px; height:10px; 
				   border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:all 0.2s ease-in-out; }
	.on .faq_f:after { transform:rotate(135deg); -webkit-transform:rotate(135deg); }
	/* Q, A 아이콘 */
	.faq_f:before,
	.faq_q:before { left:20px; }
	.faq_q:before { top:30px; }
	/* 질문 영역 */
	.faq_f { min-height:90px; padding-top:18px; padding-bottom:18px; }
	.faq_f span { position:absolute; left:65px; right:140px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	/* 답변 영역 */
	.on .faq_q { padding-top:30px; padding-bottom:40px; }
}
@media screen and ( max-device-width:1369px ) { 

	.faq_list  { margin-top:20px; }
	/* 공통스타일 */
	.faq_f,
	.faq_q { padding-left:50px; padding-right:15px; }
	.faq_f,
	.on .faq_q { padding-top:15px; padding-bottom:15px; }
	/* Q, A 아이콘 */
	.faq_f:before,
	.faq_q:before { left:10px; }
	.faq_q:before { top:15px; }


}