div.wrap { width: 100%; }
div.wrap.main_page_wrap { background: url(images/background_img.png) no-repeat; background-size: 100%;  }

/*헤더 영역*/
header#main_header_sec { width: 100%; height: 95px; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; }
header#main_header_sec.border_none { border: none; }
header#main_header_sec .header_sec { width: 1200px; height: 100%; margin: 0 auto; padding: 0 100px; box-sizing: border-box; }
header#main_header_sec .header_sec a .header_logo_img { margin-top: 32px; }
header#main_header_sec .header_sec .gnb_sec { float: right; margin-top: 36px; }
header#main_header_sec .header_sec .gnb_sec>li { float: left; margin-right: 50px; font-size: 20px; font-weight: bold; color: #2f3f4d; cursor: pointer; }
header#main_header_sec .header_sec .gnb_sec>li:last-child { margin-right: 0; }
header#main_header_sec .header_sec .gnb_sec>li>a { display: inline-block; font-size: 20px; font-weight: bold; color: #2f3f4d; }
header#main_header_sec .header_sec .gnb_sec>li:hover>a { color: #f87910; }
header#main_header_sec .header_sec .gnb_sec>li:active>a { color: #f87910; border-bottom: 2px solid #f87910; }
header#main_header_sec .header_sec .gnb_sec>li.on>a { color: #f87910; border-bottom: 2px solid #f87910; }
header#main_header_sec .header_sec .gnb_sec>li.has_sub { position: relative; margin-right: 77px; position: relative; }
header#main_header_sec .header_sec .gnb_sec>li.has_sub::after { content: ""; width: 12px; height: 8px; background: url(images/has_sub.png); position: absolute; top: 11px; right: -20px; cursor: pointer; }
header#main_header_sec .header_sec .gnb_sec>li.has_sub:hover::after { background: url(images/has_sub_hover.png); }
header#main_header_sec .header_sec .gnb_sec>li.has_sub.on::after { background: url(images/has_sub_on.png); }
header#main_header_sec .header_sec .sub_menu { display: none; z-index: 99; position: absolute; left: -20px; width: 167px; box-shadow: 5px 15px 30px rgba(0,0,0,.1); background: #fff; border-radius: 20px; margin-top: 14px; padding: 30px 30px 30px 20px; box-sizing: border-box; }
header#main_header_sec .header_sec .sub_menu.on { display: block; }
header#main_header_sec .header_sec .sub_menu li { margin-bottom: 20px; }
header#main_header_sec .header_sec .sub_menu li:last-child { margin-bottom: 0; }
header#main_header_sec .header_sec .sub_menu li a { font-size: 14px; font-weight: normal; color: #2f3f4d; }
header#main_header_sec .header_sec .sub_menu li a:hover { color: #f87910; }


