body {line-height: 1;} input[type=text]:focus {border:1px solid #0066A1 !important; background-color: #fff !important;} select:not(.f_select):focus {border:1px solid #0066A1 !important; background-color: #fff !important;} /* header */ header {position: fixed; left: 0; top: 0; width: 100%; padding:20px 0 0 0; background-color: #fff;box-shadow: 4px 2px 12px #dbdbdb99;z-index: 999;height:110px;overflow: hidden;-webkit-transition: all 0.2s; transition: all 0.2s;} header .headerbox {width:1380px; padding: 0 40px;margin:0 auto; display: flex; justify-content: space-between; align-items: self-start;} header .headerbox h1 {font-size: 28px; font-weight:800; letter-spacing: -2px;} header .headerbox h1 span {color:#0066A1;font-size: 18px; letter-spacing: -1.5px;} header .headerbox .menu_wrap > ul {display:flex;} header .headerbox .menu_wrap > ul > li {position:relative;} header .headerbox .menu_wrap > ul > li > a {font-size:20px; font-weight: 600; color:#111; padding:30px 30px; letter-spacing: -1.5px;text-align: center;background-color: #fff;} .menu_wrap {margin-top:4px} .menu_wrap li ul {padding:18px 0 ; border-top:4px solid #fff;} .menu_wrap li ul li {text-align: left;} .menu_wrap li ul li a {padding:6px 10px;width:100%;display:block; font-size: 16px; text-align: center; color: #111; } .header.over_wh {height:auto;} .header.over_wh .menu_wrap li:hover {background-color:#E6FBF4;} .header.over_wh .menu_wrap li:hover ul {border-top:4px solid #165383; } .header.over_wh .menu_wrap li ul li:hover a {color:#165383;font-weight: 500;} header .headerbox .rightbox {display: flex;margin-top: 10px;} header .headerbox .rightbox .buttonbox {display: flex;} header .headerbox .rightbox .buttonbox > a {font-size:16px;font-weight: 600; border:1px solid #111; width:140px;height:50px;line-height: 50px;text-align: center;border-radius: 30px;margin: 0 10px;} header .headerbox .rightbox .buttonbox > a.btn_green {color:#0066A1; border:1px solid #0066A1;} header .headerbox .rightbox .buttonbox .info {display: flex;font-size: 15px; font-weight: 500; align-items: center;margin-right:1.5vw} header .headerbox .rightbox .buttonbox .info .name {border-right:1px solid #BCC7CD ;padding-right:10px;margin-right:10px} header .headerbox .rightbox .buttonbox .info .name span {color:#0066A1} header .headerbox .rightbox .btn_navi {width:50px; height: 50px; background: url(../images/renew/icon_navi_h.png) center center no-repeat;margin-left: 10px;font-size:0;} header .headerbox .rightbox .btn_navi.mobile {display: none;} /* 메인 */ .wrap_mcont {width:100%; padding-top: 100px; } .wrap_mcont .main_visual {position: relative; width:1380px; padding: 0 40px;margin:0 auto; } .wrap_mcont .main_visual .slick_banner .slick-slide {position: relative;} .wrap_mcont .main_visual .slick_banner .textbox {position: absolute;left:80px; top:55px; color: #fff;z-index: 1; width:450px} .wrap_mcont .main_visual .slick_banner .textbox .title {font-size: 40px; font-weight: 600;line-height: 140%; margin-bottom:30px} .wrap_mcont .main_visual .slick_banner .textbox .stxt {font-size: 20px; font-weight: 500;line-height: 160%;} .wrap_mcont .main_visual .slick_banner .slick-prev.slick-arrow {padding:0;position:absolute; left:330px; top:260px;width:40px; height:40px;background: url(../images/testbed/btn_slide_left.png) center center no-repeat;z-index: 1;font-size: 0;} .wrap_mcont .main_visual .slick_banner .slick-prev.slick-arrow:hover, .wrap_mcont .main_visual .slick_banner .slick-next.slick-arrow:hover {border: 2px solid #fff; border-radius: 20px;} .wrap_mcont .main_visual .slick_banner .slick-next.slick-arrow {padding:0;position:absolute; left:480px; top:260px;width:40px; height:40px;background: url(../images/testbed/btn_slide_right.png) center center no-repeat;z-index: 1;font-size: 0;} .wrap_mcont .main_visual .btn_pause {padding:0;position:absolute; left:480px; top:260px;width:40px; height:40px;background: url(../images/testbed/btn_slide_pause.png) center center no-repeat;z-index: 1;font-size: 0;} .wrap_mcont .main_visual .btn_pause.on {background: url(../images/testbed/btn_slide_pause_on.png) center center no-repeat} .wrap_mcont .main_visual .count {padding:0;position:absolute; left:420px; top:270px;z-index: 1;font-size: 16px;color: #fff;} .wrap_mcont .main_visual .count span {padding: 0 8px;} .main_cont01 {width:1380px; padding: 0 40px;margin:0 auto; display: flex; justify-content: space-between; margin-top:50px} .maincont_iconbox {width:48%} .maincont_iconbox .title {font-size: 26px; font-weight: 600; margin-bottom:20px} .maincont_iconbox .bodybox {position: relative; width:100%; height:320px;background:#3370D9 url(../images/testbed/icon_main_01.png) no-repeat; background-position: right 30px bottom 20px; color: #fff;} .maincont_iconbox .bodybox.bg02 {background:#165383 url(../images/testbed/icon_main_02.png) no-repeat;background-position: right 30px bottom 20px;} .maincont_iconbox .bodybox.bg03 {background:#E6FBF4 url(../images/testbed/icon_main_03.png) no-repeat;background-position: right 30px bottom 20px; color:#165383 ;} .maincont_iconbox .bodybox .textbox {font-size: 18px; font-weight:500; line-height: 140%; padding:60px 50px} .maincont_iconbox .bodybox a {position: absolute; right:30px; top:30px; color: #fff; font-size: 18px; font-weight: 600; background: url(../images/testbed/arrow_maincont.png) right center no-repeat; padding-right: 25px;} .maincont_iconbox .bodybox.bg03 a {color:#165383; background: url(../images/testbed/arrow_maincont_b.png) right center no-repeat;} .main_cont02 {width:1380px; padding: 0 40px;margin:0 auto; display: flex; justify-content: space-between; margin-top:50px; margin-bottom: 100px;} .main_cont02 .main_board {width: 48%; position: relative;} .main_cont02 .main_board .title {font-size: 26px; font-weight: 600; margin-bottom:20px} .main_cont02 .main_board ul li {position: relative; font-size: 16px; border-bottom:1px solid #868B92; padding:0 20px 0 10px;display: flex; justify-content: space-between; height: 80px; align-items: center;} .main_cont02 .main_board ul li div {width:80%;display: flex} .main_cont02 .main_board ul li a { max-width:calc(100% - 20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;} .main_cont02 .main_board ul li .date {color: #AEAAAA; font-size: 15px;} .main_cont02 .main_board ul li::before {content: ""; display: block; background-color: #000; border-radius: 3px; } .main_cont02 .main_board .btn_more {position: absolute; right: 0;top:0px; font-size:20px; font-weight: 500;color:#165383; background: url(../images/testbed/more_main.png) right center no-repeat; padding-right: 15px; } .main_board .boardbox {position:relative; width:100%; float:left;} .main_board .boardbox .title {font-size:18px; font-weight:600;border-top:4px solid #55a1fd; display: inline-block;padding:5px 0 20px 0;margin-left:10px} .main_board .boardbox .more {position:absolute;right:0px;top:-60px;width:25px; height:25px;display: block;background:url(../images/renew/main_more.png) center center no-repeat; } .main_board .boardbox .more {width: 2.5vW; height: 2.5vW; background-size: 90%;} .main_board .boardbox .more {width: 5vW; height: 5vW;} .main_board .mlist_b li { padding:12px 0 12px 0;} .main_board .mlist_b li a {content: "";font-size:16px; color:#333;font-weight: 500; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;} .main_board .mlist_b li .date {font-size:16px; color:#333;float:right} .main_board .mlist_b.no_date li a {width:100%} /* footer */ footer.wrap_footer {position: relative;width:100%; border-top:1px solid #7A7A7A} footer.wrap_footer .footer_box {position:relative;width:1380px; padding: 40px 40px;margin:0 auto;color:#0F0F0F;display: flex;justify-content: space-between; align-items: flex-start;} footer.wrap_footer .footer_box .f_c_group {flex-grow: 1;margin-left:40px} footer.wrap_footer .footer_box .footinfo ul {display: flex;} footer.wrap_footer .footer_box .footinfo ul li a {font-size:16px; font-weight: 600; padding: 0 20px; border-right:1px solid #747474} footer.wrap_footer .footer_box .footinfo ul li:last-child a {border:none} footer.wrap_footer .footer_box .info { clear: both;font-size:15px; line-height: 140%;margin-top: 20px;margin-left:20px} footer.wrap_footer .footer_box .info .m_block {display: none;} footer.wrap_footer .footer_box .wrap_select {border: 1px solid #333333; overflow: hidden;} footer.wrap_footer .footer_box .f_select {width:180px;height:43px; background: url(../images/testbed/bottom_arrow.png) no-repeat;background-position : right 15px center; color:#333333; font-size: 14px; font-weight: 600; text-indent: 15px;border:none; -webkit-appearance:none; /* 크롬 화살표 없애기 */ -moz-appearance:none; /* 파이어폭스 화살표 없애기 */ appearance:none /* 화살표 없애기 */ } footer.wrap_footer .footer_box .btn_select {height:43px;line-height:43px;margin-left:-3px;border-left:1px solid #333333 ;color:#333333; font-size: 14px; font-weight: 600;border-radius: 0;} footer.wrap_footer .footer_box .btn_bogun {margin-top: 10px;} /* 모바일 네비 */ .header_fullmenu_m {z-index:999;position:fixed;float:none;top:0;right:0;height:110%;width:120%;display:none;} .navigation_mobile_bg{position:fixed;width:120%;height:100%;min-height:100%;z-index:20;background:#000;top:0;left:-30px;opacity:0.8;display:block} #navigation_mobile {position:absolute;width:280px;height:100%;min-height:100%;background:#fff;right:-250px;top:0px;z-index:30;} #navigation_mobile .navigation_mobile_top{color:#000;font-size:18px;font-weight:600; background:#fff;overflow:hidden;box-sizing:border-box;width:100%;height:55px;line-height: 55px;border-bottom:1px solid #E2E5EB;text-indent: 20px;} #navigation_mobile .navigation_mobile_top span {color:#0066A1;} #navigation_mobile > ul > li > a {color:#000;font-size:16px;font-weight:600;line-height:50px;display:block;height:50px;border-bottom:1px solid #E2E5EB;padding-left:20px;position:relative;letter-spacing:-1.5px; background: url(../images/renew/arrow_m_navi.png) no-repeat; background-position : right 15px center;background-size: 14px;} #navigation_mobile ul li a:hover{color:#000} #navigation_mobile ul li a.on {background: url(../images/renew/arrow_m_navi_on.png) no-repeat; background-position : right 15px center;background-size: 14px;font-weight:bold;color:#000;} #navigation_mobile li ul {padding-top:0;border-bottom:1px solid #E2E5EB;} #navigation_mobile li li a {background:#165383 ;line-height:40px;height:40px;font-size:14px;font-weight:500;padding-left:36px;color:#fff} #navigation_mobile li li a:hover{color:#000} #navigation_mobile li li a span{right:40px;font-family:'Nanum Gothic'} #navigation_mobile li li a.on{background:#fff} #navigation_mobile li li li a{background:#fff;line-height:45px;height:45px;font-size:2vw;padding-left:40px;color:#000} #navigation_mobile li li li a:hover{color:#000} #navigation_mobile .btn_close {z-index:9999;position:absolute;display:block;width:50px;height:50px;background:#fff;top:2px;right:0;font-size:0;background:url(../images/renew/icon_navi_close.png) center center no-repeat;background-size: 30%;} #navigation_mobile .planprice {position:absolute;right:27px;font-size:22px;font-weight:bold;font-family:'Nanum Gothic'; color:#000} #navigation_mobile li {position: relative;} #navigation_mobile .btn_m_navi_log {font-size: 16px;font-weight: 600;color: #07284B; height:45px;line-height:45px; width:125px; text-align: center; border: 1px solid #165383; border-radius: 50px;margin:0 auto; margin-top:40px} .m_back { display: none; position:fixed; left:10px; top:10px; color:#fff;font-size:0;width:25px; height:34px; background:url(../img/sub/btn_back.png) center center no-repeat; background-size: 100%;} /* 네비팝업 */ .navi_pop_box {border: 2px solid #0066a1;border-radius: 10px;position: fixed;width: 1200px;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;background: #fff; z-index: 9999;overflow: hidden;} .navi_pop_box .close {width:30px; height:30px; background:url(../images/testbed/icon_navi_close_big.png) center center no-repeat;position: absolute;right: 30px;top: 25px;font-size:0} .navi_pop_box .poptitlebox {height:80px;line-height: 80px; background-color:#165383;color:#fff;font-weight: 600;font-size:24px; text-indent: 50px;} .navi_pop {display: flex;padding:50px 30px} .navi_pop .box_split {width: 25%; border-right: 1px solid #0066A1; padding: 0 40px;} .navi_pop .box_split:last-child {border: none;} .navi_pop .box_split .title {color: #000; font-size: 22px; font-weight: 600; letter-spacing: -2px; padding-top: 10px; padding-bottom: 40px; text-align: center;} .navi_pop .box_split .title.smfont {font-size:20px; padding-top: 20px; padding-bottom: 44px;} .navi_pop .box_split a {color: #000; font-size: 16px; line-height: 120%;padding:5px 0; text-align: center;} /* 쉐도우 효과*/ .shadow {position: fixed;left: 0;top: 0;background:#000;opacity:0.8;;width: 100%;height: 100vh;display: none; z-index: 999;} /* 팝업 */ .wrap_pop {border: 2px solid #0066a1;border-radius: 30px;position: fixed;width: 800px;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 30px 40px;background: #fff; z-index: 9999;} .wrap_pop .close {width:24px; height:24px;padding:0; background:url(../images/renew/icon_navi_close_big.png) center center no-repeat; background-size: 100%;position: absolute;right: 24px;top: 24px;font-size:0} .popup_top {display: flex; align-items: baseline;padding-bottom:14px;padding-right: 20px; } .popup_top .popup_title {font-size:20px;font-weight:600;position: relative;} .pop_textbox {font-size:16px; line-height: 160%; border-top: 1px solid #252525; border-bottom: 1px solid #DEE5F4; padding:20px 0;} /* 서브 */ .wrap_cont {width:100%; } .wrap_cont .wrap_content {width:1380px; padding: 70px 40px; margin:0 auto; display: flex; justify-content: space-between;} .wrap_cont .wrap_content .right_box {width:920px} /* 레프트메뉴 */ .wrap_content .left_menu {width:300px; border:1px solid #868B92;} .wrap_content .left_menu .title {text-align: center; font-size:28px; font-weight: 600; color: #fff; background-color: #165383; letter-spacing: -2px;height:90px;line-height: 90px;} .wrap_content .left_menu ul li a {font-size: 18px;font-weight:600;color:#000;height:85px;line-height:85px; border-bottom:1px solid #868B92;padding:0 25px; background: url(../images/testbed/leftmenu_arrow.png) no-repeat;background-position : right 20px center; } .wrap_content .left_menu ul li:last-child a {border-bottom: none;} .wrap_content .left_menu ul li.on > a {color:#165383; font-weight:600;background: url(../images/testbed/leftmenu_arrow_on.png) no-repeat;background-position : right 20px center;} .wrap_content .left_menu ul li ul li > a {border-top: none; font-size:16px;font-weight: 500; padding:0 25px;height:60px;line-height:60px;text-indent: 15px;} /* 서브 비쥬얼 */ /* 네비게이션 */ .wrap_navigation {width: 1380px; padding: 0 40px; margin: 0 auto; margin-top: 120px;margin-bottom:40px} .navigation_box {display: flex;flex-direction: row-reverse;} .navigation {display: flex; align-items: center; font-size:14px;font-weight: 500; background: url(../images/testbed/icon_home.png) no-repeat;background-position : left 0 center;padding-left:34px;margin-top:20px;margin-right:10px} .navigation .arrow {width:20px;height:20px;background:url(../images/testbed/arrow_sub_home.png) center center no-repeat;margin:0 8px} /* 서브 비쥬얼 */ .wrap_subvisual {width:100%;height:245px; background: url(../images/testbed/sub_visual01.png) no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;;} .wrap_subvisual .text {color: #fff; font-size: 34px; font-weight: 600;} .wrap_subvisual.bg02 {background: url(../images/testbed/sub_visual02.png) no-repeat; background-size: cover;} .wrap_subvisual.bg03 {background: url(../images/testbed/sub_visual03.png) no-repeat; background-size: cover;} .wrap_subvisual.bg04 {background: url(../images/testbed/sub_visual04.png) no-repeat; background-size: cover;} .wrap_subvisual.bg05 {background: url(../images/testbed/sub_visual05.png) no-repeat; background-size: cover;} .wrap_subvisual.bg06 {background: url(../images/testbed/sub_visual06.png) no-repeat; background-size: cover;} .wrap_subvisual.bg07 {background: url(../images/testbed/sub_visual07.png) no-repeat; background-size: cover;} /* 컨텐츠 */ .contents_box {letter-spacing: -1px;padding-bottom:50px} .contents_box .cont_title {font-size:28px; font-weight:600;margin-bottom: 24px; background: url(../images/testbed/blit_title_co.png) left center no-repeat; padding-left:55px} .contents_box .center_title {text-align: center;padding: 40px 0 20px 0;} .contents_box .center_title .title {font-size:32px; font-weight:600; margin-bottom: 10px;} .contents_box .txt_basic {font-size:16px; font-weight: 400; color:#516068; line-height: 160%;} .contents_box .font_24 {font-size:24px; line-height: 120%; font-weight:600;margin-bottom: 18px; color: #000;} .contents_box .font_20 {font-size:20px; line-height: 120%; font-weight:600;margin-bottom: 14px; color: #000;} .contents_box .font_18 {font-size:18px; line-height: 120%; font-weight:600;margin-bottom: 14px;} .contents_box .txt_bord_box {border:1px solid #BCC7CD; border-radius: 20px; padding:50px;margin-top:50px} .fcolor_gr {color: #0095C3 !important;} .fcolor_gr2 {color: #0066A1 !important;} .contents_box .list_basic li {position:relative; font-size:16px; font-weight: 400; color:#516068; line-height: 160%;padding-left:24px} .contents_box .list_basic li::before {position:absolute;left:10px; top:10px; content: ''; display:block; width:4px; height:4px; border-radius: 2px; background-color:#516068 ;} .contents_box .list_basic2 li {position:relative; font-size:15px; font-weight: 400; color:#516068; line-height: 160%;padding-left:20px} .contents_box .list_basic2 li::before {position:absolute;left:10px; top:10px; content: ''; display:block; width:6px; height:1px; background-color:#516068 ;} .contents_box .underline_title {font-size:40px; line-height: 120%; font-weight:600; letter-spacing:-3px; margin-bottom: 18px;} .contents_box .underline_title::after {content: ""; display: block; width:60px; height:3px; background-color:#0066A1; margin-top: 15px;} .contents_box .basic_splitbox {display: flex; justify-content: space-between;} .contents_box .basic_splitbox > div {width:49.8%} .contents_box .img_basic {width:100%; padding:50px 20px; background-color:#F5F6F8; border-radius: 20px; text-align: center;} .contents_box .img_basic img {max-width: 90%;} .contents_box .img_basic2 {width:100%;} .contents_box .img_basic2 img {width:100%;} .contents_box .only_pc {display: block;} .contents_box .only_mobile {display: none;} .contents_box .small_blist {font-size:16px; color:#606365; line-height: 140%;} .contents_box .small_blist > li {margin-bottom: 20px;} .contents_box .small_blist .title {color: #000; font-weight: 600; margin-bottom: 6px;} .contents_box .ss_list {font-size:15px; color:#606365; line-height: 120%;} .contents_box .ss_list > li {margin-bottom:5px} .bd_icon_new {margin-left:5px} /* 에러페이지 */ .wrap_error {width:100%;height:100%;display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 30px;} .wrap_error .wrap_textbox {display: flex;} .wrap_error .wrap_textbox .imgbox {margin-right:25px} .wrap_error .wrap_textbox .title {font-size: 48px; font-weight: 500; letter-spacing: -2px;} .wrap_error .wrap_textbox .stxt {font-size: 20px; font-weight: 500; letter-spacing: -1px; margin-top:20px; line-height: 120%;} .wrap_error .btnbox {display: flex;margin-top:20px} .wrap_error .btnbox a {color:#171717; font-size: 15px;font-weight: 600; width:150px;height: 50px; line-height: 50px; border: 1px solid #171717; border-radius: 7px;text-align: center; margin: 10px;} .wrap_error .btnbox a:last-child {border:2px solid #0066A1} @media screen and (max-width: 1380px) { header .headerbox {width:100%} .wrap_mcont .main_visual {width:100%;} .wrap_mcont .main_cont01, .wrap_mcont .main_cont02 {width:100%;} footer.wrap_footer .footer_box {width:100%;} /* 서브 */ .wrap_cont .wrap_content {width:100%;} .wrap_content .left_menu {width:20vw} .wrap_content .left_menu .title {font-size:1.7vw;height: 6vw;line-height: 6vw;} .wrap_content .left_menu ul li a {font-size:1.3vw;height: 6vw;line-height: 6vw;} .wrap_cont .wrap_content .right_box {width:100%;margin-left:5vw} } @media screen and (max-width: 1380px) { header {height:100px} .menu_wrap {margin-top:0} header .headerbox .logo {font-size: 1.9vW;letter-spacing: -0.5px;} header .headerbox h1 span {font-size: 1.3vW;} header .headerbox .rightbox .buttonbox > a {font-size:1.1vW; width:7vW;height:3.4vW;line-height: 3.4vW;margin: 0 10px;} header .headerbox .menu_wrap > ul > li > a {font-size:1.5vW; padding:30px 2.2vW; background-position: right 0.5vW center;} header .headerbox .rightbox .btn_navi {width:3vW; height: 3vW;background-size: 100%;margin-left: 0.9vw;} /* 네비팝업 */ .navi_pop_box {width: 90%} .navi_pop {padding: 50px 10px;} .navi_pop .box_split {padding:0 10px} .navi_pop .box_split .title {padding-bottom:2vw} .navi_pop .box_split a {color: #000; font-size: 1.2vw; padding:4px 0} /* 네비게이션 */ .wrap_navigation {width:100%; margin-top: 7.5vw; margin-bottom: 2vw;} /* 서브 */ .wrap_subvisual {height: 16vw;} .wrap_subvisual .text {font-size: 2.7vw;} .contents_box .txt_bord_box {padding:3.5vw} } /* 태블릿 화면 */ @media screen and (max-width: 1100px) { header {padding:10px 0; border-bottom: 1px solid #E2E5EB; height: auto;} header .headerbox {padding:0 20px} header .headerbox .menu_wrap {display: none;} header .headerbox .rightbox {margin-top: 8px; align-items: center; margin-top: 0; } header .headerbox .rightbox .buttonbox > a {font-size: 1.3vW; margin: 0 0.5vw;} header .headerbox .rightbox .btn_navi.mobile {display: block;} header .headerbox .rightbox .btn_navi.pc {display: none;} .wrap_mcont {padding-top:6.3vw} .wrap_mcont .main_visual {padding:0 20px} .wrap_mcont .main_visual .slick_banner .textbox {left:50px; width:40%} .wrap_mcont .main_visual .slick_banner .textbox .title {font-size: 4vw; margin-bottom:2vw} .wrap_mcont .main_visual .slick_banner .textbox .stxt {font-size: 1.5vw;} .wrap_mcont .main_visual .slick_banner .slick-list {height: 45vw;} .wrap_mcont .main_visual .slick_banner .slick-prev.slick-arrow {left:40px; top:30vw} .wrap_mcont .main_visual .count {left:100px; top:31.2vw} .wrap_mcont .main_visual .btn_pause {left:155px; top:30vw} .wrap_mcont .main_visual .slick_banner .slick-next.slick-arrow {left:170px; top:30vw} .wrap_mcont .main_cont01, .wrap_mcont .main_cont02 {padding:0 20px} .maincont_iconbox .bodybox {background-size: 40%; height: 32vw;} .maincont_iconbox .bodybox.bg02, .maincont_iconbox .bodybox.bg03 {background-size: 30%;} .maincont_iconbox .bodybox .textbox {padding: 6vw 4vw; font-size: 1.5vw;} .maincont_iconbox .title,.main_cont02 .main_board .title {font-size: 2.2vw; margin-bottom:1.4vw} .maincont_iconbox .bodybox a, .maincont_iconbox .bodybox.bg03 a {font-size: 1.6vw; background-size: 18%;padding-right:2.2vw;} .main_cont02 .main_board .btn_more {font-size: 1.8vw;right: 5px;background-size: 16%;} .main_cont02 .main_board ul li {height: 7.8vw; font-size: 1.5vw;} .main_cont02 .main_board ul li .date {font-size: 1.5vw;} .main_cont02 .main_board ul li .bd_icon_new img {width:1.5vw;height:1.5vw} .main_cont02 .main_board ul li::before {width:0.5vw;height: 0.5vw;} .main_board .boardbox {position:relative; width:100%; float:left;} .main_board .boardbox .title {font-size:18px; font-weight:600;border-top:4px solid #55a1fd; display: inline-block;padding:5px 0 20px 0;margin-left:10px} .main_board .boardbox .more {position:absolute;right:0px;top:-60px;width:25px; height:25px;display: block;background:url(../images/renew/main_more.png) center center no-repeat; } .main_board .boardbox .more {width: 2.5vW; height: 2.5vW; background-size: 90%;} .main_board .boardbox .more {width: 5vW; height: 5vW;} .main_board .mlist_b li { padding:12px 0 12px 0;} .main_board .mlist_b li a {content: "";font-size:16px; color:#333;font-weight: 500; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;} .main_board .mlist_b li .date {font-size:16px; color:#333;float:right} .main_board .mlist_b.no_date li a {width:100%} footer.wrap_footer .footer_box {padding:40px 20px; flex-direction: column; align-items: center;} footer.wrap_footer .footer_box .f_c_group {margin-left: 0;} footer.wrap_footer .footer_box .footinfo ul {justify-content: center;} footer.wrap_footer .footer_box .footinfo ul li a {font-size: 1.5vw;} footer.wrap_footer .footer_box .info {text-align: center; margin-left: 0; font-size: 1.4vw;} footer.wrap_footer .footer_box .wrap_select {position: absolute; right: 0;} footer.wrap_footer .footer_box .f_select {width:18vw;height:4.7vw; font-size: 1.4vw; background-size: 7%;} footer.wrap_footer .footer_box .btn_select {height:4.7vw;line-height:4.7vw;font-size: 1.4vw;} footer.wrap_footer .footer_box .wrap_logo {order:3} footer.wrap_footer .footer_box .btn_bogun {margin-top:20px; width:20vw; } footer.wrap_footer .footer_box .btn_bogun img {width:100%} .t_block {display: block;} /* 서브 */ .wrap_navigation {padding:0 20px} .navigation {margin-top:0; background-size: 1.8vw; padding-left:3.2vw;} .navigation_box {flex-direction: row;} .wrap_subvisual {margin-bottom:3vw} .wrap_pop{width:calc(100% - 40px);} .wrap_cont .wrap_content {padding:20px} .wrap_content .left_box {display: none;} .wrap_cont .wrap_content .right_box {margin-left:0} .contents_box .cont_title {font-size:2.5vw; margin-bottom: 2vw;background-size: 4vw; padding-left: 4.7vw;} .contents_box .txt_basic {font-size:1.8vw} .contents_box .list_basic li {font-size:1.8vw} .contents_box .font_24 {font-size:2.3vw} .contents_box .font_20 {font-size:2.1vw} .contents_box .font_18 {font-size:2vw} .contents_box .txt_bord_box {margin-top:4vw} .contents_box .underline_title {font-size: 3.2vw;;} .contents_box .underline_title::after {height: 2px; margin-top: 13px;} .contents_box .small_blist {font-size:1.8vw;} .contents_box .small_blist > li {margin-bottom:1.9vw} .contents_box .ss_list {font-size:1.6vw} } @media screen and (max-width: 1000px) { /* 팝업 */ .wrap_pop {width:calc(100% - 40px)} } /* 모바일 화면 */ @media screen and (max-width: 600px) { header {padding: 2.5vW 0;} header .headerbox .logo {font-size: 4.2vW;} header .headerbox h1 span {font-size: 2.95vW;} header .headerbox .rightbox .btn_navi {width: 6vW; height: 6vW; margin-left:1.5vw} header .headerbox .rightbox .buttonbox > a {font-size: 2.5vW; margin: 0 0.9vw; width: 13vW; height: 5.6vW; line-height: 5.4vW;} .wrap_mcont {padding-top: 15vW;} .wrap_mcont .main_visual {padding:0 20px; border-bottom:10px solid #EFF1F2;padding-bottom:4vW} .wrap_mcont .main_visual .slick_banner .slick-list {height: 90vw;} .wrap_mcont .main_visual .slick_banner .slick-list .imgbox {height:100%} .wrap_mcont .main_visual .slick_banner .slick-list img {height:100%} .wrap_mcont .main_visual .slick_banner .slick-prev.slick-arrow { left: 10px; top: 55vw;} .wrap_mcont .main_visual .slick_banner .slick-next.slick-arrow {top: 55vw;} .wrap_mcont .main_visual .count {top: 57vw;} .wrap_mcont .main_visual .btn_pause {top: 55vw;} .wrap_mcont .main_visual .slick_banner .textbox {width:60%; left:20px} .wrap_mcont .main_visual .slick_banner .textbox .title {font-size: 6vw;} .wrap_mcont .main_visual .slick_banner .textbox .stxt {font-size: 3vw;} .wrap_mcont .main_cont01, .wrap_mcont .main_cont02 {flex-direction: column;} .maincont_iconbox {width:100%;margin-bottom:6vw} .maincont_iconbox .title, .main_cont02 .main_board .title {font-size: 4.5vw; margin-bottom: 3vw;} .maincont_iconbox .bodybox {height: 65vw;background-size: 35%;} .maincont_iconbox .bodybox .textbox {font-size: 3.4vw;padding: 10vw 6vw;} .maincont_iconbox .bodybox a, .maincont_iconbox .bodybox.bg03 a {font-size: 2.8vw; right: 6vw; padding-right: 4vw;} .main_cont01 {margin-top:8vw} .main_cont02 {margin-top:0} .main_cont02 .main_board {width: 100%;} .main_cont02 .main_board ul li::before {width:1vw;height:1vw;margin-right:1vw} .main_cont02 .main_board ul li div {width:95%} .main_cont02 .main_board ul li {height: 12vw; font-size: 3.5vw; justify-content: flex-start;} .main_cont02 .main_board ul li .date {display: none;} .main_cont02 .main_board .btn_more {font-size: 3vw; top:10px} .main_cont02 .main_board ul li .bd_icon_new img { width: 3vw; height: 3vw;} footer.wrap_footer .footer_box .footinfo ul li a {font-size: 3vw;} footer.wrap_footer .footer_box .info {font-size: 2.5vw;} footer.wrap_footer .footer_box .f_select {width: 35vw; height: 8vw; font-size: 2.5vw;} footer.wrap_footer .footer_box .wrap_select {position: relative; right: auto; order: 2; margin-top: 20px;} footer.wrap_footer .footer_box .btn_select { height: 8vw; line-height: 8vw; font-size: 2.5vw;} footer.wrap_footer .footer_box .btn_bogun {margin-top:10px;width: 35vw;} /* 서브 */ .wrap_navigation {margin-top:19vw;} .navigation {font-size: 3.5vw;letter-spacing: -1px;margin-top: 0; background-size: 3.2vw; padding-left: 6vw;} .navigation .arrow {width: 6vw; height: 6vw;background-size: 30%;} .wrap_subvisual {height: 28vw;} .wrap_subvisual .text {font-size: 5.8vw;} .wrap_cont .wrap_content {padding:20px 0} .wrap_content .contents_box {padding:0 20px;padding-bottom:20px} .contents_box .cont_title {font-size:5vw; margin-bottom: 3vw; background-size: 7.6vw; padding-left: 8vw;} .contents_box .center_title {padding:4vw 0 4vw 0} .contents_box .center_title .title {font-size:6.5vw; margin-bottom: 1vw;} .contents_box .txt_basic {font-size:3.5vw} .contents_box .list_basic li {font-size:3.5vw} .contents_box .font_24 {font-size:4.5vw; margin-bottom: 3.2vw;} .contents_box .font_20 {font-size:4.2vw; margin-bottom: 3.1vw;} .contents_box .font_18 {font-size:4vw; margin-bottom: 3vw;} .contents_box .txt_bord_box {margin-top:5vw; padding:5vw} .contents_box .small_blist {font-size:3.5vw} .contents_box .ss_list {font-size:3.2vw} .contents_box .underline_title {font-size: 6.5vw;} /* 팝업 */ .wrap_pop {padding: 25px 20px; width: calc(100% - 20px);} .wrap_pop.m_p_full {width:100%;height:100%; border:none; border-radius: 0; padding: 30px 30px;} .wrap_pop .pop_m_scroll {height:calc(100% - 100px); overflow-y: scroll;} .wrap_pop .pop_m_scroll.scroll_2row_t {height:calc(100% - 125px);} /* 컨텐츠 */ .contents_box .basic_splitbox {flex-direction: column; } .contents_box .basic_splitbox > div {width:100%} .contents_box .only_pc {display: none;} .contents_box .only_mobile {display:block ;} }