#accordian ul li p { background:transparent !important; }
#accordian ul li p span { display:block; font-family:'Notosans';  line-height:180%; }
#accordian .tt .cc span { word-break:break-all; }
#accordian ul li p.accordian_title { width:100%; text-align:left; color:#111; font-weight:800; padding:0; font-size:22px; margin:0 auto; line-height:160%; }
#accordian ul li p.accordian_date { display:block; font-size:14px; opacity:0.5; padding-bottom:20px; }
#accordian ul li .accordian_title_detail { overflow:hidden; text-align:left; }
#accordian ul li .accordian_title_detail a { display:block; font-size:14px; opacity:0.5; padding-bottom:20px; padding:0; line-height:150%; margin:10px 0; }
#accordian ul li .accordian_title_detail a:hover { background:transparent; padding:0; border:0; }

@media all and (min-width: 1300px) {
	#accordian {
	background: #fff;
	width: 100%;
	color: #111;
	border-bottom:1px solid #ddd;
	}

	#accordian ul li { overflow:hidden; }

	#accordian .tt {
		overflow:hidden;
		line-height: 34px;
		padding: 20px;
		cursor: pointer;
		background: #fff;
		color:#000;
		width:100%;
		border-top:1px solid #ddd;
	}
	

	/*#accordian .tt:hover {
		background: #fff;
		color:#fff;
	}*/

	#accordian .tt .img {
		position:relative; float:left; width:180px; height:125px; background-color:#000;
		margin-right:30px;
	}
	#accordian .tt .img .btn01s { position:absolute; bottom:5px; right:5px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #fff; border:1px solid #2c6ec7; color:#ffffff; border-radius:5px; }
	#accordian .tt .img .btn02s { position:absolute; bottom:5px; right:52px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #454545 !important; border:1px solid #454545 !important; color:#ffffff; border-radius:5px; }

	.img_size {width:180px; height:125px;}

	#accordian .tt .cc {
		float:left; width:calc(100% - 316px); 
		font-size:15px; line-height:25px; white-space:normal; word-break:keep-all;
	}

	#accordian .tt .cc p { display:block; font-size:19px; font-weight:600; text-align:left; padding:5px 0 0 0; line-height:150%; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	#accordian .tt .cc span { display:block; opacity:0.6; height:45px; overflow:hidden; }
	#accordian .tt .cc span.date { display:block; margin:5px 0 14px 0; height:20px; }
	
	/*
	#accordian .tt:hover .cc span { background: #fff; color:#ffffff; }
	#accordian .tt:hover .btn01s { background: #fff; color:#ffffff; }
	*/

	#accordian .tt .plus { float:left; width:45px; margin-left:60px;}		
	#accordian .tt .plus .btn_on {margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_plus.png')center no-repeat; cursor: pointer;}
	#accordian .tt .plus .btn_off {display:none; margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_minus.png')center no-repeat; cursor: pointer;}

	#accordian li {
		list-style-type: none;
	}

	#accordian ul ul li{
		padding:20px;
		text-align:left;
		font-size:17px; line-height:27px; word-break:keep-all; border-top:1px solid rgba(255,255,255,0.3);
	}

	#accordian ul ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}
	#accordian ul ul li a:hover {
		background: #fff;
		border-left: 5px solid #09c;
	}

	#accordian ul ul {
		display: none;
	}

	#accordian li.active ul {
		display: block;
	}

	.a_title { color:#fff; font-weight:800; text-align:left; padding:9px 0;}

	.con_img { display:block; width:600px; margin:0 auto; }
	#accordian { overflow:hidden; margin:60px auto 0; }
}