/*메인 컨텐츠 영역*/
.content_sec { width: 1200px; margin: 0 auto 60px; box-sizing: border-box; }
.main_info { width: 100%; margin-bottom: 20px; padding: 0 100px; text-align: center; box-sizing: border-box; }
.main_info .main_title { font-size: 54px; margin: 58px 0 30px; font-weight: 800; }
.main_info .main_title span { color: #f87910; }
.main_info p { font-size: 22px; color: #787c80; line-height: 30px; }
img.main_img_sec { width: 1200px; height: 617px; }

section.main_content_sec { width: 1200px; padding: 0 100px; margin: 45px auto 60px; box-sizing: border-box; }
section.main_content_sec article { margin-bottom: 120px; }
section.main_content_sec article .article_txt_sec { display: inline-block; }
section.main_content_sec article .article_title { font-size: 28px; margin: 40px 0 30px; }
section.main_content_sec article .article_cont { font-size: 18px; color: #787c80; margin-bottom: 70px; line-height: 30px;}
  /*언제 어디서나 편리하게*/
section.main_content_sec article.article0 img.article_img0 { width: 500px; height: 415px; margin-right: 60px; }
  /*효과적인 실시간 분석*/
section.main_content_sec article.article1 { height: 478px; }
section.main_content_sec article.article1 div.article1_card_sec { float: right; }
section.main_content_sec article.article1 div.article1_card { display: inline-block; width: 308px; height: 457px; text-align: center; box-sizing: border-box; background: #fff; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,.1); padding-top: 60px; }
section.main_content_sec article.article1 div.article1_card:first-child { margin-right: 14px; }
section.main_content_sec article.article1 div.article1_card img { width: 196px; height: 180px; display: block; margin: 0 auto; }
section.main_content_sec article.article1 div.article1_card strong { display: block; margin: 50px 0 26px; font-size: 20px; }
section.main_content_sec article.article1 div.article1_card p { font-size: 15px; color: #787c80; line-height: 25px; }
  /*자주묻는 질문*/
section.main_content_sec .faq_content_sec { margin-bottom: 0; }
section.main_content_sec .faq_content_sec .article2_title_img { display: block; margin: 0 auto; }
section.main_content_sec .faq_content_sec .article_title { text-align: center; margin-bottom: 60px; }
section.main_content_sec .faq_content_sec ul.main_faq_sec { width: 100%; border-top: 1px solid #e7e8eb; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li { padding: 36px 30px; box-sizing: border-box; overflow: hidden; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li img.faq_icon { margin-right: 30px; vertical-align: top; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li p { display: inline-block; vertical-align: top; margin-top: -4px; line-height: 27px; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec { border-bottom: 1px solid #e7e8eb; font-size: 20px; cursor: pointer; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec.on { font-weight: bold; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec.on + li.answer_sec { display: block; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec p { width: 829px; margin-right: 30px; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec .toggle_off_icon,
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec .toggle_on_icon { display: none; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec .toggle_off_icon.on,
section.main_content_sec .faq_content_sec ul.main_faq_sec li.question_sec .toggle_on_icon.on { display: inline-block; }
section.main_content_sec .faq_content_sec ul.main_faq_sec li.answer_sec { display: none; font-size: 15px; border-bottom: 1px solid #e7e8eb; }
  /*자주묻는 질문 - 궁금하신 것이 있으신가요?*/
section.main_content_sec .faq_content_sec .more_question_sec { width: 100%; margin: 120px 0 60px; border-radius: 20px; padding: 50px 0; text-align: center; box-sizing: border-box; background: #364c59; }
section.main_content_sec .faq_content_sec .more_question_sec h2 { font-size: 28px; color: #fff; margin-bottom: 30px; }
section.main_content_sec .faq_content_sec .more_question_sec p { font-size: 18px; color: #fff; opacity: 0.7; margin-bottom: 70px; }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn { background: rgba(0,0,0,0); }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn a { color: #00acff; }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn:hover { background: #00acff; color: #fff; }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn:hover a { color: #fff; }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn:active { background: #009ae5; color: rgba(255,255,255,0.8); }
section.main_content_sec .faq_content_sec .more_question_sec button.blue_btn:active a { color: #fff; }
section.main_content_sec .faq_content_sec .more_question_sec button.gray_btn { background: rgba(0,0,0,0); color: #fff; margin-right: 20px; }
section.main_content_sec .faq_content_sec .more_question_sec button.gray_btn a { color: #fff; }
section.main_content_sec .faq_content_sec .more_question_sec button.gray_btn:hover { background: #fff; color: #2f3f4d; }
section.main_content_sec .faq_content_sec .more_question_sec button.gray_btn:active { background: #ebebeb; color: #596571; }
section.main_content_sec .faq_content_sec .more_question_sec button.gray_btn:active a { color: #596571; }

/*버튼 공통*/
.blue_btn { width: 170px; height: 62px; font-size: 20px; font-weight: bold; border-radius: 50px; border: 1px solid #00acff; color: #00acff; background: #fff; cursor: pointer; }
.blue_btn:hover { background: #00acff; color: #fff; }
.blue_btn:active { background: #009ae5; color: rgba(255,255,255,0.8); }
.gray_btn { width: 170px; height: 62px; font-size: 20px; font-weight: bold; border-radius: 50px; border: 1px solid #eaebed; color: #2f3f4d; background: #fff; cursor: pointer; }
.gray_btn:hover { background: #394c5c; color: #fff; }
.gray_btn:active { background: #334453; color: rgba(255,255,255,0.8); }
.orange_btn { width: 170px; height: 62px; font-size: 20px; font-weight: bold; border-radius: 50px; border: 1px solid #f87910; color: #f87910; background: #fff; cursor: pointer; }
.orange_btn:hover { background: #f87910; color: #fff; }
.orange_btn:active { background: #e5734a; color: rgba(255,255,255,0.8); }

/*푸터 영역*/
footer#main_footer_sec { width: 1000px; margin: 0 auto; padding-bottom: 60px; overflow: hidden; }
footer#main_footer_sec .com_info_sec { float: left; }
footer#main_footer_sec .com_info_sec ul { margin-top: 30px;  }
footer#main_footer_sec .com_info_sec ul li { margin-bottom: 10px; font-size: 13px; color: #787c80; }
footer#main_footer_sec .com_info_sec ul li a { color: #787c80; }
footer#main_footer_sec .com_info_sec ul li .divide_menu { display: inline-block; margin: 0 5px; width: 1px; height: 12px; background: #999c9f; }
footer#main_footer_sec .footer_main_menu { float: right; overflow: hidden; }
footer#main_footer_sec .footer_main_menu>li { float: left; margin-right: 60px; font-size: 15px; font-weight: bold; }
footer#main_footer_sec .footer_main_menu>li .footer_sub_menu { margin-top: 20px; }
footer#main_footer_sec .footer_main_menu>li .footer_sub_menu li { font-size: 13px; color: #787c80; font-weight: normal; cursor: pointer; }
footer#main_footer_sec .footer_main_menu>li .footer_sub_menu li a { display: inline-block; font-weight: normal; font-size: 13px; color: #787c80; margin-bottom: 10px; }





























.