@charset "utf-8";
.primary-01 {color:#274380;}	
.primary-02 {color:#0253a5;}	
.primary-03 {color:#00a6e7;}	
.primary-04 {color:#df0b15;}	
.primary-05 {color:#ec6b01;}	


main button{ font-size: 1rem} 
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
:before, :after{ box-sizing: border-box} 

#footer{ margin-top: 0; background: #575757;color: rgba(255, 255, 255, 0.8); font-weight: 300} 
#footer .footer-policy > li > a,#footer .footer-policy > li > a > strong,#footer address,#footer .footer-count p,#footer .footer-count p > strong,#footer .footer-count button{ color: rgba(255, 255, 255, 0.8)} 
#footer .footer-count p > strong{ font-weight: 300; color: #fff} 
#footer .footer-count p > strong > span{ font-weight: 500} 
#footer .footer-count button{ padding: 3px 6px; font-size: 13px} 
#footer .footer-count button span,#footer .footer-count button::after{ font-size: 13px; vertical-align: middle}

#header{ background: none; height: 145px; z-index: 3 } 
#header:before{ width: 100vw; height: 6px; background:#0253a5; position: fixed; left: 0; top: 0; content: ""; display: block; } 
#gnb > .inner:before{ width: 250px; height: 6px; background:#e12e0d; position: absolute; left: 0; top: -6px; content: ""; z-index: 99 } 
#gnb{ height: 139px;     border-bottom: 1px solid #e1e1e1;} 
#gnb_layout{ top:6px; height: 139px !important;} 
#gnb_layout.fix{ top: 6px} 
#gnb > .inner{ height: 94px;  } 

#gnb_layout .navi_pc{ top:94px;border-color:#e1e1e1; border-top: none; height: 44px } 
#gnb > .inner:after{ top: 94px; background: #e1e1e1;} 
#gnb_layout .navi_pc > li > a{ background: none;  border: none; border-left:1px solid #e1e1e1;; border-right: 1px solid #e1e1e1;;    position: relative} 
#gnb_layout .navi_pc > li, #gnb_layout .navi_pc > li:last-of-type{border-color:rgba(255,255,255,0.3); border: none} 

#gnb_layout .logo a{ background-size:100%} 
#gnb_layout .logo a + a{  background: none} 
#gnb .navi_util ul > li > .btn_sitemap{} 
#gnb_layout.open{ background: #fff} 
#gnb_layout.open .navi_pc:after{ position: absolute; left: 50%; top: 45px; background: #f7f7f7; width: 100vw;transform: translate(-50%,0); content: ""; display: block; height: 219px; z-index: -1} 
#gnb_layout.open li .depth_02, #gnb_layout .navi_pc:hover li .depth_02{  height:220px !important } 
#gnb_layout.open .logo a,#gnb_layout.fix .logo a{ background-image: url("../img/comm/logo.svg")} 
#gnb_layout.open .logo a + a, #gnb_layout.fix .logo a + a{ color: #606060; background: none} 
#gnb_layout.open #gnb .navi_util ul > li > .btn_sitemap, #gnb_layout.fix #gnb .navi_util ul > li > .btn_sitemap{ filter:none} 
#gnb_layout.open #gnb > .inner:after, #gnb_layout.fix #gnb > .inner:after{ background:#e1e1e1; } 
#gnb_layout.open #gnb, #gnb_layout.fix #gnb{ border-color:#e1e1e1; } 
#gnb_layout.open .navi_pc > li > a{ border-left:1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } 
#gnb_layout.open .navi_pc > li > a, #gnb_layout.fix .navi_pc > li > a{ color: #222} 
#gnb_layout.open li .depth_02{ border: 1px solid #e1e1e1 !important; border-bottom: none !important} 
#gnb_layout .navi_pc > li:hover > a{ background:none; color:#0253a5 !important; border-bottom:none !important;}
#gnb_layout li .depth_02{ border-bottom: none; z-index: 1;transform: translate(0,-1px); width: 100%} 
#gnb_layout .navi_pc > li:hover > a{border: 1px solid #00a6e7 !important; z-index: 2; border-bottom: none !important;transform: translate(0,0); width: 100%} 
#gnb_layout li:hover .depth_02{border: 1px solid #00a6e7 !important; z-index: 2;transform: translate(0,-1px); width: 100%} 
#gnb_layout li:hover .depth_02 .gnb_list{ background:#fff; }
#gnb_layout li:hover .depth_02 .gnb_list > ul > li > a{ color: #606060} 
#gnb_layout li:hover .depth_02 .gnb_list > ul > li > a:before{ background: #606060} 

#gnb_layout li .depth_02 .gnb_list > ul > li:hover > a, #gnb_layout li .depth_02 .gnb_list > ul > li.active > a{ font-weight: 600; text-decoration: underline; color:#0253a5} 
#gnb_layout .navi_pc > li.active{ transform: translateY(0px); border-color:rgba(0,0,0,0); border: none } 
#gnb_layout .navi_pc > li.active > a{border: 1px solid #00a6e7 !important; z-index: 2; transform: translate(0,0); width: 100%; border-color: #00a6e7; color: #0253a5; font-weight:600;} 
#gnb_layout .navi_pc > li.active:hover > a{ border-bottom: none !important} 
#gnb_layout .navi_pc > li:last-of-type{  border-right: none} 

#gnb_layout.fix .navi_pc > li > a{ border-color:  #e1e1e1} 

#lnb .lnb-tit h2{ font-weight: 500} 
.content > h3{ margin-bottom: 40px;padding-bottom: 5px;}
h4{ display: flex; font-size: 1.428rem; color: #222; font-weight: 600;background:url(../img/comm/bullet.png)no-repeat 0 50%; padding-left:24px; background-size: 14px; margin-bottom: 20px; justify-content: space-between; align-items: flex-end } 
.content h4~h4{ margin-top: 40px}
h5{ margin: 20px 0;color: #222;font-size: 1.143rem; font-weight: 600;} 
.table_box + h4 {margin-top: 40px;}
.table_box + h5 {margin-top: 40px;}
.data_box + h5 {margin-top: 40px;}
[hidden]{ display: none !important} 
.content > article{ margin-bottom: 80px} 
.content > h3 + .search-box {margin-top: -40px;}

.text .list {margin-top: 20px;}
.text .list li {color: #606060;font-weight: 600;}
.list .guide {margin: 0;}
h3+.sub_tit{ padding-top: 0;} 
.content .sub_tit + h4::before{ display: none} 
table{ table-layout: auto; border-top:2px solid #999}
table th, table td{ border-bottom: 1px solid #d9d9d9; padding: 18px 20px; vertical-align: middle} 
table thead th{ background:#f0f0f0;font-weight: 600; } 
table tbody th{ background:#f9f9f9; vertical-align: middle; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; border-right: 1px solid #d9d9d9;}
table tbody td{font-size: 1.0714rem;} 
.table_box table {text-align: center; font-size: 1.071rem; padding: 18px 5px ;}
.table_box table th {border-right: 1px solid #d9d9d9; background: #f9f9f9; vertical-align: middle; font-weight: 500; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 15px 5px ;}
.table_box table thead tr th:last-of-type{ border-right-width: 0} 
.table_box table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem;vertical-align: middle; } 
.table_box table tbody tr td:first-of-type{ border-left: 0} 
.table_box .stage_box tbody tr td { text-align: left;} 

.table_box.fix_box .tab_table {table-layout: auto;}
.table_box.fix_box .stage_box {table-layout: auto;}


p.guide { margin: 20px 0;color: #777;font-size: 1rem !important;}
.dec {margin: 20px 0;color: #606060;font-size: 1.071rem;line-height: 1.6;}
._blank:after {content: "";width: 13px;height: 13px;background-size: 13px;background: url(../img/comm/icon_link.png) no-repeat 0 0;display: block; margin-left: 10px;}
.content-top > .inner{ justify-content: flex-end} 
.location-list{ justify-content: flex-end} 
.location-list .subdepth .curr{ white-space: nowrap} 
.location-list .loc{ align-items: center} 
.location-list .subdepth ul{ position: relative; top: auto; margin-left: 0; padding-left: 0} 
@media screen and (max-width:1299px) {
	#header,nav, #gnb, #gnb > .inner, #gnb_layout{ height: 90px !important} 
	#header:before,#gnb > .inner:before{ display: none} 
	#gnb_layout,#gnb_layout.fix{ top: 0} 
	#gnb{ height: 90px !important; background: #fff} 
	#gnb_layout .logo a{background-image: url(../img/comm/logo.svg);background-size: 100%;}
	#gnb_layout .logo a + a {color: #606060;background: none;}
	#gnb .navi_util > ul > li.box_mo .btn_allmenu{ filter: none} 
	.content-top > .inner{ justify-content: space-between} 
	.location-list .subdepth ul{position: absolute;top: 4px;margin-left: 20px; padding: 8px} 
	.content > h3{ padding-bottom: 15px} 
}

@media screen and (max-width:1023px) {
	.location-list .subdepth ul{ top:2px} 
}



@media screen and (max-width:767px) {	
	#header,nav, #gnb, #gnb > .inner, #gnb_layout{ height: 50px !important} 
}

@media screen and (max-width:767px) {    
    .content > h3{ margin-bottom: 30px; padding-bottom: 15px}
    .sub_tit{ padding: 0px 0; display: block;}
    .sub_tit .icon{  margin:10px 20px 15px 0;}            
/*     .sub_tit .icon img {max-height: inherit;} */
    .sub_tit .text{ margin: 0} 
	.sub_tit:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
	h4{ flex-direction: column; justify-content: flex-start; align-items:  flex-start; background-position: 0 8px} 
	.data_box{ overflow-x: auto} 
	.table_box{ overflow-x: auto} 
	.sub_tit + div[class$="_bx"]{ padding-top: 30px; margin-top: 30px} 
	.sub_tit .text > p{ padding-right: 0px} 
	.sub_tit .text p.tit{ line-height: 1.46} 
	article[class$="_w"] > div+div, article[class$="_w"] > div+h4{ margin-top: 30px} 
	table th{ padding: 18px 10px} 
	table td{ padding: 18px } 
	table td a.bt_dn{ word-break: break-all} 
}

@media screen and (max-width:1024px){
    .img_box{overflow-x: auto;}
}

/************** 
버튼
**************/
p.share_btn {display: flex;align-items: center;gap: 10px;}
/* .share_btn {color: #606060;text-decoration: underline;} */
.share_btn_g {color: #606060;text-decoration: underline;}
.share_btn::after{display: inline-block;content: '';width: 13px;height: 13px;background: url(../img/HST/btn_link.png) no-repeat 0 0;margin-left: 5px ; background-position-x: -13px ; vertical-align: middle;}
.share_btn_g::after{display: inline-block;content: '';width: 13px;height: 13px;background: url(../img/HST/btn_link.png) no-repeat -13px 0;    margin-left: 5px ; background-position-x: -13px ; vertical-align: middle;}
.share_btn:hover, 
.share_btn_g:hover {color: #0253a5;text-decoration: underline;}

.data_down {font-size: 1.071rem;text-decoration: underline;}
.data_down:hover {color: #0253a5;text-decoration: underline;}
.data_down::after{display: inline-block;content: "";margin-left: 8px;background: url(../img/comm/btn_download.png)no-repeat center center;width: 14px;height: 14px;background-position: -32px;vertical-align: -2px;}
ul.list > li{display: flex;align-items: flex-start;font-size: 1.071rem;}
td ul.list > li{ display: block; padding-left: 12px; position: relative; text-align: left} 
ul.list > li:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;flex-shrink: 0;} 
td ul.list > li:before{ position: absolute; left: 0; top: 0} 
article .list-depth1-dot li::before {margin-top: -3px;}
article .list-depth1-dot li{line-height: 1.5rem; font-size: 1.071rem;}
article table .list-depth1-dot li:first-of-type {padding-top: 0;}
article table [class^=list-depth1] li:first-of-type::before {margin-top: 0;}
article table [class^=list-depth1] li::before {margin-top: 5px;}

/************** 
탭
**************/
.tab_list_w{ display: table; width: 100%; table-layout: fixed} 
.tab_list_w li{ display: table-cell; text-align: center; margin-right: -1px} 
.tab_list_w li button{ font-size: 1.142rem;border: solid 1px rgb(217, 217, 217); border-right: 0;  padding:10px 18px;  background: #fff; width: 100%; height:52px; ; position: relative; color: #606060; font-weight: 500}
.tab_list_w li:last-of-type button{ border-right: 1px solid rgb(217, 217, 217)} 
.tab_list_w li button[aria-selected="true"]{ border-bottom: 0; font-weight: 600; color: #222 } 
.tab_list_w li button[aria-selected="true"]:before{ content: ""; position: absolute; left: -1px; top: -4px; display: block; width: calc(100% + 2px); height:4px; background:#00a6e7} 

/************** 
alert 
**************/
@keyframes jconfirm-spin {from {    -webkit-transform: rotate(0deg);    transform: rotate(0deg)}
to {    -webkit-transform: rotate(360deg);    transform: rotate(360deg)}}
body[class*=jconfirm-no-scroll-] {overflow: hidden!important}
.jconfirm {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999999;font-family: inherit;overflow: hidden}
.jconfirm .jconfirm-bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: opacity .4s;transition: opacity .4s}
.jconfirm .container{ padding: 0; min-height: AUTO} 
.jconfirm .jconfirm-bg.jconfirm-bg-h {opacity: 0!important}
.jconfirm .jconfirm-scrollpane {-webkit-perspective: 500px;perspective: 500px;-webkit-perspective-origin: center;perspective-origin: center;display: table;width: 100%;height: 100%}
.jconfirm .jconfirm-row {display: table-row;width: 100%}
.jconfirm .jconfirm-cell {display: table-cell;vertical-align: middle}
.jconfirm .jconfirm-holder {max-height: 100%;padding: 50px 0}
.jconfirm .jconfirm-box-container {-webkit-transition: -webkit-transform;transition: -webkit-transform;transition: transform;transition: transform,-webkit-transform}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {-webkit-transition: none!important;transition: none!important}
.jconfirm .jconfirm-box {background: white;border-radius: 4px;position: relative;outline: 0;padding: 15px 15px 0;overflow: hidden;margin-left: auto;margin-right: auto}
@-webkit-keyframes type-blue {1%,100% {    border-color: #3498db}50% {    border-color: #5faee3}}
@keyframes type-blue {1%,100% {    border-color: #3498db}50% {    border-color: #5faee3}}
@-webkit-keyframes type-green {1%,100% {    border-color: #2ecc71}50% {    border-color: #54d98c}}
@keyframes type-green {1%,100% {    border-color: #2ecc71}50% {    border-color: #54d98c}}
@-webkit-keyframes type-red {1%,100% {    border-color: #e74c3c}50% {    border-color: #ed7669}}
@keyframes type-red {1%,100% {    border-color: #e74c3c}50% {    border-color: #ed7669}}
@-webkit-keyframes type-orange {1%,100% {    border-color: #f1c40f}50% {    border-color: #f4d03f}}
@keyframes type-orange {1%,100% {    border-color: #f1c40f}50% {    border-color: #f4d03f}}
@-webkit-keyframes type-purple {1%,100% {    border-color: #9b59b6}50% {    border-color: #b07cc6}}
@keyframes type-purple {1%,100% {    border-color: #9b59b6}50% {    border-color: #b07cc6}}
@-webkit-keyframes type-dark {1%,100% {    border-color: #34495e}50% {    border-color: #46627f}}
@keyframes type-dark {1%,100% {    border-color: #34495e}50% {    border-color: #46627f}}
.jconfirm .jconfirm-box.jconfirm-type-animated {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.jconfirm .jconfirm-box.loading {height: 120px}
.jconfirm .jconfirm-box.loading:before {content: '';position: absolute;left: 0;background: white;right: 0;top: 0;bottom: 0;border-radius: 10px;z-index: 1}
.jconfirm .jconfirm-box.loading:after {opacity: .6;content: '';height: 30px;width: 30px;border: solid 3px transparent;position: absolute;left: 50%;margin-left: -15px;border-radius: 50%;-webkit-animation: jconfirm-spin 1s infinite linear;animation: jconfirm-spin 1s infinite linear;border-bottom-color: dodgerblue;top: 50%;margin-top: -15px;z-index: 2}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {height: 20px;width: 20px;position: absolute;top: 10px;right: 10px;cursor: pointer;opacity: .6;text-align: center;font-size: 27px!important;line-height: 14px!important;display: none;z-index: 1}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {display: none}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {font-size: 16px}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {font-size: 16px}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {font-size: 16px}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {opacity: 1}
.jconfirm .jconfirm-box div.jconfirm-title-c {display: block;font-size: 22px;line-height: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;padding-bottom: 15px}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {cursor: move}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {font-size: inherit;display: inline-block;vertical-align: middle}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {vertical-align: middle}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {display: none}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: inherit;font-family: inherit;display: inline-block;vertical-align: middle}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {display: none}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 15px;height: auto;-webkit-transition: height .4s ease-in;transition: height .4s ease-in;display: inline-block;width: 100%;position: relative;overflow-x: hidden;overflow-y: auto}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {overflow-y: hidden}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {width: 3px}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {background: rgba(0,0,0,0.1)}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {background: #666;border-radius: 3px}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {overflow: auto}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {max-width: 100%;height: auto}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {display: none}
.jconfirm .jconfirm-box .jconfirm-buttons {padding-bottom: 11px}
.jconfirm .jconfirm-box .jconfirm-buttons>button {margin-bottom: 4px;margin-left: 2px;margin-right: 2px}
.jconfirm .jconfirm-box .jconfirm-buttons button {display: inline-block;padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 4px;min-height: 1em;-webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color: transparent;border: 0;background-image: none}
.jconfirm .jconfirm-clear {clear: both}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {animation: shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;transform: translate3d(0,0,0)}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {animation: glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;transform: translate3d(0,0,0)}
@-webkit-keyframes shake {10%,90% {transform: translate3d(-2px,0,0) }20%,80% {transform: translate3d(4px,0,0)}30%,50%,70% {transform: translate3d(-8px,0,0) }40%,60% {transform: translate3d(8px,0,0)}}
@keyframes shake {10%,90% {transform: translate3d(-2px,0,0)}20%,80% {transform: translate3d(4px,0,0)}30%,50%,70% {transform: translate3d(-8px,0,0)}40%,60% {transform: translate3d(8px,0,0)}}
@-webkit-keyframes glow {0%,100% {    box-shadow: 0 0 0 red}50% {    box-shadow: 0 0 30px red}}
@keyframes glow {0%,100% {    box-shadow: 0 0 0 red}50% {    box-shadow: 0 0 30px red}}
.jconfirm {-webkit-perspective: 400px;perspective: 400px}
.jconfirm .jconfirm-box {opacity: 1;-webkit-transition-property: all;transition-property: all}
.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {transform: rotate(90deg)}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {transform: rotateX(90deg);transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {transform: rotateX(-90deg);transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {transform: rotatey(90deg);transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {transform: rotatey(-90deg);transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {transform: scaley(1.5); transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {transform: scalex(1.5);transform-origin: center}
.jconfirm .jconfirm-box.jconfirm-animation-top {transform: translate(0px,-100px)}
.jconfirm .jconfirm-box.jconfirm-animation-left {transform: translate(-100px,0px)}
.jconfirm .jconfirm-box.jconfirm-animation-right {transform: translate(100px,0px)}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {transform: translate(0px,100px)}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {transform: scale(1.2)}
.jconfirm .jconfirm-box.jconfirm-animation-scale {transform: scale(0.5)}
.jconfirm .jconfirm-box.jconfirm-animation-none {visibility: hidden}
.jconfirm .jconfirm-scrollpane, .jconfirm .jconfirm-row, .jconfirm .jconfirm-cell{ display: flex; align-items: center; justify-content: center; width: 100%}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{} 
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{ opacity: 0.5 !important; background-color: #000} 
.jconfirm .jconfirm-holder{ margin: 0 auto; min-width:300px; width: 440px; max-width: 90%} 
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-size:1.142rem; font-weight: 700; } 
.jconfirm .jconfirm-box{ text-align: center; border-radius: 10px !important; padding:40px} 
.jconfirm .jconfirm-box div.jconfirm-title-c{ padding-bottom:0; font-size: 1rem} 
.jconfirm .jconfirm-box div.jconfirm-content-pane{ margin-bottom:20px; margin-top: 20px }
.jconfirm-box .jconfirm-buttons{float: none; display: flex;  justify-content: center; margin: 0; gap:10px} 
.jconfirm .jconfirm-box .jconfirm-buttons{ padding-bottom: 0} 
.jconfirm .jconfirm-box .jconfirm-buttons button{ height:50px; padding: 0 15px;font-weight: 500;color: #000; line-height:35px;transition: transform .3s; font-weight: 500; font-size: 1.0714rem; margin-bottom: 0; box-shadow: none !important; min-width: 140px; color: #FFF; background:#606060  } 
.jconfirm .jconfirm-box .jconfirm-buttons button.primary{ background:#0253a5;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{ font-weight: 500; margin-bottom: 0; font-size: 1rem} 

.jconfirm .jconfirm-box div.jconfirm-closeIcon{ width:30px; height:30px;top: 15px;right: 20px; opacity:1}  
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{ opacity: 0.6} 
.jconfirm .jconfirm-box div.jconfirm-closeIcon i{ background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZG93bnVwUG9wdXAta2FwYXQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=") no-repeat 50% 50%; display: block; width: 100%; height: 100%}

.jconfirm .alert{ margin-bottom: 30px; font-size: 1.0714rem}



/************** 
컨텐츠
**************/
/* 개요 */
.int_w >div+div{ margin-top: 40px } 
.int_w p{ font-size: 1.0714rem} 
.int_w .default_bx h4{ background: none; font-size: 1.714rem; color:#00a6e7; font-weight: 300; display: block; text-align: center; padding: 20px 0 } 
.int_w .default_bx h4 > strong{ font-size: 2.5714rem; font-weight: 600; margin-top: 10px; color: #222; display: block}
.int_w .default_bx p{ text-align: center; font-size: 1.142rem; margin-bottom: 55px} 
.int_w .goal{ display: flex; justify-content: center; gap:60px; margin-bottom: 60px} 
.int_w .goal li{ width: 240px; height: 240px; display: flex; justify-content: center; align-items: center; border: 8px solid rgba(0, 166, 231,0.8); border-radius: 100%; position: relative; flex-direction: column; padding: 25px; text-align: center; font-size:1.0714rem; text-align: center; word-break: keep-all; line-height: 1.47 } 

.int_w .goal li+li:before{ position: absolute; width: 60px; height: 8px; content: ""; display: block; left: -68px; top:50%; transform: translateY(-50%); background: linear-gradient(to right, rgb(0, 166, 231,0.8), rgb(143, 201, 54,0.8)); content: ""} 
.int_w .goal li.g2{ border-color:rgba(143, 201, 54,0.8) } 
.int_w .goal li.g3{ border-color:rgba(251, 162, 29,0.8) } 
.int_w .goal li.g3:before{ background: linear-gradient(to right,rgb(143, 201, 54,0.8),rgba(251, 162, 29,0.8));} 
.int_w .goal li > strong{ font-size:1.857rem; letter-spacing: -1px; margin-top:10px; color:#00a6e7} 
.int_w .goal li.g2 > strong{color:#8fc936}
.int_w .goal li.g3 > strong{color:#fba21d}
.bottom-btn{ border-top: 1px solid #e1e1e1; padding-top: 40px; text-align: center; margin-top: -1px}
.bottom-btn .button{ height: 60px; padding: 0 30px; font-size:1.2857rem; font-weight: 500; background: #606060;color: #fff} 
.bottom-btn .button.primary{ background:#0253a5 } 
.int_w p+p{ margin-top:15px } 

/* 인사말 */
.inhello_w{ position: relative; padding-left: calc(270px + 35px)}
.inhello_w:before{ display: block; content: ""; width: 270px; height: 380px; position: absolute; left: 0; top: 0; background: url("../img/HSE/hello_01.jpg") no-repeat 0 0; overflow: hidden; background-size: 100%} 
.inhello_w h4{ display: inline-block;background: none; padding: 0; margin-bottom: 0; padding-top: 10px; color: #222; font-size:1.714rem; font-weight: 600; line-height: 1.33; padding-bottom: 20px;}
.inhello_w h4 strong{ color: #0253a5; font-weight: 600; display: block} 
.inhello_w h5{ margin: 0;color: #222; font-size:1.286rem; font-weight: 500; line-height: 1.6; padding-bottom: 20px}
.inhello_w p{ line-height: 24px; font-size:1.0714rem; color: #606060 } 
.inhello_w p + p{ margin-top: 1.429rem} 
.inhello_w p strong{ color: #222; font-weight: 500; display: block; margin-top:50px } 


@media screen and (max-width:1023px) {
	.inhello_w {padding-left: calc(30vw + 40px); transition: .3s all}
	.inhello_w:before{ width: 30vw;; transition: .3s all}
}
@media screen and (max-width:767px) {
	.inhello_w{ padding: 0; display: flex; flex-direction: column;transition: none }
	.inhello_w:before{ position: relative; width:100%;  height: 90vw; left: auto; top: auto; order: 2; background-position: 0 0; margin: 0 auto; background-size:100%; transition: none; margin-bottom: 30px  } 
	.inhello_w h4{ padding-top: 0; text-align: center; color: #0253a5 } 
	.inhello_w h5{ text-align: center } 
	.inhello_w p{ order: 3}     
	.int_w .goal{ flex-direction: column; align-items: center} 
	.int_w .goal li+li:before{left:50%;top: -42px; transform: translate(-50%,0) rotate(90deg);} 
	.bottom-btn{ display: flex; gap:5px} 
	.bottom-btn .button{ min-width: auto !important; width: 100%; margin: 0 !important} 
}


/* 업무안내
.isintro_w table thead th { border-right: 1px solid #d9d9d9; background: #f0f0f0; vertical-align: top; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 18px 5px ;}
.isintro_w .table_box table td {text-align: left;}
.isintro_w table th,
.isintro_w table td { border-bottom: 1px solid #d9d9d9;}
.isintro_w table thead tr th:last-of-type { border-right-width: 0; }
.isintro_w table thead tr th {white-space: nowrap;}
.isintro_w table tbody th { width: 260px;}
.isintro_w table tbody td { border-left: 1px solid #d9d9d9;vertical-align: top;padding: 20px 30px;}
.isintro_w table tbody td:first-of-type { border-left-width: 0;}
@media screen and (max-width:767px) {
	.isintro_w table tbody th { width: auto;}
}
 */
/* 연혁 */

.ihistory_w  {padding:30px 0 80px}
.his_bx {position: relative;display: flex;flex-wrap: wrap;}
.ihistory_w .box {display: flex;gap: 100px;;flex-basis: 100%; margin-top: 60px; position: relative;}
.ihistory_w .box h4 {display: block; background: none; padding: 0; font-size: 1.714rem; color: #005bac; font-weight: 600; margin-bottom: 10px; position: relative;text-align: right; flex-basis: 200px;}
.ihistory_w .box h4:before { position: absolute; right: -53px; top: 16px; width: 8px; height: 8px; background: #005bac; content: ""; display: block; }
.ihistory_w .box h4:after { position: absolute; right: -53px; top: 16px; width: 44px; height: 4px; border-bottom: 1px dotted #005bac; content: ""; display: block; }
.ihistory_w .box:first-of-type:before { position: absolute; left: 240px; top: -60px; content: ""; width: 18px; height: 18px; background: url(../img/comm/bullet.png) no-repeat 0 50%; display: block; background-size: 18px; }
.ihistory_w .box:last-of-type:before { position: absolute; left: 240px; bottom: -35px; content: ""; width: 18px; height: 18px; background: url(../img/comm/bullet.png) no-repeat 0 50%; display: block; background-size: 18px;}
.his_bx:before { position: absolute; left: 249px; top: 18px; content: ""; width: 1px; height: 100%; background: #00a6e7; }
.ihistory_w .txt h5{margin: 5px 0;color: #222;font-weight: 600;font-size: 1.286rem;}
.ihistory_w .txt ul li {line-height: 2;letter-spacing: -0.35px;font-size: 1rem;}
.ihistory_w .img {margin-top: 15px;width: 100%; margin-bottom: 16px;}
.ihistory_w .img img {display: inline-block;width: 280px;}
@media screen and (max-width:767px) {
    .ihistory_w .box h4 {flex-basis: 70px}
	.ihistory_w .box h4.ln:before { right:-45px }
	.ihistory_w .box h4.ln:after { right:-45px;width: 40px; }
    .his_bx {width: auto;}
    .his_bx:before {left: 119px;}
    .ihistory_w .box:first-of-type:before {left: 110px;}
    .ihistory_w .box:last-of-type:before {left: 110px;}
}
@media screen and (max-width:468px) {
    .ihistory_w .box {gap: 80px;}
    .ihistory_w .txt {flex-basis: calc(100% - 150px);}
}

/* 조직안내 */
.iorg_w {}
.group_bx{  text-align: center; position: relative; width: 975px; margin: 0 auto} 
.group_bx p{ position: relative} 
.boss_g .ceo {width: 220px;height: 80px;}
.group_bx p.ceo {width: 220px;height: 80px;background: #005bac;color: #fff;text-align: center;line-height: 80px;display: block;font-size: 1.428rem;font-weight: 600;}
.group_bx dl {width: 195px;z-index: 2;position: relative;}
.group_bx dl dt {display: flex;align-items: center;justify-content: center;width: 100%;height:55px;background-color: #606060;color: #fff;text-align: center;line-height: 1.5;font-size: 1.1428rem;font-weight: 500;}
.group_bx dl dd{ position: relative} 
.group_bx dl dd > p{ background:#f7f7f7; height: 55px; margin-top: 10px; line-height: 55px; font-size:1.1428rem }
.group_bx dl dd > p.etc{ position: absolute; left: 230px; top: 0; width: 195px; margin: 0} 
.group_bx dl dd > p.etc:before{content: "";height: 1px;width:35px;display: block;position: absolute; left:-35px; top: 25px;background: #e1e1e1;} 
.boss_g {display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding-bottom: 120px;}
.boss_g .ceo:after {content: "";width: 1px;height: 80px;display: block;position: absolute;left: 50%;bottom: -80px;background: #e1e1e1;}
.boss_g .g1:after {content: "";width: 1px;height: 120px;display: block;position: absolute;left: 50%;bottom: -120px;background: #e1e1e1;}
.org_g {display: flex;gap: 100px;padding-bottom: 80px;position: relative; justify-content: center}
.org_g:before {content: "";height: 1px;width: 300px;display: block;position: absolute;left: 50%;top: -40px;background: #e1e1e1;z-index: -1;transform: translateX(-50%);}
.org_g dl:before {content: "";width: 1px;height: 40px;display: block;position: absolute;top: -40px;left: 50%;background: #e1e1e1;z-index: -1;}



@media screen and (max-width:1023px) {
	.boss_g,.org_g{ gap:30px; flex-direction: row} 
	.org_g:before{  width: 191px;} 
	.group_bx p.ceo{ margin-left: 100px} 
	.boss_g{ padding-bottom: 80px} 
	.boss_g .ceo:after{ height: 40px; bottom: -40px; } 
	.group_bx{ width: auto; margin-left: -130px}
	.group_bx dl {width: 160px;}
	.group_bx dl dd > p.etc{ left: 195px} 
}
@media screen and (max-width:767px) {
	.tell_bx td[data-th]:before{ display: none} 
	.table-theme__default{ table-layout: auto} 
	.table-theme__default th, .table-theme__default td{ padding: 15px 5px; text-align: center} 	
	.boss_g, .org_g{  gap:10px; } 
	.group_bx p.ceo{ margin: 0} 
	.group_bx dl{ width: 100px} 
	.group_bx dl dd > p{ padding: 0 5px; line-height: 1.2 !important; display: flex; align-items: center; font-size:13px} 
	.group_bx dl dd > p.etc{ left: 110px; width: auto; height: auto; min-height: 55px; min-width: 60px}
	.group_bx{ margin-left: -60px} 
	.org_g:before{ width: 110px} 
	.group_bx dl dd > p.etc:before{ width: 10px; left: -10px} 

}



/* 오시는 길 */

.map_w .tab_list_w{ margin-bottom: 60px} 
.map_box{ border: 1px solid #e1e1e1; margin-bottom: 40px} 
.map_box .address{ border-top: 1px solid #e1e1e1;background-color: rgb(249, 249, 249); display: flex; justify-content: space-around;} 
.map_box .address dl{ display: flex; padding: 28px 0; font-size: 1.0714rem; color: #222; line-height: 1; } 
.map_box .address dl dt{ font-weight: 600; padding-right: 20px; border-right: 1px solid #e1e1e1; margin-right:20px } 
.map_box .address dl dd + dt{ margin-left:35px} 
.traffic_bx dl{ border-top: 1px solid #e1e1e1; padding: 40px 0 40px  110px; background: url("../img/HSE/icon-bus.png") no-repeat 0 40px; background-size: 80px; min-height: 80px; font-size: 1.0714rem} 
.traffic_bx dl dt{ font-size: 1.2857rem; font-weight: 500; margin-bottom: 10px;color: #000; } 
.traffic_bx dl.car{ background-image: url("../img/HSE/icon-car.png") } 
.traffic_bx dl.walk{ background-image: url("../img/HSE/icon-working.png") } 
.traffic_bx dl:last-of-type{border-bottom: 1px solid #e1e1e1; } 
.traffic_bx table{ table-layout: auto} 
.traffic_bx table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-right: 1px solid #d9d9d9; background: #f9f9f9; padding: 12px  } 
.traffic_bx table tbody td{ border-right: 1px solid #d9d9d9;  font-size: 1rem; vertical-align: middle; text-align: center} 
.traffic_bx table tbody tr td:last-of-type, .traffic_bx table th:last-of-type{ border-right: 0} 
.traffic_bx .table_box + p{ margin-top: 20px } 
.traffic_bx + .traffic_bx{ margin-top: 40px} 
.traffic_bx p.guide{ margin-top: 20px} 

@media screen and (max-width:767px) {
	.map_box .address{ padding-left: 10px; padding-right: 10px} 
	.map_box .address dl{ flex-wrap: wrap; flex-direction: column; gap:5px; line-height: 1.6} 
	.map_box .address dl dt{ border: none} 
	.map_box .address dl dd + dt{ margin-left: 0; margin-top: 15px} 
	.traffic_bx dl{ background-size: 60px;padding: 30px 0 30px 80px; background-position: 0 30px} 
	ul.list li:before{ margin-top: 8px} 
	.traffic_bx table td, .traffic_bx table th{ padding-left: 5px; padding-right: 5px} 
}

/* 주차장 안내 */
.parking_w{ font-size: 1.0714rem} 
.parking_w div+div{ margin-top: 40px} 

/* 관란안내 */
.tour_w{font-size: 1.0714rem} 
.tour_w >div+div{ margin-top: 40px } 
.tour_bx ul{ display: flex; flex-wrap: wrap; } 
.tour_bx ul li{ width: 33.333%; display: flex; border: 1px solid rgb(217, 217, 217); padding: 30px; gap:20px; margin: -1px -1px 0 0; align-items: center; word-break: keep-all} 
.tour_w .bottom-btn{ padding: 0; border: none} 
/*시설안내 */
.facility_w{font-size: 1.0714rem} 
.facility_w >div+div{ margin-top: 40px } 

@media screen and (max-width:767px) {
	.tour_bx ul li{ width: 50%; flex-direction: column; padding: 15px; gap:10px; align-items: center; text-align: center}
}

/* 갤러리 */
.gallery_box{ position: relative} 
.gallery_box .thumbox{ position: absolute; right: 0; top: 0; display: flex; flex-direction: column; width: 160px; gap:10px; } 
.gallery_box .thumbox button{ background-color:#666 ;  height: 110px; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; flex: none; width: 100%; font-size:1.1428rem; font-weight: 500; padding: 10px 20px; word-break: keep-all; filter: grayscale(1); position: relative } 
.gallery_box .thumbox button:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(30,30,30,0.5); position: absolute; left: 0; top: 0; z-index: 1;mix-blend-mode: multiply;} 
.gallery_box .thumbox button span{ position: relative; z-index: 2;font-size:1.1428rem;} 
.gallery_box .thumbox button.active{ filter: none; border:4px solid #00a6e7} 
.gallery_box .thumbox button.active:before, .gallery_box .thumbox button.active > span{ display: none} 
.gallery_box .detailbox [role="detail"]{ display: none} 
.gallery_box .detailbox [role="detail"].active{ display: block} 
.gallery_box .detailbox .img{ height: 470px; overflow: hidden; width: calc(100% - 170px); background: #484848; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 50px } 
.gallery_box .detailbox h3{ color: #222; font-size:1.714rem; font-weight: 600} 
.gallery_box .detailbox h5{ color: #222; font-size: 1.2857rem; font-weight: 500; margin: 20px 0} 
.gallery_box .detailbox p{ font-size:1.0714rem } 

@media screen and (max-width:767px) {
	
	.gallery_box .thumbox{ position: relative; right: auto; top: auto; display: flex; overflow: hidden; overflow-x: auto; flex-direction: row;width: 100%; gap:5px; margin-bottom: 10px } 	
	.gallery_box .thumbox button{ width:120px; height: 70px; font-size: 1rem }
	.gallery_box .thumbox button>span{ font-size: 1rem; line-height: 1.4; word-break: keep-all} 
	.gallery_box .detailbox .img{ width: 100%; height:52vw; margin-bottom: 30px} 
	.gallery_box .detailbox h5{ margin: 10px 0} 
}

/* 예약하기 */
.booking_w{font-size: 1.0714rem} 
.booking_w >div+div{ margin-top: 40px } 
.agree_bx h4{ background: none; padding: 0; font-size: 1.142rem; } 
.agree_bx dl{ margin-bottom: 15px}
.agree_bx dl dt{ font-size: 1.0714rem; font-weight: 600;} 
.agree_bx .agreebox{ border-top: 1px solid #d9d9d9; margin-top: 40px; padding:20px 0; gap:40px; display: flex} 
.booking_w .bottom-btn{ margin-top: -1px} 
.booking_w .bottom-btn button{ height: 50px; min-width: 140px;font-size: 1.0714rem; margin: 0 5px} 
.booking_w .bottom-btn button:disabled{ background: #999999 !important; color:#cfcfcf !important; cursor: auto }
/**/
.chk{ position:relative; display:inline-block; z-index:0; text-align: left; overflow: hidden; vertical-align: middle; margin-left: 0 !important; line-height: 20px } 
.chk input { position:absolute; top:10px; left:6px; width:1px; height:1px; background:none; border:none; z-index:1; opacity: 1 } 
.chk input:focus + span::before { border: 1px solid #cfcfcf !important ;} 
.chk input + span { position:relative; display:flex !important; font-size:1.071rem; cursor:pointer; color:#606060; z-index:2; text-align: left;  letter-spacing: -0.25px; align-items: center; gap:10px; line-height: 20px !important; height: 20px } 
.chk input[type="radio"] + span:before { content:""; margin:0; cursor:pointer; border: 1px solid #cfcfcf; width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; background: #fff; flex: none; float: none ;} 
.chk input[type="radio"] + span:after { background:#cfcfcf; position: absolute; left: 6px !important; top:50% !important; transform: translateY(-50%);width: 8px; height: 8px; display: block; content: ""; border-radius: 100% } 
.chk input[type="checkbox"] + span:before { content:""; margin:0; cursor:pointer; border: 1px solid #cfcfcf; width: 20px; height: 20px; box-sizing: border-box; border-radius: 0; background: #fff; flex: none } 
.chk input[type="checkbox"] + span:after { background:none !important; position: absolute; left: 0px; top:50%; width:20px; height: 20px; display: block; content: ""; border-radius:0; transform: translate(0,-50%); font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content:"\EB7B"; text-align: center; color: #cfcfcf; opacity: 0.25 } 
.chk input:checked + span:before{ background: #0253a5 !important; border: none} 
.chk input:checked + span:after{ background:#fff !important; color: #fff; opacity: 1}
.chk input:disabled + span:before { opacity: 0.5; background:#d7dbe6 } 
.chk input:checked:disabled + span:after { background: #fff } 
.chk input:disabled + span { font-weight: 400; color: #c3c6d0 } 
.chk input[type="checkbox"]:checked + span:after { background:none !important; }
.survey-content .chk:first-of-type{ margin-left: 30px !important} 
@media screen and (max-width:1200px) {
	.agree .chk input + span{ height: auto; align-items: flex-start} 
	.agree .chk input[type="checkbox"] + span:after{ top: 0;     transform: translate(0,0px);} 
}
@media screen and (max-width:1023px) {
	input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"]{ margin: 1px} 
}
@media screen and (max-width: 840px){
.survey-content .chk{ margin-left: 15px !important} 	
.survey-content .chk:first-of-type { margin-left: 0 !important;}
}
@media screen and (max-width: 767px){
.survey-content .chk{ margin-left: 0px !important} 
}


/* 달력 */
input.dates{ width:190px; background: url("../img/HSE/bt_date.svg") no-repeat right 10px top 50%; padding-right: 50px !important} 
.ui-datepicker, #ui-datepicker-div{ width: 225px !important; border-color: #606060 !important; margin-top: -1px !important;} 
.ui-datepicker * {font-family:Arial, 'NotoSansKR','Malgun Gothic',  Helvetica,'Apple SD Gothic Neo',  Sans-serif;}
.ui-datepicker .ui-widget-header{ border-bottom: none} 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ min-width: auto; border: none; width: auto; padding-right:30px; font-size: 1rem; color: #222; font-weight: bold } 
.ui-datepicker table{ background: #fff} 
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, html .ui-datepicker .ui-button.ui-state-disabled:hover, html .ui-datepicker .ui-button.ui-state-disabled:active{ background: #fff; margin: 0 auto;width: 26px; height: 26px;border-radius: 13px; font-size: 12px; line-height: 26px; padding: 0 !important } 
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight{border-radius: 13px;  background-color: #f9f9f9;width: 26px; height: 26px; border: none; padding: 0; color:#0253a5; font-weight: 500 } 
.ui-datepicker td{  height: 26px} 
.ui-datepicker .ui-state-default.ui-state-active, .ui-datepicker.ui-widget-content .ui-state-default.ui-state-active{ background:#0253a5; color: #fff !important} 
.ui-datepicker table.ui-datepicker-calendar   { width: calc(100% - 30px); margin: 0 auto 15px auto} 
.ui-datepicker table.ui-datepicker-calendar th{ font-weight:500; font-size: 12px} 
.dash{ padding: 0 5px} 


/*입력폼*/
.form_bx .table_box table{border-top: 1px solid #cacaca;} 
.form_bx .table_box table th{ width:200px; background:#fbfbfb; border-right: none } 
.form_bx .table_box table th, .form_bx .table_box table td{padding: 5px 10px; height: 50px; border-color:#eaeaea} 
.form_bx .table_box table td{ text-align: left; padding-left: 20px} 

span.must{ font-size: 0} 
span.must:before{ content: "*"; font-size: 1.3rem; color: #df0b15; font-weight: 500} 
.form_bx .table_box table td label{ margin-right: 30px} 
.form_bx .table_box .member{ padding: 10px 0} 
.form_bx .table_box .member > p{font-size: 1rem; padding-top: 10px} 
.form_bx .table_box .member > strong{ padding-left: 10px} 
.form_bx .table_box .member input[type="text"]:read-only, .form_bx .table_box .member input[type="text"]:disabled{ background:#fbfbfb; border-color: #ddd }

.form_bx .table_box .member input[type="text"]:read-only::-webkit-input-placeholder, .form_bx .table_box .member input[type="text"]:disabled::-webkit-input-placeholder{ color:#606060 !important; font-weight:600;   }
.form_bx .table_box .member input[type="text"]:read-only::-moz-placeholder, .form_bx .table_box .member input[type="text"]:disabled::-moz-placeholder{ color:#606060 !important; font-weight:600;  }
.form_bx .table_box .member input[type="text"]:read-only::placeholder, .form_bx .table_box .member input[type="text"]:disabled::placeholder{color:#606060 !important; font-weight:600; }
.form_bx .table_box .member input[type="text"]:read-only:-ms-input-placeholder, .form_bx .table_box .member input[type="text"]:disabled:-ms-input-placeholder{ color:#606060 !important;font-weight:600; }
.form_bx .table_box .member input[type="text"]:read-only:-moz-placeholder, .form_bx .table_box .member input[type="text"]:disabled:-moz-placeholder{ color:#606060 !important; font-weight:600; }
.form_bx .table_box .agree{ padding: 20px 0 30px 0} 
.form_bx .table_box .agree .chk{ display: block;margin-top: 15px} 
.form_bx .table_box .agree .chk.all{ font-weight: 600; font-size: 1.1428rem } 
.form_bx .table_box tr.group{ display: none} 


/* 예약 확인 */
.confirm_w{ max-width: 540px; margin: 0 auto; text-align: center} 
.confirm_w h4{background: none; padding: 0; font-size: 1.428rem; justify-content: center} 
.confirm_w h4+p{ margin-bottom: 30px} 
.confirm_w select{ min-width: auto} 
.w90{ width: 90px !important} 
.confirm_w .form_bx .table_box table th{ width: 170px} 
.confirm_w .bottom-btn button{ height: 50px; min-width: 140px;font-size: 1.0714rem; margin: 0 5px} 
.confirm_w .bottom-btn{ border: none; padding-top: 30px} 

@media screen and (max-width:767px) {
	.form_bx td select, .form_bx td input[type="text"]{ width: calc(100% - 20px) !important} 
	.form_bx .table_box table th, .confirm_w .form_bx .table_box table th{ width:100px; word-break: keep-all } 
}


/* 주요전시 */
.tab_list li{width: 100%}  
.tab_list li.active button{ color: #222; font-weight: 600}
.gallery_w{ margin-top: -41px} 
.gallery_w .gallery_box{ margin-top: 50px} 

@media screen and (max-width:1299px) {
	
}

@media screen and (max-width:1023px) {
.garllery_list .garllery_box .garllery_text .text{line-clamp: 2; height: auto; padding-bottom: 0}
}
@media screen and (max-width:767px) {
	.gallery_w { margin-top: -31px;}
	.tab_list li:first-of-type{ margin-left: 0} 
	.search-box{ flex-wrap: wrap; gap:5px 0; justify-content: space-between} 
	.search-box select{ flex-basis: 100%} 
	.search-box select+select{ margin-left: 0} 
	.tab_list{ padding-top: 0} 
	.tab_list li.active button::before{ top: 0} 
	.search-box input[type="text"]{width: auto;flex-shrink: 1;min-width: 80px;margin-left: 0;flex-basis: calc(100% - 80px);} 
}




/* 알림마당 */
.cs_w{margin-top: -41px} 
@media screen and (max-width:767px){
	.cs_w{margin-top: -31px} 
}
/* 고객센터 공통  */

.content_header h3 { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 0; color: #231815; font-size: 1.714rem; font-weight: 600; }
.content_header h3::after { content: ""; display: block; width: 100%; height: 1px; background: #0253a5; position: absolute; bottom: 0; } 
.content_header .sub_tit .text p{font-size: 1.071rem;}
.content_body {padding-top: 20px;}

p.share_btn {display: flex;align-items: center;gap: 10px;}
.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/HSE/btn_link.png) no-repeat 13px 0;}
p.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/HSE/btn_link.png) no-repeat -13px 0;}
.share{display: flex;justify-content: center;border-top: 1px solid #d9d9d9;margin-top: 80px; padding-top: 30px;text-align: center; margin-bottom: 80px}
.share_box {background-color: #0253a5;padding: 20px 30px;text-align: center;}
.share_box >.share_btn {display: flex;align-items: center;gap: 10px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.45px;}
.share2 {display: flex;flex-wrap: wrap;gap: 10px;;justify-content: center;text-align: center;}
.share2 .bt-download{padding: 20px;}
.share2 .bt-download span{font-size: 1.286rem;}
.sequence li{list-style: auto; font-size: 1.071rem;}
.hidden_be::after {display: none!important;}
.tab_contents_w .content_body { padding-top: 60px; }
.service_center .content_header {margin-bottom: 20px;}
.service_center > h3 {margin-bottom: 0;}
.service_center .sub_tit {display: flex;align-items: flex-start;justify-content: space-between;padding: 40px 30px;border-bottom: 1px solid #d9d9d9;}
.service_center .sub_tit .icon {flex: 1 0 auto;margin:0 30px;width: auto;height: auto;}
.service_center .sub_tit .text {margin: 0 30px;}
.service_center .sub_tit .text > p {font-size: 1.071rem;line-height: 1.714rem;width: 85%;}
.service_center .sub_tit .text strong {color: #222222;}
.service_center .sub_tit .text:first-child {margin: 0 0;flex-basis: 350px;}
.service_center .sub_tit .text.text_full {flex-basis:auto;font-size: 1.143rem;}
.service_center .sub_tit .text strong {font-weight: 600;}

.service_center .sub_tit.acc_tit {display: block;padding: 0;border-bottom: none;}
.service_center .sub_tit.acc_tit.active {border-bottom: 1px solid #e1e1e1;;}

.service_center .sub_tit.acc_tit .acc_title {display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;width: 100%;color:#222222;border-bottom: 1px solid #e1e1e1;font-size: 1.143rem;font-weight: 500;}
.service_center .sub_tit.acc_tit .acc_icon{width: 17px;height: 11px;background: url(../img/sub/btn_down.png) no-repeat 0 0;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform: rotate(180deg);}
.service_center .sub_tit.acc_tit.active .acc_icon{transform: rotate(0deg);}
.service_center .sub_tit.acc_tit .acc_content {display: none;}
.service_center .sub_tit.acc_tit .answer-txt {padding: 30px;font-size: 1rem;}
.service_center .sub_tit.acc_tit .answer-txt.two-txt {display: flex;justify-content: space-between;padding: 30px;font-size: 14px;}
.service_center .sub_tit.acc_tit .answer-txt strong {font-weight: 500;}
.service_center .sub_tit.acc_tit .answer-txt span {font-size: 1rem;}
.service_center .sub_tit.acc_tit .answer-txt .answer-con {margin-top: 30px;padding-left: 10px;text-indent: -10px;}
@media screen and (max-width:1299px){
	.content_header h3{ padding-bottom: 15px} 
}

@media screen and (max-width:767px){
    .service_center .sub_tit{ justify-content: flex-start; padding:30px 0; gap:20px; position: relative; flex-wrap: wrap}  
    .service_center .sub_tit .icon{ margin: 0 ; flex-basis:60px; text-align: center} 
    .service_center .sub_tit .icon img{  max-height:45px } 
    .service_center .sub_tit .text{ flex-basis: 100%; margin: 0} 
    .service_center .sub_tit .text > p{ width: auto} 
    .service_center .sub_tit .icon +  .text{ flex-basis: calc( 100% - 80px)} 
    .service_center .sub_tit.acc_tit .acc_title{ padding:18px 0} 
    .service_center .sub_tit.acc_tit .acc_icon{flex-shrink: 0; width: 15px; height: 13px; background-size: 12px; background-position: 50% 50%} 
    .service_center .sub_tit.acc_tit .answer-txt{ padding: 18px 0}
    .service_center .sub_tit.acc_tit .answer-txt span{} 
    .service_center .sub_tit .text + .btn-wrap{ width: 100%; flex: 1} 
}
.service_center [class^=list-depth1] li { padding: 5px 0 0 12px; line-height: 1.6; font-size: 1.071rem; }

.service_center .guide_in a,.service_center .guide_out a{display: inline-block;padding: 40px;width: 100%;height: 100%;}
.service_center a p,.service_center h4,
.service_center .guide_in a p{color: #222;}
.service_center a p,
.service_center .guide_in a p {font-size: 1.286rem;font-weight: 600;}
.service_center .guide_in {margin-top: 40px;display: flex;}
.service_center .guide_in a {width:50%;border: 1px solid #dde2e6;}
.service_center .guide_in a:first-of-type{margin-right: 15px;}
.service_center .guide_in .share_btn {margin-bottom: 10px;}
.service_center .guide_in .share_btn + span {font-size: 1.071rem;}
.service_center .guide_out ul a p{margin-bottom: 10px;}
.service_center .guide_out a span{font-size: 1.071rem;}
.service_center .guide_out{margin-top: 60px;}
.service_center .guide_out span .import{color: #df0b15;}
.service_center .guide_out ul{background-color: #f7f7f7;padding: 40px;overflow: hidden;margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.service_center .guide_out ul li {background-color: #fff;width: calc(50% - 3px);margin-bottom: 5px;}

@media screen and (max-width:950px){
    .service_center .guide_in a ,
    .service_center .guide_out a {padding: 20px;}
    
}
@media screen and (max-width:767px){
    .service_center .guide_out ul {padding: 20px;}
    .service_center .guide_in a ,.service_center .guide_out a {padding: 20px 10px 30px;}
    .service_center p.share_btn {display: inline-block;width: 100%;}
    .service_center .share2 {flex-wrap: nowrap;}
    .service_center .share_box >.share_btn {display: inline-block;}
    .service_center .share_box >.share_btn:after {margin-left: 5px;}
}
@media screen and (max-width:455px){
    .service_center .guide_out ul a p {min-height: 48px;}
}

/*고객센터 불편불만*/
.service_center .ccws{}
.service_center .ccws ol{display: flex;flex-grow: 1;justify-content: space-between;}
.service_center .ccws ol li{border: 1px solid #e1e1e1;flex-basis: 50%;position: relative;margin-left: 50px;}
.service_center .ccws ol li:first-child {margin-left: 0;}
.service_center .ccws ol li + li:before {position: absolute; top: 50%; left: -35px ;display: inline-block;content: '';width: 22px;height: 38px;background: url(../img/HSE/icon_arrow_gb.png) no-repeat; transform: translateY(-50%);}
.service_center .ccws ol li p{text-align: center;}
.service_center .ccws ol li .tit{display: flex;flex-wrap: wrap;gap: 60px;background-color: #f0f0f0;padding: 15px 12px;color: #222;font-weight: 600;font-size: 1.286rem;}
.service_center .ccws ol li:last-child .tit{gap: 43px;}
.service_center .ccws ol li .tit span{display: inline-block;background-color: #fff;padding: 0 9px;}
.service_center .ccws ol li p:last-child{padding: 30px 0;}
.service_center .stage_box{border-top: 2px solid #999;}
.service_center .stage_box tr{border-bottom: 1px solid #d9d9d9;}
.service_center .stage_box tr th{border-right: 1px solid #d9d9d9;color: #222;background-color: #f9f9f9;vertical-align:middle;font-weight: 500;font-size: 1.0714rem;}
.service_center .stage_box tr td{padding: 20px 0 20px 30px;line-height: 1.5rem;}
.service_center .stage_box tr td>span{font-size: 1.143rem;font-weight: 600; color: #222;}
.service_center .stage_box .step2 td ol>li:first-of-type{margin-bottom:35px;}
.service_center .stage_box .step3 td{}
.service_center .stage_box .step2 td>span,
.service_center .stage_box .step3 td>span{display: block;;margin-bottom: 20px;}
.service_center .stage_box .step3 .step3_list{display: flex;gap: 25px;}
.service_center .stage_box .step3 .step3_list li{justify-content: center;align-items: center;padding: 15px;min-width: 100px;text-align: center; background-color: #f7f7f7;position: relative;}
.service_center .stage_box .step3 .step3_list li {width: 20%;}
.service_center .stage_box .step3_list > li strong {color: #222;font-weight: 600;line-height: 2rem;font-size: 1.143em;}
.service_center .stage_box .step3_list > li span {display: block;}
.service_center .stage_box .step3_list > li:nth-child(3) span {padding-top: 10px;}
.service_center .stage_box .step3 td ul li + li::before{position: absolute; top: 50%; left: -15px ;display: inline-block;content: '';width: 9px;height: 15px;background: url(../img/HSE/icon_arrow_g.png) no-repeat; transform: translateY(-50%);}


@media screen and (max-width:950px){
    .service_center .ccws ol li .tit ,
    .service_center .ccws ol li:last-child .tit {gap: 0px;}
    .service_center .ccws ol li .tit span {margin-right: 15px;}
}
@media screen and (max-width:767px){
    .service_center .stage_box tr td {padding-left: 10px;padding-right: 5px;}
    .service_center .ccws ol {flex-wrap: wrap;gap: 50px;}
    .service_center .ccws ol li {margin-left: 0;flex-basis: 100%;}
    .service_center .ccws ol li + li:before {top: -45px;left: 50%;transform: rotate(90deg);}
    .service_center .stage_box .step3 .step3_list {flex-wrap: wrap;padding-left: 25px;}
	.view_area .view_title{ border-top: none;} 
}