@media only screen and (min-width: 1024px) and (max-width: 1299px){
	#accordian {
	background: #fff;
	width: 100%;
	color: #fff;
	border-bottom:1px solid #ddd;
	}

	#accordian .tt {
		line-height: 34px;
		padding: 30px;
		cursor: pointer;
		background: #fff;
		color:#000;
		width:100%;
		height:auto;
		overflow:hidden;
		border-top:1px solid #ddd;
	}
	/*#accordian .tt:hover {
		background: #fff;
		color:#fff;
	}*/

	#accordian .tt .img {
		position:relative; float:left; width:180px; height:125px; background-color:#000;
		margin-right:30px;
	}

	#accordian .tt .img .btn01s { position:absolute; bottom:5px; right:5px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #fff; border:1px solid #2c6ec7; color:#ffffff; border-radius:5px; }
	#accordian .tt .img .btn02s { position:absolute; bottom:5px; right:52px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #454545 !important; border:1px solid #454545 !important; color:#ffffff; border-radius:5px; }

	.img_size {width:180px; height:125px;}

	#accordian .tt .cc {
		float:left; width:calc(100% - 285px); height:auto; overflow:hidden;
		font-size:15px; line-height:25px; white-space:normal; word-break:keep-all;
	}

	#accordian .tt .cc p {font-size:19px; font-weight:600; text-align:left; padding:9px 0 7px 0; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

	#accordian .tt .cc span { display:block; opacity:0.6; height:45px; overflow:hidden; }
	#accordian .tt .cc span.date { display:block; margin:0 0 10px 0; height:20px; }
	
	/*
	#accordian .tt:hover .cc span { background: #fff; color:#ffffff; }
	#accordian .tt:hover .btn01s { background: #fff; color:#ffffff; }
	*/

	#accordian .tt .plus { float:left; width:45px; margin-left:30px;}
	#accordian .tt .plus .btn_on {margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_plus.png')center no-repeat; cursor: pointer; }
	#accordian .tt .plus .btn_off {display:none; margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_minus.png')center no-repeat; cursor: pointer;}

	#accordian li {
		list-style-type: none;
	}

	#accordian ul ul li{
		padding:35px;
		text-align:left;
		font-size:17px; line-height:27px; border-top:1px solid rgba(255,255,255,0.3);
	}

	#accordian ul ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}
	#accordian ul ul li a:hover {
		//background: #003545;
		border-left: 5px solid #09c;
	}

	#accordian ul ul {
		display: none;
	}

	#accordian li.active ul {
		display: block;
	}

	.a_title { color:#fff; font-weight:800; text-align:left; padding:9px 0;}

	.con_img {width:600px; margin:0 auto;}
	#accordian { overflow:hidden; margin:60px auto 0; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	#accordian {
	background: #fff;
	width: 100%;
	color: #fff;
	border-bottom:1px solid #ddd;
	}

	#accordian .tt {
		line-height: 34px;
		padding: 30px;
		cursor: pointer;
		background: #fff;
		color:#000;
		width:100%;
		height:auto;
		border-top:1px solid #ddd;
		overflow:hidden;
	}
	/*#accordian .tt:hover {
		background: #fff;
		color:#fff;
	}*/

	#accordian .tt .img {
		position:relative; float:left; width:180px; height:125px; background-color:#000;
		margin-right:30px;
	}

	#accordian .tt .img .btn01s { position:absolute; bottom:5px; right:5px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #fff; border:1px solid #2c6ec7; color:#ffffff; border-radius:5px; }
	#accordian .tt .img .btn02s { position:absolute; bottom:5px; right:52px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #454545 !important; border:1px solid #454545 !important; color:#ffffff; border-radius:5px; }


	.img_size {width:180px; height:125px;}

	#accordian .tt .cc {
		float:left; width:calc(100% - 285px); height:auto; overflow:hidden;
		font-size:15px; line-height:25px; white-space:normal; word-break:keep-all;
	}

	#accordian .tt .cc p {font-size:19px; font-weight:600; text-align:left; padding:9px 0 5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

	#accordian .tt .cc span { display:block; opacity:0.6; height:47px; overflow:hidden; }
	#accordian .tt .cc span.date { display:block; margin:0 0 12px 0; height:20px; }
	
	/*
	#accordian .tt:hover .cc span { background: #fff; color:#ffffff; }
	#accordian .tt:hover .btn01s { background: #fff; color:#ffffff; }
	*/

	#accordian .tt .plus { float:left; width:45px; margin-left:30px;}
	#accordian .tt .plus .btn_on {margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_plus.png')center no-repeat; cursor: pointer;}
	#accordian .tt .plus .btn_off {display:none; margin-top:40px;width:43px; height:43px; background:url('../../skin/board/basic.faq/img/btn_minus.png')center no-repeat; cursor: pointer;}

	#accordian li {
		list-style-type: none;
	}

	#accordian ul ul li{
		padding:35px;
		text-align:left;
		font-size:15px; line-height:27px; border-top:1px solid rgba(255,255,255,0.3);
	}

	#accordian ul ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}
	#accordian ul ul li a:hover {
		background: #fff;
		border-left: 5px solid #09c;
	}

	#accordian ul ul {
		display: none;
	}

	#accordian li.active ul {
		display: block;
	}

	.a_title { color:#fff; font-weight:800; text-align:left; padding:9px 0;}

	.con_img {width:600px; margin:0 auto;}
	#accordian { overflow:hidden; margin:40px auto 0; }
}

