@charset "utf-8";

.faq-category .div-tab { margin-bottom:15px; }
.faq-category .dropdown { margin-bottom:15px; }
.faq-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }
.faq-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.faq-img img, .faq-html img, .faq-content img { width:auto; max-width:100%; border:0; }
.faq-content .panel-body p { padding:0; margin:0; }
.faq-content .panel-body p > span {font-family: Noto Sans KR, sans-serif !important;  }
.faq-none { padding:50px 0; }
.faq-content {width:100%;}

.div-panel.panel-group .panel-heading a{box-sizing: border-box;
									  padding: 20px 10px; font-size: 17px; }

.is-pc .ko .panel .panel-body{font-size: 15px;}

.div-panel.panel-group .panel-body{ padding-left: 0;}

.area{box-sizing: border-box; padding-top: 50px;}

.l-side{float: left;
		width: 215px;
		height: auto;}

.l-side > h3{font-size: 16px;
			 color: #c3172d;}

.l-side > h4{font-size: 25px;}

.r-side{float: right;
		width: calc(100% - 215px);
		height: auto;
		border-top: 2px solid #c3172d;
        
		}

.panel-heading a.active .icon {
	transform: rotate(180deg);
	
}
.faq-list {
        margin-top: 18px;
}
.faq-list a{
    box-sizing: border-box;
    padding: 20px 10px;
    font-size: 17px;
}
.faq-list a:nth-child(1){
    box-sizing: border-box;
    padding: 20px 10px;
    font-size: 17px;
}


.faq-list a::after {
    content: '';
    display:block;
    width:800px;
    height:1px;
    background:#dddddd;
    margin-top: 18px;
}

.icon {
    width: 20px;
    height: 20px;
    position:absolute; 
    right:0;
    top:25px;
    background-image: url(/img/accordion_icon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-right:60px;
}


.sub_page_visual .bg ul li:nth-child(5) a{color: #fff;}


@media all and (max-width:991px) {
.area > .l-side
{float: none; width: 100% ;text-align: center;}
.area > .r-side{width: 90%; float: none; margin: auto; margin-top: 50px;}
}

@media all and (max-width:768px) {
.div-panel.panel-group .panel-heading a{font-size: 14.5px;}
.sub_page_visual .bg ul li:nth-child(5) a{background-color: #c3172d; color: #fff;}
.area > .r-side{width: 98%;}
}

@media all and (max-width: 480px){
.area > .r-side{width: 100%;}    
.div-panel.panel-group .panel-heading a{font-size: 14px; padding-right:25px;}
.icon{height: 15px; padding: 0;}

}