/* Main Popup */

#main_popup_box {background:white; z-index:9999; width:500px; padding-top:99px}
#main_popup_box .x {background:#211f21; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:right; padding:0 15px}


/* Main Popup Box */

#main_popup {background:#36d7a7; margin-bottom:-99px; z-index:100; position:relative}
#main_popup .width1000 a {}
#main_popup .x .today {background:url("/images/main_popup_x.png") no-repeat scroll 0 0 transparent; width:28px; height:28px; margin:12px; top:0; right:0; text-indent:-9999px; cursor:pointer; z-index:10}
#main_popup .x .today_x {font-size:12px; top:100px; right:3px; cursor:pointer}


/* Main Slider */

#main_slide {position:relative; min-width:1000px; max-width:1920px; margin:0 auto}
#main_slide li {}
#main_slide li img.p_ab {top:0; left:0; right:0}


/* Main Free Trial */

#main_content {background:#f9f9f9}
#main_content .free_trial_shadow {width:1070px;left:-35px; right:0; top:-69px}
#main_content .free_trial_box {background:#fff; width:910px; height:215px; border:1px solid #dee1e2; margin:-40px auto 0}
#main_content .free_trial_box .title {background:#fff; width:910px; font-size:19px; color:#23373f; text-align:center; padding:15px 0; z-index:1}
#main_content .free_trial_box .free_trial_sample_box {margin-top:60px}
#main_content .free_trial_box .free_trial_sample_box .free_trial_image_box a {position:relative; background:#d3d3d3; display:inline-block; width:200px; height:132px}
#main_content .free_trial_box .free_trial_sample_box .free_trial_image_box a img {width:200px; height:132px}
#main_content .free_trial_box .free_trial_sample_box .free_trial_image_box .free_trial_title {font-size:11px; color:#fdfdfd; position:absolute; left:10px; bottom:10px; letter-spacing:-0.3px}


/* Main Feature Box */

#main_content .feature_box {}
#main_content .feature_box .feature_box_title {font-size:35px; color:#0e0d0d; text-align:center; padding:70px 0 30px}
#main_content .feature_box .line {width:45px; height:0; border-top:2px solid #959595; text-indent:-9999px; margin:0 auto}
#main_content .feature_box .feature_box_text {font-size:15px; color:#301616; text-align:center; padding:25px 0 95px}
#main_content .feature_box .feature_tab {float:left; width:20%; text-align:center}
#main_content .feature_box .feature_tab img {}
#main_content .feature_box .feature_tab .feature_tab_title {}
#main_content .feature_box .feature_tab .text {color:#ccc}

#main_content .feature_box .more {margin:85px 0 100px; text-align:center}
#main_content .feature_box .more a {background:#fff; width:130px; line-height:50px; display:inline-block; font-size:15px; color:#5d5d5d; border:1px solid #ccc; border-radius:7px}
#main_content .feature_box .more a:hover {width:126px; line-height:46px; border:3px solid #248bd1}


/* Main Video */

#main_content .video_box {position:relative; min-width:1000px; max-width:1920px; margin:0 auto}
#main_content .video_box img {width:100%; position:relative; float:left}
#main_content .video_box .width1000 .video_box_btn {background:transparent url("/images/main_video_btn.png") no-repeat scroll 0 0 / 100% auto; width:5%; text-indent:-9999px; margin:6% auto 0; padding:2% 4% 4%; left:0; right:0; cursor:pointer}
#main_content .video_box #video_popup {left:0; right:0; z-index:101}
#main_content .video_box #video_popup .width830 {padding-top:25px}
#main_content .video_box #video_popup .width830 #intro_video {margin:75px auto 0; box-shadow:0 0 5px #333}
#main_content .video_box #video_popup .width830 .video_popup_x {background:url("/images/main_video_x.png") no-repeat scroll 0 0 transparent; width:63px; height:64px; right:0; text-indent:-9999px; cursor:pointer}
#video_popup_bg {background:#fff; opacity:0.4; z-index:100; position:fixed; top:0; left:0; right:0; width:100%; height:100%}


/* Main Interviews */

#main_content .interviews {width:100%; min-width:1000px; max-width:1920px; margin:0 auto}
#main_content .interviews .interview_box {float:left; width:20%}
#main_content .interviews .interview_box img {width:100%}

#main_content .interviews .interview_box .title {background:transparent url("/images/main_interviews_title.png") no-repeat scroll 0 bottom / 85% auto; font-family:"Open Sans"; font-size:45px; color:#414141; letter-spacing:-0.3px; padding:17% 0 3% 23%}
#main_content .interviews .interview_box .text {font-size:18px; color:#808080; padding:5% 0 0 23%}
#main_content .interviews .interview_box .more {font-size:14px; color:#23373f; padding:2% 0 0 23%}
#main_content .interviews .interview_box .more a {background:url("/images/main_interviews_more.png") no-repeat scroll right center transparent; padding-right:5%}

#main_content .interviews .interview_box a.info_box {width:100%; height:100%}
#main_content .interviews .interview_box a.info_box .info_grid_box {background:rgba(225, 225, 225, 0.8) url("/images/main_interviews_plus.png") no-repeat scroll 96% 14% / 10% auto; opacity:0; width:100%; height:20%; bottom:0; overflow:hidden}
#main_content .interviews .interview_box a.info_box:hover .info_grid_box {opacity:1; -webkit-transition:0.6s ; -moz-transition:0.6s ; -o-transition:0.6s ; transition:0.6s ; height:40%; bottom:0}
#main_content .interviews .interview_box a.info_box:hover .info_grid_box.exception {height:47%}

