/*
 * ---------------------------------------------------------------------------
 * 헤더
 * ---------------------------------------------------------------------------
 */
#header {background: url("/images/help/faq_bg.png"); height:310px;}
#header > div h1 {top:115px;}
#header > div p {top:185px;}
#header > div .icon {position:absolute; top:75px; right:90px; width:250px; height:210px; background:url("/images/help/faq_bg_icon_01.png") no-repeat;}


/*
 * ---------------------------------------------------------------------------
 * 내용
 * ---------------------------------------------------------------------------
 */
#main {width:1104px;}

/* 답변 토글 */
#main > div {text-align:right; margin:10px 0px;}
#main div button {background-color:#ffffff; color:#46909b; border:1px solid #85b0b7; border-radius:3px; padding:7px 15px; cursor:pointer; font-size:14px; font-weight:500;}

/* 카테고리 */
#main nav {float:left; width:220px; border-top:1px solid #e4e4e4; margin-bottom:35px;}
#main nav a {display:block; color:#000000; padding:18px 20px; border:1px solid #e4e4e4; border-top:0px; font-size:14px; font-weight:300;}
#main nav a:hover {background-color:#fffafa;}
#main nav a.on {background-color:#f8f8f8; font-weight:500;}
#main nav a.on::after {content: "▶"; font-size:11px; float:right; margin-right:15px;}

/* 목록 */
#main section {float:right; width:847px; margin-bottom:60px;}
#main section article {border-bottom:1px solid #dfdfdf;}
#main section article dl {width:100%; border-top:1px solid #dfdfdf;}
#main section article dt {padding:18px 30px; font-size:16px; font-weight:300; cursor:pointer;}
#main section article dd {display:none; border-top:1px solid #dfdfdf; background:#fbfbfb; padding:20px;}