@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif !important;letter-spacing:-0.6px}
strong {font-weight:700 !important}
nav.navbar {padding:0}
.navtop {float:left;display:inline-block;width:100%}
.navtop ul {margin-bottom:0;z-index:5}
.navtop li {float:left;}
.nav-link {color: black !important;line-height: 96px;padding:0 !important}
.navtop  li {padding: 0 20px 0 20px;}
.navbar-topright1 {margin-left:100px}
.navbar-topright2 strong {padding:0 0 0 15px}
.navbar-topright2 img {margin-top:-4px}
.mainH2 {font-size:50px;}
.mainH2 span{color:#004da2}
.nav-link {font-size:18px}
.mobile {display:none}

.hamber {background-color: transparent; border: none; display: inline-block; vertical-align: middle;margin-left:15px}
.hamber span {display: block; width: 24px; height: 2px; margin-top: 7px; background-color: #222;}
.hamber span:first-of-type {margin-top: 0;}

.conBox {max-width:1200px; margin:0 auto;width:100%;padding:0 15px }

.navbar-brand {padding-top:0 !important; padding-bottom:0 !important}
.navbar-brand img {padding-top:30px; padding-bottom:23px}


.nav-item-step1 {border-bottom:3px solid white}
.nav-item-step2 {float:left;padding:25px 30px }
.nav-item-step2-box {clear:both;float:left;width:100%;display:inline-block;background:white;border-top:1px solid #cacaca;margin-top:-4px;z-index:3}
.nav-item-step2-box ul {margin:0; padding:0;font-size:16px}

.container {min-width:330px}
@media (min-width: 1300px) {
	.container {max-width: 1300px !important;}	
}

@media (max-width: 1170px) {
	.nav-link {font-size:18px}
	.nav-item-step2-box ul {font-size:16px}
	.navbar-topright2 img {height:35px}
}

@media (max-width: 1057px) {
	.nav-link {font-size:18px;padding-left:0 !important; padding-right:0 !important}
	.nav-item-step2-box ul {font-size:16px}
}


@media (min-width: 991px) and (max-width: 1200px) {
	.navbar-topright1 {margin-left:200px}
	.navtop  li {padding: 0 15px;}
	.nav-item-step2 {padding: 20px 15px;}
}


@media (max-width: 991px){
	.pc {display:none !important}
	.mobile {display:block !important}
}

@media (max-width: 1000px){
	.foot-logo img {width:80%}
}

.footer {padding-top:64px;padding-bottom:37px}
.footer .foot-logo{padding-top:20px}
.footer .foot-info {float:left;font-size:14px;padding:2px 0px}
.footer .foot-info p{padding-top:30px}
.footer .gab-line {padding:2px 15px !important;}

@media (max-width: 767px){
	.foot-logo {text-align:center;padding-bottom:15px}
	.foot-info {text-align:center !important;line-height:1.7}
	.foot-logo img {width:25% !important;max-width:185px}
	.footer .foot-info {font-size:12px}
}

@media (max-width: 991px){
	.footer {padding-top:15px;padding-bottom:15px}
}

@media (max-width: 575px){
	.navbar {padding-left:20px !important; padding-right:20px !important}
	.navbar-brand img {width:100px}
}


@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.login{display:block}
	/*.ety-mt{margin-top:83px;}*/
	.ety-mt-main{margin-top:0px;}
	.ety-mt-qa{margin-top:110px;}
	.mpage{display:block;}
	.ppage{display:none;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	/* .ety-mt{margin-top:130px;} */
	.ety-mt-qa{margin-top:150px;}
	.mpage{display:none;}
	.ppage{display:block;}

	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}


.sub-top-title {
    background-image: url(../img/sub/sub_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: white;
    font-weight: bold;
    height: 260px;
    font-size: 1.8rem;
    line-height: 260px;
}
@media (max-width: 991px){
	.sub-top-title {
		background-image: url(../img/sub/sub_top_mb.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
		color: white;
		font-weight: bold;
		height: 125px;
		font-size: 1.4rem;
		line-height: 125px;
	}

	.sub-tit h2 {font-size:26px;}
	.sub-tit p {font-size:16px;padding:20px 0}
}


.main-about {padding-top:100px;padding-bottom:60px}
.main-about h6{font-size:28px; padding-top:40px; padding-bottom:20px}
.main-about p{font-size:18px;}


@media (max-width: 991px){
	.main-about {padding-top:40px;padding-bottom:10px}
	.main-about .mainH2{font-size:30px; }
	.main-about h6{font-size:18px; padding-top:30px; padding-bottom:15px;line-height:1.5}
	.main-about p {font-size:14px}
}

.main-product {background:#f2f2f2;padding-top:80px; padding-bottom:80px}
.main-product .video {width: 100%;max-width: 1000px;margin: 0 auto;}
.main-product .video-container {position: relative;width: 100%;height: auto;padding-top: 50%;}
.main-product .video iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%;}
.main-product .btnArea {display:inline-block;width:100%}
.main-product .btnArea a{float:left;padding:20px;border-radius:30px}
.main-product .btn-blue {background-color:#004ea1;color:white;border:1px solid #004ea1;font-size:14px;margin-right:20px}
.main-product .btn-white {background-color:white;color:#666666;border:1px solid #cccccc;font-size:14px}
.main-product .btn-base {background-color:white;color:#666666;border:1px solid #cccccc;font-size:14px}
.main-product .btn-base:hover{background-color:#004ea1;color:white;border:1px solid #004ea1;}
.main-product .btn-base.left {margin-right:20px}
.main-product .btn-base.right {}

.main-product h3 {text-align: left;font-size: 45px;font-weight: 500 !important;padding-top:40px;padding-bottom:20px}
.main-product h3 span{color:#004da2}
.main-product h5{font-weight:600;font-size:24px}
.main-product .goyoutube{font-size:18px}
.main-film-box {text-align:right;padding-right:15%}

@media (max-width: 1310px){
	.main-product .btnArea .btn-base{width: 48%;text-align:center;letter-spacing:-2.4px;}
	.main-product .btnArea .btn-base.left{margin-right:0}
	.main-product .btnArea .btn-base.right{float:right}
	.main-product h3 {font-size:35px;padding-top: 30px;padding-bottom: 15px;}
}
@media (max-width: 1110px){
	.main-product .btnArea .btn-base{width: 49%;font-size:12px;letter-spacing:-2px}
}

@media (max-width: 991px){
	.main-product {padding-top:20px; padding-bottom:20px}
	.main-product .btnArea {padding-top:20px; padding-bottom:20px}
	.main-product .btnArea .btn-base{width: 48%;font-size: 12px;letter-spacing: -2px;padding: 15px 5px;border-radius: 25px;margin-right:0 !important;text-align:center}
	.main-product .btnArea .btn-base.left{margin-right:0 !important;}
	.main-product h3 {font-size:25px;text-align:center;padding-top: 20px;padding-bottom: 10px;}
	.main-product h5 {text-align:center;font-size:18px;font-weight:400}
	.main-product .goyoutubeBox {text-align:center;}
	.main-product .goyoutube {font-size: 14px;}
	.main-film-box {text-align:center;padding:0 !important}
}

header .img {width:100%}




.product {background-color:gray;padding:80px 0 40px}
.product {background:url(../img/product-bg.jpg);background-repeat: repeat;background-size: 100%; }

.product .col-md-4, .product .col-md-6 {padding-right:5px; padding-left:5px}
.product h1 {text-align:center;color:white;font-weight:bold;padding:80px 0 10px}
.product h4 {text-align:center;color:white;padding:10px 0 60px;letter-spacing:3px;font-size:20px}
.product .card {border-radius:0 !important;border:0 !important;margin-bottom:30px}
.product .card-img-top {border-radius:0 !important}
.product .card-title {font-weight:bold}
.product .card-text {
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.6em; height: 4.8em;
}
.product hr {width: 30px;height: 1px;display: block;padding: 0;margin: 0;margin-bottom: 10px;background: blue;border-top: 1px solid blue;}

@media (max-width: 991px){
    .product {padding:40px 0 20px}
	.product h1 {padding:40px 0 10px;font-size:1.7rem}
    .product h4 {padding:10px 0 30px;font-size:16px;letter-spacing:1.5px}
}

.custom {background-color:gray;padding:200px 0 140px}
.custom {background:url(../img/custom-bg.jpg);background-repeat: repeat;background-size: 100%; }
.custom h1 {text-align:center; color:white;font-weight:bold;font-size:60px}
.custom h4 {text-align:center; color:white;padding:30px 0 100px;letter-spacing:3px;font-size:30px}
.custom .white-bg{background-color:white;}

.custom .card {border-radius:0 !important;border:0 !important;margin-bottom:30px}
.custom .card-img-top {border-radius:0 !important}
.custom .w45 {width:45%}
.custom .w55 {width:55%}
.custom .card-body {padding-top:30px !important; padding-bottom:30px !important}

.custom h5 {font-size: 25px;font-weight: bold; padding-top:15px}
.custom h6 {font-size: 32px;font-weight:bold;}
.custom p {font-size: 20px;padding-top:20px}

@media (max-width: 991px){
    .custom {padding:40px 0 20px}
	.custom h1 {padding:40px 0 10px;font-size:1.7rem}
    .custom h4 {padding:10px 0 30px;font-size:16px;letter-spacing:1.5px}
}

@media (max-width: 1194px){
	.custom .card-body img {width:80%; margin:0 auto}
	.custom h5 {font-size:20px}
	.custom .card-body h6{letter-spacing:-1px; font-size:28px}
	.custom p {font-size:16px;}
}

@media (max-width: 1008px){
	.custom .card-body h6{letter-spacing:-1.5px; font-size:26px}
}

@media (max-width: 923px){
	.custom h5 {font-size:18px}
	.custom .card-body h6{letter-spacing:-1px; font-size:20px}
	.custom p {font-size:14px;}
}

@media (max-width: 767px){
	.custom h5 {font-size: 25px;padding-top:15px}
	.custom h6 {font-size: 35px;}
	.custom p {font-size: 20px;padding-top:20px}
}

@media (max-width: 484px){
	.custom h5 {font-size: 16px;padding-top:15px}
	.custom h6 {font-size: 18px !important;letter-spacing:-1px !important}
	.custom p {font-size: 12px;padding-top:10px}

	.product .card-title {font-size:1rem !important}
	.product .card-text { font-size:0.9rem !important }
}



#aside {float: right;width: 305px;padding: 0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin: 20px 0 20px 20px;}
#aside {position: fixed;right: -100%;top: 0px;bottom: 0;margin: 0px;width: 80%;border-top: 0;z-index: 1005;overflow-y: auto;background: #f8f9fb;border: 0;}

.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer;z-index: 1000;}
@media all and (max-width:991px){
    #aside{display: block; z-index: 2000;}
}

.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#000; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mobile_menu {padding:70px 30px}
.mobile_menu {font-size:22px; color:#525252}
.mobile_menu .mobile-list ul{font-size:20px; color:#525252}
.mobile_menu .mobile-list li { margin-bottom:5px;background-color:#eeeeee}

.mobile-list div {float:right;color:#c2c2c2}
.mobile-list {border-bottom:1px solid #c2c2c2;display:table;width:100%}
.mobile-list a {padding: 15px;display: inline-block;font-size:18px}
.mobile-list ul a {font-size: 18px}
.mobile-list .mobile-list{padding:15px 0}
.mobile_menu_btn {padding-top:20px}
.mobile_menu_btn a {float: left;width: 100%;text-align: center;background: black;color: white;padding: 20px 0;margin-bottom: 10px;}
.mobile_menu_btn i {background: white;color: black;padding: 10px;border-radius: 20px;margin-right: 5px;}


.btn-01 {background-color:#00719b;border:0;color:white;font-size:16px;padding:10px 0;width:160px;margin-top:-5px}
.btn-02 {background-color:#323232;border:0;color:white;font-size:16px;padding:10px 0;width:160px;display:inline-block;text-align:center}

@media all and (max-width:991px){
	.btn-01 {font-size:12px;padding:5px 0;width:80px;margin-top:-1px}
	.btn-02 {font-size:12px;padding:5px 0;width:80px;}
}


.btn_confirm.write_div {text-align:center;padding-top:50px}


.base_width {max-width:1300px;margin: 0 auto;padding-left:15px !important; padding-right:15px !important}




.sub-box {padding:100px 0}
.sub-box2 {padding:50px 0 0}


@media (max-width: 1057px) {
	.sub-box {padding:80px 0}
	.sub-box2 {padding:40px 0 0}
}

@media (max-width: 767px){
	.sub-box {padding:60px 0}
	.sub-box2 {padding:30px 0 0}
}

.s-title h2 {font-size: 30px;color: #666666;text-align: center;}
.s-title .s-t-line {height: 3px;    width: 108px;    margin: 0 auto;    background: #d3d3d3;    margin-top: 30px;}

@media (max-width: 991px){
	.s-title h2  {font-size:26px;}
	.s-title .s-t-line {margin-top:15px}
}



    .brochure_list {border-top:1px solid #a8a8a8;display:inline-block;width:100%}
    .brochure_item {float:left;width:50%;border-bottom:1px solid #a8a8a8}
    .brochure-content {display:table; padding: 30px 15px;}
    .brochure-img {display:table-cell;vertical-align:top}
    .brochure-txt-box {display:table-cell;vertical-align:middle;padding:0 55px 0 29px}
    .brochure-txt-box h2 {font-size:18px; font-weight:bold ;color:black;line-height:1.4}
    .brochure-txt-box p {font-size:14px; ;color:#818181;margin:15px 0 20px}
    .brochure_list .brochure_item0 {border-right:1px solid #a8a8a8}
    .brochure-btn a {font-size:14px;float:left;border:1px solid #808080;padding:7px 12px; border-radius:17px}
     .brochure-btn a.prev {margin-right:10px}
	 .brochure_item2 {border-right:1px solid #a8a8a8;}
    @media  (max-width: 1200px) {
        .brochure-txt-box {padding:0 35px 0 29px}
    }
   @media  (max-width: 991px) {
        .brochure_item {width:100%;clear:both}
        .brochure_list {border-bottom:0}
        .brochure_list .brochure_item0 {border-right:0}
        .brochure_list .brochure_item {border-bottom:1px solid black}
		.brochure_item2 {border-right:0px solid #a8a8a8 !important}
   }
   @media  (max-width: 579px) {
        .brochure-content {display:table; padding: 20px 7px;}
        .brochure-txt-box {padding:0 10px}
        .brochure-btn a {padding: 5px 14px;font-size:12px}
   }
   @media  (max-width: 428px) {
    .brochure-img {display:block}
    .brochure-img img {width:110px}
    .brochure-btn a {font-size:10px}
    .brochure-btn a.prev {margin-right:5px}
   }
   @media  (max-width: 368px) {
    .brochure-img img {width:90px}
    .brochure-txt-box h2 {font-size:16px}
    .brochure-txt-box p {font-size:12px;margin:7px 0 10px}
	}


.bcontainer {width:1000px !important;margin:0 auto}
.bro-cat {text-align:right}
@media  (max-width: 991px) {
	.bcontainer {width:100% !important}
}
.bro-cat {padding-bottom:15px}




.sub-nav {text-align:center;border-bottom:1px solid #cdcdcd;display:inline-block;width:100%}
.sub-nav>div {text-align:center;display:table;margin:0 auto}
.sub-nav a {width:267px;height:52px;float:left;text-align:center;line-height:52px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd}
.sub-nav a:first-child {border-right:0}
.sub-nav a.on {color:white;background-color:#0171a1}

@media (max-width: 767px){
    .sub-nav>div {width:100%}
	.sub-nav a {display:table-cell;width:50%}
}

.cont-group {padding:50px 0}


.mapBox {padding:20px; border:1px solid #e9e9e9;margin-bottom:4rem}
.mapTop {padding-top:100px}
.mapFoot .base_width>div {display:inline-block;width:100%}
.mapFoot .loc-info1 {float:left;width:49%;padding:8px 0}
.mapFoot .loc-info2 {float:right;width:49%;clear:right;padding:8px 0}
.mapFoot .loc-info3 {float:left;width:49%;clear:left;padding:8px 0}
.mapFoot .loc-info4 {float:right;width:49%;clear:right;padding:8px 0}
.mapFoot h4 {font-size:20px;float:left;margin-right:10px;line-height:24px}
.mapFoot h4 img {margin-right:10px;margin-top:-5px}

.mapFoot .loc-info4 p {font-size:24px;font-weight:bold;color:#2a89c1;line-height:24px}
.map1 div{height:268px;}
.mapBox .place {font-size: 26px;    font-weight: 700;    padding: 20px 0;    border-bottom: 1px solid #d3d3d3;    margin-bottom: 15px;}
@media (max-width: 991px){
    .mapFoot .loc-info1 {float:left;width:100%;padding-bottom:10px !important;border-bottom:1px solid black;padding-top:30px}
    .mapFoot .loc-info2 {float:left;width:100%;padding-bottom:10px !important;border-bottom:1px solid black;padding-top:30px}
    .mapFoot .loc-info3 {float:left;width:100%;padding-bottom:10px !important;border-bottom:1px solid black;padding-top:30px}
    .mapFoot .loc-info4 {float:left;width:100%;padding-bottom:10px !important;border-bottom:1px solid black;padding-top:30px}
	.mapFoot h4 {font-size:20px;float:none}
	.mapBox {padding:0 !important; border:0 !important}
	.mapBox .img-fluid {margin-bottom:2rem;width:100%}
	.mapBox .place {font-size: 20px;border:0 !important;padding:10px 0;text-align:center}
}


.navbar-topright1 {display: flex;justify-content: center;align-items: center;height: 100%;text-align: center;}
.navbar-topright1 .nav-item-step1 {border-color: white;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;width: 160px;transition: all 0.3s ease 0s;letter-spacing:-1px}
.navbar-topright1 .nav-item-step1 .nav-link {white-space:nowrap}
.navbar-topright1 .nav-item-step1 .depth {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 100%;padding-top: 15px;min-width: 160px;width: 100%;}
.navbar-topright1 .nav-item-step1 .depth ul {}
.navbar-topright1 .nav-item-step1 .depth:before {content: "";position: absolute;left: 0;top: 30px;width: 1px;height: 300px;background: #ececec;}
.navbar-topright1 .nav-item-step1:first-child .depth:before {display:none;}
.navbar-topright1 .nav-item-step1 .depth ul li {padding:0 !important;width:100%}
.navbar-topright1 .nav-item-step1 .depth ul li a{    padding: 0.52em 1em;display:block;color: black;letter-spacing: -0.04em;line-height: 1.4;}
.navtopMask {position:absolute;width:100%;z-index:2;left:0;background-color:white}
.navtop.on .navbar-topright1 .nav-item-step1 {width:200px}
.navtop.on .navtopMask  {height:370px;border-top: 1px solid #cacaca;margin-top: -4px;border-bottom:1px solid #cacaca}
.navtop.on .depth  {opacity: 1;visibility: visible;}

@media (max-width: 1302px) {
	.navtop.on .navbar-topright1 .nav-item-step1 {width:200px}
    .navbar-topright1 {margin-left:150px}
}

@media (max-width: 1203px) {
    .navtop.on .navbar-topright1 .nav-item-step1 {width:150px}
    .navbar-topright1 {margin-left:0px}
    .navtop.on .navtopMask {height: 420px;}
    .navbar-topright1 .nav-item-step1 .depth:before {height:290px}
}






.sub02-tit-box {text-align:center}
.sub02-tit-box h1 {font-size: 32px;margin: 20px 0 10px;font-weight: 700;letter-spacing:-1.5px}
.sub02-tit-box p {font-size: 20px;color:#818181;font-weight:300;margin-top:0.5rem}
.sub02-list {margin-top:60px}
.sub02-list h2 {font-size: 20px;letter-spacing: -0.6px;text-align:center;line-height:1.2;padding:15px 0 0;margin:0;margin-bottom:10px}
.sub02-list p {font-size: 16px;text-align: center;color: #9e9e9e;padding:0 0;margin-bottom:50px}
@media (max-width: 991px) {
    .sub02-tit-box h1 {font-size:26px;margin: 10px 0 5px;}
    .sub02-tit-box p {font-size: 16px;}
    .sub02titdot {height:22px}
    .sub02-list h2 {font-size: 16px;margin-bottom:6px}
    .sub02-list p {margin-bottom:25px;font-size: 14px;}
    .sub02-list {margin-top:40px}
}

.sub02-list h5 {font-size: 18px;letter-spacing: -0.6px;text-align: center;line-height: 1.4;padding: 15px 0 0;margin: 0;margin-bottom: 10px;margin-bottom:50px}
@media (max-width: 991px) {
    .sub02-list h5 {font-size: 14px;margin-bottom:30px}
}

@media (max-width: 551px) {

    .sub02-tit-box h1 {font-size:22px}
}

.sub-nav2 {
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    width: 100%;
}

.sub-nav2 a {
    line-height: 70px;
    border-right: 1px solid #cdcdcd;
    padding: 0 20px;
	font-size:1.2rem;
}

.sub-nav2 a:last-child {border-right:0}
.sub-nav2 a:hover {font-weight:bold;color:black;}

.dotList{padding:15px;margin-bottom:50px}
.dotList li {font-size: 16px;line-height: 1;padding: 5px;}
.dotList li::before { float:left;   width: 5px;content:"";height: 5px;background: gray;border-radius: 5px;margin-top: 7px;margin-right: 6px;margin-left:-10px}
.dotList li span {color:#c7021e}
@media (max-width: 991px) {
    .dotList li {font-size:14px}
}

@media (max-width: 551px) {
    .dotList li {font-size:12px;padding:2.5px}
    .dotList {padding:10px;    margin-bottom: 20px;}
}


.sub02Foot-01 {
    background-image: url(../img/sub/sub02foot_tbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    max-height:688px;
    height:688px;
    padding-top:320px;
    text-align:center;
}
.sub02Foot-01 .img-fluid01 {height:45px}
.sub02Foot-01 p {font-size:18px;margin: 2rem 0 3.5rem !important;line-height:1.7}
.sub02Foot-01 a {border:1px solid #575757;padding: 7px 30px;
    font-size: 20px;
    border-radius: 20px;color:#6b6b6b}

@media (max-width: 991px) {
    .sub02Foot-01 {height:auto !important;padding-top:170px}
    .sub02Foot-01 p {font-size:14px;margin-bottom:2rem !important}
    .sub02Foot-01 a {font-size:16px;display:inline-block;margin-bottom:1.5rem}
}
@media (max-width: 700px) {
	.sub02Foot-01 { background-image: url(../img/sub/sub02foot_tbg_m.png) !important; }
	.sub02Foot-01 .img-fluid01 {
		height:35px;
	}
	.sub02Foot-01 {
		height: auto !important;
		padding-top: 110px;
	}
}


.sub02Foot .sub02-list p {font-size: 14px !important;font-weight: 300 !important;padding: 0 20px !important;}
.sub02Foot .sub02-list h2 {padding-left: 10px !important;padding-right: 10px !important;}
.sub02Foot .sub-box2 {padding:80px 0}

@media (max-width: 1057px) {
	.sub02Foot .sub-box2 {padding:40px 0}
}

@media (max-width: 991px) {
    .sub02Foot .sub02-list .img {width:50%;float:left}
    .sub02Foot .sub02-list .img img {width:100%}
    .sub02Foot .sub02-list .txt {width:50%;float:left}
    .sub02Foot .sub02-list h2 {font-size:20px;text-align:left;padding-left: 30px !important;padding-top:30px}
    .sub02Foot .sub02-list p {font-size: 16px !important;padding-left:30px !important;text-align:left;padding-top:20px !important}
    .sub02Foot .sub02-list .col-sm-12 {margin-bottom:40px}
}
@media (max-width: 767px) {
    .sub02Foot .sub02-list h2 {padding-top:10px;padding-left:15px !important;}
    .sub02Foot .sub02-list p {padding-top:0 !important;padding-left:15px !important;}
    .sub02Foot .sub02-list h2 {font-size:16px  !important;}
    .sub02Foot .sub02-list p {font-size: 12px !important;}
    .sub02Foot .sub02-list .col-sm-12 {margin-bottom:20px}
}

.sub02Foot .sub02Foot-03 {background-color:#f2f4f3;padding:70px 0}

.sub02Foot-04 .col-lg-6 > div {background-color:#eaeaea;margin:40px 10px}
.sub02Foot-04 .col-lg-6 h1 {font-size:20px; color:#bc0309;font-weight:700;text-align:center;line-height:1.5;padding-top:40px}
.sub02Foot-04 .col-lg-6 h2 {font-size:18px; color:black;text-align:center;line-height:1.5;padding-bottom:15px}
@media (max-width: 991px) {
    .sub02Foot-04 .col-lg-6 > div {margin:15px 10px}
    .sub02Foot-04 .col-lg-6 h1 {font-size:18px;letter-spacing:-1.5px}
    .sub02Foot-04 .col-lg-6 h2 {font-size:16px}
    .sub02Foot .sub02Foot-03 {padding:0}
}
@media (max-width: 400px) {
    .sub02Foot-04 .col-lg-6 h1 {font-size:16px;letter-spacing:-1.5px}
    .sub02Foot-04 .col-lg-6 h2 {font-size:14px}
}


.sub02-top {
    font-size: 22px;
    margin: 2rem 0 3.5rem !important;
    line-height: 1.7;text-align:center
}

@media (max-width: 991px) {
    .sub02-top {
        font-size: 16px;
    }
}

.sub-tit h2{font-size:36px; color:#333333;font-weight:600 !important}



.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #3996c9;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #3996c9}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #3996c9}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #3996c9}



.pg_page, .pg_current {background-color:white !important;border:0 !important}


.pg_current {
    display: inline-block;
    background: #4c4f6f;
    color: #298fc6;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    min-width: 30px;
    border-radius: 0 !important;
    -webkit-box-shadow:none;
    -moz-box-shadow: none
    box-shadow: none;
    font-size: 1.083em !important;
}

.text-center {text-align:center}

.sub0401 h3 {color:#3c81c6;font-weight:bold;font-size:28px}
.sub0401 p {}
.sub0401 p {font-size:20px;border-radius:10px; border:2px solid #3c81c6;height:110px;vertical-align:middle;display: flex;    align-items: center;    justify-content: center;}

@media (max-width: 991px) {
    .sub0401 h3 {font-size:20px}
    .sub0401 p {font-size:16px; height:90px;}
}

.sub0205_01_con {background:#efefef}

@media (max-width: 991px){
	.sub0205_01_con {
		/*background: #e6e6e6;;*/
	}
}