#bandMessage { z-index:1!important; }
.dimode-component { z-index:0!important; }

header .navbar-default { position:absolute; }
.footer { margin-top:80px; }
.footer ul { border-top: 1px solid #cecece; }

#sub { overflow:hidden; }
.fullpage-nav, .main-quick { display:none; }
.kmkd-content { background: rgba(0,0,0,0.5)!important; }
.sub-top { position: relative; height: 400px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important; opacity: 0.8;     -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;}
.sub-rel { position: relative; height: 400px; }
.sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; }
.sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; }
.sub-top-ul a { color: #fff; text-decoration: none; }
.sub-cont { background: #fff; position: relative; padding: 0; }
.sub-title2 { margin: 0 0 50px!important; font-size: 30px; display: inline-block; border-bottom: 2px solid #E6061B;  padding-bottom: 15px; font-weight: bold; }
#subgnb {  border-bottom:1px solid #ddd; background:#fff; }
#subgnb_pc img { position:relative; top:-3px; }
#subgnb_pc span { font-size:17px; color:#333; margin:0 3px; }
#subgnb_pc a { font-size:17px; color:#333; text-decoration:none; display:inline-block; border-radius:15px; background:#fff; padding:5px 15px; box-shadow: 4px 3px 2px 0px #afafaf;}


.subTitle { text-align:center; }
.sub-rel .sub-desc{position: absolute;top: 55%;
text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);}
.sub-rel .sub-desc .sub-top-title{margin: 0;font-size: 24px;
color: #fff;border: 1px solid #fff;display: inline-block;padding: 10px 25px;}
.sub-rel .sub-desc .sub-top-title2{margin: 0;font-size: 48px;color: #fff;
display: inline-block;padding: 15px 0;width: 100%;}
.sub-top-ul2 { border-bottom:1px solid #ddd; text-align:center; }
.sub-top-ul2 li { word-break:keep-all; }
.sub-top-ul2 li:hover { border-bottom:1px solid #00A9E0; transition:.3s all; }
.sub-top-ul2 li:hover a { color:#00A9E0; transition:.3s all; }
.sub-top-ul2 li { display:inline-block; font-size:18px; width:175px; padding:20px 0; margin:0 5px; height:65px;  }
.sub-top-ul2 li.active { border-bottom:1px solid #00A9E0; }
.sub-top-ul2 li.active a { color:#00A9E0; }
.sub-top-ul2 li a { color:#333; text-decoration:none;}

.subtop-bottom .subtop-menu{position: absolute;bottom: 0;width: 100%;text-align: center;background-color: rgba(102,154,201,1);}
.subtop-bottom .subtop-menu li{display:inline-block;}
.subtop-bottom .subtop-menu li a{display: inline-block;padding: 40px 20px 20px; position:relative;
text-decoration: none;float: left;color: #fff;font-size: 17px; white-space: nowrap;overflow: hidden;width: 100%;float: left;}
.subtop-bottom .subtop-menu li a .btn-plus{transform: translate(-50%,-50%);
width: 10px;height: 10px;left: 50%;display: inline-block;position: absolute;
top: 25%;border-radius: 50%;background-color: #FFFF40; opacity:0;}
.subtop-bottom .subtop-menu li:hover a .btn-plus,
.subtop-bottom .subtop-menu li.active a .btn-plus{opacity:1;transition:.3s all;}

.lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; text-align:center; position:relative;}
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #ff6d6d; }
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background:#ff6d6d; }
.sub_depth2 li.active a, .sub_depth2 > li:hover a { color:#fff; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li a { color:#777; font-weight:600;  font-size:16px; text-decoration:none; }
.sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;}
.sub_depth2 li i.fa-minus { display:none; }
.sub_depth2 li:last-child { border-bottom:none; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #fff; background-color: #ff6d6d; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
#sub_title { font-size: 35px; font-weight: 600; border-bottom: 4px solid #2594C7; display: inline-block; padding-bottom: 10px; margin:50px 0; }

@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% {  -webkit-transform: scale(1); } }

.next-box-img { text-align:center; }
.next-box-img img { max-height:138px; }
.table-responsive{border:none!important;}

#component6235 #component1119 #unit3367 iframe{width:100%!important;}


@media (min-width:1400px) {
    .container{width:1400px;}
}
@media (max-width:1699px) {
    
}

@media (max-width:1499px) {
    #component2247{background-size: 145%;}
    #component3033{display: grid;grid-template-columns: 1fr;}
    #component3033:before,
    #component3033:after{content:none;}
    #component3033 #component6798{width:100%!important;}
    #component3033 #component1003{width:100%!important;}
    #component3033 #component1003 #unit6723{padding:50px!important;}
    #component6402 .container{width:100%!important;}
    #component7699 #unit6446{word-break:keep-all;}
    #component3916{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-items: center;}
    #component3916:before,
    #component3916:after{content:none;}
    #component3916 #component7986{width:100%!important;}
    #component7699 .row{display: grid;grid-template-columns: 1fr;}
    #component7699 .row:before,
    #component7699 .row:after{content:none;}
    #sub-16 #component7699 .row{justify-items: center;gap:3vw;}
    #sub-16 #component7699 #unit6446{width:100%!important;}
    #component6674{padding: 1vw !important;word-break: keep-all;}
    #sub-17 #component7699 .row{grid-template-columns: 1fr 1fr;}
    #sub-17 #component7699 #unit2505,
    #sub-17 #component7699 #unit6446{width:100%!important;}
    #sub-42 #component7699 #unit2505{order:1;width:100%!important;text-align: center!important;}
    #sub-42 #component7699 #unit2505 img{width:auto!important;height:inherit!important;}
    #sub-42 #component7699 #unit6446{order:2;width:100%!important;}
}

@media (max-width:1199px) {
    #component7446 .row{display: grid;grid-template-columns: 1fr;justify-items: center;}
    #component7446 .row:before,
    #component7446 .row:after{content:none;}
    #component7446 #unit9286{width:100%!important;}
    #component4729 .row{display: grid;grid-template-columns: 1fr;justify-items: center;}
    #component4729 .row:before,
    #component4729 .row:after{content:none;}
    #component4729 #unit1638{width:100%!important;text-align:center;}
    #component4729 #unit3888{width:100%!important;}
    #component9078{}
    #component9078 #component6880 #unit4217 .text_02:last-child{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;}
    #component3128{display: flex;flex-direction: column;}
    #component3128 #component1697,
    #component3128 #component9180{width:100%!important;}
    #component8255{display: grid;grid-template-columns: 1fr;justify-items: center;}
    #component8255 #component9553{width:100%!important;}
}

@media (max-width:992px) {
    .text_02{font-size:17px!important;word-break:keep-all;}
    #component9091 .tab-content table colgroup col{width:20%!important;}
    #component4897 #component7535{word-break:keep-all;}
    #component6264{padding:15px!important;}
    #component9078 #component6880 #unit4216{word-break:keep-all;}
    #component7699 .row{display: grid;grid-template-columns: 1fr;justify-items: center;}
    #component7699 .row:before,
    #component7699 .row:after{content:none;}
    #component7699 #unit6446{order:2;}
    #component7699 #unit2505{order:1;}
    #component3916{grid-template-columns: 1fr 1fr 1fr;}
    #component2102 #component1583{width:100%!important;}
}

@media (max-width:767px) {
    .text,
    .text_02{font-size: 1.2rem!important;}
    .title_36{font-size: 2rem!important;}
    .title_26{font-size: 1.8rem!important;}
    .title_21{font-size: 1.3rem!important;}
    .title_24Gray,
    .title_24g,
    .title_24b,
    .title_24{font-size: 1.5rem!important;}
    .title_28{font-size: 1.6rem!important;}
    .name{font-size: 1.5rem!important;}
    .title_30{font-size: 1.6rem!important;}
    .title_32{font-size: 1.7rem!important;}
    .text_03{font-size:1.2rem!important;}
    #component2247 > div{padding:0!important;}
    #component2247 #component7734 #unit1538 .text_02:last-child{margin-bottom: 20vw!important;}
    #component6402 .container{padding:10px!important;}
    #component6402 #component4177 #unit2249{height:inherit!important;}
    #component6402 #component4177 #unit2249 > div{transform:none!important;top:0!important;left:0!important;position:relative!important;word-break: keep-all;}
    #component7446{padding:5vw!important;word-break: keep-all;}
    #component3033 #component6798 #unit3238{padding:3vw!important;}
    #component3033 #component1003 #unit6723{padding:3vw!important;}
    #component9735,
    #component8745{margin: 10px auto!important;}
    #component9735 .text_02 .textbox_01,
    #component8745 .text_02 .textbox_01{margin-bottom: 10px!important;}
    #component3916{grid-template-columns: 1fr 1fr;height:100%!important;word-break:keep-all;}
    #component3916 #unit4014{height:100%!important;}
    #component9078 #component6880{word-break:keep-all;}
    #component9078 #component6880 #unit4217 .text_02:last-child{grid-template-columns: 1fr;}
    #component2102 #component1583 .person_box{display: flex!important;flex-direction: column;align-items: center;}
    #component2102 #component1583 .person_box #unit6477{width:100%!important;}
    #component7484 #unit7055{padding:0!important;margin:15px!important;}
    #component7484 #unit8246{padding:15px!important;margin: 15px 0px!important;}
    #component8207 #component4845 #unit3652 table tbody tr td,
    #component3128 #component1697 #unit1557 table tbody tr td{font-size:1rem!important;word-break:keep-all;}
    #component3128 #component9180 #unit3120 table tbody tr td{font-size:1rem!important;word-break:keep-all;}
    #sub-26 .textbox_02{margin:0 0 2vw!important;width:100%!important;font-size:1.5rem!important;}
    #sub-16 #component7699{padding:15px!important;}
    #sub-16 #component7699 #unit6446 .title_30{margin-bottom:10px!important;}
    #sub-16 #component7699 #unit6446 > div:nth-child(2){padding:15px!important;}
    #component6235 #component1119 #unit3367{padding: 0 0 10px!important;}
    #component6235 #component1119 #unit3367 iframe{height:320px!important;}
    #sub-17 #component7699 .row{grid-template-columns:1fr;}
    #sub-17 #component7699 #unit6446{padding:10px!important;}
    #component3112{margin: 15px 0px!important;}
    #component7369 .row{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;gap:15px;}
    #component7369 .row:before,
    #component7369 .row:after{content:none;}
    #component7369 #unit8150,
    #component7369 #unit4079,
    #component7369 #unit2328,
    #component7369 #unit6628{padding:0!important;}
    #sub-42 #component7699 #unit6446 .text_02{text-align:center;}
    #sub-42 #component7699 #unit6446 .text_02 .textbox_01{width:100%!important;}
    #component1647 #unit1729{padding:0 0 3vw!important;}
    #component1647 #unit3595{padding:0!important;}
    #component1647 #unit3595 .text{margin:0!important;}
    #component6181 #component4795 #unit4729 .textbox_02,
    #component6181 #component4795 #unit4729 .textbox_02 .textbox{padding:15px!important;}
    #component9078 #component6880 #unit4216 .textbox_01{width:100%!important;margin:0 0 15px!important;}
    #component9078 #component6880 #unit4216 .text{margin:0!important;}
    #component8255 #component9553 #unit6082{padding:15px!important;word-break: keep-all;}
    #component9226 #component4073 #unit9140 .textbox_01{width:100%!important;margin:0 0 15px!important;}
}

@media (max-width:320px) {
}
