.wrap{width:980px; margin:0 auto; height:100%; position: relative;}
.logo{margin:30px 0 16px 0;}

.menu{/* width: 804px; */margin:0 auto;background: #1693E5;height:50px;line-height: 50px;border-radius: 3px;position: relative;}
.menu p{float: left;height:50px; line-height: 50px;}
.menu ul{clear: both; }
.menu p{color: rgba(255, 255, 255, 0.8);width: 196px;text-align: center;font-size: 17px;cursor: default;} /* css수정 20231026 */
.menu p:hover{color: #fff;}
.menu p a{color: rgba(255, 255, 255, 0.8);}
.menu p a:hover{color: #fff; text-decoration: none;}
.menu-color{background:#0A1838; border-radius: 0 3px 3px 0;}
.sub {width:974px; height:220px; padding-top:35px;border:3px solid #1693E5; border-radius: 3px;border-top:none;position: absolute;top:49px; z-index: 9999999999999; background: #fff;}
/* css수정 20231026 시작 */
.sub li{float: left;width:220px;}
.first_menu{padding-left: 38px;}
.second_menu{margin-left:-25px;}
.third_menu{margin-left: -25px;}
/* css수정 20231026 끝 */
.sub li a{display: block; color: rgba(0, 0, 0, 0.8); font-size: 14px; height:30px; line-height: 30px;}
.sub li a:hover{color: #000;}


.jd-slider {position: relative;
            margin: 50px 0;
        }

        .jd-slider .slide-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }
        .jd-slider .slide-area{position: relative;}
        .jd-slider .slide-area > li {margin-top: 34px; width:100%;
            border-left: 0;
            box-sizing: border-box;
            text-align: center;
        }

        .jd-slider .slide-area > li:first-child {
        }        
        .jd-slider .slide-area > li > h1{position: absolute; top:80px; color:#000; width:980px; font-weight: 800; font-size: 40px;}
        .jd-slider .slide-area > li > .first-main{height:1px;float: left;  padding:0 20px 0 140px; width:100px;}
        .jd-slider .slide-area > li > .second-main{display:block; height:1px;float: left;  padding:0 30px 0 120px; width:100px;}
        .jd-slider .slide-area > li > .thirth-main{ height:1px;float: left;  padding:0 20px 0 140px;  width:100px;}
        
        
        .jd-slider .slide-area > li > div > h2{position: absolute; top:220px; color:#000;  font-weight: 800; font-size: 20px;}
        .jd-slider .slide-area > li > div > h2 > a{text-decoration:none;}
        .jd-slider .slide-area > li > div > h2 > span{width:4px; height:4px; margin-right:9px; border-radius:3px;display: inline-block; background: #3AB1FF;}
        .jd-slider .slide-area > li > div > p{position: absolute; top:200px; color:#000;  font-size: 14px;}
        .jd-slider .slide-area > li > h1 >img{display: inline; width:38px; padding-left:16px; }
        
        
        .jd-slider .slide-area > li > a {position: absolute; top:0;
            display: block;
            height: 100px;
            line-height: 100px;
            font-size: 3em;
            font-weight: bold;
            outline: 0;
        }

        .jd-slider .controller {position: absolute;bottom:18px;
            margin: 0 0 0 0; color: transparent;
        }
        .jd-slider .controller img{margin-left: 5px;}
        .prev{padding-left:36px; margin-top:14px;}
        .next{padding-right:36px; margin-top:14px;}
        .jd-slider.slider3 .slide-area > li,
        .jd-slider.slider3-2 .slide-area > li,
        .jd-slider.slider3-3 .slide-area > li {
            width: 50%;
        }

        .jd-slider.slider3 .slide-area > li:nth-child(2),
        .jd-slider.slider3-2 .slide-area > li:nth-child(2),
        .jd-slider.slider3-3 .slide-area > li:nth-child(2) {
            display: block;
        }

        .jd-slider.slider4 .slide-area > li:first-child {
            background-color: #a66;
        }

        .jd-slider.slider4 .slide-area > li:first-child + li {
            background-color: #6a6;
        }

        .jd-slider.slider4 .slide-area > li:first-child + li + li {
            background-color: #66a;
        }

        .jd-slider.slider4 .slide-area > li:first-child + li + li + li {
            background-color: #aaa;
        }
.container {margin-top:47px; }
.container div h1{font-size: 25px;}
.container .service-direct h1{height:30px;}
.container .service-direct{float:left; width:245px; padding-right:80px; }
.container .service-direct ul{ border-bottom: 1px solid #ccc; width:245px;height:110px; display: inline-block; cursor: pointer;}
.container .service-direct ul:last-child{border-bottom: none;}
.container .service-direct ul img{float: left; padding-left: 16px; }
.container .service-direct .direct-img-01{padding-top:33px;}
.container .service-direct .direct-img-02{padding-top:28px;}
.container .service-direct .direct-img-03{padding-top:28px;}
.container .service-direct ul h2{padding-left:91px; font-weight: 800; font-size: 18px; padding-top:33px; }
.container .service-direct ul p{color: rgba(0, 0, 0, 0.5);padding-left:91px; font-weight: 300; font-size: 14px;}
.container .notice-list{float:left; width:257px; padding-right:70px;  }
.container .notice-list h1 span{font-size: 14px; float: right;  line-height: 30px;}
.container .notice-list ul{padding-top:26px; }
.notice-list li{ font-size: 16px; width:255px; clear: both; }
.notice-list li span{margin-top:5px;float:left; color:#fff; width:15px; height:15px;line-height: 15px; text-align:center;  border-radius: 10px; background:#1693E5; font-size: 10px; font-weight: 800; margin-left:20px;  }
.notice-list li span img{}
.notice-list li a{float:left;font-size:16px;white-space: nowrap;
  overflow: hidden;width:220px;padding-bottom: 11.4px;
  text-overflow: ellipsis;}
.right-content{width:327px; float:left;}

.frame {overflow: hidden; position: relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.frame ul li img {width:100%;}
.frame ul li.active { color: #fff; background: #a03232; }
#rolling li img{/*filter: brightness(40%);*/ }
#rolling li{position: relative;}
#rolling li p{position: absolute; top:33px;right:18px; color:#fff; font-size: 12px; }
#rolling li h1{position: absolute; top:48px;right:18px; color:#fff; font-size: 20px; font-weight: 300;}
#rolling li h1 span{color:#61D0FF;}
.pages {
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;
	text-align: right;
}
.pages li {
	display: inline-block;
	width: 7px; height: 7px;
	margin: 0 0 0 7px;
	text-indent: -999px;
	border-radius: 10px;
	background: #C5C5C5;
	cursor: pointer;
	overflow: hidden;
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #0A1838;
}

.sp01 {
	font:18px 'tahoma';
	text-align:center;
	background-color:rgb(231,231,231);
	height:100px;
}

.sp02 {
	font:18px 'tahoma';
	text-align:center;
	background-color:red;
	height:100px;
}

.sp03 {
	font:18px 'tahoma';
	text-align:center;
	background-color:blue;
	height:100px;
}  
.download_btn{margin-top:23px; }
.download_btn button{width:100%; height:52px; color:#fff; background: #0A1838; font-size: 20px;} /* css수정(font-size) 202231026 */
.download_btn button span{color:#50BAFF;}
.right-content .question {width:327px;}
.right-content .question h2{font-weight: 800; font-size: 20px; padding:20px 0 15px 0;}
.right-content .question ul{width:100%;}
.right-content .question li{float: left; width:50%;}
.label-text{font-size: 14px; padding-bottom:6px; padding-top: 3px; }
.tell-number{font-size: 22px; font-weight: 800;  padding-bottom:6px; text-align: right; height:45px;  line-height: 45px;  }
.tell-number01{font-size: 22px; font-weight: 800;  padding-bottom:6px; text-align: right; letter-spacing: 1.2px;height:30px;  line-height: 30px; }
.login-wrap{width:1000px;margin:65px auto;  height:100% !important; margin-bottom:80px; border:2px solid #000;}
.login{width:100%; margin-top: 75px; padding: 0 0;background-color: #fff;}
.login h1{font-size: 40px; color:#000; padding-top: 114px; font-weight: 700; letter-spacing: -2px;}
.login li{display:table;border-bottom:1px solid #000; height:71px; line-height: 71px;width:360px;}
.login input{width:360px; border:none; color:#BCBCBC; font-size: 16px;  margin-left: 10px; padding-top: 3px;}
.login p{font-size: 18px; padding-bottom: 18px; font-weight: 300;}
.login p span{color: #F50000;}
.mt30{margin-top: 30px;}
.mt55{margin-top: 55px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.login-btn{width:370px; height:63px; line-height: 63px; border:none; text-align:center;  background-color: #02247E; color:#fff; font-size: 20px;
	font-weight: 400; 	margin-top:40px; margin-bottom: 57px; }


.footer-wrap{clear: both; padding-top: 42px; display: block; }
.footer{width:980px; margin: 0 auto; clear: both; border-bottom:1px solid #CCCCCC; display: inline-block;}
.footer p{color:#818181; font-size: 24px; font-weight: 800; float: left; }
.footer ul li{float: left; font-size: 14px; margin-right:30px;font-weight: 300; text-align: center; cursor: pointer;  padding-bottom: 16px;} 
.footer ul li a{text-decoration: none;}
.footer span{float: right;}
.footer select{border:1px solid #CCCCCC; height:40px; line-height: 40px; width:197px; font-size: 14px; padding-left: 10px;
-webkit-appearance:none; -moz-appearance:none; appearance:none;background:url(../images/select-arrow.png) no-repeat 95% center; }

.copy{width:980px; margin: 0 auto; padding-top: 14px; display:inline-block;}
.copy .copyl span{display: inline-block; padding-right:12px; }
.copy .copyl{width:78%; float: left; margin-bottom: 100px; font-size: 14px;} 
.copy .copyr{width:20%; float: right; margin-bottom: 100px; }
.copy ul li{float: left;}
.copy ul p{clear: both;}
.copy ul li a{color:#0766e8; text-decoration:underline;}
.individual-text{font-weight: 800 !important; font-size:18px; line-height:1.2;} /* css 수정 20231026 */
#accordian {}
#accordian li{ list-style:none;}
#accordian li >h1{ cursor:pointer;}
#accordian li > ul{ display:none; position: absolute; top:-144px;   height:35px; line-height:35px; }
#accordian li > ul > li{ font-size: 14px; border: 1px solid #ccc; border-bottom:none;  width:170px;background: #fff; padding:0 10px 0 15px;}
#accordian li > ul > li:last-child{border-bottom: 1px solid #ccc;}
#accordian li > ul > li span{font-size: 18px; font-weight: 800; float: left; color:#000; display: block; height:100%; }
.ico_ar{display:inline-block;}

.faq{ position: relative;}
.faq th{text-align:left; border-bottom: 1px solid #ccc; padding:25px 30px 25px 10px; font-size: 18px; font-weight: 800;}
/*.faq th:hover{background-color: #F9F9F9;}*/
.faq .q-blod{font-weight: 800; padding-right:30px; }
.faq span p{float: left;}

.faq .fqa-titile{text-align:left; width:170px; height:30px; line-height:30px;border: 1px solid #ccc;  padding:0 10px 0 15px;font-size: 14px;float: right; }
.faq .fqa-titile:hover{/*background-color: #F9F9F9;*/cursor: pointer;}
.faq .fqa-titile img{vertical-align:middle !important; }

.faq .ico_ar{float: right; font-size: 16px;color:#ACACAC;font-weight: 400;height:30px !important; line-height:30px !important; }

.faq .ico_ar p{float: left;}
#accordian li > ul >li a{text-decoration: none;}
#accordian li > ul >li .accordian-in{background-color:none; height:32px; line-height: 32px; border-bottom:none;font-size: 16px; font-weight: 400;  display: inline-block; margin-top: -25px;}
.mgr10{margin-right: 10px;}