/*--------------------------Layer--------------------------*/
/*------layer_consult_popup------*/
#layer_popup{clear:both;}
#layer_popup .content{width:360px; height:630px; position:relative; background: url("/resource/images/learning_support/intro_analysis_program/bg_layer_popup.png") no-repeat center/cover;}
/*input box : name, tel_number*/
#layer_popup .content input.upper_data{width:300px; height:45px; position: absolute; left: 30px; background: url("/resource/images/learning_support/intro_analysis_program/bg_inputbox_off.png") no-repeat center/100%; outline: none; border: none; text-align: center; transition: all 0.2s; font-size: 20px; font-family:'맑은 고딕','Malgun Gothic'; color: #252525; line-height: 45px; word-spacing: -0.5px;}
#layer_popup .content input.upper_data::placeholder{padding-left: 28px; text-align: left; font-size: 18px; color:#b4b3b3;}
#layer_popup .content input[type="text"].tel_no {position: absolute; top: 271px;}
#layer_popup .content input[type="text"].member_name{position: absolute; top: 216px;}
#layer_popup .content input.upper_data:hover, #layer_popup .content input.upper_data:focus{background: url("/resource/images/learning_support/intro_analysis_program/bg_inputbox_on.png") no-repeat center/100%;}
#layer_popup .content input[type="number"]::-webkit-inner-spin-button, #layer_popup .content input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
/*radio_button 설정 : before*/
#layer_popup .content .radio_box{width: 152px; height: 30px; position: absolute; top: 378px; cursor: pointer;}
#layer_popup .content .radio_box.coa_box{position: absolute; left: 25px;}
#layer_popup .content .radio_box.aoa_box{position: absolute; right:25px;}
#layer_popup .content .radio_box input[type='radio']{display: none;}
#layer_popup .content .radio_box input[type='radio'].radio + div.choice::before{content: ''; width: 20px; height: 20px; position: absolute; top: 5px; left: 5px; background: url("/resource/images/learning_support/intro_analysis_program/bg_radio_off.png") no-repeat center/100%; border: transparent; transition: all 0.2s;}
/*radio_button 설정 : before_hover/focus*/
#layer_popup .content .radio_box input[type='radio'].radio:hover + div.choice::before{background: url("/resource/images/learning_support/intro_analysis_program/bg_radio_on.png") no-repeat center / 100%;}
#layer_popup .content .radio_box input[type='radio'].radio:focus + div.choice::before{background: url("/resource/images/learning_support/intro_analysis_program/bg_radio_on.png") no-repeat center / 100%;}
/*radio_button 설정 : after*/
#layer_popup .content .radio_box input[type='radio'].radio:checked + div.choice::after{content: ''; width: 20px; height: 20px; position: absolute; top: 5px; left: 5px; background: url("/resource/images/learning_support/intro_analysis_program/bg_radio_on.png") no-repeat center / 100%;}
/*checkbox_agree do receive*/
#layer_popup .content .agree_to_receive_box{width:300px; height:36px; position: absolute; top:468px; left:30px; background: transparent;}
#layer_popup .content .agree_to_receive_box label{width:211px; height:36px; position:absolute; top:0px; left:0px; cursor: pointer;}
#layer_popup .content .agree_to_receive_box label div{display:none;}
#layer_popup .content .agree_to_receive_box label input[type='checkbox']{-webkit-appearance:none; content:''; border:none; outline:none;}
#layer_popup .content .agree_to_receive_box label input[type='checkbox']:before {content:''; width:19px; height:19px; position:absolute; top:8px; left:12px; background-color: #fff; border: 1px solid #555; cursor:pointer; transition: all 0.2s;}
#layer_popup .content .agree_to_receive_box label input[type='checkbox']:checked:before{content: ''; width: 19px; height: 19px; position: absolute; top: 8px; left: 12px; background: url("/resource/images/learning_support/intro_analysis_program/checkbox_checked.png") no-repeat center / 100%; border: 1px solid #333; cursor:pointer;}
/*view detail*/
#layer_popup .content .agree_to_receive_box .detail-link{width:89px; height:36px; position:absolute; top:0px; right:0px; cursor:pointer;}
/*bottom button*/
#layer_popup .content .btn_layer{width:300px; height:54px; position:absolute; bottom: 57px; left:30px; background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_popup_off.png") no-repeat center/100%; cursor:pointer; transition: all 0.2s;}
#layer_popup .content .btn_layer:hover, #layer_popup .content .btn_layer:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_popup_on.png") no-repeat center/100%;}

