footer{background: #f4f4f4;}

main{overflow:hidden;}

.breadcrumb-zone {background: #fff;}
.breadcrumb-zone .breadcrumb > li {float:left;position:relative;border-right: 1px solid rgba(999,999,999,0.3);}
.breadcrumb-zone .breadcrumb > li > a {color: #8a8a8a;-ms-transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;transition: 0.3s ease;width:235px;position:relative;padding:0 35px 0 15px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 400;border-right: 1px solid #d7d7d7;}
.breadcrumb-zone .breadcrumb > li:first-child > a {color: #fff;}
.breadcrumb-zone .breadcrumb a:after { background: url("../img/select_icon.png") no-repeat 50% 50%; }
.breadcrumb-zone{position: absolute;height:50px;width: 100%;box-sizing: border-box;bottom: 0;border-bottom: 1px solid #d7d7d7;left: 0;}
.breadcrumb-zone .breadcrumb:after{display:block;clear:both;content:""}
.breadcrumb-zone .breadcrumb a{display:block;box-sizing:border-box;}
.breadcrumb-zone .breadcrumb>li:first-child > a{width:50px;padding:0;font-weight:bold;text-align:center;background: #1d68bc url(../img/sub/home_icon.png)no-repeat center;height: 50px;}
.breadcrumb-zone .breadcrumb>li:first-child>a:after{display:none}
.breadcrumb-zone .breadcrumb>li>a:after{display:inline-block;position:absolute;right:15px;top:50%;margin-top:-4px;content:"";width:17px;height:9px}
.breadcrumb-zone .breadcrumb .menu{display:none;position:absolute;top: 98%;left: -2px;width: calc(100% + 2px);z-index:10;border: 1px solid #d7d7d7;border-top: 0;background: #fff;padding-top: 15px;padding-bottom: 10px;}
.breadcrumb-zone .breadcrumb .menu li{padding:0 9px}
.breadcrumb-zone .breadcrumb .menu a{position:relative;padding:0 25px 0 10px;line-height: 39px;border-top:1px solid rgba(255, 255, 255, 0.2);color: #8a8a8a;font-weight: 400;}
.breadcrumb-zone .breadcrumb .menu a:hover{color:#1d68bc;}
.breadcrumb-zone .breadcrumb .menu a:after{display:inline-block;position:absolute;right:11px;top:50%;margin-top:-9px;content:"";width:9px;height:17px;background-position:-300px -100px}

header.pc{width: 100%;position: absolute;}
header.pc.black{background:none;}
header.pc.over{background:rgba(000,000,000,0.7);}

.sub_top{background: url(../img/sub/sub_top.png)no-repeat top center;height: 370px;padding-top: 171px;position: relative;}
.sub_top .inner{position:relative;height:100%;}
.sub_top .inner h1{color:#fff;text-align:center;font-weight: 700;font-size: 35px;}
.sub_top .inner h1 span{font-size:15px;display:block;font-weight:300;opacity:0.5;font-family: 'gmarket';}
.tit{padding: 50px 0;text-align: center;font-size: 35px;letter-spacing: 4px;font-weight: 600;background: url(../img/sub/sub_top_txt.png)no-repeat;background-position: center 120px;margin-bottom: 30px;}

.intro{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#515159+0,4b747c+100 */
    background: #515159; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #515159 0%, #4b747c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #515159 0%,#4b747c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #515159 0%,#4b747c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515159', endColorstr='#4b747c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    margin-bottom: 70px;
    margin-top: 60px;
    }
.intro .inner{position: relative;}
.intro .blue_box{position: absolute;color: #fff;padding-top: 85px;padding-bottom: 46px;top: -35px;left: 0;background: url(../img/sub/intro.png);background-size: 100%;padding-left: 30px;padding-right: 104px;}
.intro .blue_box p{font-size: 23px;padding-top: 10px;}
.intro .blue_box span{font-size:13px;font-weight: 100;}
.intro .inner>p{padding-top: 225px;padding-left: 20px;color: #fff;line-height: 1.7;display: inline-block;width: calc(42% - 3px);box-sizing: border-box;font-size: 18px;padding-bottom: 37px;}
.intro .inner img{display:inline-block;vertical-align: top;width: 58%;transform: scale(1.1);}

.intro.ver2 .inner>p{width:100%;padding-top: 110px;padding-left: 319px;padding-bottom: 70px;}
.intro.ver2 .inner>p button{background:#1d68bc;float:right;padding: 40px 45px;}
.intro.ver2 .inner>p span{background:#f1f3f4;text-align:center;display:inline-block;padding-top: 15px;color:#000;width: calc(100% - 157px);}
.intro.ver2 .inner>p span input{display:block;margin-top: 13px;width: 100%;padding: 10px;}

.intro.ver2.ver3 .inner>p{padding-top: 88px;}

.sub_com{margin-bottom: 70px;}
.sub_com>.inner{border-top: 2px solid #ddd;padding-top: 30px;margin-bottom: 60px;}
.sub_com .inner h3{display: inline-block;width: 160px;position: relative;letter-spacing: -1.5px;font-size: 28px;}
.sub_com .inner h3::before{content: '';width: 100%;background: #1d68bc;height: 2px;position: absolute;top: -32px;}
.sub_com_wrap{display: inline-block;width: calc(100% - 163px);vertical-align: top;}

.intro_box>div{display: inline-block;width: calc(50% - 7px);border: 1px solid #d7d7d7;padding: 23px 35px;height: 188px;vertical-align: top;}
.intro_box>div:nth-of-type(2n){margin-left: 10px;}
.intro_box>div:nth-of-type(n+3){margin-top: 10px;}
.intro_box>div .color_blue{font-size:17px;margin-bottom:10px}
.intro_box>div ul{opacity: 0.6;}

.program ul{width: calc(50% - 7px);display: inline-block;vertical-align: top;}
.program ul li{border: 1px solid #d7d7d7;margin-bottom: 20px;}
.program ul li .gray{background: #f1f3f4;padding: 15px 25px;position: relative;font-weight: 500;font-size: 20px;}
.program ul li .gray .new{background: #db3857;color: #fff;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);line-height: 1;width: auto;padding: 0px 8px 4px;height: auto;}
.program ul.blue li .gray{color: #1d68bc;}
.program ul li .gray:before{display:none;}
.program ul.orange{margin-left: 10px;}
.program ul.orange li .gray {color: #fe720c;}
.program ul li p{text-align: center;padding: 15px 0;border-bottom: 1px solid #d7d7d7;font-size: 17px;}
.program ul li p em{background:#22466e;display:inline-block;color: #fff;margin: 0 3px;line-height: 1;width: 26px;height: 26px;border-radius: 500px;padding: 5.5px 6.5px;box-sizing: border-box;font-size: 14px;vertical-align: middle;margin-top: -5px;text-align: left;}
.program ul li span{text-align: center;padding: 15px 0;display: block;}
.program.ver2 ul li div{border-bottom:1px solid #d7d7d7;position: relative;}
.program.ver2 ul li div:before{content:"";height:100%;width:1px;position:absolute;background:#d7d7d7;left:50%;transform:translateX(-50%);}
.program.ver2 ul li:last-child div:before{display:none}
.program.ver2 ul li p{border-bottom:0;width: calc(50% - 2px);display:inline-block;vertical-align: middle;}

.bus{margin-bottom: 20px;}
.bus img{display: inline-block;vertical-align: middle;}
.bus div{display: inline-block;width: calc(100% - 131px);padding-left: 20px;vertical-align: middle;}
.bus div h1{color: #757575;font-weight: 600;padding: 10px 0;}
.bus div p{color: #757575;}

.slick-arrow{text-indent: -999rem;width: 52px;height: 52px;background-size: 100%!important;position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;}
.slick-arrow.slick-prev{background: url(../img/sub/prev_icon01.png);left: 20px;}
.slick-arrow.slick-next{background: url(../img/sub/next_icon01.png);right: 20px;}

.bus_slide{margin-top: 50px;}

.table3 td.color_blue, .table3 td.color_mint, .table3 td.color_orange{padding: 0 10px;font-size: 20px;vertical-align: middle!important;background: #e7e9ea;font-weight: 600;}
.table3 .com_table td{text-align: center;height: 85px;vertical-align: top;}
.table3 .com_table td p{border:1px solid #c5c5c5;margin-bottom: 10px;text-align: center;}
.table3 .com_table{float: left;width: calc(100% / 3);margin-top: 0;border-bottom: 0;border-top: 0;}
.table3 .com_table th .color_blue{font-size: 25px;font-weight: 600;}
.table3 .com_table th{font-weight:400;}

.step{margin-bottom:30px}
.step div{position: relative;display: inline-block;margin-right:5px;width: calc((100% / 7) - 7px);}
.step div:last-child{margin-right:0;}
.step div p{position: absolute;bottom: 0;padding: 22px;text-align:center;width: 100%;box-sizing: border-box;}
.step div img{display:block;width: 100%;}

.table_shape .td_shape.scholl input{width: 200;}
.table_shape .td_shape.phone input,.table_shape .td_shape.phone select{width: 100px;}
.table_shape .td_shape.phone em{padding:0 5px}
.free .td_shape .btn{text-align:center;width: 65%;padding-bottom: 19px;}
.free .td_shape .btn p{display: inline-block;padding: 0 18px;vertical-align: middle;}
.free .td_shape .btn p em{font-size: 22px;font-weight: 500;}
.free .td_shape .btn button{vertical-align:middle;}
.free .td_shape table{text-align:center;width:65%;}
.free .td_shape table tr th:first-child,.free .td_shape table tr td:first-child{color:#e9132c;}
.free .td_shape table tr th:last-child,.free .td_shape table tr td:last-child{color:#1d68bc;border-right:0;}
.free .td_shape table button{padding: 6px 0;display: block;width: 100%;}
.free .td_shape table tr th{padding-bottom:15px}
.free .td_shape table tbody {border:1px solid #d7d7d7;border-bottom:0;}
.free .td_shape table tbody tr{border-bottom:1px solid #d7d7d7;}
.free .td_shape table tbody td{border-right:1px solid #d7d7d7;}
.free .td_shape table tbody td button.active{background:#1d68bc;color:#fff;}
.free .button1,.tabpanel_wrap.pass .button1{margin:0 auto;margin-top: 60px;padding: 17px 0;display: block;font-size: 22px;width: 280px;}
.com_table.facility{text-align: left;}
.com_table.facility th, .com_table.facility td{padding-left: 25px;}
.com_table.facility th{width:170px}
.facility_slide .slick-dots{position: absolute;z-index: 5;bottom: 10px;padding-left: 40px;right: 20px;}
.facility_slide .slick-dots li{text-indent: -999rem;width: 25px;height: 5px;position: relative;display: inline-block;background: rgba(999,999,999,0.2);margin: 0 5px;}
.facility_slide .slick-dots li::before{content: "";width: 0;height: 100%;background: #fff;;position:absolute;left: 0;}
.facility_slide .slick-dots li.slick-active::before{width: 100%;transition: width 5.5s}
.facility_slide .slick-dots li button{display: block;text-indent: -999rem;}
.facility_slide_wrap>p{position: absolute;color: #fff;bottom: 31px;z-index: 1;color: #9a9a9a;}
.facility_slide_wrap>p span{color:#fff;}
.color_blue.announcement{font-size: 18px;}

.gl_wrap{padding:0 20px;}
.gl_wrap a.gl{display: inline-block;background: #fff;width: calc((100% /3) - 22px);margin-right: 30px;border: 1px solid #d7d7d7;box-sizing: border-box;margin-bottom: 30px;position: relative;padding-top: 268px;overflow: hidden;}
.gl_wrap a.gl:hover:before{content:"";width: calc(100% - 4px);height: calc(100% - 4px);border:2px solid #005caa;position:absolute;left: 0px;top: 0px;z-index: 1;}
.gl_wrap a.gl img{width:100%;position: absolute;top: 0;height: 268px;min-width: 349px;left: 50%;transform: translateX(-50%);}
.gl_wrap a.gl div{padding: 20px;}
.gl_wrap a.gl div h1{font-size: 22px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 17px;font-weight: 500;}
.gl_wrap a.gl div p{height: 73px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;opacity: 0.7;}
.gl_wrap a.gl div span{display:block;border-top: 1px solid #777;opacity: 0.8;padding-top: 15px;margin-top: 15px;}
.gl_wrap a.gl:nth-of-type(3n){margin-right:0;}

.form1{text-align: right;padding: 20px;padding-top: 10px;padding-bottom: 30px;}
.form1 select{width: 90px;padding: 0 8px;height: 39px;}
.form1 div{display: inline-block;border: 1px solid #d7d7d7;vertical-align: top;margin: 0 3px;}
.form1 div input{border: 0;padding: 6.5px;vertical-align: top;width: 170px;}
.form1 div button{background: #dadada;padding: 6.5px 13px;vertical-align: top;}
.form1 .bg_blue{padding: 7.5px 20px;vertical-align: top;}

.facility_slide{width:50%;float:left;height: 100%;}
.facility_slide div{height:100%;}
.facility_slide img{height:100%;display: block!important;}
.facility_slide_wrap .map{width:50%;height: 100%;}
.facility_slide_wrap{height: 400px;}
.facility_slide .slick-arrow{width:40px;height:40px;}

.com_tab.pass{background:#f7f8f9;}
.com_tab.pass li{width:10%!important;margin-top: 0;}
.com_tab.pass li:not(:nth-of-type(n+11)){border-bottom: 1px solid #d7d7d7;}
.com_tab.pass li:nth-of-type(10n){border-right:0;}
.com_tab.pass li:last-child{border-right:1px solid #d7d7d7;}
.tabpanel_wrap.pass img{width:100%;}
.com_tab.pass li:nth-of-type(3n),.com_tab li:nth-of-type(2n){border-right:1px solid #d7d7d7;}

#tab-panel2 .sub_com_wrap{position: relative;}
#tab-panel2 .facility_slide_wrap{}
#tab-panel2 .facility{width: 47%;position: absolute;right: 0;top: 0;margin-top: 0;margin-left: 3%;}
#tab-panel2 .com_table.facility th{width:150px;}


@media(max-width:1320px){
    .table3 .com_table td{height: 84px;vertical-align: top;}
}
@media(max-width:1200px){
    .sub_com .inner h3{display:block;width: 250px;margin-bottom: 30px;}
    .sub_com .inner h3 br{display:none;}
    .sub_com_wrap{width:100%;}
    .tabpanel_wrap.pass .sub_com_wrap{overflow-x:scroll;}
    .tabpanel_wrap.pass img{width:1140px;max-width: initial;}
}
@media(max-width:1024px){
    .intro .inner img{display:block;margin: 0 auto;}
    .intro .inner>p{width:100%;padding-left: 0;}
    .intro .inner>p br{display:none;}
    .program ul li p em{font-size:inherit;width: 22px;height: 22px;padding: 4px 5px;font-size: inherit;}
    .bus img{width: 80px;height: 80px;}
    .bus div h1{font-size: 18px;}
    .bus div{width:calc(100% - 83px);}
    .table3 .com_table td{height: 68px;}
    .table3 .bg_blue, .table3 .bg_mint, .table3 .bg_orange{font-size: 17px;}
    .table3 .com_table th .color_blue{font-size:20px;}
    .color_blue.announcement{font-size: 15px;}
    .gl_wrap{padding:0}
    .gl_wrap a.gl div h1{font-size:18px;}
    .gl_wrap a.gl img{min-width: 292px;height: 220px;}
    .gl_wrap a.gl{padding-top:220px;}
    .gl_wrap a.gl div p{height:60px;}
    .gl_wrap a.gl{width: calc((100% /3) - 12px);margin-right:15px;}
    .form1{padding-right:0;padding-left:0;}
    .form1 select{height: 34px;padding: 0 8px;}
    .free .td_shape table,.free .td_shape .btn{width:100%}
    .facility_slide_wrap{height:330px;}
    .program ul li p{font-size:inherit}
    #tab-panel2 .com_table.facility th{width:80px;}
}
@media(max-width: 800px){
    .intro .inner img{width:100%;}
    .breadcrumb-zone .breadcrumb > li:nth-of-type(n+2){width: calc(50% - 26.5px);}
    .breadcrumb-zone .breadcrumb > li:nth-of-type(3) a{border-right:0}
    .breadcrumb-zone .breadcrumb > li > a{margin-right:0;width:100%;}
    .sub_top{padding-top:100px;height: 270px;}
    .sub_top .inner h1{font-size:27px;}
    .sub_top .inner h1 span{font-size:13px;}
    .tit{font-size:30px;}
    .sub_com .inner h3{font-size: 24px;}
    .sub_com>.inner{padding-top:20px;}
    .sub_com .inner h3::before{top: -22px;}
    .program ul li .gray{font-size: 16px;padding: 10px 15px;}
    .program ul{width:100%;}
    .program ul.orange{margin-left:0}
    .program ul li .gray .new{font-size:13px;}
    .slick-arrow{width: 35px;height: 35px;}
    .table3 .com_table{width:100%;}
    .table3 .com_table td{height:auto;}
    .free .button1,.tabpanel_wrap.pass .button1{font-size:20px;width:200px}
    .gl_wrap a.gl{width: calc(50% - 9px);margin-right:15px;}
    .gl_wrap a.gl:nth-of-type(3n){margin-right:15px;}
    .gl_wrap a.gl:nth-of-type(2n){margin-right:0}
    .facility_slide_wrap{height:auto;}
    .facility_slide{float:none;width:100%;}
    .facility_slide_wrap .map{width:100%;}
    #tab-panel2 .com_table.facility{position:static;margin-left:0;margin-top:20px;width:100%;}
    .intro.ver2 .inner>p,.intro.ver2.ver3 .inner>p{padding-left:0;padding-top: 230px;}
    .intro.ver2 .inner>p button{width:100px;padding: 40px 0;}
    .intro.ver2 .inner>p span{width: calc(100% - 100px);}
}
@media(max-width:700px){
    .intro_box>div{width:100%;height: auto;padding: 20px;}
    .intro_box>div:nth-of-type(2n){margin-left:0;margin-top:10px;}
    .com_table.facility th{width:100px}
    .step{width: 90%;margin: 0 auto;text-align: center;margin-bottom: 30px;}
    .step div{width:calc((100% / 4) - 7px);margin-bottom: 4px;}
}
@media(max-width:600px){
    .table_shape .td_shape.scholl input{width: calc(50% - 2px);}
    .table_shape .td_shape.phone input, .table_shape .td_shape.phone select{width: calc((100% / 3) - 13px);}
    .free .td_shape .btn{width:100%;}
    .free .td_shape table{width:100%;}
    .free .table_shape select{width:100%}
    .com_tab.pass li{width:20%!important;}
    .com_tab.pass li:nth-of-type(5n){border-right:0;}
}
@media(max-width:500px){
    .intro.ver2 .blue_box{padding-right:50px;}
    .intro .blue_box{padding-top: 30px;padding-bottom: 30px;}
    .intro .blue_box p{font-size:18px;}
    .intro .inner>p, .intro.ver2 .inner>p,.intro.ver2.ver3 .inner>p{padding-top: 130px;font-size: 15px;padding-bottom: 37px;}
    .breadcrumb-zone .breadcrumb>li>a:after{right: 5px;}
    .breadcrumb-zone .breadcrumb > li > a{padding-right:20px;}
    .tit{padding:30px 0;background-position: center 87px;}
    .free .button1,.tabpanel_wrap.pass .button1{font-size:15px;padding: 14px 0;width:200px;margin-top: 40px;}
    .form1 .bg_blue{width:100%;margin-top:5px;}
    .form1 div{width: calc(100% - 99px);}
    .form1 div input{width: calc(100% - 53px);}
    .gl_wrap a.gl{width:100%;padding-top: 0;}
    .gl_wrap a.gl img{min-width:auto;height:auto;width: 100%;position: static;transform: none;}
    .gl_wrap a.gl div{padding:15px;}
    .intro.ver2 .inner>p button{padding: 37.5px 0;}
}
@media(max-width:450px){
    .step{width: 300px;text-align: left;}
    .step div{width: calc((100% / 3) - 7px);margin-bottom: 4px;}
    .com_table.facility th{width:60px}
    .com_table.facility th, .com_table.facility td{padding-left:17px}
    .program ul li p em{width:21px;height:21px;}
}