@charset "utf-8";

html,body{height: 100%;}

/*customer*/
.customer{padding-top:2vw;font-family:"Noto Sans KR";}
.customer_tit{text-align:center;margin-bottom:3.5vw;}
.customer_tit strong{display:block;color:#1d1d1b;font-size:2.3478vw;font-weight:600;margin-bottom:1.2vw;font-family:'Noto Serif KR';}
.customer_tit p{color:#1d1d1b;font-size:1.0271vw;line-height:1.3em;}

/*customer*/
.bo_tbl{margin-bottom: 4.4021vw;}
.bo_tbl table{width: 100%;border-top: 1px solid #000;}
.bo_tbl table tr th{font-size: 1.0271vw;font-weight: 400;color: #1d1d1b;padding-left: 0;text-align: left;border-bottom: none;line-height: 2;padding-top: 1.0271vw;}
.bo_tbl table tr td{border-bottom: 1px solid #bbb;padding: 0.7337vw 0;}
.bo_tbl table tr td > div{display: flex;align-items: center;}
.bo_tbl table tr td input[type="text"]{background-color: #e5e5e5;height: 3.3015vw;width:100%;border: none;font-size: 1.0271vw;color: #333;padding: 0 1.4674vw;outline: none;}
.bo_tbl table tr td select{width: 100%;height: 3.3015vw;border: none;font-size: 1.0271vw;color: #333;padding: 0 1.4674vw;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #e5e5e5 url(../images/select-icon.png) no-repeat 90% 52%;outline: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.7337vw;}
.bo_tbl table tr td em{font-size: 1.0271vw;color: #333;margin: 0 0.7337vw;}
.bo_tbl table tr td .personnel label ~ label{margin-left: 1.4674vw;}
.bo_tbl table tr td .personnel label span{margin-left: 5px;}
.bo_tbl table tr td p{margin-top: 0.7337vw;font-size: 0.7292vw;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.terms dl{margin-bottom: 1.4674vw;}
.terms dl dt{margin-bottom: 0.7337vw;font-size: 1.1739vw;font-weight: 600;color: #1d1d1b;}
.terms dl dd{font-size: 0.8804vw;line-height: 1.3em;color: #333;}
.terms table{border-top: 1px solid #000;width: 100%;margin-bottom: 3.6684vw;}
.terms table th{font-size: 0.8804vw;font-weight: 600;color: #333;vertical-align: middle;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;padding: 1.1005vw 0;line-height: 1.5em;}
.terms table td{font-size: 0.8804vw;line-height: 1.4em;color: #333;padding: 1.1005vw 0 1.1005vw 2.201vw;border-bottom: 1px solid #bbb;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{text-align: center;border-right: 1px solid #bbb;padding: 1.1005vw 0;}
.terms table.type2 td:last-child{border-right: none;}
.agree > div{background-color: #e5e5e5;padding: 1.8342vw 2.9347vw;margin-bottom: 0.7337vw;display: flex;align-items: center;justify-content: space-between;}
.agree p{font-size: 1.0271vw;color: #1d1d1b;}
.agree p span{font-size: 0.8804vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.4674vw;}
.agree ul li span{padding-left: 0.3668vw;font-size:1.0271vw;}
.btn_area{margin-top: 3.6684vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: inline-block;overflow: hidden;}
.btn_area ul li{float: left;}
.btn_area ul li ~ li{margin-left: 0.7337vw;}
.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: 1.0271vw;font-weight: 600;width: 11.7388vw;height:3.6684vw;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 th{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: #777;background-color:transparent;}
.calendar table td.res input{background-color: #d7d7d7;}
.calendar table td.on input{background-color: rgba(25,115,135,0.5);color:#fff;}
.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;display:inline-block;}
.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;}

/*
@media all and (max-width:1024px){
	.bo_tbl table tr th{padding: 20px 10px 20px 10px;font-size:2.9333vw;}
	.bo_tbl table tr td{font-size:2.9333vw;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{height:35px;}
	.bo_tbl table tr td em{margin: 0 5px;}
	.terms{margin-top:10.6667vw;}
	.terms dl dt{font-size:3.4667vw;margin-bottom: 1.3333vw;}
	.terms dl dd{font-size:2.6667vw;}
	.terms table{margin-bottom:10vw;table-layout: fixed;word-break: break-all;}
	.terms table th,
	.terms table td{font-size:2.6667vw;line-height:1.3em;}
	.terms table th{padding:10px 5px;}
	.terms table td{padding:10px 0 10px 15px;}
	.terms table.type2 td{padding:10px 5px;}
	.agree > div{padding: 15px 20px;display: block;}
	.agree ul{margin-top:2.6667vw;}
	.agree ul li ~ li{margin-left:2.6667vw;}
	.agree ul li label{display:flex;align-items:center;}
	.agree p{font-size: 2.9vw;}
	.btn_area{margin-top:5.3333vw;margin-bottom:5vw;}
	.btn_area ul li button, .btn_area ul li a{font-size: 2.8333vw;width:120px;height:40px;line-height: 38px;}
}
*/

@media all and (max-width:600px){
	.customer{padding-top: 24px;}
	.customer_tit{margin-bottom: 35px;}
	.customer_tit strong{font-size: 24px;margin-bottom: 20px;}
	.customer_tit p{font-size: 12px;}
	.bo_tbl{margin-bottom: 35px;}
	.bo_tbl table tr th{font-size: 12px; border-bottom: none; line-height: 24px; padding: 6px 0px; font-weight: 600;color: #1d1d1b;}
	.bo_tbl table tr td{padding: 0px 0px 16px;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{max-width:100% !important;height: 35px;font-size: 11px;padding: 0 3vw;}
    .bo_tbl table tr td > .location{flex-direction: column; gap: 5px;}
    .bo_tbl table tr td select ~ select{margin-left: 0;}
    .bo_tbl table tr td em{font-size: 11px;}
	.terms dl{margin-bottom: 15px;}
	.terms dl dt{font-size: 13px;margin-bottom: 10px;}
	.terms dl dd{font-size: 11px; line-height: 1.45;}
	.terms table{margin-bottom: 35px;}
	.terms table th{padding: 10px 0;font-size: 11px;}
	.terms table td{padding: 10px 0 10px 8px;font-size: 11px; line-height: 1.45;}
	.terms table.type2 td{padding: 10px 0;}
	.agree > div{margin-bottom: 10px;padding: 15px 8px;flex-direction: column;align-items: flex-start;justify-content: center;gap: 12px;}
    .agree > div:last-of-type{margin-bottom: 35px;}
    .agree ul {flex-shrink: 0; width: 100%; gap: 14px;}
    .agree ul li{width: auto;}
    .agree ul li~li{margin-left: 0px;}
	.agree p{font-size: 12px;letter-spacing: -0.05em;line-height: 1.35; width: 100%;}
	.agree p span{font-size:11px;}
	.agree label{display: flex;align-items: center;width: 100%;justify-content: flex-start;}
	.agree ul li span{font-size:12px;padding-left: 2px;}
    .btn_area.cen{width: 100%;}
	.btn_area{margin-top:8px; width: 100%; display: flex;}
	.btn_area ul {display: flex; width: 100%; gap: 10px;}
	.btn_area ul li button, .btn_area ul li a{width: 100%;height: 40px;font-size: 12px;}
    .btn_area ul li{float: none; width: 100%;}
	.btn_area ul li ~ li{margin-left:0;}
}