#main_content .interviews .interview_box a.info_box .info_grid_box .grid {padding:4%}
#main_content .interviews .interview_box a.info_box .info_grid_box .grid img {width:auto; height:57px}
#main_content .interviews .interview_box a.info_box .info_grid_box .grid .name {font-family:"Open Sans"; font-size:30px; font-weight:bold; color:#2c2c2b; letter-spacing:-0.5px; line-height:100%; padding-top:5px}
#main_content .interviews .interview_box a.info_box .info_grid_box .position {font-family:"Open Sans"; font-size:25px; color:#6e6e6e; letter-spacing:0; line-height:100%; padding:2px 0 0 3px}

#main_content .interviews .interview_box_content img {float:left; width:40%}
#main_content .interviews .interview_box_content .text {width:34%; font-size:18px; color:#fff; letter-spacing:-0.5px; padding:5% 3%; left:40%}


/* Main Review */

#main_content .main_review {background:url("/images/main_review_bg.png") repeat scroll 0 0 transparent; height:945px; height:825px}
#main_content .main_review.view_part .title {padding-top:50px}
#main_content .main_review .line {width:5%; height:0; border-top:2px solid #959595; text-indent:-9999px; margin:30px auto 35px}
#main_content .main_review .sub_title {font-size:15px; color:#474747}

#main_content .main_review .bx-viewport {margin-top:60px}
#main_content .main_review .bx-viewport .review_box {}
#main_content .main_review .bx-viewport .review_box .grid_box {background:#fff; padding:20px; height:315px; border:1px solid #e2e2e2}
#main_content .main_review .bx-viewport .review_box .title {font-family:"Noto Sans Medium"; font-size:105%; text-align:left; line-height:20px; margin-bottom:15px; word-spacing:-0.5px; padding:0}
#main_content .main_review .bx-viewport .review_box .text {font-size:100%; color:#6d6d6d; text-align:left; letter-spacing:-1px; line-height:20px; word-spacing:-0.5px}

#main_content .main_review .bx-viewport .review_box .info {float:left; width:275px; margin:30px 0 30px 20px}
#main_content .main_review .bx-viewport .review_box .info .face {float:left; width:70px; height:70px}
#main_content .main_review .bx-viewport .review_box .info img {width:100%}
#main_content .main_review .bx-viewport .review_box .info .info_box {float:left; width:195px; text-align:left; padding:12px 0 12px 10px}
#main_content .main_review .bx-viewport .review_box .info .info_box .company {font-size:14px; font-weight:bold; color:#494949}
#main_content .main_review .bx-viewport .review_box .info .info_box .company .position {font-size:11px; font-weight:normal; color:#767676}
#main_content .main_review .bx-viewport .review_box .info .info_box .name {font-size:15px; color:#87b4df; line-height:22px}


/* Korea satisfaction consumer index */

#main_content .korea_ssatisfaction_consumer_index {background:#1382ce; height:90px; text-align:center}
#main_content .korea_ssatisfaction_consumer_index img {height:100%}


/* 고객사 / 콘텐츠 파트너 */

#main_content .view_part {text-align:center}
#main_content .view_part .title {font-size:34px; color:#23373f; text-align:center; padding-top:90px}
#main_content .view_part img {text-align:center}

#main_content .customers {}
#main_content .customers img {padding:100px 0 115px; border-bottom:1px solid #d7d7d7}

#main_content .content_partners {}
#main_content .content_partners img {padding:100px 0 115px; border-bottom:1px solid #d7d7d7}


/* Main Trophy */

#main_content .main_trophy {margin-bottom:85px}
#main_content .main_trophy .width1000 {padding-top:80px}
#main_content .main_trophy .box {float:left; width:25%}
#main_content .main_trophy .box .sub_box {margin:20px 10px 55px}
#main_content .main_trophy .box .sub_box .logo_image {text-align:center}
#main_content .main_trophy .box .sub_box img {width:100%}
#main_content .main_trophy .box .sub_box .text {padding:20px 15px 25px; font-size:13px; color:#23373f; line-height:20px}
#main_content .main_trophy .box .sub_box .line {width:40px; height:0; border-top:1px solid #d7d7d7; text-indent:-9999px; margin:0 15px}

#main_content .main_trophy .box .sub_box .more {font-size:14px; color:#23373f; padding:25px 0 0 15px}
#main_content .main_trophy .box .sub_box .more a {background:url("/images/main_interviews_more.png") no-repeat scroll right center transparent; padding-right:5%}


/* Main BeNative Pro AD */

#main_content .main_benative_ad {}
#main_content .main_benative_ad .slider_ad {}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 {}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 img {float:left}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box {float:left; margin-left:20px}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .title {font-size:25px; color:#1382cd; line-height:40px; padding-bottom:15px}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .title .big {font-family:"Noto Sans Bold"; font-size:45px}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .title .light {font-size:40px}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .sub_title {font-size:20px; color:#23373f; padding-bottom:20px}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .text {font-size:20px; color:#898989}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .line {border-top:1px solid #d7d7d7; width:35px; height:0; text-indent:-9999px; margin:12px 0}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .more {font-size:14px; color:#23373f}
#main_content .main_benative_ad .slider_ad .ad_box.ad1 .ad_text_box .more a {background:url("/images/main_interviews_more.png") no-repeat scroll right center transparent; padding-right:3%}


/* End Main Content */