@charset "utf-8";

body.faq #container_wr {background:url("../../img/board/board_bg.png") no-repeat left top; background-size:100% auto;}
body.faq #container {max-width:1440px; margin:0 auto; padding:90px 20px 200px;}

.faq-wrap {max-width:1160px; margin:0 auto;}
.faq-wrap .faq-tit {padding:80px 0 40px; font-family:"Baloo Thambi 2",sans-serif; color:#8d80bb; font-size:3.125em; letter-spacing:0.01em; text-align:center; line-height:1;}

.faq-wrap ol {margin:0; padding:0; list-style:none; border-top:4px solid #333;}
.faq-wrap .faq-item {position:relative; border-bottom:1px solid #ccc;}
.faq-wrap .faq-item b {position:absolute; left:60px; top:28px; font-family:"Baloo Thambi 2",sans-serif; font-size:1.875em; line-height:1.3em;}
.faq-wrap .q {position:relative; padding:30px 110px; cursor:pointer;}
.faq-wrap .q strong {display:block; font-size:1.5em; letter-spacing:-0.02em; line-height:1.4em;
    -webkit-user-select:none;
    user-select:none;
}
.faq-wrap .q .more {display:block; position:absolute; right:60px; top:34px; width:24px; height:24px; font-size:0; text-indent:-9999px;
    -webkit-transition:transform 300ms;
    -moz-transition:transform 300ms;
    -o-transition:transform 300ms;
    transition:transform 300ms;
}
.faq-wrap .q .more em {position:absolute; left:0; top:50%; width:100%; height:4px; margin-top:-2px; background:#333;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
}
.faq-wrap .q .more i {position:absolute; left:50%; top:0; width:4px; height:100%; margin-left:-2px; background:#333;}
.faq-wrap .a {display:none; position:relative; padding:32px 110px; border-top:1px solid #ccc;}
.faq-wrap .a .cont {color:#555; font-size:1.125em; letter-spacing:-0.02em; line-height:1.778em;}
.faq-wrap .open .more {
    -webkit-transform:rotateZ(180deg);
    -moz-transform:rotateZ(180deg);
    -ms-transform:rotateZ(180deg);
    -o-transform:rotateZ(180deg);
    transform:rotateZ(180deg);
}
.faq-wrap .open .more i {top:50%; height:0;}

.faq_admin {text-align:right;}


@media screen and (max-width:1023px){
body.faq #container_wr {background-image:url("../../img/board/m/board_bg.png");}
body.faq #container {padding:75px 20px 150px;}

.faq-wrap .faq-tit {padding:60px 0 30px; font-size:2.571em;}

.faq-wrap .faq-item b {left:20px; top:22px; font-size:1.333em;}
.faq-wrap .q {padding:20px 70px;}
.faq-wrap .q strong {font-size:1.333em;}
.faq-wrap .q .more {right:20px; top:24px; width:18px; height:18px;}
.faq-wrap .a {padding:20px 70px;}
.faq-wrap .a .cont {font-size:1.167em;}
}


@media screen and (max-width:767px){
body.faq #container {padding:60px 20px 100px;}

.faq-wrap .faq-tit {padding:40px 0 20px; font-size:2.083em;}

.faq-wrap .faq-item b {left:10px; top:16px;}
.faq-wrap .q {padding:14px 37px;}
.faq-wrap .q .more {right:10px; top:19px; width:12px; height:12px;}
.faq-wrap .q .more em {height:2px; margin-top:-1px;}
.faq-wrap .q .more i {width:2px; margin-left:-1px;}
.faq-wrap .a {padding:14px 20px 14px 37px;}
}