@charset "utf-8";

/*공통*/
.main_sec + .main_sec {padding: 80px 0;}

/*메인비주얼*/
.main_v_sd{position:relative;}
.main_v_sd .item{height:470px;text-align:center;background:#eff4fc;}
.main_v_sd .item .in_box{position:relative;overflow:hidden;height:100%;height:470px;}
.main_v_sd .item.item1 {background:url(../img/main_vs_02_bg.jpg) center no-repeat;background-size:cover;}
.main_v_sd .item.item2 {background:url(../img/main_vs_01_bg.jpg) center no-repeat;background-size:cover;}
.main_v_sd .item.item1 .in_box::after {content:'';display:block;width:710px;height:679px;background:url(../img/main_vs_02_p.png) no-repeat center;position:absolute;bottom:-242px;;right:0;}
.main_v_sd .item.item2 .in_box::after {content:'';display:block;width:883px;height:572px;background:url(../img/main_vs_01_p.png) no-repeat center;position:absolute;bottom:-140px;;right:0;}
.main_v_sd .item .txt_box {width: 50%; height: 100%;padding-top: 7.5rem;text-align: left;color:#fff;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);padding-left:1.25rem;}
/* .main_v_sd .item .txt_box .typo {font-size: 2.188rem;} */
.main_v_sd .item .txt_box .bot_txt {padding-top: 2rem;font-weight: 500;}
.main_vsual_wp .slick-nav a{position:absolute;z-index:90;}
.main_vsual_wp .slick-nav a.slick-prev, .main_vsual_wp .slick-nav a.slick-next {background-color: rgba(0, 0, 0, .2);width: 30px;height: 30px;bottom: 220px;border-radius: 50%;}
.main_vsual_wp .slick-nav a.slick-prev {left: -50px;background-position:-1px -2px;}
.main_vsual_wp .slick-nav a.slick-next {right: -50px;background-position:-34px -2px;}
.main_vsual_wp .slick-nav a.slick-stop, .main_vsual_wp .slick-nav a.slick-play {left: 1.25rem;bottom: 85px;width: 24px;height: 24px;background-color: rgba(0, 0, 0, .2);border-radius: 50%;}
.main_vsual_wp .slick-nav a.slick-stop {background-position:-74px -4px;}
.main_vsual_wp .slick-nav a.slick-play {background-position:-97px -4px;}
.main_vsual_wp .slick-dots {position: absolute;width:1400px;padding-right:1.25rem;padding-left:calc(1.25rem + 30px);bottom: 87px;left: 50%;transform: translateX(-50%);text-align: left;}


/*msec_01*/
.main_container .sec_wp {display: flex;}
.msec_01 .inner {margin-top: -75px;}
.msec_01 .sec_wp {margin: 0 -16px;}
/* .msec_01 .sec_wp > div {width: calc((100% / 2) -(32px* 6 / 12)); */
.msec_01 .main_quick {width: calc(((100% - 64px) / 7) * 4);align-items: center;}
.msec_01 .main_num {width: calc(((100% - 64px) / 7) * 3);position: relative;overflow: hidden;}
.msec_01 .main_num::before {content: '';display: block;width: 94px;height: 94px;border-radius: 50%;position: absolute;top: -58px;right: -14px;background: rgba(188, 177, 255, .41);}
.msec_01 .main_num::after {content: '';display: block;width: 94px;height: 94px;border-radius: 50%;position: absolute;top: -32px;right: -50px;background: rgba(55, 124, 251, .18);}
.msec_01 .sec_wp > * {background: #fff;border-radius: 15px;height: 170px;box-shadow: 6px 12px 14px 2px rgba(0, 0, 0, 0.1);margin: 0 16px;padding: 32px;}
.msec_01 .main_quick .tit_box {width: 30%;}
.msec_01 .qnav_box {width: 70%;}
.msec_01 .qnav_box li {width: 25%;}
.msec_01 .qnav_box ul li a {position: relative;display: block;height: 100%;text-align: center;transition: all .05s ease-in-out;}
.msec_01 .qnav_box ul li a::before {content: '';display: block;width: 50px;height: 50px;margin: 0 auto 14px;background: gold;border-radius: 4px;transition: all .1s ease-in-out;}
.msec_01 .qnav_box ul li a:hover::before {animation: rotate-vert-center 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) both;}

.msec_01 .qnav_box ul li:nth-child(1) a:before {background: url(../img/qico_01.png) no-repeat center;}
.msec_01 .qnav_box ul li:nth-child(2) a:before {background: url(../img/qico_02.png) no-repeat center;}
.msec_01 .qnav_box ul li:nth-child(3) a:before {background: url(../img/qico_03.png) no-repeat center;}
.msec_01 .qnav_box ul li:nth-child(4) a:before {background: url(../img/qico_04.png) no-repeat center;}
.msec_01 .qnav_box ul li:nth-child(5) a:before {background: url(../img/qico_05.png) no-repeat center;}
.msec_01 .sec_wp .txt {font-size: 0.875rem;padding-bottom: 5px;}
.msec_01 .sec_wp .time {padding-top: 10px;}

.main_inq_tab .inq_tab_nav {display:flex;}
.main_inq_tab .inq_tab_nav > li {background-color: rgba(244, 241, 255, 0.695);padding: 0 4px;}
.main_inq_tab .inq_tab_nav > li:first-child {border-radius: 20px 0 0 20px;padding-left: 0;}
.main_inq_tab .inq_tab_nav > li:last-child {border-radius: 0 20px 20px 0;padding-right: 0;}
.main_inq_tab .inq_tab_nav > li a {border-radius: 20px;padding: 8px 15px;color:#868C98;transition: all .3s ease-in-out;font-weight:500;position:relative;font-size:0.938rem;}
/* .main_inq_tab .inq_tab_nav > li a {color:#868C98;transition: all .3s ease-in-out;font-size:1.125rem;font-weight:500;padding:0 5px;position:relative;} */
.main_inq_tab .inq_tab_nav > li a.focusOn {color:#fff;background-color:#375DFB;}
.main_inq_tab .inq_tab_nav > li a:not(.focusOn):hover {background:#fff;color:#375DFB;box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);}
.main_inq_tab .inq_con_wp {padding-top:16px;}
.main_inq_tab .inq_con_wp .inq_cont {align-items: baseline;}
.main_inq_tab .inq_cont .body_5:not(.fw_1) {margin-right:10px;}

/*msec_02*/
.msec_02 .sec_wp {margin: 0 -16px;}
.msec_02 .sec_wp > * {margin: 0 16px;width: calc((100% - 96px) / 3);}
.main_news_tab .news_tab_nav {display:flex;}
.main_news_tab .news_tab_nav > li {background-color:rgba(244, 241, 255, 0.695);padding:0 4px;}
.main_news_tab .news_tab_nav > li:first-child{border-radius:20px 0 0 20px;padding-left:0;}
.main_news_tab .news_tab_nav > li:last-child{border-radius:0 20px 20px 0;padding-right:0;}
.main_news_tab .news_tab_nav > li a {border-radius:20px;padding:8px 20px;color:#868C98;font-size:1.25rem;transition: all .3s ease-in-out;}
.main_news_tab .news_tab_nav > li a:hover {background:#fff;color:#375DFB;box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);}
.main_news_tab .news_tab_nav > li a.focusOn {color:#fff;background-color:#375DFB;}
.main_news_tab .tab_con_wp {padding:32px;border-radius:15px;border:1px solid #ededed;min-height:270px;margin-top:20px;}
.main_news_tab .tab_con_wp .n_list {position:relative;}
.main_news_tab .tab_con_wp .n_list li {position: relative;padding: 0 0 0 12px;border-bottom:1px dashed #ddd;}
.main_news_tab .tab_con_wp .n_list li::after {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: rgba(0, 131, 232, .62);position: absolute;top: 15px;left: 0;}
.main_news_tab .tab_con_wp .n_list li a {width: 100%;height: 100%;justify-content: space-between;align-items:center;}
.main_news_tab .tab_con_wp .n_list li a .tit {width: 73%;padding-right: 15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0;}
.main_news_tab .tab_con_wp .n_list li a .date {width: 22%;padding:10px 0;text-align:right;font-size:0.875rem;}
.main_news_tab .tab_con_wp .n_list .more {top:-88px;right:-32px;}

.link_box .con_box {margin-top:20px;border:1px solid #ededed; border-radius:15px;padding:40px 32px;min-height:270px;background:url(../img/main_link_bg.png) no-repeat right -47px bottom -103px #f2f6fa;}
.link_box .con_box .txt {font-size:1.125rem;}
.link_box .con_box .btn_list {margin-top:40px;}
.link_box .con_box .btn_list li a {border:1px solid #ddd;padding:7px 15px;border-radius:20px;width:200px;transition: all .3s ease-in-out;background:rgba(255, 255, 255, .5);}
.link_box .con_box .btn_list li a:hover {box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);}
.link_box .con_box .btn_list li + li {margin-top:10px;}

.m_allim {margin-top:20px;}
.m_allim .item {height: 270px;overflow: hidden;border-radius: 15px;}
.m_allim .item a {width: 100%;height: 100%;display: block;border:1px solid #ededed;border-radius: 15px;overflow: hidden;}
.m_allim .slick-controls {position:absolute;right:0;top:-54px;background: rgba(244, 241, 255, 0.695);padding: 3px 10px;border-radius: 20px;}
.m_allim .slick-count{color:#000;min-width: 37px;text-align: center;}
.m_allim .current.fw_3 {color:#375DFB;}
.m_allim .total {font-size:0.875rem;}
.m_allim .slick-nav{display:flex;align-items:center;}
.m_allim .slick-nav * + *{margin-left:3px}
/* .m_allim .slick-nav {position: absolute;right: 0;top:-37px;border-radius: 20px;background: #BCB3FC;padding: 3px 10px;} */
.m_allim .slick-nav a {width: 24px;height: 24px;border-radius: 50%;vertical-align: top;}
.m_allim .slick-nav a.slick-prev {background-position:-181px -72px;}
.m_allim .slick-nav a.slick-next {;background-position:-207px -72px;}
.m_allim .slick-nav a.slick-stop {background-position:-124px -72px;}
.m_allim .slick-nav a.slick-play {background-position:-153px -72px;}

.main_container .more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;border-radius: 50%;background: url(../img/ir.png) -171px -1px no-repeat #375DFB;font-size: 0;}

/*msec_03*/
.msec_03 {background: #F3F4F6;}
.msec_03 .pro_wp {display:flex;}
.msec_03 .tit_wp {width:280px;line-height:1.5}
.msec_03 .con_wp {width: calc(1360px - 280px);}
.msec_03 .con_wp .pro_sd {margin:0 -16px;padding-left:50px;}
.msec_03 .con_wp .pro_sd .item {padding: 0 16px;}
.msec_03 .con_wp .pro_sd .item a {position: relative;display: block; border: 1px solid #ddd;height:230px;border-radius:15px;overflow:hidden;}
.msec_03 .con_wp .pro_sd .item .txt_box {width:100%;height:100%;position:absolute;top:0;left:0;padding:40px 32px;color:#fff;    text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5), 0px -4px 13px rgba(0, 0, 0, 0.3), 0px 4px 4px rgba(0, 0, 0, 0.5);}
.msec_03 .con_wp .pro_sd .item .txt_box .tit {font-size:1.25rem;position:relative;font-weight:500;}
.msec_03 .con_wp .pro_sd .item .txt_box .tit::after {content:'';display:block;width:45px;height:3px;background:#fff;position:absolute;left:0;bottom:-10px;}
.msec_03 .con_wp .pro_sd .item .txt_box .txt {padding-top:30px;transition: all .3s ease-in-out;opacity:0;transition: all .3s ease-in-out;}
.msec_03 .con_wp .pro_sd .item:hover .txt {opacity:1;}
.msec_03 .con_wp .pro_sd .item .txt_box .move_sub {font-size:0.875rem;position:absolute;bottom:40px;left:32px;}
.msec_03 .con_wp .slick-controls {background: rgba(244, 241, 255, 0.695);padding: 3px 10px;border-radius: 20px;position:absolute;left:1.25rem;bottom:0;border:1px solid #dddd;}
.msec_03 .con_wp .slick-nav{display:flex;align-items:center;}
.msec_03 .con_wp .slick-nav * + *{margin-left:3px}
.msec_03 .con_wp .slick-nav  a{width: 24px;height: 24px;border-radius: 50%;vertical-align: top;}
.msec_03 .con_wp .slick-nav  a.slick-prev{background-position:-181px -72px;}
.msec_03 .con_wp .slick-nav  a.slick-next{background-position:-207px -72px;}
.msec_03 .con_wp .slick-nav  a.slick-stop{background-position:-124px -72px;}
.msec_03 .con_wp .slick-nav  a.slick-play{background-position:-153px -72px;}

/*msec_04*/
.msec_04 {padding: 45px 0 !important;}
.banner_wp {margin:0 -16px;}
.banner_sd {width:100%;margin-top:20px;}
.banner_sd .item {padding:0 16px;}
.banner_sd .item a {border:1px solid #ddd;border-radius:7px;display:block;text-align:center;width:100%;height:60px;}
.banner_sd .item a:hover {border: 1px solid #a35dbb;}
.banner_wp .slick-nav{position:absolute;top:4px;right:1.25rem;background: rgba(244, 241, 255, 0.695);padding: 3px 10px;border-radius: 20px;}
.banner_wp .slick-nav a{width: 24px;height: 24px;border-radius: 50%;vertical-align: top;}
.banner_wp .slick-nav a.slick-prev{background-position:-181px -72px;}
.banner_wp .slick-nav a.slick-next{background-position:-207px -72px;}
.banner_wp .slick-nav a.slick-stop{background-position:-124px -72px;}
.banner_wp .slick-nav a.slick-play{background-position:-153px -72px;}