/*------layer_bridge------*/
#layer_bridge{clear:both; width:405px; height:180px;}
#layer_bridge .content{width:405px; height:180px; position:relative; background-color:#fff;}
#layer_bridge .content .text{width:405px; text-align: center; font-family:'맑은 고딕','Malgun Gothic'; color: #151515;}
#layer_bridge .content .text.title{height: 30px; position: absolute; top: 30px; font-size: 20px; font-weight: bold; line-height: 30px;}
#layer_bridge .content .text.subcopy{height: 26px; position: absolute; top: 61px; font-size: 16px; font-weight: normal; line-height: 26px;}
/*bottom button*/
#layer_bridge .content .btn_layer{width: 160px; height: 52px; position: absolute; top: 103px; cursor: pointer; transition: all 0.2s;}
#layer_bridge .content .btn_layer.btn_register{position: absolute; left: 30px; background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_bridge_register_off.png") no-repeat center/100%;}
#layer_bridge .content .btn_layer.btn_register:hover, #layer_bridge .content .btn_layer.btn_register:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_bridge_register_on.png") no-repeat center/100%;}
#layer_bridge .content .btn_layer.btn_payagain{position: absolute; right:30px; background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_bridge_payagain_off.png") no-repeat center/100%;}
#layer_bridge .content .btn_layer.btn_payagain:hover, #layer_bridge .content .btn_layer.btn_payagain:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_layer_bridge_payagain_on.png") no-repeat center/100%;}