@media only screen and (max-width: 767px) {
	#accordian {
	background: #fff;
	width: 100%;
	color: #fff;
	border-bottom:1px solid #ddd;
	}

	#accordian .tt {
		overflow:hidden;
		line-height: 15px;
		padding: 15px;
		cursor: pointer;
		background: #fff;
		color:#000;
		width:100%;
		height:auto;
		border-top:1px solid #ddd;
	}
	/*#accordian .tt:hover {
		background: #fff;
		color:#fff;
	}*/

	#accordian .tt .img {
		position:relative; float:left; width:90px; height:74px; background-color:#000;
		margin-right:15px;
	}

	#accordian .tt .img .btn01s { display:none; position:absolute; bottom:5px; right:5px; width:43px; line-height:30px;  border:1px solid #c0c0c0; letter-spacing:-0.5px; background: #fff; border:1px solid #2c6ec7; color:#ffffff; }
	#accordian .tt .img .btn02s { display:none; }

	.img_size {width:90px; height:74px;}

	#accordian .tt .cc {
		float:left; width:calc(100% - 165px); height:auto; overflow:hidden;
		font-size:13px; line-height:22px; white-space:normal; word-break:keep-all;
	}

	#accordian .tt .cc p { width:100%; display:block; overflow:hidden; font-size:15px; font-weight:600; text-align:left; padding:2px 0 0 0; text-overflow:ellipsis; white-space:nowrap; }

	#accordian .tt .cc span { display:block; width:100%; overflow:hidden; opacity:0.6; text-overflow:ellipsis; white-space:nowrap; }
	#accordian .tt .cc span.date { display:block; margin:3px 0 5px 0; }
	
	/*
	#accordian .tt:hover .cc span { background: #fff; color:#ffffff; }
	#accordian .tt:hover a.btn01s { background: #fff; color:#ffffff; }
	*/

	#accordian .tt .plus .btn01s { position:absolute; bottom:-26px; left:0; width:32px; line-height:20px;  border:1px solid #dddddd; letter-spacing:-2px; font-size:12px; color:#a5a5a5; }

	#accordian .tt .plus { float:right; width:20px; margin-right:15px;}
	#accordian .tt .plus .btn_on {margin-top:10px;width:20px; height:20px; padding:15px; background:url('../../skin/board/basic.faq/img/btn_plus.png')center no-repeat; cursor: pointer; border:1px solid #dddddd; }
	#accordian .tt .plus .btn_off {display:none; margin-top:10px;width:20px; height:20px; padding:15px; background:url('../../skin/board/basic.faq/img/btn_minus.png')center no-repeat; cursor: pointer; border:1px solid #dddddd;}

	#accordian ul li p.accordian_title { width:100%; font-size:17px; margin:0 auto; padding:0 0 4px 0; line-height:150%; word-break:keep-all; text-align:left; }
	#accordian ul li p.accordian_date { letter-spacing:1px; }

	#accordian li {
		list-style-type: none;
	}

	#accordian ul ul li{
		padding:35px 30px;
		text-align:left;
		font-size:14px; line-height:24px; border-top:1px solid rgba(255,255,255,0.3);
	}

	#accordian ul ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}
	#accordian ul ul li a:hover {
		background: #fff;
		border-left: 5px solid #09c;
	}

	#accordian ul ul {
		display: none;
	}

	#accordian li.active ul {
		display: block;
	}

	.a_title { color:#fff; font-weight:800; text-align:left; padding:9px 0;}

	.con_img {width:86%; margin:0 auto;}
	.boardbutton { display:none; }
	#accordian { overflow:hidden; margin:30px auto 0; }
}