/* #j_header {position:relative;} */



/*common*/
.subSection {padding:200px 0;}
.subTit {text-align:center; margin-bottom:85px;}
.subInner {max-width:1248px; width:92%; margin:0 auto;}
.tab-content{display: none;}
.tab-content.current{ display: block;}
.tabs {display:flex; gap:57px;}
.tabs > li {font-size:1.063rem; font-weight:500; color:#999999; padding:14px; cursor:pointer;}
.tabs > li.current {font-weight:600; color:#222222; border-bottom:2px solid #222222;}
.subBannerBox {margin-top:45px;}
.subContentList {padding:56px 0;}
.subContentList h4 {margin-bottom:16px;}
.subContentList li {display:flex;  padding:25px 7px; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.subContentList li:nth-of-type(1) {border-top:1px solid #f73741;}
.subContentList li .cont_left{display:flex; align-items:center; width:223px;}
.subContentList li .cont_left i {margin-right:14px;}
.subContentList li .cont_right {width:calc(100% - 223px);}
.subContentList li .cont_right p {word-break:keep-all;}
.inqBtn {display:block; line-height:65px; width:100% ;max-width:190px; height:65px; text-align:center; color:#fff; background:#000; font-size:1.438rem; font-weight:700; margin:0 auto;}



@media screen and (max-width:1066px){
.tabs {flex-wrap:wrap; gap:0;}
.tabs > li {width:calc((100% - 10px*2)/3); margin-right:10px; padding: 8px; text-align:Center; word-break:keep-all;}
.tabs > li:nth-of-type(3n) {margin-right:0;}
}


@media screen and (max-width:1020px){
.subSection {padding:150px 0;}

}

@media screen and (max-width:720px){
.subSection {padding:40px 0;}
.tabs {gap:30px;}
.subContentList {padding:25px 0;}
.subContentList li .cont_left {width:120px;}
.subContentList li .cont_right {width:calc(100% - 120px);} 
.subBannerBox {margin-top:20px;}
.tabs {flex-wrap:wrap; gap:0;}
.tabs > li {width:calc((100% - 10px*2)/3); margin-right:10px; padding: 8px; text-align:Center; word-break:keep-all;}
.tabs > li:nth-of-type(3n) {margin-right:0;}

}




/*page0301*/

.subInner02 {max-width:1600px; width:92%; margin:0 auto;} 
.formTit {display:flex; align-items:center; gap:15px; justify-content:center;}
.pageContentWrap {display:flex;box-sizing: border-box;}
.page0301_con01 {background:#fbfbfb;  border:1px solid #ebebeb; padding:77px 80px; width:calc((100% - 40px)/2); margin-right:20px;}
.page0301_con02 {background:#fbfbfb;  border:1px solid #ebebeb; padding:77px 80px; width:calc((100% - 40px)/2); margin-right:0px;}
.page0301_con02 .j_form_btn02 {color:#000; border:1px solid #000; background:#fff;}
/*common*/

.j_form_common {margin-top:55px;}
.formP {margin-top:20px; text-align:center;}
.j_form_box02 {display:flex; align-items:center;}
.j_form_box02 > label {width:145px;}
.j_form_box02 .filed_box02 {width:calc(100% - 145px);}
.j_form_common > li + li {margin-top:19px;}
.radioList02 {display:flex;width:100%; flex-wrap:wrap;}
.radioList02 li {position:relative; width:calc((100% - 5px*2)/3); margin-right:5px;}
.radioList02 li:nth-of-type(3n) {margin-right:0;}
.radioList02 li:nth-of-type(n + 4) {margin-top:9px;}
.radioList02 li input[type=radio] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.radioList02 li input[type=radio]:checked + label span {background:#f73741; border:1px solid #f73741; color:#fff;}
.radioList02 li label span {display:block; color:#fff; font-size:1rem; font-weight:700;width:100%; height:60px; text-align:center; line-height:60px; border-radius:5px; border:1px solid #e6e6e6; color:#000;     cursor: pointer;}

.j_form_input02 {width:100%; padding:20px 17px;  background:#fff; border:1px solid #f3f3f3; box-sizing:border-box;}
.j_form_input02::placeholder {font-size:1rem; color:#777777; font-weight:400;}
.j_text_area {width:100%; padding:20px 17px;  background:#fff; border:1px solid #f3f3f3; box-sizing:border-box; resize:none;}

.j_form_btn02 {width:100%; height:65px; line-height:65px; text-align:center; color:#fff; font-size:1.438rem; font-weight:700; background:#000; margin-top:62px;}

.p0301sec02List {display:flex; align-items:center; background:url('/img/sub/p0301sec02List_bg.jpg') no-repeat center / cover; padding:53px 63px;     justify-content: space-between;}
.p0301sec02List li h3 {display:flex; gap:10px; align-items:center;}
.p0301sec02List li .sec01Btn {margin-top:0 !important; width:317px !important; justify-content: space-between!important; font-size:1.438rem !important; height:70px !important; padding:0 34px;}
.mt10 {margin-top:10px;}
.mt25 {margin-top:25px;}
.p0301sec02 {padding:0 24px 24px 24px; box-sizing:border-box;}

@media screen and (max-width:720px){
.p0301sec02List li .sec01Btn { width: 250px !important;}

}



/*page0301sec03*/
.j_btn_wrap02 {margin-top:60px;}
.page0301sec03 {padding-bottom:70px;}
.pt70 {padding-top:70px;}


/*달력*/
.mt0 {margin-top:0;}
.page0301_sec03_con01 {background:#fbfbfb; padding:88px 0; border:1px solid #ebebeb;}
.form04Wrap {display:flex; max-width:1144px; margin:0 auto; justify-content: space-between; padding:53px 0; align-items: center;}
.j_form_btn02 {margin:0 auto; height:65px; line-height:65px;}
.j_btn_wrap02 {text-align:center;}
.forn04content {width:calc(100% - 444px);}
.datepicker {max-width:444px; width:100%; margin-right:75px;}
.ui-widget-content {border:none; background:#fff;}
.datepicker>div{width:100%; height:467px;}
.ui-datepicker-today .ui-state-default.ui-state-highlight {background:#ddd; color:#000;}
.ui-state-default, .ui-widget-content .ui-state-default {background:none; border:none; text-align:center; border-radius:50%;}
.ui-state-default.ui-state-active {background:red; color:#fff;}
.ui-datepicker .ui-datepicker-header {background:none; border:none; padding:28px; 0;}
.ui-datepicker .ui-datepicker-title {margin:0 auto; font-size:1rem; font-weight:500;}
.ui-datepicker-week-end {color:#e5675e;}
.ui-widget-header .ui-icon {background: none;}
.ui-datepicker .ui-datepicker-prev {left:30%; top: 50%;transform: translateY(-50%); width:auto; height:auto;}
.ui-datepicker .ui-datepicker-prev::before{ content:''; background:url('/img/sub/date_left.png') no-repeat center / cover; position:absolute; width:11px; height:19px; left: 50%; top: 50%;transform: translate(-50%, -50%);}

.ui-datepicker .ui-datepicker-next{right:30%; top: 50%;transform: translateY(-50%); width:auto; height:auto;}
.ui-datepicker .ui-datepicker-next::before{ content:''; background:url('/img/sub/date_right.png') no-repeat center / cover; position:absolute; width:11px; height:19px; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {}
.ui-datepicker td a {padding:19px;}
.j_select {width:100%; height:100%; padding:17px 20px;box-sizing: border-box; appearance: none;background:transparent;border: none;}
.select_wrap{width:100%;  border: 1px solid #f3f3f3; position:relative; background:#eeeeee; }
.select_wrap:before{ content:''; position:absolute; right:24px; top:50%; transform:translateX(-50%);background:url('/img/icon/down_arr.png') no-repeat center / cover; width:13px; height:7px; z-index:10;}
.form04_bg {background:#eee;}


@media screen and (max-width:1480px){
.pageContentWrap {flex-wrap:wrap;}
.subTit {margin-bottom:40px;}
.page0301_con01 {padding: 50px 53px; width:92%; max-width:780px; margin:0 auto;}
.page0301_con02 {padding: 50px 53px; width:92%; max-width:780px; margin:20px auto 0 auto;}
.form04Wrap {flex-wrap:wrap;}
.forn04content {width:92%; max-width:780px; margin:0 auto; margin-top:20px;}
.datepicker {margin:0 auto;}
.page0301_sec03_con01 {padding:40px 0;}
.form04Wrap {padding:20px 0;}
}


@media screen and (max-width:920px){
.p0301sec02List {padding:30px 20px; flex-wrap:wrap; justify-content:center;}
.p0301sec02List li {width:100%;         text-align: center;}
.p0301sec02List li + li {margin-top:20px;}
.p0301sec02List li h3 {justify-content: center;}
.p0301sec02List li .sec01Btn {margin:0 auto;}
}
    

@media screen and (max-width:860px){
.j_form_box02 > label {width:100%;}
.j_form_box02 {flex-wrap:wrap; }
.j_form_box02 .filed_box02 {width:100%; margin-top:10px;}
}

@media screen and (max-width:720px){
.j_form_common {margin-top:40px;}
.page0301_con01 {padding:40px 10px;}
.page0301_con02 {padding:40px 10px;}
.radioList02 {flex-wrap:wrap;}
.radioList02 li label span {width:100%;}
.radioList02 li label span + span {margin-top:10px;}
.j_btn_wrap02 {margin-top:40px;}
.pt70 {padding-top:40px;}
.page0301sec03 {padding-bottom:40px;}
}