@charset "utf-8"; fieldset{ margin:0; padding:0; border:0; } fieldset legend{ font-size:0; } input:focus { outline: none; } button { border:none; } button:focus { outline: none; } select:focus { outline: none; } /* select */ .uni_sct { width:100%; height:40px; padding:0 24px; border:none; background:#f1f5f9 url('../image/main/ico_selct_arrw.png') center right 24px no-repeat; border-radius:20px; appearance:none; -moz-appearance:none; -webkit-appearance:none; font-weight:600; font-size:14px; } select::-ms-expand {display:none} .swiper-wrapper{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .swiper-slide{width:100%; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0;} .wrapper{ overflow:hidden; min-width:1520px; font-weight:300; word-break: break-all; } .main_wp{ background:#f7f7f9; } .font_nex{ font-family:'Noto Sans KR', sans-serif; } /* top_banner */ .top_banner{ overflow:hidden; width:100%; height:64px; padding:25px 0; border-bottom:1px solid #c8c9ca; background:url('../image/main/bg_topbanner.jpg') no-repeat center top; background-size:100% 100%; } .top_banner .top_banner_con{ position:relative; width:1400px; margin:0 auto; } .top_banner .top_banner_con .banner_slide_box { position:relative; width:952px; height:64px; margin:0 auto; } .top_banner .top_banner_con .banner_slide_box .slick-dots{ position:absolute; bottom:-22px; right:75px; left:inherit; } .top_banner .top_banner_con .banner_slide_box .slick-dots li { background: #c9d6e2; width: 10px; height: 10px; border: none; transition: width 0.3s ease; } .top_banner .top_banner_con .banner_slide_box .slick-dots li.slick-active { background: #569cd5; width: 40px; border-radius: 20px; } .top_banner .top_banner_con .banner_slide_box .plystp{ position:absolute; bottom:-22px; right:45px; font-size:0;} .top_banner .top_banner_con .banner_slide_box .plystp a.play{ display:inline-block; width:10px; height:10px; padding:3px; background:url('../image/main/ico_play.png') no-repeat center center; } .top_banner .top_banner_con .banner_slide_box .plystp a.stop{ display:inline-block; width:7px; height:12px; padding:3px; background:url('../image/main/ico_stop.png') no-repeat center center; } .top_banner .top_banner_con .tdy_btn{ position:absolute; bottom:0; right:0; } .top_banner .top_banner_con .tdy_btn p{ display:inline-block; margin-right:30px; } .top_banner .top_banner_con .tdy_btn p input.checkbox{ display:inline-block; vertical-align:middle; } .top_banner .top_banner_con .tdy_btn p label{ vertical-align:middle; } .top_banner .top_banner_con .tdy_btn a.tdy_cls{ display:inline-block; padding:5px 0 5px 24px; background:url('../image/main/btn_banner_cls.gif') no-repeat left 3px; font-size:15px; color:#333333; } /* header */ .m_search_box{ position:absolute; top:45px; right:0; width:260px; height:40px; margin-left:0; padding:0 50px 0 18px; border-radius:20px; border:2px solid #cccccc; background:#fff; } .m_search_box input{ width:100%; height:40px; border:0; line-height:32px; font-size:13px; } .m_search_box a{ position:absolute; top:0; right:18px; width:16px; height:18px; padding:10px 12px 12px 12px; text-align:center; font-size:0; } .m_search_box02{ position:relative; height:40px; clear:both; margin-top:10px; padding:0 50px 0 18px; border-radius:10px; background:#f1f1f1; } .m_search_box02 input{ width:100%; height:40px; border:0; background:#f1f1f1; line-height:32px; font-size:13px; } .m_search_box02 a{ position:absolute; top:0; right:18px; width:16px; height:18px; padding:10px 12px 12px 12px; text-align:center; font-size:0; } /* main_cont */ .main_cont{ position:relative; width:1400px; margin:0 auto; } .main_cont .main_conbox{ height:770px; margin-bottom:10px; padding:15px; border-radius:20px; background:url('../image/main/bg_main_conbox_ty01.gif') repeat 0 0; } .main_cont .main_conbox.mcbx02{ background:url('../image/main/bg_main_conbox_ty02.gif') repeat 0 0; } .main_cont .main_conbox.mcbx03{ background:url('../image/main/bg_main_conbox_ty03.gif') repeat 0 0; } .main_cont .main_conbox.mcbx04{ background:url('../image/main/bg_main_conbox_ty04.gif') repeat 0 0; } .main_cont .main_conbox.mcbx05{ background:url('../image/main/bg_main_conbox_ty05.gif') repeat 0 0; } /* mc_tab */ .main_cont .main_conbox a.mc_tab{ display:inline-block; position:absolute; right:-60px; width:60px; height:150px; border-radius:0 20px 20px 0; background:#bbbbbb; text-align:center; font-weight:800; color:#fff; } .main_cont .main_conbox a.mc_tab span{ display:inline-block; padding-top:27px; font-size:14px; } .main_cont .main_conbox a.mc_tab.mt01{ top:16px; } .main_cont .main_conbox a.mc_tab.mt02{ top:170px; } .main_cont .main_conbox a.mc_tab.mt03{ top:324px; } .main_cont .main_conbox a.mc_tab.mt04{ bottom:172px; } .main_cont .main_conbox a.mc_tab.mt05{ bottom:17px; } .main_cont .main_conbox a.mc_tab.mt01 span{ background:url('../image/main/tab_main_cont01.png') no-repeat center top; vertical-align:-75px; } .main_cont .main_conbox a.mc_tab.mt02 span{ background:url('../image/main/tab_main_cont02.png') no-repeat center top; vertical-align:-85px; } .main_cont .main_conbox a.mc_tab.mt03 span{ background:url('../image/main/tab_main_cont03.png') no-repeat center top; vertical-align:-85px; } .main_cont .main_conbox a.mc_tab.mt04 span{ background:url('../image/main/tab_main_cont04.png') no-repeat center top; vertical-align:-85px; } .main_cont .main_conbox a.mc_tab.mt05 span{ background:url('../image/main/tab_main_cont05.png') no-repeat center top; vertical-align:-85px; } .main_cont .main_conbox a.mc_tab.mt01.on{ background:#4b9af2; } .main_cont .main_conbox a.mc_tab.mt02.on{ background:#2aa971; } .main_cont .main_conbox a.mc_tab.mt03.on{ background:#dc756c; } .main_cont .main_conbox a.mc_tab.mt04.on{ background:#faa510; } .main_cont .main_conbox a.mc_tab.mt05.on{ background:#c579d1; } .mc_tab_box{ display:none; } /* mc_visual */ .main_cont .main_conbox .mc_visual{ margin-bottom:13px; } .main_cont .main_conbox .mc_visual img, { display:block; } .main_cont .main_conbox .mc_visual img.mcv02, .main_cont .main_conbox .mc_visual img.mcv0202{ display:none; } /* mc_con */ .main_cont .main_conbox .mc_con{ height:605px; padding:25px; border-radius:20px; background:#fff; } .main_cont .main_conbox.mcbx03 .mc_con{ height:655px; padding:0; border-radius:20px; background:#fff; } /* tit */ h3.mc_tit{ font-weight:600; font-size:18px; color:#000000; } /* 서비스 */ .main_cont .main_conbox .mc_con{ overflow:hidden; } .main_cont .main_conbox .mc_con .sv_box01{ position:relative; float:left; width:550px; margin-right:50px; } .main_cont .main_conbox .mc_con .sv_box01 .sv_top{ margin-bottom:17px; } .main_cont .main_conbox .mc_con .sv_box01 .sv_top strong{ display:inline-block; margin-right:15px; font-size:15px; font-weight:800; color:#0173ff; } .main_cont .main_conbox .mc_con .sv_box01 .sv_top span{ display:inline-block; padding:5px 5px 3px 5px; border:1px solid #0173ff; font-size:13px; color:#0173ff; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list{ overflow-y:auto; height:530px; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul{ position:relative; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul::before{ content:''; position:absolute; top:0; left:2.5px; width:1px; height:100%; background:#c9c9c9; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li{ position:relative; margin:0 0 20px 32px; padding-bottom:20px; border-bottom:1px solid #dddddd; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li::after{ content:''; position:absolute; top:0; left:-32px; width:7px; height:7px; background:url('../image/main/bg_sv_list.gif') no-repeat 0 0; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a { } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a:hover{ text-decoration:none; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a span.period_txt{ display:block; margin-bottom:13px; font-size:14px; font-weight:600; color:#000000; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a strong{ display:inline-block; margin-bottom:15px; padding:5px 6px; background:#000000; font-size:13px; font-weight:800; color:#fff; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a p{ font-size:20px; font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_box01 .sv_list ul li a p span{ display:block; margin-top:14px; font-size:14px; } a.mcmore_btn{ position:absolute; top:0; right:0; width:21px; height:21px; background:url('../image/main/btrn_mcmore.png') no-repeat center top; font-size:0; } .main_cont .main_conbox .mc_con .sv_box02{ position:relative; width:317px; float:left; margin-right:40px; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid{ overflow-y: auto; height: 553px; margin-top:20px; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ display:inline-block !important; width:125px; height:98px; margin:10px 20px 10px 2px; padding:30px 0; border-radius:20px; background:#f5f5f5; text-align:center; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a:hover{ border-radius:20px; box-shadow:10px 6px 15px rgba(0,0,0,0.2); background:#fff; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a.on{ border-radius:20px; box-shadow:10px 6px 15px rgba(0,0,0,0.2); background:#fff; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span{ display:inline-block; padding-bottom:60px; line-height:20px; font-size:15px; color:#333333; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output01{ background:url('../image/main/ico_output01.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output02{ background:url('../image/main/ico_output02.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output03{ background:url('../image/main/ico_output03.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output04{ background:url('../image/main/ico_output04.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output05{ background:url('../image/main/ico_output05.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output06{ background:url('../image/main/ico_output06.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output07{ background:url('../image/main/ico_output07.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output08{ background:url('../image/main/ico_output08.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output09{ background:url('../image/main/ico_output09.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output10{ background:url('../image/main/ico_output10.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output11{ background:url('../image/main/ico_output11.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output12{ background:url('../image/main/ico_output12.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output13{ background:url('../image/main/ico_output13.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output14{ background:url('../image/main/ico_output14.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output15{ background:url('../image/main/ico_output15.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output16{ background:url('../image/main/ico_output16.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span.output17{ background:url('../image/main/ico_output17.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid .slick-dots{ bottom:-15px; width:100%; text-align:center; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid .slick-dots .slick-active{ width:6px; border-radius:4px; background:#0173ff; border:1px solid #0173ff; } .main_cont .main_conbox .mc_con .sv_box03{ position:relative; width:354px; float:left; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box{ margin:30px 37px; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box h4{ text-align:center; font-weight:800; color:#46495d; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box select{ margin-bottom:10px; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box a.mc_btn{ display:block; margin-top:30px; padding:12px 0 14px 0; border-radius:20px; background:#46495d; text-align:center; font-size:16px; color:#ffffff; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list{ overflow:hidden; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li{ width:48%; float:left; text-align:center; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li:last-child{ float:right; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a{ display:block; height:170px; padding:40px 0 50px 0; border-radius:20px; background:#f9f9fc; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a strong{ display:block; margin-bottom:13px; font-size:16px; font-weight:800; color:#2a325e; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a span{ display:block; padding-bottom:80px; font-size:14px; font-weight:600; color:#000000; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li:first-child a span{ background:url('../image/main/ico_mlink01.png') no-repeat center bottom; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li:last-child a span{ background:url('../image/main/ico_mlink02.png') no-repeat center bottom; } /* 홍보뉴스 */ .main_cont .main_conbox .mc_con .sv_box_top{ overflow:hidden; width:800px; float:left; margin:20px 0 20px 20px; } .main_cont .main_conbox .mc_con .sv_box04{ position:relative; width:370px; float:left; margin:0 50px 50px 0; } .main_cont .main_conbox .mc_con .sv_box04:nth-child(2){ margin-right:0; } .main_cont .main_conbox .mc_con .sv_box04:nth-child(3){ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box04:nth-child(4){ margin-right:0; margin-bottom:0; } .main_cont .main_conbox .mc_con ul.mbcx_list{ margin-top:15px; } .main_cont .main_conbox .mc_con ul.mbcx_list li{ margin-bottom:13px; } .main_cont .main_conbox .mc_con ul.mbcx_list li a{ display:block; } .main_cont .main_conbox .mc_con ul.mbcx_list li a p{ overflow:hidden; display:block; width:100%; height:18px; margin-bottom:7px; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:15px; color:#000; } .main_cont .main_conbox .mc_con ul.mbcx_list li a span{ display:block; color:#777777; } .main_cont .main_conbox .mc_con .sv_evnt_box{ overflow:hidden; position:relative; width:440px; float:right; margin:20px 20px 20px 0; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box{ position:relative; margin-bottom:10px; padding-bottom:35px; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box a img{ width:100%; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .slick-dots{ width:100%; bottom:-27px; left:inherit; right:0; margin-right:-3px; text-align:center; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .slick-dots li{ width:8px; height:8px; transition: width 0.3s ease; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .slick-dots .slick-active{ width:30px; height:10px; border-radius:20px; background:#569cd5; vertical-align:-1px; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .plystp{ position:absolute; bottom:8px; right:110px; font-size:0; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .plystp a.play_ev{ display:inline-block; width:10px; height:10px; padding:3px; background:url('../image/main/ico_play_ev.png') no-repeat center center; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .plystp a.stop_ev{ display:inline-block; width:10px; height:10px; padding:3px; background:url('../image/main/ico_stop_ev.png') no-repeat center center; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box{ overflow:hidden; position:relative; width:440px; padding-bottom:35px; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box a img{ width:100%; height:260px; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .slick-dots{ width:100%; bottom:-27px; left:inherit; right:0; margin-right:-3px; text-align:center; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .slick-dots li{ width:8px; height:8px; transition: width 0.3s ease; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .slick-dots .slick-active{ width:30px; height:10px; border-radius:20px; background:#569cd5; vertical-align:-1px; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .plystp{ position:absolute; bottom:8px; right:110px; font-size:0; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .plystp a.play_ev{ display:inline-block; width:10px; height:10px; padding:3px; background:url('../image/main/ico_play_ev.png') no-repeat center center; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .plystp a.stop_ev{ display:inline-block; width:10px; height:10px; padding:3px; background:url('../image/main/ico_stop_ev.png') no-repeat center center; } /* 맞춤형정보 로그인전*/ .main_cont .main_conbox .mc_con.after_login{ position:relative; background:url('../image/main/bg_mcbx03.jpg') no-repeat center top; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list{ overflow:hidden; position:absolute; bottom:50px; left:170px; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li{ float:left; margin-right:100px; padding:15px 100px 15px 0; background:url('../image/main/bg_mcbx_list.gif') no-repeat right top; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li strong{ display:block; margin-bottom:20px; font-weight:800; font-size:20px; color:#333333; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li p{ margin-bottom:30px; font-weight:600; font-size:15px; color:#333333; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li a{ display:inline-block; width:136px; padding:13px 0 11px 0; border-radius:20px; background:#0173ff; text-align:center; font-weight:600; font-size:14px; color:#fff; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li a.blk{ background:#46485d;} .main_cont .main_conbox .mc_con.after_login ul.after_login_list li:last-child{ margin-right:0; padding-right:0; background:0; } /* 맞춤형정보 로그인후*/ .main_cont .main_conbox .mc_con .sv_box05{ position:relative; width:365px; height:100%; float:left; margin-right:40px; padding:30px; border-radius:0 0 0 20px; background:#f5f5f5; } .main_cont .main_conbox .mc_con .sv_box05 a.mcmore_btn{ top:30px; right:30px; } .main_cont .main_conbox .mc_con .sv_box05 ul{ margin:20px 0 30px 0; } .main_cont .main_conbox .mc_con .sv_box05 ul li{ position:relative; margin-bottom:10px; } .main_cont .main_conbox .mc_con .sv_box05 ul li:last-child{ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box05 ul li a{ display:block; padding:18px 20px; border-radius:20px; background:#fff; } .main_cont .main_conbox .mc_con .sv_box05 ul li a:hover{ box-shadow:6px 6px 15px 5px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box05 ul li a.on{ box-shadow:6px 6px 15px 5px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box05 ul li a span.svb_tit{ display:block; margin-bottom:10px; font-weight:600; font-size:14px; color:#777777; } .main_cont .main_conbox .mc_con .sv_box05 ul li a p{ font-weight:800; font-size:14px; color:#333333; } .main_cont .main_conbox .mc_con .sv_box05 ul li a span.svb_ico{ display:inline-block; position:absolute; top:13px; right:20px; padding:4px 4px 2px 4px; background:#0173fe; font-size:13px; color:#fff; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn{ display:block; position:relative; margin-bottom:10px; padding:29px 80px 29px 40px; border-radius:20px; background:#2a93eb; font-size:15px; font-weight:600; color:#fff; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn:last-child{ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn::before{ content:''; position:absolute; top:33px; right:30px; width:49px; height:34px; background:url('../image/main/bg_couns_btn01.png') no-repeat right top; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn.cb02::before{ content:''; position:absolute; top:33px; right:30px; width:51px; height:42px; background:url('../image/main/bg_couns_btn02.png') no-repeat right top; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn strong{ display:block; margin-bottom:12px; font-weight:800; font-size:17px; } .main_cont .main_conbox .mc_con .sv_box06{ position:relative; width:511px; float:left; margin:30px 40px 30px 0; } .main_cont .main_conbox .mc_con .sv_box06 ul{ overflow-x: auto; height: 530px; margin-top:43px; } .main_cont .main_conbox .mc_con .sv_box06 ul li{ position:relative; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #cccccc; } .main_cont .main_conbox .mc_con .sv_box06 ul li:last-child{ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box06 ul li span.svb_tit{ display:inline-block; margin-bottom:20px; padding:6px 4px; background:#000; font-size:13px; color:#fff; } .main_cont .main_conbox .mc_con .sv_box06 ul li strong{ display:block; margin-bottom:15px; font-size:20px; font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_box06 ul li p{ font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_box06 ul li span.svb_num{ position:absolute; top:0; right:0; font-size:14px; font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_current_box{ position:relative; width:334px; float:left; margin:30px 0; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07{ position:relative; margin-bottom:37px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 h4{ margin:24px 0 14px 0; font-weight:800; font-size:16px; text-align:center; color:#9675a1; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 .graph_box{ border:5px solid #f5f5f5; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul{ overflow-x: auto; height: 140px; margin-top:20px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li{ margin-bottom:20px; font-size:15px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li:last-child{ margin-bottom:0;} .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li span{ display:block; margin-bottom:5px; padding:7px 5px 6px 5px; background:#8792d2; vertical-align:2px; font-size:13px; color:#fff; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li a{ overflow:hidden; display:inline-block; width:60%; height:15px; text-overflow: ellipsis; white-space: nowrap; color:#000; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701 .my_gug_box{ overflow-x:auto; height:185px; } /* 고객지원 */ .main_cont .main_conbox .mc_con .sv_box08{ width:480px; float:left; margin-right:40px; padding-right:40px; border-right:1px solid #e5e5e5; } .main_cont .main_conbox .mc_con .sv_box08 h3.faq_tit{ margin-bottom:15px; text-align:center; font-size:20px; font-weight:800; color:#0173ff; } .faq_search_box{ position:relative; height:50px; margin-bottom:20px; padding:0 50px 0 25px; border-radius:30px; border:3px solid #0173ff; background:#fff; } .faq_search_box input{ width:100%; height:50px; border:0; line-height:32px; font-size:13px; } .faq_search_box a{ position:absolute; top:0; right:18px; width:16px; height:18px; padding:16px; text-align:center; font-size:0; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_tab{ margin-bottom:40px; text-align:center; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_tab li{ display:inline-block; margin-right:40px; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_tab li a{ display:block; padding-bottom:3px; border-bottom:1px solid #b2b2b2; font-weight:600; font-size:14.5px; color:#000; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list { overflow-x:auto; height:400px; padding:11px; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li { margin-bottom:6px; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li a{ display:block; padding:16px 30px; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li a span{ display:block; margin-bottom:10px; font-weight:800; font-size:36px; color:#0274ff; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li a p{ line-height:22px; font-weight:600; font-size:15px; color:#000; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li a:hover{ border-radius:20px; background:#fff; box-shadow:6px 6px 12px 0px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_list li a.on{ border-radius:20px; background:#fff; box-shadow:6px 6px 12px 0px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box09{ width:735px; float:left; margin:10px 0 30px 0; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box{ width:185px; height:200px; float:left; margin-right:40px; padding:80px 225px 80px 40px; border:1px solid #dddddd; border-radius:30px; background:url('../image/main/bg_conus_box.jpg') no-repeat right bottom; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box strong{ display:inline-block; margin-bottom:25px; font-weight:800; font-size:22px; color:#555555; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box p{ margin-bottom:30px; font-weight:600; font-size:16px; color:#555555; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box a{ display:block; width:145px; padding:12px 0 13px 0; border-radius:30px; background:#0173ff; text-align:center; color:#ffffff; } .main_cont .main_conbox .mc_con .sv_box09 ul{ width:240px; float:left; } .main_cont .main_conbox .mc_con .sv_box09 ul li{ padding-right:10px; border-bottom:1px solid #d3d3d3; } .main_cont .main_conbox .mc_con .sv_box09 ul li a{ display:block; padding:35px 0; background:url('../image/main/ico_coun_list.png') no-repeat right center; font-size:17px; font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_box10{ width:735px; float:left; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box{ width:290px; height:120px; float:left; padding:36px 38px 29px 27px; border-radius:20px; background:#1a6ed3; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong{ display:inline-block; margin-bottom:20px; padding-left:72px; background:url('../image/main/ico_call_center.png') no-repeat left center; font-weight:800; font-size:26px; color:#fff; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong em{ color:#90deff; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong span{ display:block; margin-top:5px; font-weight:600; font-size:16px; color:#fff; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box ul{ text-align:center; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box ul li{ margin-bottom:5px; font-size:22px; font-weight:800; color:#f3fdae; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box ul li:last-child{ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn{ display:block; width:290px; height:120px; float:right; padding:36px 38px 29px 27px; border-radius:20px; background:#ff9460 url('../image/main/ico_1357.png') no-repeat 175px bottom; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn strong{ display:block; text-align:center; font-size:50px; font-weight:800; color:#fff; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn strong span{ font-size:24px; font-weight:800; color:#fff; } .closedf { width : 50px; height : 50px; position : absolute; right : 0px; top : 0px; z-index : 1; background-image : url("https://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png"); background-size : 50%; background-repeat : no-repeat; background-position : center; cursor : pointer; } .counsel_pop { position:fixed; bottom:-352px; right:100px; width:300px; height:350px; border:1px solid #c9c9c9; background:#fff; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; z-index :10; } .counsel_pop.open { bottom:0; } /* 포털허브 */ .main_cont .main_conbox .mc_con .sv_box11{ width:390px; float:left; margin-right:40px; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box{ overflow:hidden; margin-top:23px; padding:55px 25px; border-radius:20px; background:#f7f7f7; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a{ display:block; width:164px; height:13px; float:left; margin-top:10px; padding:19px 0 18px 0; border:1px solid #dddddd; background:#fff; font-size:14px; text-align:center; font-weight:600; color:#000; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a:nth-child(2n){ float:right; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a:nth-child(1){ margin-top:0; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a:nth-child(2){ margin-top:0; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a.hb_ty02{ height:29px; padding:11px 0 10px 0; } .main_cont .main_conbox .mc_con .sv_box12{ width:461px; float:left; margin-right:40px; } .main_cont .main_conbox .mc_con .sv_box12 ul{ overflow:hidden; margin-top:22px; padding:55px 25px; border-radius:20px; background:#f7f7f7; } .main_cont .main_conbox .mc_con .sv_box12 ul li{ width:200px; float:left; margin-top:10px; } .main_cont .main_conbox .mc_con .sv_box12 ul li:nth-child(2n){ float:right; } .main_cont .main_conbox .mc_con .sv_box12 ul li:nth-child(1){ margin-top:0; } .main_cont .main_conbox .mc_con .sv_box12 ul li:nth-child(2){ margin-top:0; } .main_cont .main_conbox .mc_con .sv_box12 ul li a{ display:block; position:relative; height:50px; border:1px solid #dddddd; background:#fff; text-align:center; } .main_cont .main_conbox .mc_con .sv_box12 ul li a img{ display:inline-block; vertical-align:-24px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a p{ display:none; position:absolute; top:0; left:0; width:100%; padding:8px 0 8px 0; background:#348fff; line-height:18px; font-weight:600; font-size:13px; opacity:0.9; color:#fff; } .main_cont .main_conbox .mc_con .sv_box12 ul li a p.txt_oj{ padding:17px 0; } .main_cont .main_conbox .mc_con .sv_box12 ul li a:hover p{ display:block;} .main_cont .main_conbox .mc_con .sv_box13{ width:360px; float:left; } .main_cont .main_conbox .mc_con .sv_box13 a{ display:block; margin-bottom:12px; font-size:0; } .main_cont .main_conbox .mc_con .sv_box13 a.first{ margin-top:24px; } .main_cont .main_conbox .mc_con .sv_box13 a:last-child{ margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box13 a img{ display:inline-block; width:100%; } .sv_box15{ width:300px; float:left; margin-right:20px; } .sv_box14{ width:300px; float:left; margin-right:20px; height:600px; overflow-y:auto; } /* .sv_box14{ width:300px; float:left; margin-right:20px; height:600px; overflow-y:auto; scrollbar-base-color:#f7f7f7; scrollbar-face-color:#eee; scrollbar-arrow-color:#f1aae2;} .sv_box14::-webkit-scrollbar{width:7px;} .sv_box14::-webkit-scrollbar-thumb{background-color:#f1aae2; height:10%; border-radius:10px;} .sv_box14::-webkit-scrollbar-track{background-color:#f7f7f7;} */ .sv_box14 ul:after { content:''; display:block; clear:both; background:#f7f7f7; } .sv_box14 ul li { position:relative; float: left; width: 280px; height:70px; margin-right:0.5%; margin-bottom:5px; border-radius: 4px; border: 1px solid #ccc; box-sizing:border-box; font-size:14px; background:#f5f5f5;} .sv_box14 ul li:nth-child(4n) { margin-right:0 } .sv_box14 ul li a p{ display:none; position:absolute; top:0; left:0; margin-left:76px; margin-top:30px; width:201px; height:20px; padding:8px 0 8px 0; background:#348fff; line-height:18px; font-weight:600; font-size:22px; opacity:0.9; color:#fff; text-align:center;} .sv_box14 ul li a p.txt_oj{ padding:17px 0; } .sv_box14 ul li a:hover p{ display:block;} .sv_box14 ul li a {border-radius: 4px;display: inline-block;width: calc(100% - 7px);height: 57px;vertical-align: baseline;padding-top: 11px; position: relative;} .sv_box14 ul li a:after { content:''; width:50px; height:50px; position:absolute; top: 50%; transform:translateY(-50%); left:10px; background-color: #eee; background-repeat: no-repeat; background-position: center; border-radius:50%;} .sv_box14 ul li a strong {padding-left: 76px;display: inline-block;vertical-align: bottom;line-height: 16px; color:#444; padding-right:5px;font-size:15px;color:#555555;font-weight:normal} .sv_box14 ul li a span{padding-left: 76px;display: inline-block;font-size: 12px;font-weight: normal;color: #999;vertical-align: top;word-break:keep-all;margin-top:5px;line-height:13px} .sv_box14 ul li.KSTR a:after { background-image: url(../../assets/image/popup/site_icon1.svg); background-size: 34px;} .sv_box14 ul li.ULTR a:after { background-image: url(../../assets/image/popup/site_icon6.svg); background-size: 40px;} .sv_box14 ul li.SIMS a:after { background-image: url(../../assets/image/popup/site_icon7.svg); background-size: 34px; } .sv_box14 ul li.CSR a:after { background-image: url(../../assets/image/popup/site_icon25.svg); background-size: 30px;} .sv_box14 ul li.SGSE a:after { background-image: url(../../assets/image/popup/site_icon10.svg); background-size: 24px;} .sv_box14 ul li.SUP a:after { background-image: url(../../assets/image/popup/site_icon11.svg); background-size: 31px;} .sv_box14 ul li.EDUM a:after { background-image: url(../../assets/image/popup/site_icon3.svg); background-size: 34px; } .sv_box14 ul li.SFDB a:after { background-image: url(../../assets/image/popup/site_icon12.svg); background-size: 38px;} .sv_box14 ul li.SMTC a:after { background-image: url(../../assets/image/popup/site_icon16.svg); background-size: 34px; } .sv_box14 ul li.SBCM a:after { background-image: url(../../assets/image/popup/site_icon18.svg); background-size: 30px;} .sv_box14 ul li.SMBA a:after { background-image: url(../../assets/image/popup/site_icon20.svg); background-size: 36px;} .sv_box14 ul li.NGSP a:after { background-image: url(../../assets/image/popup/site_icon21.svg); background-size: 36px;} .sv_box14 ul li.BNET a:after { background-image: url(../../assets/image/popup/site_icon23.svg); background-size: 29px;} .sv_box14 ul li.MNA a:after { background-image: url(../../assets/image/popup/site_icon26.svg); background-size: 30px;} .sv_box14 ul li.SMPP a:after { background-image: url(../../assets/image/popup/site_icon2.svg); background-size: 34px;} .sv_box14 ul li.VNTR a:after { background-image: url(../../assets/image/popup/site_icon4.svg); background-size: 40px;} .sv_box14 ul li.CYBR a:after { background-image: url(../../assets/image/popup/site_icon5.svg); background-size: 46px;} .sv_box14 ul li.MBIZ a:after { background-image: url(../../assets/image/popup/site_icon8.png); background-size: 40px;} .sv_box14 ul li.SPTL :after { background-image: url(../../assets/image/popup/site_icon13.svg); background-size: 26px;} .sv_box14 ul li.IBIZ a:after { background-image: url(../../assets/image/popup/site_icon15.png); background-size: 40px;} .sv_box14 ul li.GLOB a:after { background-image: url(../../assets/image/popup/site_icon19.svg); background-size: 40px;} .sv_box14 ul li.MRO a:after { background-image: url(../../assets/image/popup/site_icon22.svg); background-size: 40px;} .sv_box14 ul li.CBIZ a:after { background-image: url(../../assets/image/popup/site_icon24.svg); background-size: 38px;} .sv_box14 ul li.AURI a:after { background-image: url(../../assets/image/popup/site_icon9.svg); background-size: 40px;} .sv_box14 ul li.SMPL a:after { background-image: url(../../assets/image/popup/site_icon32.png); background-size: 40px;} .sv_box14 ul li.DOBA a:after { background-image: url(../../assets/image/popup/site_icon30.png); background-size: 40px;} .sv_box14 ul li.KAMP a:after { background-image: url(../../assets/image/popup/site_icon42.png); background-size: 40px;} .sv_box14 ul li.EXPO a:after { background-image: url(../../assets/image/popup/site_icon43.png); background-size: 40px;} .sv_box14 ul li.G4B a:after { background-image: url(../../assets/image/popup/site_icon35.png); background-size: 40px;} .sv_box14 ul li.GSMB a:after { background-image: url(../../assets/image/popup/site_icon45.png); background-size: 40px;} .sv_box14 ul li.KIBO :after { background-image: url(../../assets/image/popup/site_icon40.png); background-size: 40px;} .sv_box14 ul li.OSMB a:after { background-image: url(../../assets/image/popup/site_icon41.png); background-size: 40px;} .sv_box14 ul li.CERTK a:after { background-image: url(../../assets/image/popup/site_icon46.png); background-size: 40px;} .sv_box14 ul li.SBIZ a:after { background-image: url(../../assets/image/popup/site_icon36.png); background-size: 40px;} .sv_box14 ul li.KVOU a:after { background-image: url(../../assets/image/popup/site_icon37.png); background-size: 40px;} .sv_box14 ul li.NURI a:after { background-image: url(../../assets/image/popup/site_icon38.png); background-size: 40px;} .sv_box14 ul li.RFZ a:after { background-image: url(../../assets/image/popup/site_icon33.png); background-size: 40px;} /* 미디어 */ @media (max-width:1024px) { .wrapper{ min-width:100%; } .top_banner{ height:auto; padding:15px 0 8px 0; } .top_banner .top_banner_con{ width:810px; } .top_banner .top_banner_con .tdy_btn{ position:inherit; bottom:inherit; right:inherit; margin:25px 0 15px 0; text-align:right; } .top_banner .top_banner_con .banner_slide_box .slick-dots{ bottom:-15px; } .top_banner .top_banner_con .banner_slide_box .plystp{ bottom:-16px; } .m_search_box{ display:none; } .main_cont{ width:calc(100% - 20px); } .main_cont .main_conbox{ height:100%; } .main_cont .main_conbox .mc_visual img{ width:100%; } .main_cont .main_conbox .mc_con{ height:100%; padding:20px 15px; } .main_cont .main_conbox .mc_con .sv_box01{ width:60%; margin:0 0 50px 0; } .main_cont .main_conbox .mc_con .sv_box02{ width:37.5%; float:right; margin-right:0; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ width:44.1%; margin:10px 10px 10px 2px; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a.on{ box-shadow:5px 5px 10px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2); } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a:nth-child(5){ margin: 10px 10px 10px 2px; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a:nth-child(6){ margin: 10px 10px 10px 2px; } .main_cont .main_conbox .mc_con .sv_box03{ width:100%; float:none; clear:both; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box{ width:45%; float:left; margin:0 25px; } .main_cont .main_conbox a.mc_tab.mt01, .main_cont .main_conbox a.mc_tab.mt02, .main_cont .main_conbox a.mc_tab.mt03, .main_cont .main_conbox a.mc_tab.mt04, .main_cont .main_conbox a.mc_tab.mt05{ display:none; } .mc_tab_box{ display:block; overflow:hidden; } ul.mc_tab_list{ margin:0 3%; } ul.mc_tab_list li{ width:19.2%; height:50px; margin-right:6px; border-radius:20px 20px 0 0; background:#bbbbbb; white-space: nowrap; } ul.mc_tab_list li a{ display:block; padding:12px 0 6px 0; text-align:center; font-weight:800; color:#fff; } ul.mc_tab_list li a span{ display:inline-block; padding:8px 0 8px 27px; font-size:14px; } ul.mc_tab_list li:last-child{ margin-right:0; } ul.mc_tab_list li.mtb01 a span{ background:url('../image/main/tab_main_cont01.png') no-repeat left 5px; } ul.mc_tab_list li.mtb02 a span{ background:url('../image/main/tab_main_cont02.png') no-repeat left 5px; } ul.mc_tab_list li.mtb03 a span{ background:url('../image/main/tab_main_cont03.png') no-repeat left 5px; } ul.mc_tab_list li.mtb04 a span{ background:url('../image/main/tab_main_cont04.png') no-repeat left 5px; } ul.mc_tab_list li.mtb05 a span{ background:url('../image/main/tab_main_cont05.png') no-repeat left 5px; } ul.mc_tab_list li.mtb01.on{ background:#4b9af2; } ul.mc_tab_list li.mtb02.on{ background:#2aa971; } ul.mc_tab_list li.mtb03.on{ background:#dc756c; } ul.mc_tab_list li.mtb04.on{ background:#faa510; } ul.mc_tab_list li.mtb05.on{ background:#c579d1; } .main_cont .main_conbox .mc_con .sv_box_top{ width:calc(100% - 30px); float:none; margin:15px; } .main_cont .main_conbox .mc_con .sv_box04{ width:48%; margin:0 4% 4% 0; } .main_cont .main_conbox .mc_con .sv_evnt_box{ width:calc(100% - 30px); float:none; margin:15px; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box{ width:48%; float:left; margin-top:0; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .slick-slide img{ width:100%; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .slick-dots{ right:inherit; width:100%; text-align:center; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box .plystp{ display:none; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box{ width:48%; float:right; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .slick-slide img{ width:100%; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .slick-dots{ right:inherit; width:100%; text-align:center; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box .plystp{ display:none; } .main_cont .main_conbox .mc_con.after_login{ background-image:none; background:#fff; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list{ position:inherit; bottom:inherit; left:inherit; } .main_cont .main_conbox .mc_con.after_login ul.after_login_list li{ width:100%; text-align:center; } .main_cont .main_conbox.mcbx03 .mc_con{ height:100%; } .main_cont .main_conbox .mc_con .sv_box05{ overflow:hidden; width:calc(100% - 40px); float:none; margin-right:0; padding:20px; border-radius:0 20px 0 0; } .main_cont .main_conbox .mc_con .sv_box05 ul{ width:54%; float:left; } .main_cont .main_conbox .mc_con .sv_box05 .couns_box{ width:42.5%; float:right; margin-top:20px; font-size:14px; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn{ height:47px; font-size:14px; } .main_cont .main_conbox .mc_con .sv_box06{ width:calc(100% - 40px); float:none; margin:0; padding:20px; } .main_cont .main_conbox .mc_con .sv_box06 a.mcmore_btn{ top:20px; right:20px; } .main_cont .main_conbox .mc_con .sv_current_box{ overflow:hidden; width:calc(100% - 40px); float:none; margin:0; padding:20px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07{ width:46.5%; float:left; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07:last-child{ float:right; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 .graph_box{ text-align:center; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 .graph_box img{ display:inline-block; } .main_cont .main_conbox .mc_con .sv_current_box a.mcmore_btn{ top:20px; right:20px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701{ width:46.5%; float:right; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701 .my_gug_box{ height:290px; margin-top:65px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701 .my_gug_box .tbl-list01{ min-width:100% !important; } .main_cont .main_conbox .mc_con .sv_box08{ width:55%; margin-right:20px; padding-right:20px; } .main_cont .main_conbox .mc_con .sv_box09{ width:35%; float:right; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box{ display:none; } .main_cont .main_conbox .mc_con .sv_box09 ul{ width:100%; } .main_cont .main_conbox .mc_con .sv_box10{ width:100%; margin-top:50px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box{ width:41%; padding:35px 38px 29px 20px; float:left; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong{ padding-left:68px; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn{ width:40%; float:right; } .main_cont .main_conbox .mc_con .sv_box11{ width:46.5%; margin:0 0 20px 0; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a{ width:48%; } .main_cont .main_conbox .mc_con .sv_box12{ width:50%; float:right; margin-right:0; } .main_cont .main_conbox .mc_con .sv_box12 ul li{ width:48.5%; } .main_cont .main_conbox .mc_con .sv_box13{ overflow:hidden; width:100%; float:none; margin-top:0; } .main_cont .main_conbox .mc_con .sv_box13 a{ width:48.5%; float:left; margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box13 a:last-child{ float:right; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul{ height:330px; } .footer{ width: calc(100% - 20px); } } @media (max-width:965px) { .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn{ padding:25px 80px 30px 40px; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn.cb02::before{ top:26px; } } @media (max-width:940px) { .main_cont .main_conbox .mc_con .sv_box11 .hub_box{ padding:45px 15px; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a{ font-size:13px; } .main_cont .main_conbox .mc_con .sv_box12 ul{ padding:45px 15px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a{ padding:0 3px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a img{ width:100%; } .main_cont .main_conbox .mc_con .sv_box12 ul li a p{ font-size:12px; } } @media (max-width:920px) { .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span{ font-size:14px; } } @media (max-width:835px) { .top_banner .top_banner_con{ width: calc(100% - 30px); } .top_banner .top_banner_con .banner_slide_box{ width:100%; } .top_banner .top_banner_con .banner_slide_box .slick-slide img{ width:100%; } } @media (max-width:800px) { .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ width:43.7%; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a span{ font-size:13px; } } @media (max-width:792px) { .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong{ font-size:24px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong span{ font-size:14px; } } @media (max-width:790px) { .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 .graph_box img{ width:100%; } } @media (max-width:768px) { .mc_tab_box{ margin:0 16px; } .mc_tab_box ul.mc_tab_list { margin:0; } .mc_tab_box ul.mc_tab_list li{ width:165px; } .mc_tab_box ul.mc_tab_list li:first-child{ margin-left:4%; } .main_cont .main_conbox .mc_visual img.mcv01{ display:none; } .main_cont .main_conbox .mc_visual img.mcv02{ display:block; } .main_cont .main_conbox .mc_con .sv_box01{ width:100%; } .main_cont .main_conbox .mc_con .sv_box02{ width:50%; float:left; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ width:43%; } .main_cont .main_conbox .mc_con .sv_box03{ width:45%; float:right; clear:none; } .main_cont .main_conbox .mc_con .sv_box03 .sct_box{ width:auto; float:none; margin:0 10px 20px 0; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list{ width:auto; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a strong{ font-size:13.5px; margin-bottom:9px; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a span{ font-size:12px; } .main_cont .main_conbox .mc_con .sv_box_top{ width: calc(100% - 20px); margin:10px; } .main_cont .main_conbox .mc_con .sv_evnt_box{ width: calc(100% - 20px); margin:10px; } .main_cont .main_conbox .mc_con .sv_box08{ width:100%; float:none; } .main_cont .main_conbox .mc_con .sv_box09{ width:100%; float:none; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box{ display:block; width: calc(100% - 267px); float:none; margin-top:30px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box{ text-align:center; } .main_cont .main_conbox .mc_con .sv_box11{ width:100%; margin-bottom:30px; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box{ margin-top:13px; } .main_cont .main_conbox .mc_con .sv_box12{ width:100%; margin-bottom:30px; } .main_cont .main_conbox .mc_con .sv_box12 ul{ margin-top:13px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a img{ width:inherit; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 .graph_box canvas{ width:100% !important; } } @media (max-width:760px) { .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box{ width: calc(100% - 58px); float:none; margin-bottom:20px; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn{ width: calc(100% - 65px); float:none; } } @media (max-width:720px) { .main_cont .main_conbox .mc_con .sv_box05 ul{ width:49%; } .main_cont .main_conbox .mc_con .sv_box05 .couns_box{ width:48.5%; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn strong{ margin-bottom:5px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li span{ margin-bottom:5px; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li a{ width:78%; } } @media (max-width:670px) { .main_cont .main_conbox .mc_con .sv_box05{ width: calc(100% - 30px); padding:20px 15px; border-radius:0 20px 0 0; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn{ padding:25px 85px 30px 30px; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn strong{ font-size:15px; } .main_cont .main_conbox .mc_con .sv_box05 ul{ width:48%; } } @media (max-width:590px) { .top_banner .top_banner_con .tdy_btn{ margin:10px 0 0 0; } .main_cont .main_conbox .mc_con .sv_box05 ul{ width:100%; float:none; margin-bottom:0; } .main_cont .main_conbox .mc_con .sv_box05 .couns_box{ width:100%; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn{ height:38px; } .main_cont .main_conbox .mc_con .sv_box05 a.couns_btn strong{ margin-bottom:12px; } } @media (max-width:585px) { .main_cont .main_conbox .mc_con .sv_box02{ width:100%; margin-bottom:50px; } .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ width:45%; } .main_cont .main_conbox .mc_con .sv_box03{ width:100%; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a{ height:135px; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a strong{ font-size:16px; margin-bottom:9px; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a span{ font-size:14px; } } @media (max-width:530px) { .main_cont .main_conbox .mc_con .sv_box08 ul.faq_tab li{ margin-right:20px; } } @media (max-width:492px) { .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li a{ width:77%; } } @media (max-width:480px) { .top_banner .top_banner_con .banner_slide_box .slick-dots{ left:50%; right:0; margin-left:-40px; } .top_banner .top_banner_con .banner_slide_box .plystp{ display:none; } .top_banner .top_banner_con .banner_slide_box .slick-slide img{ height:70px; } .top_banner .top_banner_con .tdy_btn{ text-align:center; } .main_cont .main_conbox .mc_con .sv_box04{ width:100%; margin:0 0 4% 0; } .main_cont .main_conbox .mc_con .sv_evnt_box .evnt_top_silde_box{ width:100%; float:none; margin-bottom:4%; } .main_cont .main_conbox .mc_con .sv_evnt_box .event_silde_box{ width:100%; float:none; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07{ width:100%; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box07 ul li a{ width:85%; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701{ width:100%; } .main_cont .main_conbox .mc_con .sv_current_box .sv_box0701 .my_gug_box{ margin-top:0; } .main_cont .main_conbox .mc_con .sv_box08 ul.faq_tab li{ margin-right:10px; } .main_cont .main_conbox .mc_con .sv_box09 .counsel_box{ width:calc(100% - 82px); padding:80px 40px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a img{ width:100%; } .main_cont .main_conbox .mc_con .sv_box13 a{ width:100%; margin-bottom:15px; } .main_cont .main_conbox .mc_con .sv_box13 a:last-child{ margin-bottom:0; } } @media (max-width:440px) { .main_cont .main_conbox .mc_con .sv_box02 .sv_slid a{ width:44%; } } @media (max-width:420px) { .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box{ width: calc(100% - 38px); padding: 35px 20px 29px 20px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong{ padding-left:60px; font-size:20px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box strong span{ font-size:13px; } .main_cont .main_conbox .mc_con .sv_box10 .clcnt_box ul li{ font-size:20px; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn{ background-position:88% bottom; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn strong{ font-size:44px; } .main_cont .main_conbox .mc_con .sv_box10 a.callcnt_btn strong span{ font-size:20px; } } @media (max-width:410px) { .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a{ height:100px; padding:20px 0 50px 0; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a strong{ font-size:14px; } .main_cont .main_conbox .mc_con .sv_box03 ul.mlink_list li a span{ padding-bottom:60px; font-size:13px; } .main_cont .main_conbox .mc_con .sv_box11 .hub_box a{ font-size:12px; } .main_cont .main_conbox .mc_con .sv_box12 ul li a p{ font-size:11px; letter-spacing:-1px; } } /*240829 신예리 추가 - 검색영역 폰트 사이즈 및 간격 수정*/ .main-search__search > div > input { font-size: 18px; padding-left: 25px; }