@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Light.woff2') format('woff2'),
		url('./fonts/Pretendard-Light.woff') format('woff'),
		url('./fonts/Pretendard-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Regular.woff2') format('woff2'),
		url('./fonts/Pretendard-Regular.woff') format('woff'),
		url('./fonts/Pretendard-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Medium.woff2') format('woff2'),
		url('./fonts/Pretendard-Medium.woff') format('woff'),
		url('./fonts/Pretendard-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-SemiBold.woff2') format('woff2'),
		url('./fonts/Pretendard-SemiBold.woff') format('woff'),
		url('./fonts/Pretendard-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;

}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Bold.woff2') format('woff2'),
		url('./fonts/Pretendard-Bold.woff') format('woff'),
		url('./fonts/Pretendard-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'RiaSans';
	src: url('./fonts/RiaSans-Regular.woff2') format('woff2'),
		url('./fonts/RiaSans-Regular.woff') format('woff'),
		url('./fonts/RiaSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'RiaSans';
	src: url('./fonts/RiaSans-Bold.woff2') format('woff2'),
		url('./fonts/RiaSans-Bold.woff') format('woff'),
		url('./fonts/RiaSans-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'RiaSans';
	src: url('./fonts/RiaSans-ExtraBold.woff2') format('woff2'),
		url('./fonts/RiaSans-ExtraBold.woff') format('woff'),
		url('./fonts/RiaSans-ExtraBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}





.wid{width: calc(100% - 30px); max-width: 1400px; margin: 0 auto;}
.hidden{width: 0; height: 0; position: absolute; overflow: hidden;}
.header-n26{font-family: 'Pretendard';}
.header-n26 *{font-family: inherit; }

.nuri-wp{background: #eef0f6; padding: 8px 0;}
.nuri{padding-left: 32px; font-size: 16px; color: #333; line-height: 20px; background: url(/resources/www/images/main2026/nuri_ic.jpg) 0 0 no-repeat;}

.hd-tp{border-bottom: 1px solid #ccdbd9; }
.hd-tp > .wid{display: flex; justify-content: space-between; align-items: center; }
.ht-lk{display: flex; align-items: center;}
.ht-lk > li + li{margin-left: 10px; position: relative;}
.ht-lk > li + li:before{content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background: #dcdcdc; border-radius: 50%; margin-right: 10px;}
.ht-lk > li > a{display: inline-block;  vertical-align: middle; font-size: 16px; color: #333; line-height: 24px;}

.ht-ut{display: flex; align-items: center;}
.ht-ut > li{position: relative; font-size: 16px; line-height: 24px; color: #333; padding: 10px 5px;}
.ht-ut > li > a{display: block; }
.ht-ut .sw > ul{display: none; position: absolute; left: -10px; right: -10px; top: 100%; z-index: 220; padding: 15px; background: #4161c9; border-radius: 20px;}
.ht-ut .sw > ul > li + li{margin-top: 8px;}
.ht-ut .sw > ul > li > a{display: block; font-size: 14px; line-height: 20px; color: #fff;}
.ht-ut .sw > a{padding: 0 5px;}
.ht-ut .sw > a:after{content: ''; display: inline-block; vertical-align: top; width: 10px; height: 6px; background: url(/resources/www/images/main2026/ht_ut_arr.png) 0 0 no-repeat; margin-top: 9px; margin-left: 10px;}
.ht-ut .sw.ht-sns > ul > li > a{display: flex; align-items: center; gap: 5px;}
.ht-ut .login{padding-left: 20px; padding-right: 5px; background: url(/resources/www/images/main2026/ht_login_ic.jpg) 0 1px no-repeat;}
.ht-ut .ht-zoom{display: flex; gap: 4px; padding-right: 0;}
.ht-ut .ht-zoom > div{display: flex; gap: 4px;}
.ht-ut .ht-zoom a{display: block; font-size: 0; width: 24px; height: 24px; background: 0 0 no-repeat;}
.ht-ut .ht-zoom .zoom-in{background-image: url(/resources/www/images/main2026/ht_zoom_p.jpg);}
.ht-ut .ht-zoom .zoom-out{background-image: url(/resources/www/images/main2026/ht_zoom_m.jpg);}
.ht-ut > li:after{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: #ccdbd9;}
.ht-ut > li:last-child:after{display: none;}

.ht-ut .ht-logout > div{display: flex; align-items: center; color: #333;}
.ht-ut .ht-logout > div > a{display: block; font-size: 16px; line-height: 24px; padding-left: 22px;}
.ht-ut .ht-logout .myPage{background: url(/resources/www/images/main2026/ht_mypage_ic.jpg) 0 2px no-repeat;}
.ht-ut .ht-logout .logout{background: url(/resources/www/images/main2026/ht_logout_ic.jpg) 0 2px no-repeat;}
.ht-ut .ht-logout .login-time{display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: 16px; line-height: 24px; margin:0 5px;}
.ht-ut .ht-logout .login-time > a{color: #3d63c8;}
.ht-ut .ht-logout .login-time:before{content: ''; width: 1px; height: 14px; background: #ccdbd9;}

.hd-bm{position: relative; border-bottom: 1px solid #ccdbd9;}
.hd-bm > .wid{display: flex; justify-content: space-between; align-items: center;}

.menu-box{width: 50%; margin-left: auto; }
.depth1{display: flex; justify-content: space-evenly; }
.depth1 > li{height: 90px; display: flex; align-items: center;}
.depth1 > li > a{display: block; padding: 5px 10px; font-weight: 600; font-size: 20px; line-height: 24px;}
.dp2-bx{display: none; position: absolute; left: 0; right: 0; top: 100%;  z-index: 210; padding: 30px 0; background: #fff; border-top: 1px solid #ccdbd9;}
.depth2{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.depth2 > li{width: 20%; padding: 0 10px; margin-bottom: 20px;}
.depth2 > li > a{display: flex; align-items: center; height: 54px; font-weight: 600; font-size: 20px; line-height: 24px; color: #111;  padding: 2px 30px; background: #f1f4fc; border-radius: 12px;}
.depth3{padding: 10px 30px;}
.depth3 > li + li{margin-top: 10px;}
.depth3 > li > a{display: inline-block; font-weight: 500; font-size: 18px; line-height: 22px; color: #555; padding-left: 12px; position: relative;}
.depth3 > li > a:before{content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #dce2f1;}
.dp2-bx.field-m{background: #f2f7fd;}
.dp2-bx.field-m .depth2{max-width: 1200px; margin: 0 auto; justify-content: space-between;}
.dp2-bx.field-m .depth2 > li{width: 16%; padding: 0; margin: 2% 0;}
.dp2-bx.field-m .depth2 > li > a{flex-direction: column; justify-content: center; width: 140px; height: 140px; padding: 0; margin: 0 auto; background: #fff; border-radius: 40px;}
.dp2-bx.field-m .depth2 > li > a > i{display: block; width: 100%; height: 52px; margin-bottom: 6px; background: center center no-repeat;}
.dp2-bx.field-m .depth2 > li > a > i.bg1{background-image: url(/resources/www/images/main2026/m_field_ic1.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg2{background-image: url(/resources/www/images/main2026/m_field_ic2.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg3{background-image: url(/resources/www/images/main2026/m_field_ic3.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg4{background-image: url(/resources/www/images/main2026/m_field_ic4.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg5{background-image: url(/resources/www/images/main2026/m_field_ic5.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg6{background-image: url(/resources/www/images/main2026/m_field_ic6.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg7{background-image: url(/resources/www/images/main2026/m_field_ic7.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg8{background-image: url(/resources/www/images/main2026/m_field_ic8.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg9{background-image: url(/resources/www/images/main2026/m_field_ic9.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg10{background-image: url(/resources/www/images/main2026/m_field_ic10.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg11{background-image: url(/resources/www/images/main2026/m_field_ic11.png);}
.dp2-bx.field-m .depth2 > li > a > i.bg12{background-image: url(/resources/www/images/main2026/m_field_ic12.png);}
.dp2-bx.field-m .depth3{display: none;}
@media screen and (min-width: 1025px) {
.depth1 > li > a{position: relative;}
.depth1 > li > a:after{content: ''; position: absolute; left: 50%; right: 50%; top: 100%; margin-top: 24px; height: 4px; background: #4161c9; opacity: 0; transition: .2s;}
.depth1 > li.ac > a:after{left: 0; right: 0; opacity: 1; }
.dp2-bx.field-m .depth2 > li > a:hover{border: 1px solid #4161c9;}
.depth3 > li > a:hover{font-weight: 500; color: #174ba1; text-decoration: underline;}
}
.sr-am{display: flex; align-items: center; margin-left: 20px; gap: 15px;}
.sr-am .sr-sw{font-size: 0; display: block; width: 50px; height: 50px; background: url(/resources/www/images/main2026/ht_sear_ic.png) center center no-repeat #224a82; border-radius: 50%;}
.sr-am .am-sw{font-size: 0; display: block; width: 35px; height: 35px; background: url(/resources/www/images/main2026/ht_menu_ic.png) right center no-repeat;}
.ht-sr-wp{display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 190; padding: 30px 0 60px; background: #fff; border-top: 1px solid #ccdbd9;}
.ht-sr-wp h2{text-align: center; font-family: 'RiaSans'; font-size: 38px; line-height: 42px; color: #333; margin-bottom: 30px;}
.ht-sr-bx{max-width: 760px; margin: 0 auto; padding: 0 15px;}
.ht-search{position: relative; display: flex; gap: 5px; padding: 10px 15px; padding-left: 60px; border: 2px solid #4268e3; border-radius: 35px; margin-left: 35px;}
.ht-search input[type=text]{flex-grow: 1; height: 42px; width: calc(100% - 50px);  border: none; padding: 0; padding-left: 6px; font-size: 20px; color: #333; font-weight: 500;}
.ht-search input[type=text]::placeholder{color: #909090;}
.ht-search .srbt{display: block; width: 42px; height: 42px; font-size: 0; background: url(/resources/www/images/main2026/ht_sr_bt.png) center center no-repeat;}
.ht-search:before{content: ''; position: absolute; width: 90px; height: 97px; top: -23px; left: -35px; background: url(/resources/www/images/main2026/ht_sr_bg.png) 0 0 no-repeat;}
.ht-sr-kw{margin-top: 20px; padding: 0 15px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px;}
.ht-sr-kw > a{font-size: 16px; color: #767676; line-height: 20px;}
.ht-sr-bx .cls-bx{margin-top: 30px; text-align: center;}
.ht-sr-close{display: inline-block; text-align: center; width: 100px; font-weight: 600; font-size: 20px; line-height: 30px; color: #fff; padding: 10px; background: #273a78; border-radius: 25px;}

.all-menu-wp{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 200; }
.all-menu-wp > section{display: flex; align-items: center; height: 100%; overflow-y: auto; }
.all-menu-bx{padding-top: 80px; position: relative;}
.all-menu-bx:before{content: ''; position: absolute; left: 28.5%; right: 0; top: 50px; bottom: 220px; background: #2154a8; border-radius: 90px 50px 50px; z-index: -1;}
.all-menu-bx h2{text-align: center; margin-bottom: 20px;}
.all-menu{margin-right: 7%; background: #fff; padding: 60px 40px; position: relative; border-radius: 50px; line-height: 1;}
.all-menu:before{content: ''; position: absolute; width: 184px; height: 190px; right: 11%; bottom: 100%; margin-bottom: -45px; background: url(/resources/www/images/main2026/all_menu_bg.png) no-repeat;}
.all-menu-ls{display: flex; flex-wrap: wrap;  height: 560px; margin: 0 -10px; overflow-y: scroll;}
.all-menu-ls > li{width: 20%; padding: 0 10px;}
.all-menu-ls > li > a{display: flex;     justify-content: center; align-items: center; text-align:center; height: 62px; font-weight: 600; font-size: 20px; line-height: 24px; color: #111; padding: 5px; background: #f1f4fc; border-radius: 12px;}
.all-menu-ls > li > ul{padding: 1px 20px 0;}
.all-menu-ls > li > ul > li{margin-top: 16px;}
.all-menu-ls > li > ul > li > a{display: inline-block; font-weight: 600; font-size: 18px; line-height: 22px; color: #111;}
.all-menu-ls > li > ul > li > ul > li{margin-top: 6px;}
.all-menu-ls > li > ul > li > ul > li > a{display: inline-block; font-size: 16px; color: #555; line-height: 20px; padding-left: 10px; position: relative;}
.all-menu-ls > li > ul > li > ul > li > a:before{content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #dce2f1;}
.all-menu-ls > li > ul > li > ul > li > a:hover{font-weight: 500; color: #174ba1; text-decoration: underline;}
.all-menu-ls .fld ul{display: none;}
.all-menu-close{position: absolute; top: 80px; right: 30px;}

.mbl-mn-tp{display: none; padding: 10px; border-bottom: 1px solid #ccdbd9; }
.mbl-mn-tp .btbx{display: flex; justify-content: space-between;}
.mbl-mn-tp .btbx .ht-ut > li{padding: 0 10px;}
.mbl-mn-tp .btbx .ht-ut > li > a{padding-left: 0;}
.mbl-mn-tp .btbx .ht-ut > li.ht-sns{padding-left: 0;}
.mbl-mn-tp .btbx .ht-ut > li.ht-sns > a:after{margin-left: 15px;}
.mbl-mn-tp .btbx .ht-ut > li > ul{left: 0; right: 0; padding: 10px; border-radius: 8px; z-index: 220;}
.mbl-mn-tp .log-bx{margin-top: 12px;}
.mbl-mn-tp .log-bx .login{display: inline-block; font-weight: 600; font-size: 18px; line-height: 24px; padding-left: 22px; background: url(/resources/www/images/main2026/ht_login_ic.jpg) 0 2px no-repeat;}
.mbl-mn-tp .log-bx .login:after{content: ''; display: inline-block; vertical-align: top; width: 7px; height: 13px; background: url(/resources/www/images/main2026/mo_login_arr.jpg) no-repeat; margin-top: 5px; margin-left: 8px;}
.mbl-mn-tp .log-bx .out{display: flex; align-items: center; color: #333;}
.mbl-mn-tp .log-bx .out > a{display: block; font-size: 16px; line-height: 24px; padding-left: 22px;}
.mbl-mn-tp .log-bx .out .myPage{background: url(/resources/www/images/main2026/ht_mypage_ic.jpg) 0 2px no-repeat;}
.mbl-mn-tp .log-bx .out .logout{background: url(/resources/www/images/main2026/ht_logout_ic.jpg) 0 2px no-repeat;}
.mbl-mn-tp .log-bx .login-time{display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 16px; line-height: 24px; margin-right: 10px; margin-left: 8px;}
.mbl-mn-tp .log-bx .login-time > a{color: #3d63c8;}
.mbl-mn-tp .log-bx .login-time:before, .mbl-mn-tp .log-bx .login-time:after{content: ''; width: 1px; height: 14px; background: #ccdbd9;}

.footer-n26{font-family: 'Pretendard';}
.footer-n26 *{font-family: inherit; }
.ft-tp{border-top: 1px solid #ccdbd9; border-bottom: 1px solid #ccdbd9;}
.ft-familysite{display: flex; flex-wrap: wrap; border-left: 1px solid #ccdbd9; }
.ft-familysite > li{width: 20%; position: relative;}
.ft-familysite > li > a{display: flex; align-items: center; height: 52px; font-size: 18px; line-height: 22px; color: #333; padding-left: 15px; background: #fff; border-right: 1px solid #ccdbd9; position: relative; outline-offset: -2px;}
.ft-familysite > li > a:after{content: ''; position: absolute; width: 14px; height: 8px; right: 15px; top: 50%; margin-top: -4px; background: url(/resources/www/images/main2026/ft_fs_arr.png) no-repeat; }
.ft-familysite > li.on > a{background: #f1f4fc;}
.ft-familysite > li.on > a:after{transform: rotate(180deg);}
.ft-familysite > li > div{display: none; position: absolute; left: -1px; right: 0; bottom: 100%; padding: 20px; padding-right: 3px; background: #fff; border: 1px solid #ccdbd9; border-radius: 15px 15px 0 0;}
.ft-familysite > li > div > ul{padding: 3px; max-height: 182px; line-height: 1; overflow-y: auto;}
.ft-familysite > li > div > ul > li + li{margin-top: 6px;}
.ft-familysite > li > div > ul > li > a{display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; color: #555; padding-left: 12px; position: relative;}
.ft-familysite > li > div > ul > li > a:before{content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #dce2f1;}
.ft-md > .wid{display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0; gap: 30px; border-bottom: 1px solid #ccdbd9;}
.ft-md .ft-tel{font-size: 18px; color: #333; line-height: 22px;}
.ft-md .ft-tel > *{display: inline-block;}
.ft-bm{padding: 20px 0 40px;}
.ft-bm .ft-lk{display: flex; flex-wrap: wrap; gap: 35px;}
.ft-bm .ft-lk > a{display: block; font-size: 16px; line-height: 20px; color: #333;}
.ft-bm .ft-lk > a.prv{font-weight: 700; color: #1a5f59;}
.ft-bm .tx-mk{display: flex; justify-content: space-between; margin-top: 30px; }
.ft-bm .tx-mk .adr{font-weight: 700; font-size: 18px; line-height: 22px; color: #333; margin-bottom: 16px;}
.ft-bm .tx-mk .cpr{font-size: 15px; color: #909090; line-height: 20px;}
.ft-bm .tx-mk .cpr > span{display: inline-block;}


@media screen and (max-width: 1200px) {
.ft-tp > .wid{width: 100%;}
.ft-familysite > li{width: 30%; flex-grow: 1; border-top: 1px solid #ccdbd9; margin-top: -1px;}
.ft-bm .ft-lk{gap: 8px 20px;         letter-spacing: -0.5px;}

}

@media screen and (max-width: 1024px) {
.nuri{font-size: 14px; letter-spacing: -1px;}
.hd-tp > .wid{padding: 10px 0;}
.ht-lk > li + li{margin-left: 5px;}
.ht-lk > li + li:before{margin-right: 5px;}
.hd-tp .ht-ut{display: none;}

.hd-bm > .wid{padding: 14px 0;}
.logo-bx img{width: 145px;}
.menu-box{display: none; position: fixed; right: 0; top: 0; bottom: 0; width: 100%; max-width: 400px; background: #fff;  z-index: 210;}
.depth1{display: block; position: relative; background: #f1f4fd; height: calc(100% - 81px); overflow-y: auto;}
.depth1 > li{display: block; height: auto; width: 130px;}
.depth1 > li > a{display: flex; height: 60px; padding: 5px 15px; align-items: center;}
.dp2-bx{padding: 0; left: 130px; right: 0; top: 0; bottom: 0; background: #fff; border-top: none;}
.dp2-bx > .wid{background: #fff; width: 100%; margin: 0; padding: 0 15px;}
.depth2{display: block; margin: 0;}
.depth2 > li{width: auto; padding: 0; margin: 0;}
.depth2 > li > a{border-radius: 0; padding: 0; height: 60px; background: #fff; border-bottom: 1px solid #ccdbd9; position: relative;}
.depth2 > li.dwa > a:after{content: ''; position: absolute; width: 14px; height: 8px; right: 0; top: 50%; margin-top: -4px; background: url(/resources/www/images/main2026/mo_mdp2_arr.jpg) no-repeat;}
.depth2 > li.dwa.on > a:after{transform: rotate(180deg);}
.dp2-bx.field-m{background: #fff;}
.dp2-bx.field-m .depth2 > li{width: auto; padding: 0; margin: 0;}
.dp2-bx.field-m .depth2 > li > a{flex-direction: row; justify-content: flex-start; border-radius: 0; padding: 0; width: auto; height: 60px;}
.dp2-bx.field-m .depth2 > li > a > i{display: none;}
.depth1 > li.on > a{background: #fff;}
.depth1 > li.on > .dp2-bx{display: block;}

.depth3{display: none; padding: 16px 0;}
.mbl-mn-tp{display: block;}
.sr-am .sr-sw{width: 46px; height: 46px;}
.ft-md .ft-tel{font-size: 16px; line-height: 20px;}
.ft-bm .ft-lk{gap: 8px 20px; max-width: 750px;}
.ft-bm .tx-mk .mark{display: none;}
}

@media screen and (max-width: 750px) {
.ft-md > .wid{gap: 10px 20px;}
.ft-logo{width: 100%;}

}

@media screen and (max-width: 700px) {
.ft-familysite > li{width: 50%;}
.ft-familysite > li > a{height: 45px; font-size: 16px; line-height: 20px; letter-spacing: -1px;}
.ft-md > .wid{padding: 15px 0;}
}

@media screen and (max-width: 600px) {
.ht-search{padding-left: 40px; margin-left: 20px;}
.ht-search:before{width: 60px; height: 67px; background-size: 100%; top: -10px; left: -20px;}
.ht-search input[type=text]{height: 32px; font-size: 18px;}
.ht-search .srbt{width: 32px; height: 32px;}
}
@media screen and (max-width: 500px) {
.ft-familysite{border-left: none;}
.ft-familysite > li{width: 100%;}
.ft-familysite > li > a{border-right: none;}
.ft-familysite > li > div{left: 0;}
.ft-bm .tx-mk{margin-top: 20px;}
.ft-bm .tx-mk .adr{font-size: 16px; line-height: 20px; letter-spacing: -1px; margin-bottom: 10px;}
.ft-bm .tx-mk .cpr{font-size: 14px; letter-spacing: -0.6px;}
}

@media screen and (max-width: 370px) {
.depth3 > li > a{font-size: 16px;}
}


/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.slick-list:focus{outline: 0}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-list,.slick-slider .slick-track{transform: translate3d(0,0,0)}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}
.slick-track:after,.slick-track:before{display: block; content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px}
[dir=rtl] .slick-slide{float: right}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-slide > div > div{vertical-align: top;}
.slick-initialized .slick-slide{display: block}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden{display: none}
/* Slider */

/* main */
.main-con26{font-family: 'Pretendard';}
.main-con26 *{font-family: inherit; }

.m-sec1{padding: 30px 0; background: #fff;}
.wlc-qlk{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; letter-spacing: -1px;}
.wlc-tx{width: 40%; height: 122px; font-size: 34px; line-height: 40px; color: #333; display: flex; align-items: center; padding-left: 160px; background: url(/resources/www/images/main2026/m_wlc_bg.png) 0 0 no-repeat;}
.wlc-tx strong{font-weight: 700;}
.qlk-bx{width:57.2%;display:flex;gap:10px;}
.qlk-bx .ppl{flex-grow:1;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f3f4f9;border-radius:20px 40px 20px 20px;margin-right:10px;}
.qlk-bx .ppl>dt{font-weight:700;font-size:22px;line-height:26px;color:#222;padding-top:4px;padding-left:60px;background:url(/resources/www/images/main2026/mct_ppl_gb.png) 0 0 no-repeat;}
.qlk-bx .ppl>dd{font-weight:500;font-size:20px;color:#222;line-height:1;}
.qlk-bx .ppl>dd strong{font-weight:700;font-size:32px;}
.qlk-bx .ppl>dd>a>span{text-align:right;}
.qlk-bx .ppl .bks{display:block;font-weight:500;font-size:16px;line-height:20px;color:#767676;}
.qlk-bx>a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:13%;height:100px;background:#f3f4f9;border-radius:20px;}
.qlk-bx>a:before{content:'';display:block;width:100%;height:30px;background:center center no-repeat;margin:0 0 5px;}
.qlk-bx>a.bg1:before{background-image:url(/resources/www/images/main2026/mct_lkic1.png);}
.qlk-bx>a.bg2:before{background-image:url(/resources/www/images/main2026/mct_lkic2.png);}
.qlk-bx>a.bg3:before{background-image:url(/resources/www/images/main2026/mct_lkic3.png);}
.qlk-bx>a>span{font-size:16px;color:#333;line-height:20px;}

.myr-vsl{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.myr-bx{width: 40%; display: flex; flex-direction: column; }

/* 2026/7/16 */
.myr{padding-top: 40px; position: relative; height: 75%;}
.myr .live-lk{display: flex; align-items: center; position: absolute; z-index: 1; right: 325px; top: 0; padding: 15px 20px; background: #224a82;   border-radius: 12px 24px 24px;}
.myr .live-lk:before{content: ''; width: 36px; height: 36px; background: url(/resources/www/images/main2026/myr_live_bbg.png) 0 0 no-repeat;}
.myr .live-lk > span{padding-left: 6px; color: #fff; font-size: 16px; line-height: 18px; text-align: center; width: 72px;}
.myr .bt{display: flex; align-items: center; width: 260px; position: absolute; z-index: 1; right: 50px; top: 0; padding: 14px 20px 13px; background: #4161c9;   border-radius: 33px;}
.myr .bt:before{content: ''; display: block; width: 46px; height: 39px; margin-right: 10px; background: url(/resources/www/images/main2026/aic1.png) 0 0 no-repeat;}
.myr .bt > span{font-size: 26px; line-height: 30px; color: #fff; font-weight: 500;}
.myr .bt:after{content: ''; position: absolute; width: 9px; height: 16px; right: 20px; top: 50%; margin-top: -8px; background: url(/resources/www/images/main2026/aic2.png) right center no-repeat;}
.myr .ph{display: block; height: 100%; position: relative;  background: url(/resources/www/images/main2026/myr_ph.png) right bottom no-repeat #f2f7fd;  background-size: 55%; border-radius: 30px 90px 30px 30px;}
.myr .ph .tx1{background: #fff; position: absolute; width: 43%; top: 45px; left: 6%; padding: 20px; font-size: 20px; line-height: 26px; color: #333; border-radius: 20px;}
/* // 2026/7/16 */

.myr .ph .tx1:before{content: ''; position: absolute; left: 40px; top: -15px; width: 35px; height: 27px; background: url(/resources/www/images/main2026/myr_txbg1.png) no-repeat;}
.myr .ph .tx1:after{content: ''; position: absolute; left: 100%; top: 50%; width: 25px; height: 39px; margin-top: -20px; background: url(/resources/www/images/main2026/myr_txbg2.png) right bottom no-repeat;}
.myr .ph .tx1 strong{font-weight: 700;}
.myr .ph .tx1 strong:before{content: ''; display: block;}
.myr .ph .tx2{position: absolute; left: 6%; bottom: 14%; width: 25%;}
.myr-bx .lk{height: 18%; margin-top: 20px; flex-grow: 1; display: flex; gap: 10px;}
.myr-bx .lk > a{width: 18%; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; color: #333; background: #f3f4f9; border-radius: 20px;}
.myr-bx .lk > a:before{content: ''; display: block; height: 33px; background: center center no-repeat; margin-bottom: 8px;}
.myr-bx .lk > a > span{display: block; font-weight: 500; font-size: 16px; line-height: 18px; height: 36px; text-align: center;}
.myr-bx .lk .ic1:before{background-image: url(/resources/www/images/main2026/myr_lki1.png);}
.myr-bx .lk .ic2:before{background-image: url(/resources/www/images/main2026/myr_lki2.png);}
.myr-bx .lk .ic3:before{background-image: url(/resources/www/images/main2026/myr_lki3.png);}
.myr-bx .lk .ic4:before{background-image: url(/resources/www/images/main2026/myr_lki4.png);}
.myr-bx .lk .ic5:before{background-image: url(/resources/www/images/main2026/myr_lki5.png);}
.myr-bx .lk .ic6:before{background-image: url(/resources/www/images/main2026/myr_lki6.png);}
.myr-bx .lk > a:hover{background: #4161c9; color: #fff;}
.myr-bx .lk > a:hover:before{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(28deg) brightness(102%) contrast(102%);}
.myr-bx .lk > a.pcHide{display:none !important;}
.myr-bx .lk > a.mobileHide{display:flex !important;}
@media screen and (max-width:767px){
	.myr-bx .lk > a.pcHide{display:flex !important;}
	.myr-bx .lk > a.mobileHide{display:none !important;}
}
.vsl-wp{width: 57.2%;}
.wea-sr{margin-bottom: 30px; display: flex; justify-content: space-between;}
.weather-lk{width: 22%; background: #f3f4f9; padding: 5px 15px; display: flex; align-items: center; border-radius: 35px;}
.weather-lk:before{content: ''; display: block; width: 41px; height: 41px; margin-right: 15px; background: url(/resources/www/images/main2026/wea_lki.png) no-repeat; background-size: 100%;}
.weather-lk > span{font-weight: 700; font-size: 20px; color: #333; line-height: 24px;}
.weather-lk > span img{vertical-align: top; margin-top: 4px;}
.mc-sr-bx{width: 75.5%; padding-left: 25px;}
.mc-search{position: relative; display: flex; align-items: center; gap: 5px; padding: 10px 70px; border: 2px solid #4268e3; border-radius: 35px;}
.mc-search:before{content: ''; position: absolute; width: 90px; height: 97px; top: -18px; left: -25px; background: url(/resources/www/images/main2026/ht_sr_bg.png) 0 0 no-repeat;}
.mc-search input[type="text"]{width: 42%; height: 42px; flex-grow: 1; border: none;  padding: 0; padding-left: 6px; font-size: 20px; color: #333; font-weight: 500;}
.mc-search .srbt{ font-size: 0; position: absolute; width: 66px; height: 66px; right: -2px; top: -2px; background: url(/resources/www/images/main2026/mc_srbt.png) center center no-repeat #4268e3; border-radius: 100%;}
.mc-search .kw{width: 42%; display: flex; gap: 10px; letter-spacing: -1px;}
.mc-search .kw a{display: block; font-size: 16px; color: #767676; line-height: 20px; text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}

.sld-ctr{position: absolute; bottom: 10px; right: 10px; z-index: 1; background: #434959; padding: 15px 20px; display: flex; align-items: center; gap: 5px; border-radius: 100px;}
.sld-ctr .cnt{font-weight: 500; font-size: 16px; line-height: 20px; color: #fff;}
.sld-ctr .arr{display: flex; gap: 5px;}
.sld-ctr .arr a{display: block; width: 20px; height: 20px; font-size: 0; background: center center no-repeat;}
.sld-ctr .arr a.prev{background-image: url(/resources/www/images/main2026/main_slider_prev.png);}
.sld-ctr .arr a.next{background-image: url(/resources/www/images/main2026/main_slider_next.png);}
.sld-ctr .arr a.stop{background-image: url(/resources/www/images/main2026/main_slider_stop.png);}
.sld-ctr .arr a.start{display: none; background-image: url(/resources/www/images/main2026/main_slider_play.png);}
.sld-ctr .more{width: 20px; height: 20px; font-size: 0; background: url("/resources/www/images/main2026/main_slider_more.png") no-repeat center center;}

.vsl-bx{position: relative;}
.vsl-bx .slick-list img{vertical-align: top; border-radius: 30px; width: 100%;}


.m-sec2{background: #fff; padding: 0 0 30px;}
.ppz-sv-wp{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.ppz-area{width: 40%;}
.ppz-bx{position: relative;}
.ppz-sl .item img{vertical-align: top; width: 100%; border-radius: 30px;}

.m-service-bx{width: 57.2%; padding: 80px 20px 10px; position: relative;  background: #eff3f9; border-radius: 30px; display: flex; align-items: center;  }
.m-sv-tab{position: absolute; left: 20px; right: 80px; top: 20px; display: flex; gap: 10px;}
.m-sv-tab a{width: calc(20% - 8px); height: 50px; font-weight: 500; font-size: 18px; line-height: 22px;  display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 30px;}
.m-sv-tab a.on{background: #4161c9; color: #fff; font-weight: 700;}
.m-service{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; min-height:200px;}
.m-service h2{width: 200px; font-family: 'RiaSans'; font-size: 24px; color: #333;     letter-spacing: -1px; background: url(/resources/www/images/main2026/msv_tibg.png) center bottom no-repeat;}
.m-service h2 > span{font-weight: 400;}
.m-sv-cw{width: calc(97% - 200px);}
.m-sv-lls{display: flex; flex-wrap: wrap; gap: 10px; padding: 3px; max-height: 200px; overflow-y: auto;}
.m-sv-lls > li{width: calc(50% - 5px);}
.m-sv-lls > li > a{display: flex; align-items: center; height: 58px;  padding: 5px 20px; padding-right: 32px; background: #fff; position: relative; border: 1px solid #e5e5e5; border-radius: 30px;}
.m-sv-lls > li > a > i{display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 8px;}
.m-sv-lls > li > a > span{display: block; width: calc(100% - 34px); font-weight: 500; color: #333; font-size: 18px; line-height: 22px;}
.m-sv-lls > li > a:after{content: ''; position: absolute; width: 15px; height: 12px; right: 15px; top: 50%; margin-top: -6px; background: url(/resources/www/images/main2026/msv_arr.png) right center no-repeat;}

.ms-setting-sw{position: absolute; width: 50px; height: 50px; top: 20px; right: 20px; background: #fff; letter-spacing: -1px; border-radius: 100%;}
.ms-setting-sw:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(/resources/www/images/main2026/msv_setting.png) center center no-repeat;}
.ms-setting-sw > span{position: absolute; left: 50%; bottom: 100%; margin-bottom: 3px; width: max-content; background: #4161c9; font-size: 14px; line-height: 18px; padding: 6px 12px; color: #fff; border-radius: 16px; transform: translateX(-50%);}
.ms-setting-sw > span:after{content: ''; position: absolute; top: 100%; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #4161c9; margin-left: -7px;}
.ms-setting-wp{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 200; overflow-y: auto;}
.ms-setting-wp > div{display: table; width: 100%; height: 100%;  }
.ms-setting-wp > div > section{display: table-cell; vertical-align: middle; padding: 50px 0;}
.ms-setting{background: #fff; padding: 40px 5% 50px; position: relative; border-radius: 120px 50px 50px;}
.ms-setting .ti-bx{text-align: center; margin-bottom: 30px;}
.ms-setting .ti-bx h3{ font-family: 'RiaSans'; font-size: 36px; line-height: 40px; color: #222; margin-bottom: 5px;}
.ms-setting .ti-bx h3 > span{color: #4161c9;}
.ms-setting .ti-bx > p{font-size: 17px; line-height: 22px; color: #555;}
.ms-setting-ls{display: flex; flex-wrap: wrap; gap: 10px;}
.ms-setting-ls > li{width: calc(20% - 8px);}
.ms-setting-ls > li > a{display: flex; align-items: center; height: 60px;  padding: 5px 15px; padding-right: 36px; background: #fff; position: relative; border: 1px solid #e5e5e5; border-radius: 30px;}
.ms-setting-ls > li > a > i{display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 8px;}
.ms-setting-ls > li > a > span{display: block; width: calc(100% - 34px); font-weight: 500; color: #333; font-size: 18px; line-height: 22px;}
.ms-setting-ls > li > a.on{border: 2px solid #4161c9; }
.ms-setting-ls > li > a.on:after{content: ''; position: absolute; right: 10px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: url(/resources/www/images/main2026/msv_cki.png) no-repeat; background-size: 100%;}
.mv-sbt{text-align: center; margin-top: 30px;}
.mv-sbt > a{display: inline-block; margin: 2px; font-weight: 600; width: 110px; text-align: center; font-size: 17px; line-height: 22px; color: #fff; padding: 10px 0; background: #4161c9;  border-radius: 25px;}
.mv-sbt > a.co1{background: #7f7f7f;}
.msv-close{position: absolute; top: -30px; right: 5.1%; border: 10px solid #fff;     background: #fff; border-radius: 100%;}

.m-sec3{padding: 40px 0; background: linear-gradient(to bottom, #fff, #eef0f8);}
.m-sec3 > .wid{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-sec3 h2{font-family: 'RiaSans'; font-weight: 400; font-size: 26px; line-height: 30px; color: #333; width: 213px; background: url(/resources/www/images/main2026/sc3_tibg.png) 0 bottom no-repeat; margin-bottom: 15px;}

.sc3-cbx{width: calc(95% - 473px); position: relative;}
.sc3-tab{display: flex; gap: 20px; padding: 3px 0; margin-bottom: 20px;}
.sc3-tab > li > a{display: block; font-weight: 500; font-size: 20px; line-height: 24px; padding: 0 8px; position: relative; z-index: 1;}
.sc3-tab > li > a img{vertical-align: top; margin-top: 4px;}
.sc3-tab > li.on > a{font-weight: 700; }
.sc3-tab > li.on > a:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: #c8e8ff; border-radius: 10px; z-index: -1;}
.sc3-tab > li.on > a:after{content: ''; position: absolute; right: -4px; bottom: 100%; width: 8px; height: 8px; background: #4268e3; border-radius: 100%;}
.sc3-cwp{height: calc(100% - 50px);}
.sc3-cwp div{height: 100%;}
.sc3-tbc{margin: 0 -10px;}
.sc3-sld .slick-slide{margin: 0 10px;}
.sc3-u{display: block; height: 100%; padding: 45px 20px; position: relative; background: url(/resources/www/images/main2026/sc3_slu_bg.png) center 110% no-repeat #fff; border: 1px solid #e5e5e5; border-radius: 20px;}
.sc3-u .label-new{position:absolute;right:10px;top:10px;padding:2px 5px;font-size:11px;line-height:14px;font-weight:600;color:#fff;background:#ff5c03;border-radius:8px;}
.sc3-u .ti{font-size: 22px; line-height: 26px; color: #111; font-weight: 600; height: 52px; margin-bottom: 10px; overflow: hidden;  display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.sc3-u .inf{font-size: 18px; line-height: 22px; color: #111;  height: 44px; overflow: hidden; display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.sc3-u .da{position: absolute; left: 50%; bottom: 30px; width: 100px; height: 100px; background: #4161c9; color: #fff; line-height: 1;  margin-left: -50px; border-radius: 50%; padding-top: 20px; text-align: center;}
.sc3-u .da > b{display: block; font-weight: 700; font-size: 30px; margin-bottom: 4px;}
.sc3-u .da > span{display: block; font-size: 18px;}
.sc3-cwp div.sc3-sbt{height: auto;}
.sc3-sbt{position: absolute; top: -5px; right: 0; display: flex; align-items: center; gap: 10px; }
.sc3-sbt .arr{display: flex; align-items: center;}
.sc3-sbt .arr a{font-size: 0; width: 22px; height: 22px; background: center center no-repeat;}
.sc3-sbt .arr a.prev{    background-image: url(/resources/www/images/main2026/main_banner_prev.png);}
.sc3-sbt .arr a.next{    background-image: url(/resources/www/images/main2026/main_banner_next.png);}
.sc3-sbt .arr i{display: block; width: 1px;    height: 16px;    background: #989898; margin: 0 10px;}
.sc3-tbc .more{display: block; width: 40px; height: 40px; background: url(/resources/www/images/main2026/CustomerService_moreBtn.png) center center no-repeat; font-size: 0; border-radius: 100%;}
.sc3-news-bx{width: 260px;}
.sc3-news-bx h3{font-family: 'RiaSans'; font-size: 26px; line-height: 30px; color: #333; text-align: center; margin-bottom: 20px;}
.sc3-news img{width: 100%; vertical-align: top; border-radius: 30px;}


.m-sec4{background: #eef0f8; padding: 40px 0;}
.gy-fcs{padding: 30px; background: #fff; border-radius: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}

/*  2026/7/16  */
.gy-fcs .ti-ls{width: 28.35%;}
.gy-fcs .ti-ls{display: flex; flex-wrap: wrap; flex-direction: column; gap: 6px;  position: relative;}
.gy-fcs .ti-ls h2{    font-family: 'RiaSans';     color: #333;    font-size: 26px; line-height: 30px; padding: 5px 0; margin-bottom: 5px;}
.gy-fcs .ti-ls .ti > p{font-weight: 500; color: #767676; font-size: 16px; line-height: 20px;}
.gy-fcs .ti-ls > div{height: 28%; flex-grow: 1;}
.gy-fcs .ti-ls .more{position: absolute; top: 0; left: 150px; font-size: 0; width: 40px; height: 40px; background: url(/resources/www/images/main2026/CustomerService_moreBtn.png) center center no-repeat;}
.fcs-ls > a{height: 100%; padding: 5px 20px; background: #f4f5fb; border-radius: 15px; display: flex; flex-direction: column; justify-content: center; gap: 6px;}
.fcs-ls > a > div{font-weight: 700; color: #252832; font-size: 18px; line-height: 22px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.fcs-ls > a > span {display: block; font-weight: 500; color: #4f5052; font-size: 16px; line-height: 20px; padding-left: 20px; background: url(/resources/www/images/main2026/CustomerService_timeBg.png) 0 center no-repeat;}
.gy-fcs .vtb-bx{display:flex; padding: 9px; border: 1px solid #e5e5e5; border-radius: 25px;}
.gy-fcs .vtb-bx > a{display: flex; flex-direction: column; justify-content: space-between; width: 100%;}
.vtb-bx .ph{ width: 100%; padding-bottom: 57%; font-size: 0; background: center center no-repeat; background-size: cover; border-radius: 22px;}
.vtb-bx .ti{ padding: 0 8px; height: 40px; font-weight: 700; color: #000; font-size: 15px; line-height: 20px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.vtb-bx .ic{padding: 0 8px;}
.vtb-flbx{width: 37.35%;}
.vtb-flbx > a{display: block; height: 100%; font-size: 0;}
.vtb-flbx > a > i{display: block; font-size: 0; height: 100%; background: center center no-repeat; background-size: cover; border-radius: 22px;}
.sc4-bn-wp{width: 28.35%;}
/* // 2026/7/16  */

.sc4-bn-bx{position: relative;}
.sc4-bn img{width: 100%; vertical-align: top; border-radius: 25px;}
@media screen and (min-width: 769px) {
.sld-ctr.sc4-bct{padding: 10px 20px;}
}

.m-sec5{background:#eef1f7; padding: 40px 0 100px;}
.consult-link{margin-bottom: 50px;}
.consult-link .titBox{text-align: center;margin-bottom: 33px;}
.consult-link .titBox h3 {font-size: 37px;line-height: 50px;font-weight: 700;color: #333333;margin-bottom: 6px;font-family: 'RiaSans';}
.consult-link .titBox p{font-size: 16px;line-height: 30px;font-weight: bold;color: #767676;}
.consult-link .consult-list:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.consult-link .consult-list li{float:left;width:24%;margin:0 1.33% 0 0;background:#fff;border-radius: 20px;box-shadow:0 2px 8px rgba(25,35,60,0.04);}
.consult-link .consult-list li:last-child{margin-right:0;}
.consult-link .consult-list li a{position:relative;display:block;width:100%;padding: 49px 20px 49px 109px;color:#222;font-size: 19px;line-height: 23px;font-weight:600;letter-spacing: -1px;}
.consult-link .consult-list li a:before{content:"";position:absolute;left: 16px;top: calc(50% - 41px);width: 82px;height: 82px;border-radius:50%;}
.consult-link .consult-list li.kakao a:before{background:#fff6c9 url("/resources/www/images/main2026/CustomerService_imgC1_talk.png") no-repeat center center;}
.consult-link .consult-list li.message a:before{background:#fff0e8 url("/resources/www/images/main2026/CustomerService_imgC2_mail.png") no-repeat center center;}
.consult-link .consult-list li.phone a:before{background:#fff0f6 url("/resources/www/images/main2026/CustomerService_imgC3_phone.png") no-repeat center center;}
.consult-link .consult-list li.info a:before{background:#e8fff3 url("/resources/www/images/main2026/CustomerService_imgC4_file.png") no-repeat center center;}
.consult-link .consult-list li a:after{content:"";position:absolute;right: 16px;top: 16px;width: 18px;height: 18px;background:url("/resources/www/images/main2026/CustomerService_icoE.png") no-repeat left top;}

.share-banner {position: relative;width: 100%;padding: 0 43px;border-radius: 20px 70px;background: url(/resources/www/images/main2026/CustomerService_bg1.jpg) no-repeat center top;background-size: cover;overflow: hidden;}
.share-banner:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.share-banner .share-text-box {float: left;width: 510px;padding: 47px 0 60px 0;position: relative;}
.share-banner .share-text-box:after {content: '';width: 220px;height: 172px;display: block;background: url(/resources/www/images/main2026/CustomerService_bg2.png) no-repeat left top;position: absolute;right: 0;bottom: 0;}
.share-banner .share-text-box p {font-size: 35px;font-weight: 600;line-height: 45px;color: #ffffff;letter-spacing: -1px;font-family: 'RiaSans';}
.share-banner .share-text-box p u{color: #c4daff;text-decoration: none; display: inline-block;}
.share-banner .share-text-box span {display: block;margin: 14px 0 0 0;font-size: 17px;line-height: 23px;font-weight: 400;color: rgba(255,255,255,0.9);}
.share-banner .share-link-list {float: right;margin: 55px 0 0 0;}
.share-banner .share-link-list:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.share-banner .share-link-list li a {display: block;}
.share-banner .share-link-list li {float: left;margin: 5px 9px;}



@media screen and (max-width:1430px) {
.share-banner .share-text-box{width: 432px;}
.share-banner .share-text-box:after{width: 128px;height: 100px;background: url(/resources/www/images/main2026/CustomerService_bg2.png) no-repeat left top;background-size: 100% auto;}
.consult-link .consult-list li a:before{width: 60px; height: 60px; left: 16px;top: calc(50% - 30px);}
.consult-link .consult-list li a{padding: 34px 50px 29px 89px;}
.consult-link .consult-list li a:after{top: 33px;}
}
@media screen and (max-width:1260px) {
.weather-lk{padding: 5px 10px;}
.weather-lk:before{width: 31px; height: 31px; margin-right: 5px;}
.weather-lk > span{letter-spacing: -1px;}

/* 2026/7/16 */
.myr{padding-top: 35px;}
.myr .live-lk{padding: 8px 15px; right: 235px; border-radius: 8px 18px 18px;}
.myr .live-lk:before{width: 30px; height: 30px; background-size: 100%;}
.myr .live-lk > span{font-size: 14px; line-height: 16px; width: 56px;}
.myr .bt{width: 180px; padding: 10px 15px;}
.myr .bt:before{width: 32px; height: 28px; background-size: 100%;}
.myr .bt > span{font-size: 18px; line-height: 22px;}
/* // 2026/7/16 */

.m-service-bx{padding-top: 70px;}
.m-sv-tab a{height: 40px; font-size: 14px; line-height: 18px; letter-spacing: -1px;}
.m-service h2{width: 172px; font-size: 21px; background-size: 100%;}
.m-sv-cw{width: calc(97% - 172px);}
.m-sv-lls{max-height: 162px;}
.m-sv-lls > li > a{height: 45px; padding: 5px 10px; padding-right: 22px;}
.m-sv-lls > li > a > span{font-size: 14px; line-height: 18px; letter-spacing: -1px;}
.m-sv-lls > li > a:after{width: 12px; height: 8px; background-size: 100%; right: 10px;}
.ms-setting-sw{width: 40px; height: 40px;}
.ms-setting-sw:before{background-size: 23px;}
.ms-setting-sw > span{font-size: 12px; line-height: 16px; padding: 5px 10px;}

.m-sec3 h2{width: 100%; background: none; margin-bottom: 30px; text-align: center;}
.sc3-cbx{width: calc(98% - 260px); }

/* 2026/7/16 */
.gy-fcs .ti-ls{width: 100%;     flex-direction: row; justify-content: space-between; gap: 0; margin-bottom: 20px;}
.gy-fcs .ti-ls > div{height: auto; width: 32%; flex-grow: 0;}
.fcs-ls > a{padding: 20px;}
.vtb-flbx{width: 56%; }
.sc4-bn-wp{width: 42%; }
/* // 2026/7/16 */

.share-banner{padding: 25px 25px;}
.share-banner .share-text-box{float:none;padding: 5px 0 10px 0;margin: 0 auto;}
.share-banner .share-link-list{float:none;text-align: center;margin: 16px 0 0 0;}
.share-banner .share-link-list li{float: none;display: inline-block;margin: 3px 3px;}
.consult-link .consult-list li{width: calc(50% - 10px);margin: 5px 5px;}
}

@media screen and (max-width: 1200px) {
.wlc-qlk{ justify-content: center;}
.wlc-tx{width: auto; height: 72px; background-size: 70px; padding-left: 80px; margin-bottom: 20px;}
.qlk-bx{width: 100%;}
.qlk-bx a{width: 15.5%;}

/* .myr .bt{width: 220px;} */
.myr .ph .tx1{padding: 15px; font-size: 18px; line-height: 22px;}
.myr-bx .lk > a:before{height: 27px; background-size: 27px; margin-bottom: 4px;}
.myr-bx .lk > a > span{font-size: 14px; line-height: 16px; height: 32px;}

.ms-setting-ls > li{width: calc(33.33% - 7px);}
}

@media screen and (max-width:1024px) {
.myr .bt{width: 180px; padding: 10px 15px;}
.myr .bt:before{width: 32px; height: 28px; background-size: 100%;}
.myr .bt > span{font-size: 18px; line-height: 22px;}
.weather-lk{display: none;}
.mc-sr-bx{width: 100%;}

.sc3-tab{gap: 10px;}
.sc3-tab > li > a{padding: 0 5px; font-size: 18px; letter-spacing: -1px;}
.sc3-sbt{gap: 5px;}
.sc3-sbt .arr i{margin: 0 5px;}

.focus-part .boxLeft{width:100%;margin-bottom:20px;}
.focus-part .boxCenter{width:100%;margin-bottom:20px;}
.focus-part .boxRight{width: 50%;margin-bottom:0px;}
.focus-news .focus-list li a p{ -webkit-line-clamp: 1;height: 26px;}
.youtube-card-box .youtube-list li a span{-webkit-line-clamp: 1;height: 22px;}
}

@media screen and (max-width: 1000px) {
.wea-sr{display: none;}
.wlc-tx{display: block; height: auto; padding: 0; background: none; width: 100%; text-align: center; font-size: 26px; line-height: 30px;}
.mc-sr-bx{margin-bottom: 20px; padding-bottom: 40px;}
.mc-search .kw{position: absolute; left: 0; right: 0; top: 100%; width: auto; margin-top: 15px;     justify-content: center; gap: 5px 15px;}
.mc-search{padding: 5px 45px; padding-right: 60px;}
.mc-search:before{width: 70px; height: 77px; background-size: 100%;     top: -15px;}
.mc-search .srbt{width: 56px; height: 56px;}

.myr-bx{width: 100%; margin-top: 30px;}
.myr{height: 380px; }
.myr .ph{background-size: auto;}
.myr-bx .lk{height: 80px;}
.vsl-wp{width: 100%;}

.ppz-area{width: 100%;}
.m-service-bx{width: 100%; padding: 25px 15px; margin-top: 30px;}
.m-service h2{width: 100%; background: none; text-align: center; margin-bottom: 25px;}
.m-sv-tab{position: static; width: 120px;     flex-direction: column; padding-right: 14px; border-right: 2px solid #e2e7f0;}
.m-sv-tab > a{width: 100%; height: 36px;}
.m-sv-cw{width: calc(100% - 120px); padding-left: 11px;}
.m-sv-lls{max-height: none; height: 220px;}
.m-sv-lls > li > a{height: 46px;}
.ms-setting-sw{right: 15px; }
.ms-setting-ls > li > a{height: 50px; padding: 5px 10px; padding-right: 28px;}
.ms-setting-ls > li > a > i{margin-right: 6px;}
.ms-setting-ls > li > a > span{font-size: 14px; line-height: 18px; letter-spacing: -1px;}
.ms-setting-ls > li > a.on:after{width: 18px; height: 18px; margin-top: -9px; right: 7px;}

}

/* @media screen and (max-width: 900px) {
.gy-fcs{gap: 20px; padding: 25px;}
.gy-fcs > div{width: 100%;}
.gy-fcs .ti-ls{flex-direction: column; gap: 10px; margin: 0;}
.gy-fcs .ti-ls > div{width: 100%;}
.gy-fcs .vtb-bx > a{gap: 10px;}
}
 */

@media screen and (max-width: 800px) {
.qlk-bx .ppl{display: none;}
.qlk-bx a{width: 28%; flex-grow: 1; flex-direction: row;  height: 56px; }
.qlk-bx a:before{width: 30px; margin: 0;}
.qlk-bx a > span{margin-left: 5px; margin-top: 5px;}
.sc3-cbx{width: 100%;}
.sc3-cwp, .sc3-cwp div{height: auto;}
.sc3-u{height: 320px;}
.sc3-news-bx{width: 60%; margin: 30px auto 0;}

/*   2026/7/16 */
.gy-fcs{gap: 20px; padding: 25px;}
.gy-fcs > div{width: 100%;}
.gy-fcs .ti-ls{flex-direction: column; gap: 10px; margin: 0;}
.gy-fcs .ti-ls > div{width: 100%;}
.vtb-flbx > a > i{padding-bottom: 60%;}
/* // 2026/7/16  */
}


@media screen and (max-width:768px) {
.sld-ctr{position: static; padding: 0; background: #fff; justify-content: center; margin-top: 18px;}
.sld-ctr .cnt{color: #111;}
.sld-ctr .arr a.prev, .sld-ctr .arr a.next{display: none !important;}
.sld-ctr .arr .ap{width: 36px; height: 36px; background: #eee; border-radius: 100%;}
.sld-ctr .arr .ap a{width: 100%; height: 100%;  border-radius: 100%; filter: invert(100%);}
.sld-ctr .more{width: 36px; height: 36px; background-color: #434959; border-radius: 100%;}

.share-banner .share-link-list li a{width: 47px;}
.share-banner .share-link-list li a img{width: 100%;}
.share-banner .share-text-box:after{display:none;}
.share-banner .share-text-box{text-align:center;width: 100%;}
.share-banner .share-link-list li{margin: 5px 5px;}
.consult-link .consult-list li{width: calc(100% - 10px);margin: 5px 5px;}
.youtube-card-box .youtube-list li {float: none;width: 100%; margin-bottom:5px; }
.youtube-card-box .youtube-list li a p {height: auto;}
.youtube-card-box .youtube-list li a p img{position: static;width: 100%;}
.focus-part .boxRight{width: 100%;}
}

@media screen and (max-width: 600px) {
.myr .ph{background-size: 55%;}
.ms-setting{border-radius: 90px 30px 30px;}
.ms-setting .ti-bx h3{font-size: 30px; line-height: 34px;}
.ms-setting-ls > li{width: calc(50% - 5px);}

.sc3-cwp div.sc3-sbt{display: none;}
.sc3-tab{gap: 5px;     justify-content: center;}
.sc3-tab > li > a{font-size: 16px; line-height: 18px; padding: 0 3px;}
.sc3-tab > li > a img{width: 12px; margin-top: 2px;}
.sc3-tab > li.on > a:after{width: 6px; height: 6px;}
}
@media screen and (max-width:500px) {
.myr{height: 320px;}
.myr .ph .tx1:after{margin-left: -10px;}
.myr .ph .tx2{width: 32%;}
.myr-bx .lk{height: auto; flex-wrap: wrap;}
.myr-bx .lk > a{width: calc(33.33% - 7px); height: 56px; flex-direction: row; align-items: center; justify-content: flex-start; flex-grow: 0; padding: 10px; border-radius: 10px;}
.myr-bx .lk > a:before{width: 21px; height: 21px; background-size: 21px; margin: 0; margin-right: 5px;}
.myr-bx .lk > a > span{height: auto; text-align: left; width: calc(100% - 26px);}
.myr-bx .lk > a > span br{display: none;}
.m-sv-lls > li{width: 100%;}
.m-sv-lls > li > a{padding-right: 20px;}
.m-sv-lls > li > a > i{margin-right: 4px;}


.focus-part .boxRight {width: 100%;}
}

@media screen and (max-width: 450px) {
.qlk-bx{gap: 5px;}
.qlk-bx a{height: 46px; border-radius: 15px;}
.qlk-bx a:before{height: 20px; width: 18px; background-size: auto 20px;}
.qlk-bx a > span{margin-top: 2px; margin-left: 3px;  font-size: 14px; line-height: 20px;}

/* 2026/7/16 */
.myr .live-lk{right: 210px;}
.myr .bt{right: 30px; width: 170px;}
.myr .ph{border-radius: 30px 70px 30px 30px;}
.myr .ph .tx1{font-size: 16px; line-height: 20px; letter-spacing: -1px; width: 45%; }
/* // 2026/7/16 */

.sc3-tab{flex-wrap: wrap; }
.sc3-tab > li{width: 28%; flex-grow: 1; text-align: center;}
.sc3-tab > li > a{display: inline-block;}
.sc3-news-bx{width: 260px;}

.gy-fcs{gap: 20px; padding: 30px 15px 20px;}
}

@media screen and (max-width: 370px) {
.mc-search input[type="text"]{font-size: 18px; letter-spacing: -1px;}

/* 2026/7/16 */
.myr .live-lk{right: auto; left: 5px;}
.myr .bt{right: auto; left: 130px; width: 150px;}
.myr .bt:before{width: 28px; margin-right: 5px;}
.myr .bt:after{right: 14px;}
.myr-bx .lk > a{padding: 8px; letter-spacing: -1px;}
/* // 2026/7/16 */

.ms-setting{padding: 40px 4% 30px;}
.ms-setting .ti-bx h3{font-size: 26px; line-height: 30px;}
}

.vsl-ls, .vsl-ls div{height: 100%; font-size: 0;}
.vsl-ls .item{display: block; height: 100%; font-size: 0;}
.vsl-ls .item .ph{font-size: 0; padding-bottom: 52.5%; background: center center no-repeat; background-size: cover; border-radius: 30px;}
.ppz-sl,  .ppz-sl div{height: 100%; font-size: 0;}
.ppz-sl .item{display: block; height: 100%; font-size: 0;}
.ppz-sl .item .ph{font-size: 0; padding-bottom: 62.5%; background: center center no-repeat; background-size: cover; border-radius: 30px;}
.sc4-bn, .sc4-bn div{height: 100%; font-size: 0;}
.sc4-bn .slick-slide a{display: block; height: 100%;}
.sc4-bn .slick-slide .ph{padding-bottom: 79%; background: center center no-repeat; background-size: cover; border-radius: 30px;}

@media screen and (max-width:1260px){
.myr .live-lk > span{letter-spacing: -1px;}
}