/*------layer_popup_review_detail------*/
.popup_review_detail{clear: both;}
.popup_review_detail .wrap{width: 550px; height: 501px; position: relative; background-color: #fff;}
.popup_review_detail .wrap .btn_close{width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; background: url("/resource/images/learning_support/intro_analysis_program/btn_close_off.png") no-repeat center/100%; cursor: pointer; transition: all 0.2s;}
.popup_review_detail .wrap .btn_close:hover, .popup_review_detail .wrap .btn_close:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_close_on.png") no-repeat center/100%;}
.popup_review_detail .wrap .writer{width: 300px; height: 20px; position: absolute; top: 50px; left: 35px; text-align: left; font-size: 16px; font-family:'맑은 고딕','Malgun Gothic'; color: #252525;}
.popup_review_detail .wrap .star_mark{width: 100px; height: 17px; position: absolute; top: 51px; right: 35px; background: url("/resource/images/learning_support/intro_analysis_program/star_mark.png") no-repeat center/cover;}
.popup_review_detail .wrap .review_txt{width: 480px; height: 381px; position: absolute; top: 90px; right: 35px; text-align: left; font-size: 19px; font-family:'맑은 고딕','Malgun Gothic'; line-height: 30px; color: #252525; word-spacing: -1px; word-break: break-all; overflow-x: hidden; overflow-y:scroll;}



/*--------------------------Landing page--------------------------*/
#landingpage {clear:both; margin: 0 auto; width:100%; height:5008px;}
/*------Content------*/
#landingpage .wrap{width:100%; height:5008px; position: relative;}
#landingpage .wrap .wrap_content{width:100%; text-align: center;}
#landingpage .wrap .wrap_content .inner_content{max-width: 1920px; margin: 0 auto;}

/*---top : 타이틀 영역---*/
#landingpage .wrap .wrap_content.wrap_top{height: 600px; position: relative;}
#landingpage .wrap .wrap_content.wrap_top .bg_box{width: 50%; height: 600px; position: absolute; top: 0; z-index: -1;}
#landingpage .wrap .wrap_content.wrap_top .bg_box.box_lt{position: absolute; left: 0; background-color: #0cdc6e;}
#landingpage .wrap .wrap_content.wrap_top .bg_box.box_rt{position: absolute; right:0; background-color: #00dbcf;}
#landingpage .wrap .wrap_content.wrap_top .inner_content{height: 600px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_top.png") no-repeat center/cover;}

/*---content_1 : 경쟁사 분석의 필요성 dialog---*/
#landingpage .wrap .wrap_content.wrap_content_1{height: 496px; position: relative; background-color: #fff;}
#landingpage .wrap .wrap_content.wrap_content_1 .inner_content{height: 496px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_1.png") no-repeat center/cover;}

/*---content_2 : 경쟁사 분석프로그램의 필요성---*/
#landingpage .wrap .wrap_content.wrap_content_2{height: 278px; position: relative; background-color: #f8f8f8;}
#landingpage .wrap .wrap_content.wrap_content_2 .inner_content{height: 278px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_2.png") no-repeat center/cover;}

/*---content_3 : 경쟁사 분석 특허 보유---*/
#landingpage .wrap .wrap_content.wrap_content_3{height: 886px; position: relative; background-color: #fff;}
#landingpage .wrap .wrap_content.wrap_content_3 .inner_content{height: 886px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_3.png") no-repeat center/cover;}

/*---content_4 : 분석프로그램 안내---*/
#landingpage .wrap .wrap_content.wrap_content_4{height: 1222px; position: relative; background-color: #595959;}
#landingpage .wrap .wrap_content.wrap_content_4 .inner_content{width: 980px; height: 1222px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_4.png") no-repeat center/cover; position: relative;}
/*Button go analysis program video*/
#landingpage .wrap .wrap_content.wrap_content_4 .inner_content .btn_video{width: 305px; height: 50px; position: absolute; top: 968px; background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_content_4_govideo_off.png") no-repeat center/100%; cursor: pointer; transition: all 0.2s;}
#landingpage .wrap .wrap_content.wrap_content_4 .inner_content .btn_video:hover, #landingpage .wrap .wrap_content.wrap_content_4 .inner_content .btn_video:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_content_4_govideo_on.png") no-repeat center/100%;}
#landingpage .wrap .wrap_content.wrap_content_4 .inner_content .btn_video.btn_coa{position: absolute; left: 60px;}
#landingpage .wrap .wrap_content.wrap_content_4 .inner_content .btn_video.btn_aoa{position: absolute; right: 60px;}

/*---content_5 : 추가적인 낙찰 지원 혜택---*/
#landingpage .wrap .wrap_content.wrap_content_5{height: 654px; position: relative; background-color: #fff;}
#landingpage .wrap .wrap_content.wrap_content_5 .inner_content{height: 654px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_5.png") no-repeat center/cover;}

/*---content_6 : 사용자 낙찰 후기---*/
#landingpage .wrap .wrap_content.wrap_content_6{height: 1401px; position: relative; background-color: #f8f8f8;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content{height: 1401px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_content_6.png") no-repeat center/cover; position: relative;}
/*review*/
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides{
    width: 540px;
    height: 705px;
    position: relative;
    left: 50%;
    top: 461px;
    transform: translateX(-50%);
    overflow: hidden;
}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_wrap {position: absolute; width: 100%; cursor: grab;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_box{width: 540px; height: 225px; display:inline-block; margin-bottom: 15px; background-color: #fff; overflow: hidden; position: relative;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_box .writer{width: 300px; height: 20px; position: absolute; top: 30px; left: 30px; text-align: left; font-size: 16px; font-family:'맑은 고딕','Malgun Gothic'; color: #252525;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_box .star_mark{width: 100px; height: 17px; position: absolute; top: 29px; right: 30px; background: url("/resource/images/learning_support/intro_analysis_program/star_mark.png") no-repeat center/cover;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_box .review_txt{width: 480px; height: 104px; position: absolute; top: 75px; right: 30px; text-align: left; font-size: 20px; font-family:'맑은 고딕','Malgun Gothic'; line-height: 28px; color: #252525; word-spacing: -1px; word-break: break-all;}
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .wrap_slides .slide_box .view_more{width: 90px; height: 20px; position: absolute; top: 179px; right: 28px; background: url("/resource/images/learning_support/intro_analysis_program/view_more.png") no-repeat center/cover; cursor: pointer;}
.slide_wrap.grabbing {
    cursor: grabbing;
}

.wrap_slides {
    -webkit-user-select: none;  /* Chrome, Safari, Opera */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE 10+/ Edge */
    user-select: none;          /* Standard syntax */
}

/*Button more review*/
#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .btn_review {
    width: 760px;
    height: 110px;
    position: absolute;
    top: 1221px;
    left: 50%;
    transform: translateX(-50%);
    background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_content_6_review_off.png") no-repeat center/100%;
    cursor: pointer;
    transition: all 0.2s;
}

#landingpage .wrap .wrap_content.wrap_content_6 .inner_content .btn_review:hover, #landingpage .wrap .wrap_content.wrap_content_6 .inner_content .btn_review:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_content_6_review_on.png") no-repeat center/100%;}

/*---bottom : 상담신청 권유---*/
#landingpage .wrap .wrap_content.wrap_bottom{height: 357px; position: relative; background-color: #fff;}
#landingpage .wrap .wrap_content.wrap_bottom .inner_content{height: 357px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_bottom.png") no-repeat center/cover;}
#landingpage .wrap .wrap_content.wrap_bottom .inner_content .link_consult{width: 88px; height: 32px; position: absolute; top: 165px;left: 954px; cursor: pointer;}



/*------fixed banner : 고민되신다면, 상담신청 해보세요!------*/
#landingpage .wrap .fixed_banner{width: 160px; height: 114px; position: fixed; top: 266px; left: 50%; transform: translateX(590px); background: url("/resource/images/learning_support/intro_analysis_program/click_consultme_off.png") no-repeat center/cover; cursor: pointer; z-index: 20; transition: all 0.2s;}
#landingpage .wrap .fixed_banner:hover, #landingpage .wrap .fixed_banner:focus{background: url("/resource/images/learning_support/intro_analysis_program/click_consultme_on.png") no-repeat center/cover;}


/*------side navigation : 경쟁사 분석은 필수! / 나에게 맞는 분석프로그램 / 분석프로그램 혜택/낙찰후기------*/
#landingpage .wrap .sidenavi{width: 230px; height: 160px; position: fixed; top: 420px; left: 50%; transform: translateX(590px); z-index: 20;}
#landingpage .wrap .sidenavi .navi_box{width: 230px; height: 52px; display: inline-block; margin-bottom: 2px; background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_navibtn_off.png") no-repeat center/cover; cursor: pointer; transition: all 0.2s;}
#landingpage .wrap .sidenavi .navi_box:hover, #landingpage .wrap .sidenavi .navi_box:focus{background: url("/resource/images/learning_support/intro_analysis_program/bg_lading_navibtn_on.png") no-repeat center/cover;}

/*------fixed bar : ~분석프로그램 신청하러 가기------*/
#landingpage .wrap .fixed_bar{width: 100%; height: 85px; position: fixed; bottom: 0;}
#landingpage .wrap .fixed_bar .bg_box{width: 50%; height: 85px; position: absolute; top: 0;}
#landingpage .wrap .fixed_bar .bg_box.box_lt{position: absolute; left: 0; background-color: #222;}
#landingpage .wrap .fixed_bar .bg_box.box_rt{position: absolute; right:0; background-color: #333;}
#landingpage .wrap .fixed_bar .link_program{width: 960px; height: 85px; position: absolute; top: 0; cursor: pointer; z-index: 10; transition: all 0.2s;}
#landingpage .wrap .fixed_bar .link_program.link_coa{position: absolute; left: 50%; transform: translateX(-960px); background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_fixedbar_coa_off2.png") no-repeat center/cover;}
#landingpage .wrap .fixed_bar .link_program.link_coa:hover, #landingpage .wrap .fixed_bar .link_program.link_coa:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_fixedbar_coa_on2.png") no-repeat center/cover;}
#landingpage .wrap .fixed_bar .link_program.link_aoa{position: absolute; left: 50%; background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_fixedbar_aoa_off2.png") no-repeat center/cover;}
#landingpage .wrap .fixed_bar .link_program.link_aoa:hover, #landingpage .wrap .fixed_bar .link_program.link_aoa:focus{background: url("/resource/images/learning_support/intro_analysis_program/btn_landing_fixedbar_aoa_on2.png") no-repeat center/cover;}

html {
    scroll-behavior: smooth;
}