@charset "utf-8";
/* guide */
.view-container .content-container .top-navi { font-size: 18px; font-weight: 600; color: #404040; }

.view-container .content-container .content-content { padding-right: 20px;  }
.view-container .content-container .content-content .searching-box { margin-bottom: 25px; }
.view-container .content-container .content-content .category-select { margin-bottom: 25px; }
.view-container .content-container .content-content .category-select ul li { display: inline-block; margin-right: 15px; position: relative; line-height: 12px; }
.view-container .content-container .content-content .category-select ul li:hover  a { color: #585858; font-weight: 600; transition: color .3s; }
.view-container .content-container .content-content .category-select ul li:after { position: absolute; content: ''; height: 12px; width: 1px; background: #dcdcdc; top: 0; right: -10px; }
.view-container .content-container .content-content .category-select ul li:last-child { margin-right: 0; }
.view-container .content-container .content-content .category-select ul li:last-child:after { display: none; }
.view-container .content-container .content-content .category-select ul li a { font-size: 13px; color: #bdbdbd; ; }
.view-container .content-container .content-content .category-select ul .select a { color: #585858; font-weight: 600}

.view-container .content-container .content-content .guide-wrap { border-top: 3px solid #0017c1; }
.view-container .content-container .content-content .guide-wrap ul li .question { min-height: 60px; display: block; font-size: 14px; font-weight: 500; transition: background .2s ease; padding: 19px 45px; border-bottom: 1px solid #dcdcdc; position: relative; background: #fff;}
.view-container .content-container .content-content .guide-wrap ul li .question:hover { background: #fafafa; }
.view-container .content-container .content-content .guide-wrap ul li .question:before { position: absolute; content: ''; width: 17px; height: 20px; background: url(../img/guide/question_ico.png); left: 15px; top: 21px; }
.view-container .content-container .content-content .guide-wrap ul li .question:after { position: absolute; content: ''; width: 9px; height: 15px; background: url(../img/guide/question_arrow.png); right: 25px; top: 22px; }
.view-container .content-container .content-content .guide-wrap ul .select .question:after { position: absolute; content: ''; width: 15px; height: 9px; background: url(../img/guide/question_select_arrow.png); right: 25px; top: 27px; }
.view-container .content-container .content-content .guide-wrap ul .select .question { border-bottom: 1px dashed #d4d4d4; background: #fff; }
.view-container .content-container .content-content .guide-wrap ul li .question .q-title .media-ico { margin-top: 5px; margin-left: 10px; }
.view-container .content-container .content-content .guide-wrap ul li .question i {font-size:13px; margin-top:5px; margin-left:10px; color:#888;}

.view-container .content-container .content-content .guide-wrap ul li .answer { padding: 35px 45px; position: relative; display: none; padding-bottom: 5px; }
.view-container .content-container .content-content .guide-wrap ul .select { border-bottom: 1px solid #d4d4d4; }
.view-container .content-container .content-content .guide-wrap ul .select .answer { display: block; background:#fff;}
.view-container .content-container .content-content .guide-wrap ul li .answer:before { position: absolute; content: ''; width: 18px; height: 18px; background: url(../img/guide/answer_ico.png); top: 40px; left: 15px; }

.view-container .content-container .content-content .guide-wrap ul li .answer .txt { margin-bottom: 35px; font-size: 13px; font-weight: 400; line-height: 24px; }
.view-container .content-container .content-content .guide-wrap ul li .answer .txt .important { font-size: 17px; font-weight: 500; }
.view-container .content-container .content-content .guide-wrap ul li .answer .txt .important .numb { background: #0017c1; min-width: 16px; height: 16px; display: inline-block; text-align: center; font-family: 'Arial';  line-height: 16px; font-size: 11px; color: #fff; border-radius: 8px; padding: 0 5px; margin-right: 7px; margin-top: 5px; }

.view-container .content-container .content-content .guide-wrap ul li .answer .media { position: relative; width: 900px; height: 500px; margin-bottom: 35px; }
.view-container .content-container .content-content .guide-wrap ul li .answer .media img {width:100%;}
.view-container .content-container .content-content .guide-wrap ul li .answer .media .play-btn { position: absolute; z-index: 2; width: 90px; height: 90px; background: rgba(0, 23, 193, 0.7); border-radius: 50%; top: 50%; margin-top: -45px; left: 50%; margin-left: -45px; transition: background .2s ease; }
.view-container .content-container .content-content .guide-wrap ul li .answer .media .play-btn:after { position: absolute; z-index: 3; width: 0; height: 0; content: ''; border-left: 28px solid #fff; border-top: 18px solid transparent; border-bottom: 18px solid transparent; left: 35px; top: 27px; }
.view-container .content-container .content-content .guide-wrap ul li .answer .media .play-btn:hover { background: rgba(0, 23, 193, 1); }

.view-container .content-container .content-content .guide-wrap ul .no-result { padding: 32px 0; font-size: 14px; font-weight: 400; color: #666; text-align: center;background:#fff; border-bottom:1px solid #dcdcdc;}
.view-container .content-container .content-content .guide-wrap ul .no-result img { margin-right: 12px; }