@charset "UTF-8";

/*=========================================================
  1. 레이아웃
=========================================================*/

/*셀렉트 탭 박스*/
.tab_select_box {margin-bottom:50px;}
.faq_list_box .tab_select_box {display:none;}
.tab_select_box ul:after {content:""; display:block; clear:both;}
.tab_select_box ul li {display:table; float:left; width:123px; height:46px; margin-right:-1px;}
.tab_select_box ul li a {position: relative; display:table-cell; width:100%; height:100%; font-size:14px; color:#666; /* padding:15px 0 11px 0; */ border:1px solid #dadada; text-align:center; vertical-align: middle; line-height: 1em;}
.tab_select_box ul li a:after {content:""; display:block; position: absolute; top:-1px; left:-1px; right:-1px; height:4px; width:auto; background-color:#dadada;transition:background-color ease-out 0.1s;-webkit-transition:background-color ease-out 0.1s;-moz-transition:background-color ease-out 0.1s;-ms-transition:background-color ease-out 0.1s;}
.tab_select_box ul li:hover a:after,
.tab_select_box ul li.active a:after {content:"  ";background-color:#c61065;}

/*서치박스*/
.search_box.in_b {position:relative; width:240px; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.search_box.in_b label {display:none;}
.search_box.in_b .input_box {height:29px; border:1px solid #c9c9c9; padding:6px 40px 6px 10px; line-height:0;}
.search_box.in_b .input_box input[type="text"] {font-size:13px; color:#666; height:16px; line-height: 16px; width:100%;}
.search_box.in_b .search_btn_box .submit {width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/spritesheet_hover.png) no-repeat 5px 5px; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s; cursor: pointer; text-indent: -9999px;}
.search_box.in_b .search_btn_box {position:absolute; top:-1px; right:-1px; width:31px; height:31px;}

/*아코디언 faq*/
.accordion_cont_box {margin-top:20px; margin-bottom:55px;}
.accordion_cont_box ul li.active dl dd {display:block;}
.accordion_cont_box ul li dl dd {display:none;}
.accordion_cont_box ul.accordion_list {border-top:2px solid #c90164;}
.accordion_cont_box dt.accordion_title_slat {border-bottom:1px solid #ddd;}
.accordion_cont_box dd.accordion_desc_slat {border-bottom:1px solid #ddd;}
.accordion_cont_box h3.accordion_title {position: relative; padding:24px 75px; word-break: break-word;}
.accordion_cont_box h3.accordion_title span.txt {font-size: 16px; color:#222;transition:color ease-out 0.1s;-webkit-transition:color ease-out 0.1s;-moz-transition:color ease-out 0.1s;-ms-transition:color ease-out 0.1s;}
.accordion_cont_box h3.accordion_title span.icon_q {display:block; position: absolute; top:18px; left:22px; width:35px; height: 35px; background:url(/wp-content/themes/postech/images/icons/icon_q_bg.png) no-repeat 0 0; font-size:18px; color:#fff; font-weight:600;text-align: center; line-height:33px;}
.accordion_cont_box h3.accordion_title i.icon_item {display:block; position: absolute; top:29px; right:23px; width:25px; height:12px; background: url(/wp-content/themes/postech/images/icons/icon_angle_qna.png) no-repeat 0 0; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.accordion_cont_box h3.accordion_title i.icon_item:after {content:""; display:block; position: absolute; top:0; right:0; width:25px; height:12px; background: url(/wp-content/themes/postech/images/icons/icon_angle_qna_h.jpg) no-repeat 0 0; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.accordion_cont_box ul li.active h3.accordion_title i.icon_item:after { opacity: 1; visibility: visible;}

.accordion_cont_box dd.accordion_desc_slat {position: relative; padding:24px 75px; word-break: break-word;}
.accordion_cont_box dd.accordion_desc_slat span.icon_a {display:block; position: absolute; top:20px; left:22px; width:35px; height: 35px; background:url(/wp-content/themes/postech/images/icons/icon_a_bg.png) no-repeat 0 0; font-size:18px; color:#fff; font-weight:600;text-align: center; line-height:33px;}

/*호버*/
.accordion_cont_box a:hover h3.accordion_title span.txt{color:#c90164;}
.accordion_cont_box li.active a h3.accordion_title span.txt{color:#c90164;}

/*=========================================================
  00. 반응형
=========================================================*/

@media screen and (max-width: 639px) and (min-width: 480px) {

	/*서치박스*/
	.search_box.in_b {width:100%;}

}

@media screen and (max-width: 479px) and (min-width: 420px) {

	/*서치박스*/
	.search_box.in_b {width:100%;}


}


@media screen and (max-width: 419px) and (min-width: 400px) {

	/*서치박스*/
	.search_box.in_b {width:100%;}

	/*셀렉트 탭 박스*/
	.tab_select_box ul li {float:none; width:100%}
	.tab_select_box ul li a {width:100%;}
	.tab_select_box ul li a:after {width: 100%;}
	

}

@media screen and (max-width: 399px) and (min-width: 380px) {
	
	/*서치박스*/
	.search_box.in_b {width:100%;}
	
	/*셀렉트 탭 박스*/
	.tab_select_box ul li {float:none; width:100%}
	.tab_select_box ul li a {width:100%;}
	.tab_select_box ul li a:after {width: 100%;}
	.accordion_cont_box h3.accordion_title span.icon_q,
	.accordion_cont_box h3.accordion_title span.icon_a {position: static; top:0; left:0;}
	.accordion_cont_box h3.accordion_title {padding-left:20px}



}

@media screen and (max-width: 379px) and (min-width: 360px) {

	
	/*서치박스*/
	.search_box.in_b {width:100%;}
	
	/*셀렉트 탭 박스*/
	.tab_select_box ul li {float:none; width:100%}
	.tab_select_box ul li a {width:100%;}
	.tab_select_box ul li a:after {width: 100%;}
	.accordion_cont_box h3.accordion_title span.icon_q,
	.accordion_cont_box h3.accordion_title span.icon_a {position: static; top:0; left:0;}
	.accordion_cont_box h3.accordion_title {padding-left:20px}


}

@media screen and (max-width: 359px) {

	/*서치박스*/
	.search_box.in_b {width:100%;}
	
	/*셀렉트 탭 박스*/
	.tab_select_box ul li {float:none; width:100%}
	.tab_select_box ul li a {width:100%;}
	.tab_select_box ul li a:after {width: 100%;}
	.accordion_cont_box h3.accordion_title span.icon_q,
	.accordion_cont_box dd.accordion_desc_slat span.icon_a {position: static; top:0; left:0;}
	.accordion_cont_box h3.accordion_title,
	.accordion_cont_box dd.accordion_desc_slat {padding-left:20px}
	.accordion_cont_box dd.accordion_desc_slat {padding-right:20px;}
	.accordion_cont_box h3.accordion_title i.icon_item {top:64px;}


}