@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&family=Cinzel:wght@400;500;600;700;800;900&display=swap');

html,body{height: 100%;font-family:'Noto Sans KR',sans-serif;}
.wrap{height: 100%;min-width: 1300px;position: relative;max-width:2000px;margin:0 auto;}
.inner{width: 1200px;margin: 0 auto;position: relative;}
.inner.in_14{width:1400px;}
.inner.in_16{width:1600px;}

/*header*/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 113;padding: 0 120px 0 20px;transition: 0.2s;text-align: center;height: 100px;min-width:1400px;}
header.on{background:#981b1e;}
header::after{content: "";display: block;position: absolute;top: 100px;left: 0;width: 100%;height: 0px;background-color: #fff;transition: 0.2s;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
header .head_in{max-width: 1600px;margin: 0 auto;position: relative;height: 100px;overflow: hidden;z-index: 10;;transition: 0.2s;}
header h1{position: absolute;top: 36px;left: 0;}
header h1 a{display: block;width: 180px;height: 30px;background: url(../images/logo.png?ver=4) no-repeat center;background-size: contain;}
header .menu{text-align:center;}
header .menu ul{display:inline-block;}
header .menu ul::after{content: "";display: block;clear: both;}
header .menu .gnb1{float: left;}
header .menu .gnb1 > a{display: block;line-height: 100px;color: #fff;font-size: 17px;padding: 0 30px;font-weight: 400;transition: 0.2s;position:relative;}
header .menu .gnb1 > a:before{content:"";position:absolute; bottom:0;left:13%;width:0;height:2px;background:#fff;transition:.5s;}
header .menu .gnb1:hover > a:before{width:75%}
header .menu .gnb2{margin-top: 25px;}
header .menu .gnb2 li > a{display: block;font-size: 16px;color: #555;padding: 10px 0;text-align:left;}
header .menu .gnb2 li > a:hover{color:#981b1e}
header .menu .gnb2 dl{text-align:left;padding-bottom:15px;}
header .menu .gnb2 dl dt{display:block;padding:10px 0;}
header .menu .gnb2 dl dd{position:relative;left:15px;}
header .menu .gnb2 dl dd span{display:block;font-size:13px;margin-top:10px;}

header .tel{padding-left:20px;color:#fff;font-size:28px;font-family:'Jost';font-weight:600;letter-spacing: 0.5px;position:absolute;right:0;top:35px;background:url(../images/tel-icon.png) no-repeat left center;}
header.sub{background:#fff;padding:0 20px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
header.sub .menu .gnb1 > a{color:#000;}
header.sub h1 a{background:url(../images/logo-s.png?ver=4)no-repeat center;}
header.sub .tel{background-image:url(../images/tel-h.png);color:#000;}
header:hover{background-color: #981b1e;box-shadow: 5px 5px 6.93px 0.07px rgb(0 0 0 / 10%);}
header:hover::after{height: 250px;}
header:hover h1 a{background-image:url(../images/logo.png?ver=4);}
header:hover .head_in{height: 350px;}
header:hover .menu .gnb1 > a{color:#fff;}
header:hover .tel{color:#fff;background-image:url(../images/tel-icon.png);}

/*ban*/
.ban{position: fixed;right: 0;top: 50%;z-index: 50;margin-top: -150px;}

/*footer*/
footer{background-color: #262626;padding: 65px 20px 130px;position:relative;}
footer .foot_in{max-width: 1600px;margin: 0 auto;}
footer .foot_in > div{display:flex;justify-content: space-between;}
footer .foot_logo{margin-bottom:25px;}
footer .ori{line-height: 20px;color: #aaabab;font-size: 12px;font-weight:300;opacity:0.5;}
footer address{color: #aaabab;font-size: 14px;margin-top: 30px;opacity:0.5;}
footer address em{font-family:"Jost";}
footer .foot_tel{text-align:right;margin-bottom:60px;}
footer .foot_tel span{padding-left:20px;display:inline-block;background:url(../images/tel-icon.png) no-repeat left center;color:#fff;font-size:20px;font-family:"Jost";font-weight:600;letter-spacing:1px;}
footer .foot_brand{display:flex;}
footer .foot_brand dl ~ dl{margin-left:80px;}
footer .foot_brand dt{color:#aaabab;font-size:14px;margin-bottom:20px;}
footer .foot_brand dd{color:#fff;font-size:16px;font-weight:600;}
footer #top{position:absolute; top:0;right:0;cursor:pointer;}

/*vis*/
#hnn-vis{position:relative}
#vis,
#vis .vis {height:950px;position:relative;overflow:hidden;}
#vis .vis .bg2 {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
#vis .vis1 .bg2 {background-image:url(../images/vis1.jpg?ver=4);}
#vis .vis2 .bg2 {background-image:url(../images/vis2.jpg?ver=4);}
#vis .vis3 .bg2 {background-image:url(../images/vis3.jpg?ver=4);}
#vis .vis .txt{position:absolute;}
#vis .vis1 .txt{top:20%;right:20%;}
#vis .vis2 .txt{top:20%;right:19%;}
#vis .vis3 .txt1{top:15%;right:20%;width:100%;}
#vis .vis3 .txt2{bottom:10%;left:5%;}
#vis .vis .txt li{display:flex;justify-content:flex-end;align-items:center;opacity:0;;transition:0.6s;}
#vis .vis .txt li .line{width:0;height:1px;position:relative;;transition:0.8s;transition-delay:0.3s;}
#vis .vis .txt li .line span{display:block;width:0;height:100%;position:absolute;left:50%;bottom:0;}
#vis .vis .txt li .line span::before{content:"";position:absolute;bottom:0;left:50%;margin-left:-28px;width:57px;height:0;background:url(../images/vis1-text-icon.png) no-repeat center top;transition:0.5s;transition-delay:1.2s;}
#vis .vis3 .txt .t1{position:absolute;left:75%;top:0;margin-left:0px;}
#vis .vis3 .txt .t2{position:static;left:25%;bottom:20%;}
#vis .vis3 .txt .t3{position:absolute;left:calc(58% + 320px);}
#vis .open_ban{position:absolute;top:15%;right:11%;opacity:0;transition:0.6s;}
#vis .active .vis1 .txt .t1{opacity:1;}
#vis .active .vis1 .txt .t1 .line{width:300px;}
#vis .active .vis1 .txt .t1 .line span{background-color:#fff;left:0;width:100%;transition:0.5s;transition-delay:0.8s;}
#vis .active .vis1 .txt .t1 .line span::before{height:30px;}
#vis .active .vis1 .txt .t2{opacity:1;transition-delay:1.6s;}
#vis .active .vis1 .txt .t3{opacity:1;transition-delay:2s;}
#vis .active .vis2 .txt .t1{opacity:1;}
#vis .active .vis2 .txt .t2{opacity:1;transition-delay:0.6s;}
#vis .active .vis2 .txt .t3{opacity:1;transition-delay:1.2s;}
#vis .active .vis3 .txt li{opacity:1;}
#vis .active .vis3 .txt .t2{transition-delay:0.6s;}
#vis .active .vis3 .txt .t3{transition-delay:1.2s;}
#vis .active .open_ban{opacity:1;transition-delay:1.2s;}

#vis  .slick-dots {position: absolute;   bottom:170px; z-index: 100; text-align:center;right:40px;z-index:1112}
.scr2 {width:20px;height:85px;background:url(../images/scroll.png) no-repeat;text-indent:-9999px;position:absolute;z-index:90;right:40px;bottom:35px;animation:visScr 2s ease infinite;}
@keyframes visImg {
	0 {transform:translate3d(0,15px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@keyframes visScr {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,-20px,0);}
	0% {transform:translate3d(0,0,0);}
}
#hnn-vis .aside{position:absolute;top:0;right:0;background: #981b1e url(../images/aside-bg.png?ver=2) no-repeat center top -135px;z-index: 1111;height:100%;width: 100px;}
#hnn-vis .aside img{width:100%;display:block;}
#hnn-vis .aside span{display:block;}
#hnn-vis .aside ul li:first-child a{padding: 35px 0;}
#hnn-vis .aside ul li:nth-child(2){margin-top:10px;}
#hnn-vis .aside ul li a{display:block;padding: 12px 0;}
#vis .total_pagi{position: absolute;top: 255px;right:40px;font-size:16px;color:#534c4e;font-family:"Jost";z-index: 11;}
#vis .now_pagi{position: absolute; top:438px; right:40px; font-weight:600; font-size:16px;font-family:"Jost";z-index: 11;}
#vis  .slick-dots li  {border:0;position: relative;display:none;}
#vis  .slick-dots li  button {border:0;background: transparent;font-size:16px;color:#fff;font-family: 'Montserrat', sans-serif;font-weight:600;position: relative;}
#vis  .slick-dots li button::before{content: "";position:absolute;height:60px;width:1px;background: rgba(255,255,255,0.3);}
#vis .slick-dots li:first-child{display:block;}
#vis .slick-dots li:last-child{display:block;margin-top:140px;}
#vis .slick-dots li:last-child button{color:#e5d7c4;}
#vis .slick-dots li:first-child button::before{top:140%;left:50%;}
#vis .slick-dots li:last-child button::before{bottom:140%;left:50%;}

/*con*/
.quick{padding: 125px 0 100px;}
.quick ul{display: flex;justify-content: center;}
.quick li{text-align:center;position: relative;width:25%;}
.quick li a{display:block;padding-top:70px;background-repeat:no-repeat;background-position:center  top;}
.quick li:nth-child(1) a{background-image:url(../images/icon1.png?ver=1)}
.quick li:nth-child(2) a{background-image:url(../images/icon2.png?ver=1)}
.quick li:nth-child(3) a{background-image:url(../images/icon3.png?ver=1)}
.quick li:nth-child(4) a{background-image:url(../images/icon4.png?ver=1)}
.quick li strong{display:block;font-family: 'NanumSquare', sans-serif;color:#4c4d4f;font-size:20px;font-weight:800;margin-bottom:15px;}
.quick li p {color:#9a9a9a;font-size:16px;line-height:21px;}

/* main*/
.main1{background:url(../images/main1-bg.jpg?ver=2) no-repeat center;background-size:cover;padding: 150px 0 395px;overflow:hidden;position:relative;}
.main1 .rig{position:absolute;top:0;left:420px;width:1300px;overflow: hidden;}
.main1_tit{margin-bottom:30px;padding-top:5px;}
.main1_sd1 strong{display:block;color:#222;font-size:72px;margin-bottom:45px;font-family: 'Arsenal';font-weight:700;overflow:hidden;}
.main1_sd1 span{display:block;;color:#222;font-size:38px;margin-bottom:15px;font-family: 'NanumSquare';font-weight:800;overflow:hidden;}
.main1_sd1 p{color:#858585;font-size:19px;line-height:30px;overflow:hidden;}
.main1_sd1 em{display:block;transform:translate(0,110%);transition:0.4s;}
.main1_sd1 .main1_btn{margin-top:45px;position: relative;z-index: 10;}
.main1_sd1 .main1_btn button{background-repeat:no-repeat;background-size:contain;width:57px;height:57px;background-color:transparent;border:none;}
.main1_sd1 .main1_btn .main1_prev{background-image:url(../images/main-prev.png);}
.main1_sd1 .main1_btn .main1_next{background-image:url(../images/main-next.png);margin-left:10px;}
.main1_sd1 .swiper-slide-active em,
.main1_sd1 .swiper-slide-duplicate-active em{transform:translate(0,0);transition-delay:0.3s;}
.main1_sd2{width:1200px;}
.main1_sd2 .swiper-slide{padding-top:50px;transition:0.4s;}
.main1_sd2 .swiper-slide a{display:block;box-shadow: 5px 10px 10px rgba(0,0,0,0.25);}
.main1_sd2 .swiper-slide a img{display:block;}
.main1_sd2 .swiper-slide-active{padding-top:0;}
.main1 .bg_txt{position:absolute;left:100px;top:425px;-webkit-text-stroke: 1px rgba(32,144,86,0.3);color:transparent;font-size:220px;font-family: 'Arsenal';font-weight:700;opacity:0;transition:0.5s;transition-delay:1s;}
.main1 .leaf{position:absolute;z-index:5;background-repeat:no-repeat;background-size:contain;opacity:0;transition:0.5s;}
.main1 .leaf1{left:0;top:390px;background-image:url(../images/leaf1.png);width:190px;height:390px;transform:translate(-30px,10px) rotate(-10deg);}
.main1 .leaf2{right:0;top:0;background-image:url(../images/leaf2.png);width:245px;height:190px;transform:translate(50px,-30px);}
.main1 .leaf3{right:0;bottom:5px;background-image:url(../images/leaf3.png);width:275px;height:315px;;transform:translate(40px,40px) rotate(-15deg);}
.main1.active .leaf{opacity:1;transform:translate(0,0) rotate(0deg);}
.main1.active .leaf2{transition-delay:0.3s;}
.main1.active .leaf3{transition-delay:0.6s;}
.main1.active .bg_txt{opacity:1;left:10px;}

.main2{padding:175px 0 270px;overflow:hidden;}
.main2 .box{display:flex;justify-content:space-between;}
.main2 .box .lef{text-align:left;padding-left:200px;}
.main2 .box .rig{position:relative;}
.main2 .box .rig span{display:flex;}
.main2 .win{position:absolute;bottom:-150px;left:50%;margin-left:-214px;}
.main2 .win .line{position:absolute;left:50%;bottom:200px;width:0;height:1px;background-color:rgba(255,255,255,0.8);z-index:10;transition:0.5s;transition-delay:0.8s;}
.main2 .win .line::before{content:"";position: absolute;bottom: 0;left: 0;width:100%;height:0;background:url(../images/vis1-text-icon.png) no-repeat center top;transition:0.5s;transition-delay:1.2s;}
.main2 .win ul{position:relative;display:flex;align-items:center;}
.main2 .win ul li{opacity:0;transition:0.5s;}
.main2 .win ul li:nth-child(1){transition-delay:0.5s;}
.main2 .win ul li:nth-child(2){transition-delay:0.3s;}
.main2 .win ul li:nth-child(3){transition-delay:0.3s;}
.main2 .win ul li:nth-child(4){transition-delay:0.5s;}
.main2 .win ul li img{transition:0.6s;}
.main2 .win ul li:nth-child(1) img{transform:perspective(100px) rotateY(-18deg);transition-delay:0.6s;}
.main2 .win ul li:nth-child(2) img{transform:perspective(110px) rotateY(-11deg);transition-delay:0.4s;}
.main2 .win ul li:nth-child(3) img{transform: perspective(110px) rotateY(10deg);transition-delay:0.4s;}
.main2 .win ul li:nth-child(4) img{transform:perspective(110px) rotateY(18deg);transition-delay:0.6s;}
.main2.active .win .line{left:-45px;width:515px;}
.main2.active .win .line::before{height:45px;}
.main2.active .win ul li:nth-child(1),
.main2.active .win ul li:nth-child(2),
.main2.active .win ul li:nth-child(3),
.main2.active .win ul li:nth-child(4){opacity:1;}
.main2.active .win ul li:nth-child(1) img,
.main2.active .win ul li:nth-child(2) img,
.main2.active .win ul li:nth-child(3) img,
.main2.active .win ul li:nth-child(4) img{transform:none;}

.main3{padding-top:110px;position: relative;overflow:hidden;}
.main3 .map{position:relative;padding-top:85px;background:url(../images/main3-bg.jpg?ver=2) no-repeat center;background-size:cover;}
.main3 .box{display:flex;}
.main3 .box .lef,
.main3 .box .rig{width:50%;}
.main3 .box .lef{padding-top:130px;text-align:center;}
.main3 .box .lef span{display:block;margin-bottom:35px;}
.main3 .box .lef a{display:block;}
.main3 .map_area{margin-top:30px;}
.main3 .map_area ul li{display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.main3 .map_area ul li:nth-child(1){background-color:#981b1e;}
.main3 .map_area ul li:nth-child(2){background-color:#2b3c65;}
.main3 .map_area dl{display:flex;line-height:50px;}
.main3 .map_area dl dt{color:#fff;font-size:18px;font-weight:600;}
.main3 .map_area dl dd{color:#fff;font-size:18px;font-weight:400;}
.main3 .map_area ul li a{color:#fff;font-size:15px;padding-left:25px;background:url(../images/naver-icon.png) no-repeat left center;text-align:left;width:170px;}
.main3 .leaf{position:absolute;z-index:5;background-repeat:no-repeat;background-size:contain;opacity:0;transition:0.5s;}
.main3 .leaf4{right:0;top:-110px;background-image:url(../images/leaf4.png);width:197px;height:250px;transform:translate(30px,20px) rotate(-10deg);transition-delay:0.2s;}
.main3 .leaf5{right:0;top:50px;background-image:url(../images/leaf5.png);width:239px;height:310px;transform:translate(30px,20px) rotate(-10deg);transition-delay:0.4s;}
.main3.active .leaf{opacity:1;transform:none;}

/*sub*/
.svis{padding-top:100px;}
.sub_top{position: relative;background: url(../images/sub-top-bg.jpg?ver=2) no-repeat center;background-size: cover;;height: 200px;}
.sub_tit{padding-top: 65px;text-align:center;}
.sub_tit h2{font-size: 36px;color: #fff;font-weight: 600;text-align: center;padding-bottom:20px}
.sub_tit p{color:#fff}
.sub_menu{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;left: 0;bottom: 0;width: 100%;background-color: #fff;}
.sub_menu .inner::after{content: "";display: block;clear: both;}
.sub_menu .inner > div{float: left;}
.sub_menu .home{width: 60px;height: 60px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.sub_menu .home a{display: block;width: 100%;height: 100%;background: url(../images/ico-home.png) no-repeat center;}
.sub_menu .depth{border-right: 1px solid #e6e6e6;position: relative;}
.sub_menu .depth > a{display: block;line-height: 60px;font-size: 15px;color: #333;width: 240px;padding: 0 20px;background: url(../images/ico-arr.png) no-repeat 90% 50%;}
.sub_menu .depth ul{display: none;position: absolute;top: 60px;left: 0;z-index: 10;width: 100%;}
.sub_menu .depth:hover ul{display: block;border-top: 1px solid #e5e5e5;}
.sub_menu .depth:hover ul li{border: 1px solid #e5e5e5;border-top: none;}
.sub_menu .depth:hover ul li a{display: block;line-height: 45px;background-color: #fff;width: 100%;padding: 0 20px;font-size: 15px;color: #666;}
.sub_menu .depth:hover ul li a:hover{background-color: #f5f5f5;color: #981b1e;}
.content{padding: 80px 0 130px;}
.con_tit{text-align: center;margin-bottom: 60px;font-size: 32px;color: #222;}

.precaution{background-color: #f5f5f5;margin-top: 60px;padding: 30px 20px 30px 120px;position: relative;}
.precaution:before{content: "";display: inline-block;width: 50px;height: 50px;background: url(../images/precaution_icon.png) no-repeat;position: absolute;top: calc(50% - 25px);left: 40px;}
.precaution li{font-size: 13px;color: #999;line-height: 22px;position: relative;padding-left: 10px;}

.sub_tbl{margin-top: 60px;}
.sub_tbl table{width: 100%;border-top: 2px solid #981b1e;}
.sub_tbl table th{color: #121212;font-weight: 500;text-align: center;font-size: 18px;border-bottom: 1px solid #d5d5d5;padding: 30px 0;position: relative;}
.sub_tbl table th::after{content: "";display: block;width: 1px;height: 20px;background-color: #ddd;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.sub_tbl table td{color: #666;font-size: 18px;border-bottom: 1px solid #d5d5d5;padding: 30px 0;padding-left: 30px;}

.sub_map span{display:flex;justify-content:center;}
.sub_map span ~ span{margin-top:65px;}

/*customer*/
.bo_tbl{margin-bottom: 60px;}
.bo_tbl table{width: 100%;border-top: 1px solid #333;}
.bo_tbl table tr th{font-size: 17px;font-weight: 400;color: #333;padding: 30px 0 30px 40px;text-align: left;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td{border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;align-items: center;}
.bo_tbl table tr td input[type="text"]{background-color: #f0f0f0;height: 50px;border: none;font-size: 16px;color: #999;padding: 0 20px;outline: none;}
.bo_tbl table tr td select{width: 227px;height: 50px;border: none;font-size: 16px;color: #999;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #f0f0f0 url(../images/select-icon.png) no-repeat 90% 52%;outline: none;}
.bo_tbl table tr td select ~ select{margin-left: 10px;}
.bo_tbl table tr td em{font-size: 16px;color: #666;margin: 0 10px;}
.bo_tbl table tr td .personnel label ~ label{margin-left: 20px;}
.bo_tbl table tr td .personnel label span{margin-left: 5px;}
.bo_tbl table tr td p{margin-top: 10px;font-size: 14px;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.terms{margin-top: 60px;}
.terms dl{margin-bottom: 15px;}
.terms dl dt{margin-bottom: 10px;font-size: 20px;font-weight: 600;color: #333;}
.terms dl dd{font-size: 15px;line-height: 20px;color: #666;}
.terms table{border-top: 1px solid #707070;width: 100%;margin-bottom: 50px;}
.terms table th{font-size: 14px;font-weight: 600;color: #666;vertical-align: middle;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;padding: 15px 0;}
.terms table td{font-size: 14px;line-height: 22px;color: #666;padding: 15px 0 15px 30px;border-bottom: 1px solid #d5d5d5;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{text-align: center;border-right: 1px solid #d5d5d5;padding: 15px 0;}
.terms table.type2 td:last-child{border-right: none;}
.agree > div{background-color: #f5f5f5;padding: 25px 40px;margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
.agree p{font-size: 18px;color: #333;}
.agree p span{font-size: 15px;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 20px;}
.agree ul li span{padding-left: 5px;}
.btn_area{margin-top: 50px;}
.btn_area ul{display: inline-block;overflow: hidden;}
.btn_area ul li{float: left;}
.btn_area ul li ~ li{margin-left: 10px;}
.btn_area ul li.black button,
.btn_area ul li.black a{color: #fff;background-color: #353535;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{color: #353535;background-color: #fff;border: 1px solid #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{color: #353535;background-color: #fff;border: 1px solid #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{color: #fff;background-color: #353535;}
.btn_area ul li button,
.btn_area ul li a{display: block;font-size: 16px;font-weight: 600;width: 160px;height:50px;line-height: 48px;border: none;transition: 0.2s;}

/*news*/
.search_area{display: flex;justify-content: flex-end;}
.search_area form{display:flex;}
.search_area select{border: 1px solid #c1c1c1;height: 35px;width: 100px;padding: 0 10px;color: #666;margin-right: 5px;}
.search_area input{border: 1px solid #c1c1c1;height: 35px;width: 240px;padding: 0 10px;color: #666;}
.search_area button{border: 1px solid #c1c1c1;border-left: none;background: url(../images/search-icon.gif) no-repeat center;width: 35px;height: 35px;}
.news_tbl{margin-top: 20px;}
.news_tbl table{border-top: 2px solid #6b6b6b;width: 100%;table-layout: fixed;}
.news_tbl table td{padding: 25px 0;font-size: 14px;color: #666;border-bottom: 1px solid #dcdcdc;text-align: center;}
.news_tbl table td a{display: block;text-align: left;font-size: 18px;width: 80%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_tbl table tr:hover td{background: #f9f9f9;}

/*schedule*/
.sche_tab{margin-bottom: 60px;}
.sche_tab::after{content: "";display: block;clear: both;}
.sche_tab li{width: 50%;float: left;position: relative;}
.sche_tab li::after{content: "";position: absolute;position: absolute;left: 50%;margin-left: -7px;border-top: 8px solid #3b7387;border-left: 8px solid transparent;border-right: 8px solid transparent;display: none;}
.sche_tab li a{display: block;width: 100%;text-align: center;font-size: 20px;color: #888;background: #f0f0f0;border: 1px solid #dedede;line-height: 60px;}
.sche_tab li.on::after{display: block;}
.sche_tab li.on a{background-color: #3b7387;border: 1px solid #3b7387;color: #fff}
.sche_tab li a:hover{background-color: #3b7387;border: 1px solid #3b7387;color: #fff}
.step{display: flex;margin-bottom: 30px;}
.step_tit{width: 240px;background-color: #999;display: flex;align-items: center;justify-content: center;border-radius: 10px 0 0 10px;}
.step_tit strong{color: #fff;font-weight: 400;padding-right: 30px;background: url(../images/step-arr.png) no-repeat right center;}
.step ul{width: calc(100% - 240px);;border: 1px solid;border: 1px solid #ddd;border-left: none;border-radius: 0px 10px 10px 0px;display: flex;}
.step ul li{width: 33.33%;height: 100px;display: flex;align-items: center;padding: 0 80px;position: relative;}
.step ul li dl{display: inline-block;}
.step ul li dl dt{font-size: 14px;color: #9a9a9a;font-weight: 400;margin-bottom: 7px;}
.step ul li dl dd{font-size: 18px;font-weight: 500;}
.step ul li::after{content: "";position: absolute;right: 0;top: 50%;width: 1px;;height: 40px;margin-top: -20px;background-color: #ddd;}
.step ul li:last-child:after{display: none;}
.notice_box{background-color: #f9f9f9;color: #222;border-radius: 10px;margin-bottom: 70px;padding: 30px 0;text-align: center;}
.notice_box p{line-height: 26px;font-size: 20px;}
.notice_box ul{margin-top: 30px;display: inline-block;text-align: left;}
.notice_box ul li{line-height: 26px;font-size: 16px;}
.notice_box span{color: #ff3333;}
.sche_tit{margin-bottom: 50px;color: #333;font-size: 30px;}
.sche_tit strong{color: #000;margin-right: 10px;}
.calendar_box{display: flex;justify-content: space-between;margin-bottom: 70px;}
.calendar{width: calc(50% - 20px);border: 1px solid #efefef;}
.calendar .top{background-color: #f1f1f1;line-height: 50px;text-align: center;color: #222;font-weight: 500;}
.calendar .date{padding: 15px 60px;background-color: #fcfcfc;height: 320px;overflow-y: auto;}
.calendar .date .month{text-align: center;position: relative;}
.calendar .date .month strong{font-size: 24px;font-weight: 400;color: #222;line-height: 50px;}
.calendar .date .month button{position: absolute;top: 50%;margin-top: -16px;width: 33px;height: 33px;border: none;}
.calendar .date .month .prev{left: 0;background: url(../images/calen-prev.gif) no-repeat center;background-size: contain;}
.calendar .date .month .next{right: 0;background: url(../images/calen-next.gif) no-repeat center;background-size: contain;}
.calendar table{width: 100%;margin-top: 5px;}
.calendar table thead td{padding: 5px 0;color: #555;font-weight: 500;}
.calendar table td{text-align: center;line-height: 35px;color: #777;}
.calendar table td.sun{color: #de1818;}
.calendar table td.sat{color: #2653b9;}
.calendar table td input{width: 100%;height: 100%;border: none;color: #fff;}
.calendar table td.res input{background-color: #d7d7d7;}
.calendar table td.on input{background-color: rgba(25,115,135,0.5);}
.calendar table td.on input.active{background-color: #3b7387;}
.calendar .bot{background-color: #f1f1f1;line-height: 50px;display: flex;justify-content: space-between;padding: 0 40px;}
.calendar .bot span{font-size: 14px;color: #777;position: relative;}
.calendar .bot .lef span{padding-left:15px;margin-right: 20px;}
.calendar .bot .lef span::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -4px;width: 9px;height: 9px;}
.calendar .bot .lef .res::before{background-color: #d7d7d7;}
.calendar .bot .lef .possi::before{background-color: rgba(25,115,135,0.5);}
.calendar .bot .rig span strong{font-weight: 500;color: #222;}
.calendar .date .time li ~ li{margin-top: 10px;}
.calendar .date .time li button{background-color: transparent;border: none;font-size: 16px;color: #555;padding: 5px 10px;}
.calendar .date .time li button.active{background-color: #3b7387;color: #fff;}
.terms_area{padding: 30px;overflow-y: scroll;font-size: 14px;border: 1px solid #dedede;line-height: 1.5em;height: 170px;margin-bottom: 20px;}
.complete{background: #eee;padding: 60px 20px 80px;text-align: center;}
.complete_tit{font-size: 36px;color: #121212;font-weight: 300;margin-bottom: 30px;}
.complete_txt{font-size: 18px;color: #121212;font-weight: 300;margin-bottom: 40px;}
.complete_box{display: inline-block;width: 600px;border-top: 1px solid #222;border-bottom: 1px solid #222;padding: 30px 0;color: #222;font-weight: 500;font-size: 32px;line-height: 52px;}
.complete_box span{color: #000;font-weight: 600;}
.confirm_tit{margin-bottom: 60px;text-align: center;font-weight: 300;font-size: 26px;line-height: 1.3em;color: #444;}
.confirm_tit span{font-weight: 500;color: #000;}
.confirm_tbl table{width: 100%;border-top: 1px solid #000;}
.confirm_tbl table th{position: relative;padding: 25px 0;text-align: center;font-size: 18px;color: #333;font-weight: 400;border-bottom: 1px solid #e5e5e5;}
.confirm_tbl table th::after{content: "";display: block;background-color: #999;width: 1px;height: 16px;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.confirm_tbl table td{padding: 25px 0;text-align: left;font-size: 18px;color: #333;font-weight: 400;padding-left: 40px;border-bottom: 1px solid #e5e5e5;}
.confirm_tbl table td .cancel{background: none;border: none;border-bottom: 1px solid #ff0000;color: #ff0000;font-size: 15px;line-height: 1.3em;}
.confirm_tbl table td .no_result{padding: 40px 0;text-align: center;font-size: 15px;}

/*pagination*/
.pagination{margin-top:80px;text-align:center;}
.pagination ul{display:inline-block;}
.pagination ul::after{content:"";display:block;clear:both;}
.pagination ul li{float:left; width:40px;}
.pagination ul li a{display:block;height:40px;line-height:40px;font-family: 'Spoqa Han Sans';font-size: 20px;color: #abaaaa;}
.pagination ul li.on a{color: #535353;text-decoration: underline;text-underline-position: under;}
.pagination ul li.pg_st{margin-right:5px;}
.pagination ul li.pg_st a{background:url(../images/pg_start.png) no-repeat center;border: 1px solid #e5e5e5;}
.pagination ul li.pg_ed{margin-left:5px;}
.pagination ul li.pg_ed a{background:url(../images/pg_end.png) no-repeat center;border: 1px solid #e5e5e5;}

/*tab*/
.with_tab{margin-bottom:60px;}
.with_tab ul{display:flex;}
.with_tab ul li{background-color:#e0eee7;text-align:center;cursor:pointer;font-size:18px;border:1px solid #cdc9c6;line-height:50px;color:#555555}
.with_tab.bo_list ul li a{font-size:15px;display:block;}
.with_tab ul li.on{background-color:#981b1e;color:#fff;border:1px solid #981b1e;}
.tab2 ul li{width:33.33%;}
.tab5 ul li{width:20%;}
.tab6 ul li{width:16.66%;}
.tab7 ul li{width:14.28%;}
.with_box{display:none;}
.with_box.on{display:block;}