@charset "utf-8";

/*건너뛰기 메뉴 정의*/
#skip{height:0;}
#skip a{display:block;position:absolute;left:-6000px;top:-6000px; width:100%;height:50px;line-height:50px; color:#fff;text-align:center;background:#000;z-index:99999;}
#skip a:focus, #skip a:active{left:0;top:0}

/*레이아웃*/
.layout {position:relative;max-width:1200px;margin:0 auto}
#wrap {width:100%;min-width:320px;overflow:hidden}

#header {position:relative;top:0;left:0;width:100%;z-index:98;height:86px;background:#fff;transition:background .3s;-webkit-transition:background .3s;}
#header:before {position:absolute;top:86px;left:0;width:100%;height:0;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;content:'';opacity:0;transition:opacity .3s, height .3s;-webkit-transition:opacity .3s, height .3s;}
#header .header-wrap {position:relative;height:100%;line-height:86px;margin:auto;width:100%;padding:0}
#header .logo {position:absolute;top:20px;left:0px;width:199px}
#header .logo > a {display:block;width:100%;height:46px;line-height:0;font-size:0;text-indent:-9999px;background:url("/resource/images/kcall_logo.png") no-repeat 0 0}
/* #header #gnb {display:block;height:86px;padding:0 0 0 220px;width:calc(100% - 455px)}백업(100% - 430px) */
#header #gnb {display:block;height:86px;padding:0 0 0 290px;width:calc(100% - 455px)}/* 20251001 지식재산처 승격으로 메뉴 간격 조절함*/
/* #header #gnb .th1 {float:left;font-size:1rem;width:20%;color:#333;letter-spacing:-.05rem;} */
#header #gnb .th1 {float:left;font-size:1rem;width:16.5%;color:#333;letter-spacing:-.05rem;}
#header #gnb .th1 > a {position:relative;display:inline-block;text-align:center;width:100%;font-weight:500;line-height:86px}
#header #gnb .th1 > a > span {position:relative;display:block;}
#header #gnb .th1 > a > span:before {position:absolute;z-index:1;bottom:-4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:0;height:3px;background:#164299;content:'';opacity:0;transition:width .3s, opacity .3s;-webkit-transition:width .3s, opacity .3s;}
#header.active #gnb .th1 > a:hover > span:before,
#header.active #gnb .th1 > a:focus > span:before,
#header.active #gnb .th1.active > a > span:before {width:100%;opacity:1;}
#header #gnb .th1 > a:hover > span,
#header #gnb .th1 > a:focus > span,
#header #gnb .th1.active > a > span {color:#164299}
#header #gnb .th1.on > a > span {color:#164299}
#header #gnb .th1.on > a > span:after {content:"";background:transparent;border-top:1px solid #164299;border-bottom:1px solid #164299;width:80%;height:36px;position:absolute;top:24px;left:10%;box-sizing:border-box}

#header #gnb .depth2 {position:relative;overflow:hidden;margin:0 !important;opacity:0;width:100%;height:0;border-left:1px solid #ddd;transition:opacity .3s, height .3s;-webkit-transition:opacity .3s, height .3s}
#header #gnb .th1:last-of-type .depth2 {border-right:1px solid #ddd;}
#header #gnb .th2 {color:#767676;text-align:center;line-height:2;font-size:.93rem;transition:color .3s;-webkit-transition:color.3s;}
#header #gnb .th2 > a > span {position:relative;display:inline-block;}
#header #gnb .th2 > a > span:before {position:absolute;bottom:8px;left:0;width:0;height:1px;background:#666;content:'';-webkit-transition:width .3s;transition:width .3s;}
#header #gnb .th2:hover,
#header #gnb .th2:focus,
#header #gnb .th2.active {color:#164299;text-decoration:underline}
#header #gnb .th2:hover > a > span:before,
#header #gnb .th2:focus > a > span:before,
#header #gnb .th2.active > a > span:before{width:100%;}
#header #gnb .depth2.active {background:#f9f9f9}

#header.active {background:#fff;}
#header.active:before {opacity:1;height:260px;}
#header.active:after {opacity:1;height:250px;}
#header.active #gnb .th1 > a {color:#000;}
#header.active #gnb .depth2 {padding-top:10px;opacity:1;height:250px}
#header.active #gnb .th1.active .depth2 {background:#f9f9f9}

#allmenu {position:absolute;top:0;left:0;width:100%;z-index:999;}
#allmenu:before{display:none}
.allmenu-wrap {display:none}
.all-menu-btn > a {font-size:0}

#header .kipo_link {position:absolute;top:0;right:50px}/* right:0 */
#header .kipo_link > a {line-height:85px;color:#333;font-weight:400;font-size:.93rem;vertical-align:middle;border:1px solid #164299;padding:6px 10px}
#header .kipo_link > a + a {margin-left:10px;position:relative}
#header .kipo_link > a:hover {background:#164299;color:#fff}
#header .kipo_link > a img {vertical-align:middle;margin-top:-3px}

#header.fixed {/*position:fixed;z-index:998;-webkit-box-shadow:0px 0px 6px rgba(102, 102, 102, 1);box-shadow:0px 0px 6px rgba(102, 102, 102, 1);*/position:absolute;top:0}

/* 사이트맵 버튼 추가 기능개선 - s*/
.sitemap-btn {position:absolute;top:28px;right:0px;width:22px;height:22px;display:table;vertical-align:middle;text-align:center;font-size:0}
.sitemap-btn > a {display:block;width:25px;height:25px;vertical-align:middle;margin:0 auto}
.sitemap-btn > a > em,
#header.fixed .sitemap-btn > a > em {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:inline-block;width:25px;height:2px;background:#404040}
.sitemap-btn > a > em:before{position:absolute;top:4px;left:0;background:#404040;width:25px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
.sitemap-btn > a > em:after{position:absolute;top:-4px;left:0;background:#404040;width:25px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
.sitemap-btn > a > em:before{transform:translateY(4px);}
.sitemap-btn > a > em:after{transform:translateY(-4px);}
.sitemap-btn > a:hover > em,
#header.fixed .sitemap-btn > a:hover > em {background:#164299}
.sitemap-btn > a:hover > em:before,
.sitemap-btn > a:hover > em:after{width:100%;background:#164299}
/* 사이트맵 버튼 추가 기능개선 - e*/



@media screen and (max-width:1100px){
#header {height:62px}
#header:before {display:none}
#header .header-wrap {padding:0;height:62px}
#header #gnb {display:none}
#header .kipo_link {display:none}
/* 20251001 지식재산처 승격으로 로고 변경 */
/* #header .logo {top:13px;width:154px;left:20px} */
#header .logo {top:13px;width:188px;left:20px}
#header .logo >  a {width:100%;height:34px;background:url("/resource/images/kcall_logo2.png") no-repeat}
.sitemap-btn {display:none}	
.all-menu-btn {position:absolute;top:20px;right:20px;width:22px;height:22px;display:table;vertical-align:middle;text-align:center;font-size:0}
.all-menu-btn > a {display:block;width:27px;height:19px;vertical-align:middle;margin:0 auto}
.all-menu-btn > a > em,
#header.fixed .all-menu-btn > a > em {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:inline-block;width:21px;height:2px;background:#404040;/* transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s; */}
.all-menu-btn > a > em:before{position:absolute;top:4px;left:0;background:#404040;width:21px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
.all-menu-btn > a > em:after{position:absolute;top:-4px;left:0;background:#404040;width:21px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
.all-menu-btn > a > em:before{transform:translateY(4px);}
.all-menu-btn > a > em:after{transform:translateY(-4px);}
.all-menu-btn > a:hover > em:before,
.all-menu-btn > a:hover > em:after{width:100%;}
	
.btn-allmenu-close {position:absolute;top:10px;right:10px;font-size:0;z-index:1;display:inline-block;background:url("../images/m_close.png") no-repeat;width:19px;height:19px}

#allmenu {position:absolute;top:0;left:0;width:100%;z-index:999;}
#allmenu:before{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500%;height:100vh;background:rgba(0,0,0,.5);content:'';z-index: -2;display:none;}
.all-active #allmenu:before{display:block;}
.btn-allmenu {position:relative;width:100%;margin:auto;height:40px}
	
#allmenu {position:fixed;width:80%;left:inherit;right:0;display:none;max-width:500px}
#allmenu:before {position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500%;height:100vh;background:rgba(0,0,0,.5);content:'';display:none;}

.allmenu-gnavigation {display:table;table-layout:fixed;width:100%;padding:0 0 3em}
.allmenu-gnavigation > li.th1 > a{display:block;width:100%;color:#333;font-weight:500;position:relative;padding:.75rem .625rem;font-size:.93rem;}
.allmenu-gnavigation li.th2 > a{position:relative;display:block;width:100%;font-weight:400;color:#333;padding:.5rem 0;font-size:.875rem;}
.allmenu-gnavigation li.th2 > a > span{position:relative;z-index:1;}
.allmenu-gnavigation li.th2 > a:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-.5rem;width:0;height:100%;background:#164299;content:'';-webkit-transition:width .3s;transition:width .3s;}
.allmenu-gnavigation li.th2 > a:hover > span,
.allmenu-gnavigation li.th2.active > a > span{color:#fff;}
.allmenu-gnavigation li.th2 > a:hover:before,
.allmenu-gnavigation li.th2.active > a:before{width:calc(100% + .5rem);}
.allmenu-gnavigation li.th2 > a:hover {text-decoration:underline}
.all-active .allmenu-wrap{position:relative;z-index:1;background:#fff;display:block;-webkit-box-shadow:0px 5px 5px 1px rgba(0, 0, 0, 0.02);box-shadow:0px 5px 5px 1px rgba(0, 0, 0, 0.02);}
	
.allmenu-gnavigation > li:last-of-type{border-right:0;border-bottom:1px solid #e4e7ed;}
.all-active {overflow-y:hidden;}
.all-active #allmenu,
.all-active #allmenu:before{display:block;}
.all-active .allmenu-wrap {position:relative;height:100vh;background:#fff;z-index:1;-webkit-box-shadow:none;box-shadow:none;}
.allmenu-gnav-wrap{overflow-y:auto;overflow-x:hidden;position:absolute;top:40px;bottom:0}
.allmenu-gnavigation {padding:0}
.allmenu-gnavigation > li{display:block;vertical-align:inherit;border:0;border-top:1px solid #e4e7ed;padding:0;}

.allmenu-gnavigation > li.th1 > a:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:100%;background:#164299;content:'';-webkit-transition:width .3s;transition:width .3s;z-index:-1;display:none;}
/*.allmenu-gnavigation > li.th1.active > a:after{content:'\e944';color:#fff;}*/
.allmenu-gnavigation > li.th1.active > a{color:#fff;}
.allmenu-gnavigation > li.th1.active > a:before{display:block;}
.allmenu-gnavigation li.th2 > a:before{display:none;}
.allmenu-gnavigation li.th2 > a:hover > span, .allmenu-gnavigation li.th2.active > a > span{color:#000;}
.allmenu-gnavigation > li .depth2{padding:.75rem 1.125rem;display:none;}
.allmenu-gnavigation > li.th1.active .depth2 {display:block;}
	
.kipo_link2 {position:relative;padding:20px 5px 30px;overflow:hidden}
.kipo_link2 > a {color:#333;font-weight:400;font-size:.93rem;vertical-align:middle;border:1px solid #164299;padding:6px 0;width:43%;display:block;float:left;text-align:center;margin:0 3%}
.kipo_link2 > a:hover {background:#164299;color:#fff}
.kipo_link2 > a img {vertical-align:middle;margin-top:-3px}
}

#snb {position:relative;margin-top:86px;height:70px;background-color:rgb(22, 66, 153);text-align:center}
#snb .nav {position:relative;max-width:1200px;height:70px;margin:auto;color:#fff;width:100%;background-color:rgb(22, 66, 153);z-index:2;}
#snb .nav:after {content:'';clear:both;display:block;overflow:hidden}
#snb .nav > *{float:left}
#snb .nav .home {position:relative;width:70px;height:70px;line-height:70px;font-size:0;text-indent:-9999px;background:url("/resource/images/ico_home.png") no-repeat 50% 50%;background-color:rgba(0, 0, 0, 0.2);transition:all 0.2s ease 0s}
#snb .nav .home:hover,#snb .nav .home:focus {background-color:rgba(0, 0, 0, 0.3)}
#snb .nav .submenu {position:relative;min-width:280px}  /* 기본값백업 min-width:260px */
#snb .nav .submenu:after {content:"";display:block;position:absolute;top:0px;bottom:0px;right:0px;background-color:rgba(255, 255, 255, 0.2);width:1px;height:42px;margin:auto}
#snb .nav .submenu > button {position:relative;padding:0 25px;width:100%;height:70px;line-height:70px;font-size:1em;text-align:left;background-color:rgb(22, 66, 153);color:#fff;outline:none}
#snb .nav .submenu > button:after {content:'';position:absolute;top:calc(50% - 14px);right:20px;background:rgba(0, 0, 0, 0.3) url("/resource/images/ico_down.png") no-repeat 0 0;border-radius:50%;width:29px;height:29px;transition:opacity .1s}
#snb .nav .submenu > button:hover:after,#snb .submenu > button:focus:after {}
#snb .nav .submenu > button:focus:after {transform:rotate(180deg);}
#snb .nav .submenu > button:hover,#snb .submenu > button:focus {color:#fff;background:#2957b1}
#snb .nav .submenu > div {display:none;position:absolute;top:70px;width:100%;height:auto;border:1px solid #ccc;box-sizing:border-box}
#snb .nav .submenu ul {position:relative;padding:10px 0;background:#fff;z-index:1}
#snb .nav .submenu li a {display:block;padding:5px 25px;}
#snb .nav .submenu li a:hover, #snb .nav .submenu li a:focus, #snb .nav .submenu li a:active {color:#164299}

.snb_btn {float:right;overflow:hidden}
.snb_btn a {display:block;font-size:0;text-indent:-9999px;background:url("/resource/images/ico_print.png") no-repeat 0 0;width:24px;height:20px;opacity:0.7;position:absolute;right:30px;top:calc(50% - 10px)}
.snb_btn a:hover, .snb_btn a:focus {opacity:1}


@media all and (max-width:1200px){
.main_top .layout .mt_bar .mt_banner {width:580px}
}

@media all and (max-width:1100px){
#snb {margin-top:62px;height:58px}	
#snb .nav {height:58px}
#snb .nav .home {width:58px;height:58px;line-height:58px}
#snb .nav .submenu {position:relative;min-width:260px}
#snb .nav .submenu > button {height:58px;line-height:58px;font-size:0.9em;padding:0 20px}
#snb .nav .submenu > div {top:58px}	
.main_top .layout .mt_bar .mt_banner{width: 530px}
}

@media all and (max-width:640px){
#header .logo {left:10px}
.all-menu-btn {right:10px}
	
#snb .nav .d01 {display:none}
	
#snb .nav .submenu {position:relative;min-width:inherit;width:calc(100% - 58px)}
#snb .nav .submenu:after {display:none}

#snb .nav .submenu > button:after {right:10px}
#snb .nav .submenu > div {display:none;width:calc(100% - 1px)}
	.snb_btn {display:none}
}

#container{display:block;width:100%}
#footer {overflow:visible}
#footer:after {display:block;content:"";clear:both}
#footer .footer_top {background-color:rgb(255,255,255);border-top:1px solid rgb(225,225,225);border-bottom:1px solid rgb(225,225,225);padding:15px 0}
#footer .footer_top:after {display:block;content:"";clear:both}
#footer .footer_top .ft_list {overflow:hidden;float:left}
#footer .footer_top .ft_list li {float:left;padding:0;position:relative}
#footer .footer_top .ft_list li a {color:rgb(105,105,105);margin:0 16px;font-size:.87em}
#footer .footer_top .ft_list li:nth-child(1) a {color: #164299; font-size: 0.94em;} /* 20230912 산업정보시스템과 이상아 주무관 요청 색상 변경 */
#footer .footer_top .ft_list li a:hover {text-decoration:underline}
#footer .footer_top .ft_list li:after {content:"";display:block;position:absolute;top:6px;right:0px;background-color:rgb(225,225,225);width:1px;height:12px}
#footer .footer_top .ft_list li:last-child:after {display:none}
#footer .footer_bottom {padding:20px 0;position:relative}
/* 20251001 지식재산처 승격으로 로고 변경  */
/* #footer .footer_bottom .footer_logo {position:absolute;top:2px;left:16px;width:240px;height:50px;background:url("/resource/images/f_klogo.png?v=2025052201") no-repeat} */
#footer .footer_bottom .footer_logo {position:absolute;top:2px;left:16px;width:255px;height:50px;background:url("/resource/images/f_klogo.png?v=2025052201") no-repeat}
/* 20251001 지식재산처 승격으로 로고 변경  */
/* #footer .footer_bottom address {position:relative;padding-left:240px} */
#footer .footer_bottom address {position:relative;padding-left:300px}
#footer .footer_bottom p {color:rgb(153,153,153);font-size:.87em;line-height:1.5}
#footer .footer_bottom p.copy {font-family:Tahoma;color:rgb(188,188,188);font-size:11px;letter-spacing:0}

@media all and (max-width:640px) {
#footer .footer_top {padding:10px;text-align:center}
#footer .footer_top .ft_list {overflow:hidden;float:inherit}
#footer .footer_top .ft_list li {float:inherit;padding:2px 0;display:inline-block}
#footer .footer_top .ft_list li a {margin:0 8px 0 4px;font-size:.8em}
#footer .footer_top .ft_list li:after {top:8px}
#footer .footer_top .ft_list li:nth-child(3):after {display:none}
#footer .footer_bottom {padding:20px}
#footer .footer_bottom .footer_logo {display:none}
#footer .footer_bottom address {padding-left:0}
#footer .footer_bottom p {text-align:center;font-size:.8em}	
}

.main_top {position:relative;margin-bottom:60px}
.main_top .main_bg {height:404px;position:relative;background:rgb(54,101,193) url("../images/grt_pttrn.png") no-repeat top center;margin-top:86px}
.main_top .layout .mt_bg {background:url("../images/img_01.png") no-repeat;width:241px;height:206px;position:absolute;left:200px;bottom:0}
.main_top .layout .mt_txt {background:url("../images/img_00.png") no-repeat;width:43px;height:68px;position:absolute;left:200px;top:180px}
.main_top .layout .mt_bar {position:absolute;top:50px;left:0;width:100%;overflow:hidden;height:306px}
.main_top .layout .mt_bar > strong {display:block;position:absolute;top:40px;left:10%;color:#fff;font-size:2em;text-align:right;line-height:40px;font-weight:500}
.main_top .layout .mt_bar > strong em {color:#36d8f9;font-style:normal}
.main_top .layout .mt_bar .mt_banner {position:absolute;top:0;left:50%;overflow:hidden}
.main_top .layout .mt_bar .mt_banner .mt_link {display:block;width:100%;height:306px;overflow:hidden;background:rgba(255, 255, 255, 0.16);border:1px solid rgba(155, 178, 224, 0.5);box-sizing:border-box}
.main_top .layout .mt_bar .mt_banner .mt_link li {width:25%;height:120px;float:left;display:table;padding:0;text-align:center;margin-bottom:20px;position:relative}
.main_top .layout .mt_bar .mt_banner .mt_link li a {display:table-cell;vertical-align:bottom;font-size:.95em;color:#fff}
.main_top .layout .mt_bar .mt_banner .mt_link li a:hover {text-decoration:underline}
.main_top .layout .mt_bar .mt_banner .mt_link li a:after {content:'';position:absolute;top:20px;left:calc(50% - 60px);background:rgba(22, 66, 153, 0);border-radius:50%;width:120px;height:120px;transition:all 0.2s ease-out 0.1s}
.main_top .layout .mt_bar .mt_banner .mt_link li a:hover:after {background:rgba(22, 66, 153, 0.16)}

/* 특허고객상담센터 현행화 요청 CS관리팀 박소희 요청으로 위치 변경 */
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(1) {background:url("../images/mt_08.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(2) {background:url("../images/mt_04.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(3) {background:url("../images/mt_05.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(4) {background:url("../images/mt_03.png") no-repeat center 30px}/*SR000020194 이재호,허상권 요청 국민비서 챗봇연동 아이콘 추가 및 순서변경 20220411-작업:김보영*/
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(5) {background:url("../images/mt_01.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(6) {background:url("../images/mt_02.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(7) {background:url("../images/mt_06.png") no-repeat center 30px}
.main_top .layout .mt_bar .mt_banner .mt_link li:nth-child(8) {background:url("../images/mt_07.png") no-repeat center 30px} /*모바일에서만 나타나는 폰상담 아이콘 그래서 순번7번*/
.main_top .layout .mt_bar .mt_banner .mt_link li.mt_call {display:none}/*모바일에서만 나타나는 폰상담 아이콘*/

@media all and (max-width:1100px) {
.main_top .main_bg {margin-top:62px}	
}

@media all and (max-width:1000px) {
.main_top {margin-bottom:40px}
.main_top .main_bg {height:440px;background-position:top -26% right 13%}
.main_top .layout .mt_bg {display:none}
.main_top .layout .mt_txt {width:24px;height:37px;position:absolute;left:calc(50% - 126px);top:20px;background-size:contain}
.main_top .layout .mt_bar {position:absolute;top:20px;left:20px;right:20px;overflow:hidden;height:390px;width:auto}
.main_top .layout .mt_bar > strong {display:block;position:absolute;top:0px;left:0;width:100%;text-align:center;font-size:20px;line-height:normal;padding-left:20px}
.main_top .layout .mt_bar .mt_banner {position:absolute;right:0;width:100%;left:0;top:90px}
}

@media all and (max-width:768px) {
.main_top .layout .mt_bar .mt_banner .mt_link li.mt_call {display:table}
.main_top .layout .mt_bar .mt_banner .mt_link li.mt_pc {display:none}
}

@media all and (max-width:576px) {
.main_top {margin-bottom:40px}
.main_top .main_bg {height:700px}
.main_top .layout .mt_bg {display:none}
.main_top .layout .mt_bar {position:absolute;top:20px;left:20px;right:20px;overflow:hidden;height:657px;width:auto}
.main_top .layout .mt_bar > strong {display:block;position:absolute;top:0px;left:0;width:100%;text-align:center;font-size:20px;line-height:normal}
.main_top .layout .mt_bar .mt_banner {position:absolute;right:0;width:100%;left:0;top:80px}
.main_top .layout .mt_bar .mt_banner .mt_link {width:100%;height:564px}
.main_top .layout .mt_bar .mt_banner .mt_link li {width:50%}
}

.main_faq {position:relative;margin-bottom:60px}
.main_faq .title-txt {text-align:center;margin-bottom:20px}
.main_faq .title-txt h2 {font-size:1.6em;font-weight:500;color:rgb(34,34,34)}
.main_faq .title-txt p {font-size:.81em;color:rgb(153,153,153);margin-top:10px}

.faq_slide {width:100%}
.faq_slide .slick-list {overflow:hidden;margin:0 -10px}
.faq_box {display:block;float:left;margin:10px;padding:20px;background-color:rgb(255, 255, 255);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);min-height:160px;box-sizing:border-box;border:2px solid #fff;width:calc(25% - 20px) !important}
.faq_box:hover {border:2px solid #164299}
.faq_box span {display:inline-block;background-color:rgb(255, 255, 255);border:1px solid rgb(153, 153, 153);border-radius:15px;padding:2px 16px;font-size:.81em;box-sizing:border-box;color:rgb(102,102,102);margin-bottom:18px}
.faq_box a {display:block;color:rgb(51,51,51);letter-spacing:-0.12em;line-height:1.5;font-size:.93em}
.faq_box a:hover {text-decoration:underline}
.faq_box.all {background-color:#f5f7fc;border:2px solid #f5f7fc}
.faq_box.all:hover {border:2px solid #164299}
.faq_box.all span {background:#164299;color:#fff;border:1px solid #164299}

.slick-prev {width:24px;height:24px;background:#c0c0c5 url("../images/ico_left.png") no-repeat 50% 50%;font-size:0;text-indent:-9999px;position:absolute;top:-50px;right:50px;left:inherit;display:none !important}
.slick-next {width:24px;height:24px;background:#c0c0c5 url("../images/ico_right.png") no-repeat 50% 50%;font-size:0;text-indent:-9999px;top:-50px;right:20px;left:inherit;display:none !important}

.slick-prev:hover,.slick-prev:focus {background:#a0a0a0 url("../images/ico_left.png") no-repeat 50% 50%}
.slick-next:hover,.slick-next:focus {background:#a0a0a0 url("../images/ico_right.png") no-repeat 50% 50%}


@media all and (max-width:1100px) {
.main_faq {margin-bottom:40px}
.main_faq .title-txt {text-align:left;margin-bottom:10px}
.main_faq .title-txt h2 {font-size:1.3em;position:relative;padding-left:30px}
.main_faq .title-txt h2:before {content:'';position:absolute;top:10px;left:0px;background:#009fdb;width:20px;height:3px}
.main_faq .title-txt p {font-size:.8em;padding-left:30px;margin-top:5px}
.faq_slide {padding:0 16px}
.faq_slide .slick-list {margin:0}
.faq_box {}
.faq_box a {white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.87em}
.slick-prev {display:inline-block !important}
.slick-next {display:inline-block !important}
}
@media all and (max-width:1024px) {
.main_top .layout .mt_bar .mt_banner{width: 490px}
}

@media all and (max-width:1023px) {
.faq_box {margin:5px;padding:15px;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.18);min-height:150px;width:calc(12.5% - 10px) !important}

}



.main_board {position:relative;margin-bottom:60px;height:290px;overflow:hidden}
.main_board .main_bg2 {height:220px;background:rgb(241,242,247);position:absolute;bottom:0;left:0;width:100%}

.main_board .layout .service {width:39%;height:290px;background:#164299 url("../images/img_02.png") no-repeat right bottom;padding:36px;box-sizing:border-box;float:left}
.main_board .layout .service h2 {font-size:1.6em;color:#fff;font-weight:500;letter-spacing:-.03em;margin-bottom:16px}
.main_board .layout .service h2 strong {color:#2ad6f9;font-weight:500}
.main_board .layout .service p {color:#fff;font-size:.87em}
.main_board .layout .service .s_txt {color:#bac2da;font-size:.8em;margin:15px 0;width:63%}
.main_board .layout .service .btn_tel {display:inline-block;background:#fff;text-align:center;font-size:14px;color:#164299;padding:14px 20px;min-width:160px;font-weight:500}

.main_board .layout .issue {width:61%;height:290px;float:left}
.main_board .layout .issue h2 {height:70px;line-height:66px;font-size:1.3em;position:relative;padding-left:20px;font-weight:500;color:#222}
.main_board .layout .issue h2:before {content:'';position:absolute;top:28px;left:-30px;background:#009fdb;width:40px;height:3px}
.main_board .layout .issue h2 .imore {width:24px;height:24px;background:#c0c0c5 url("../images/ico_more.png") no-repeat 50% 50%;font-size:0;text-indent:-9999px;position:absolute;top:18px;right:20px}
.main_board .layout .issue ul {overflow:hidden;margin:30px 10px}
.main_board .layout .issue li {float:left;width:calc(33.3% - 20px);background:#fff;margin:0 10px;padding:20px;box-sizing:border-box;min-height:160px;font-size:15px;border:2px solid #fff;position:relative}
.main_board .layout .issue li:hover {border:2px solid #164299}
.main_board .layout .issue .issue_view {display:block;width:80px;height:30px;background:#888;text-align:center;color:#fff;font-size:.93em;line-height:30px;position:absolute;left:20px;bottom:20px}

.main_board .layout .main_link {position:relative;overflow:hidden;width:100%;border-top:1px solid #fff;display:none}
.main_board .layout .main_link a {width:50%;display:block;float:left;height:60px;line-height:60px;text-align:center;color:#fff;position:relative}
.main_board .layout .main_link a:hover {text-decoration:underline}
.main_board .layout .main_link a:after {content:'';position:absolute;top:calc(50% - 10px);right:20px;background:rgba(255, 255, 255, 0.2) url("/resource/images/ico_arrow.png") no-repeat 50% 50%;border-radius:50%;width:21px;height:21px}
.main_board .layout .main_link a:hover:after {background:rgba(0, 0, 0, 0.2) url("/resource/images/ico_arrow.png") no-repeat 50% 50%}
.main_board .layout .main_link .mlink1 {background:#01ab91}
.main_board .layout .main_link .mlink2 {background:#3665c1}

@media all and (max-width:1100px) {
.main_board .layout .service {width:50%;padding:26px}
.main_board .layout .issue {width:50%}
.main_board .layout .issue h2:before {left:-20px;background:#009fdb;width:30px;height:3px}
.main_board .layout .issue ul {overflow:hidden;margin:10px 20px}
.main_board .layout .issue li {float:inherit;display:block;width:100%;margin:14px 0;padding:10px;min-height:inherit;font-size:.87em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal}
.main_board .layout .issue .issue_view {display:none}
}
@media all and (max-width:993px) {
.main_top .layout .mt_bar .mt_banner{width:100%}	
}
@media all and (max-width:768px) {
.main_board {margin-bottom:0px;height:inherit}
.main_board .main_bg2 {display:none}
.main_board .layout .service {width:100%;height:auto}
.main_board .layout .service h2 {font-size:1.4em;margin-bottom:16px}
.main_board .layout .service .s_txt {width:58%}
.main_board .layout .issue {width:100%;background:rgb(241,242,247);height:inherit}
.main_board .layout .issue h2 {padding-left:30px}
.main_board .layout .issue h2:before {content:'';position:absolute;top:28px;left:0px;background:#009fdb;width:20px;height:3px}
.main_board .layout .issue ul {overflow:hidden;margin:0 20px 20px}
.main_board .layout .issue li {margin:0 0 10px 0}
.main_board .layout .issue li:last-child {margin-bottom:0}
.main_board .layout .main_link {display:block}
.main_top .layout .mt_bar .mt_banner{width:100%}
}
@media all and (max-width:640px) {
.main_board .layout .issue {display:none}
.main_board .layout .service {background:#164299 url("../images/img_02.png") no-repeat right bottom -30px}
}

article {margin-top:30px;margin-bottom:80px}
.c-tit01 {position:relative;margin:30px 0 50px;color:rgb(0, 0, 0);font-size:1.556em;font-weight:500;letter-spacing:-0.05em;line-height:1.2;text-align:center}
.page_con {overflow:hidden;margin-bottom:40px}

@media all and (max-width:1100px) {.ktxt {padding:0 20px}}
@media all and (max-width:768px) {
article {margin-top:20px;margin-bottom:40px}
.c-tit01 {margin:20px;font-size:1.3em;line-height:1.2;text-align:left}
.page_con {overflow:hidden;margin-bottom:30px}
}
@media all and (max-width:576px) {.ktxt {padding:0 10px;margin-bottom:10px}}