@charset "utf-8";
/*#container{padding-top:100px;}
#container .main-title{height:120px;padding:0 20px;font-size:0;color:#fff;text-align:center;background:linear-gradient(93deg,#004cc2,#4998f4 102%);}*/

#container .main-title{background:url(/images/hmpg/ygpa/sub/visual_bg4.jpg) no-repeat center top; background-size: cover; padding:175px 0 115px; color:#fff;text-align:center;}
#container .main-title.bg1{background:url(/images/hmpg/ygpa/sub/visual_bg1.jpg) no-repeat center top;}
#container .main-title.bg2{background:url(/images/hmpg/ygpa/sub/visual_bg2.jpg) no-repeat center top;}
#container .main-title.bg3{background:url(/images/hmpg/ygpa/sub/visual_bg3.jpg) no-repeat center top;}
#container .main-title.bg4{background:url(/images/hmpg/ygpa/sub/visual_bg4.jpg) no-repeat center top;}
#container .main-title.bg5{background:url(/images/hmpg/ygpa/sub/visual_bg5.jpg) no-repeat center top;}
#container .main-title.bg6{background:url(/images/hmpg/ygpa/sub/visual_bg6.jpg) no-repeat center top;}

#container .main-title > h2{display:inline-block;vertical-align:middle;line-height:1.2;font-size:52px;text-shadow: 0 0 5px black;}
#container .main-title::after{content:"";display:inline-block;vertical-align:middle;width:0;height:100%;font-size:0;}
#container .contents{padding:100px 40px;}
.contents .row + .row{margin-top:60px;}
.contents .row.col-group{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.contents .row.col-group:not(.figure-group){margin-left:-24px;margin-right:-24px;}
.contents .row.col-group .col{width:50%;}
.contents .row.col-group:not(.figure-group) .col{padding:0 24px;}
.contents .title{position:relative;display:block;margin-bottom:29px;padding-top:20px;line-height:1.1;font-size:30px;font-weight:800;}
.contents .title::before{content:"";position:absolute;top:0;left:0;width:40px;height:4px;background-color:#004CC2;}
.contents .second-title{display:block;margin:36px 0 17px;line-height:1.2;font-size:24px;font-weight:800;}
.contents .second-title2{display:block;margin:36px 0 17px;line-height:1.2;font-size:22px;}
.contents .terms-box .second-title:first-child{margin-top:0;}
.contents .third-title{display:block;margin:29px 0 20px;line-height:1.3;font-size:18px !important;font-weight:600;}
.contents .third-title2{display:block;margin:29px 0 20px;line-height:1.3;font-size:21px !important;font-weight:600;}
.contents .color-box .third-title{font-size:16px;}
.contents .color-box .third-title:first-child{margin-top:0;}
.contents .tab-title{margin:77px 0;line-height:1.2;font-size:30px;font-weight:800;text-align:center;}
.contents .tab-title.no-mt{margin-top:0;}
.contents .indent-wrap{position:relative;padding-left:20px;}
.contents .indent-wrap > sup{position:absolute;top:6px;left:0;color:#444;}
.contents .list{margin:-5px 0;line-height:1.56;font-size:18px;color:#444;}
.contents .txt-dot + .list{margin-top:5px;}
.contents .list.fs-16{font-size:16px;}
.contents .list.indent:not(.fs-16) > li{padding-left:20px;text-indent:-20px;}
.contents .list.indent.fs-16 > li{padding-left:18px;text-indent:-18px;}
.contents .list.indent:not(.fs-16):not(.circle-num) > li:first-child{text-indent:-16px;}
.contents .list.indent.fs-16:not(.circle-num) > li:first-child{text-indent:-15px;}
.contents .list > li + li{margin-top:5px;}
.contents .list > li.third-title{color:#000;}
.contents .txt-dot,.contents .list-dot{margin:-3px 0;}
.contents .txt-dot.black,.contents .list-dot.black{margin:-2px 0;}
.contents .list-dot > li .list-dot.black{margin:10px 0;}
.contents .para,.contents .txt-dot,.contents .list-dot > li{position:relative;line-height:1.5;font-size:16px;color:#444;}
.contents .txt-dot,.contents .list-dot > li{padding-left:12px;}
.contents .txt-dot.black,.contents .list-dot.black > li{line-height:1.3;}
.contents .txt-dot + .txt-dot,.contents .list-dot > li + li{margin-top:5px;}
.contents .list-dot.black > li + li{margin-top:7px;}
.contents .txt-dot:not(.no-dot)::before,.contents .list-dot:not(.no-dot) > li::before,.contents .list-dot > li:not(.no-dot)::before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:4px;background-color:#004CC2;}
.contents .list-dot2 > li:not(.no-dot)::before{content:"";position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:4px;background-color:#004CC2;}
.contents .txt-dot.black::before,.contents .list-dot.black > li::before{top:calc(50% - 2px);width:3px;height:3px;background-color:#444;}
.contents .txt-dot.no-dot::before,.contents .list-dot.no-dot > li::before,.contents .list-dot > li.no-dot::before{content:none;}
.contents .txt-dot .point,.contents .list-dot .point{font-weight:700;}
.contents .list-dot-wrap.horizontal{margin:0 -10px;font-size:0;}
.contents .list-dot-wrap.horizontal > .col,.contents .list-dot-wrap.horizontal > .list-dot{display:inline-block;vertical-align:top;width:50%;max-width:333px;padding:0 10px;}
.contents .info-text{display:inline-block;line-height:20px;letter-spacing:-.5px;font-size:14px;color:#ee4946;}
.contents .info-text.text-right{text-align:right;}
.contents .info-text.black{display:block;line-height:18px;color:#444;}
.contents .list-dot ul li.info-text.black{padding:5px 0 0 16px;}
.contents .list-dot + .info-text{margin:7px 0 0 12px;}
.contents .list-dash li {color:#666;}
.contents .list-dash li::before {content: "";display: inline-block; width: 5px; height: 2px; margin: 0 5px 7px 0; background:#666;}
.contents .figure{margin-top:29px;}
.contents .figure.center{text-align:center;}
.contents .figure:not(.no-radius) img{border-radius:16px;}
.contents .figure figcaption{margin-top:30px;}
.contents .terms-box-wrap{margin-bottom:48px;}
.contents .terms-box{border:1px solid #666666;border-radius:12px;padding:20px;line-height:22px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(47,50,56,0.05);}
.contents .title + .terms-box-wrap,.contents .title + .terms-box{margin-top:39px;}
.contents .terms-box .scroll{height:230px;overflow-y:auto;}
.contents .checkbox-wrap{margin-top:12px;text-align:right;}
.contents .color-box{margin:20px 0;padding:30px;background-color:#f2f8ff;border-radius:16px;}
.contents .color-box.no-mt{margin-top:0;}
.contents .color-box.p40{padding:40px;}
.contents .color-box.p20{padding:20px;border-radius:12px;}
.contents .color-box .color-box-title{display:block;margin-bottom:30px;line-height:1.2;font-size:18px;font-weight:700;}
.contents .color-box ul.color-box-title{margin-bottom:0;}
.contents .color-box dt.color-box-title{margin-bottom:20px;}
.contents .color-box ul.color-box-title li + li,.contents .color-box dt.color-box-title ~ dt.color-box-title{margin-top:30px;}
.contents .caution{position:relative;display:inline-block;vertical-align:middle;font-size:0;}
.contents .caution:only-child{display:block;}
.contents .caution::before{content:"";position:absolute;top:0;left:135px;bottom:0;width:1px;opacity:.2;background-color:#063681;}
.contents .caution > em{position:relative;display:inline-block;vertical-align:top;margin-right:15px;padding:0 30px 0 52px;height:40px;line-height:40px;letter-spacing:-.32px;font-size:16px;font-weight:800;color:#063681;}
.contents .caution > em::before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-radius:40px;background:#063681 url(/images/hmpg/ygpa/sub/icon_caution_alert.svg) 50% 50% no-repeat;}
.contents .caution > ul{display:inline-block;vertical-align:top;margin:-4px 0 -5px;width:calc(100% - 152px);}
.contents .caution > ul > li{line-height:1.71;font-size:14px;letter-spacing:-.28px;color:#444;}
.contents .caution.indent > ul > li{padding-left:12px;text-indent:-12px;}
.contents .caution > ul > li:only-child{margin-top:12px;}
/* tskim 20260324 추가 */
.contents .tab-box3s {float:left; padding:1%; width: calc(100% / 3);}/*테이블 안 박스 3개시*/

@media(max-width: 1280px) {
	/*#container{padding-top:80px;}*/
	.contents .row.col-group:not(.figure-group){margin-left:0;margin-right:0;display:block;}
	.contents .row.col-group:not(.figure-group) .col{padding:0;width:100%;}
	.contents .row.col-group:not(.figure-group) .col + .col{margin-top:80px;}
}
@media(max-width: 800px) {
	#container .contents{padding:60px 20px;}
	#container .main-title{height:105px;}
	#container .main-title > h2{font-size:32px;}
	.contents .row.figure-group{display:block;}
	.contents .row.figure-group .col{width:100%;}
	.contents .row + .row,.contents .row.col-group .col + .col{margin-top:40px;}
	.contents .row.figure-group .col .figure{text-align:center;}
	.contents .title{font-size:24px;font-weight:700;}
	.contents .title::before{width:32px;}
	.contents .second-title{font-size:18px;font-weight:700;}
	.contents .third-title{font-size:16px;font-weight:500;}
	.contents .tab-title{margin:38px 0;font-size:24px;font-weight:700;}
	.contents .list{font-size:16px;}
	.contents .list.fs-16{font-size:14px;}
	.contents .list.indent:not(.fs-16) > li{padding-left:18px;text-indent:-18px;}
	.contents .list.indent.fs-16 > li{padding-left:16px;text-indent:-16px;}
	.contents .list.indent:not(.circle-num) > li:first-child{text-indent:-15px;}
	.contents .list.indent.fs-16:not(.circle-num) > li:first-child{text-indent:-14px;}
	.contents .list > li + li{margin-top:3px;}
	.contents .list-dot > li .list-dot.black{margin:8px 0;}
	.contents .para,.contents .txt-dot,.contents .list-dot > li{font-size:14px;}
	.contents .txt-dot::before,.contents .list-dot > li::before{top:8px;}
	.contents .terms-box{padding:12px;font-size:14px;}
	.contents .color-box.p40{padding:20px;}
	.contents .figure figcaption{margin-top:20px;}
}
@media(max-width: 480px) {
	/*#container{padding-top:60px;}*/
	#container .main-title {padding:100px 0 50px;}
	#container .contents{padding:30px 20px 40px;}
	#container .main-title{height:90px;}
	#container .main-title > h2{font-size:24px;}
	.contents .color-box .color-box-title{margin-bottom:20px;}
	.contents .list-dot-wrap.horizontal{margin:0;}
	.contents .list-dot-wrap.horizontal > .col,.contents .list-dot-wrap.horizontal > .list-dot{width:100%!important;padding:0;}
	.contents .list-dot-wrap.horizontal > .col + .col{margin-top:30px;}
	.contents .list-dot-wrap.horizontal > .list-dot + .list-dot{margin-top:8px;}
	.contents .caution::before{display:none;}
	.contents .caution > em{display:block;}
	.contents .caution > ul{width:100%;padding-top:11px;}
}
/** location(서브 페이지 경로) **/
#container .location{border-bottom:1px solid #e7eaef;padding:16px 40px;background:#fff;}
.location .inner{position:relative;}
.location .inner > ul{padding-right:160px;font-size:0;}
.location .inner > ul > li{position:relative;display:inline-block;vertical-align:middle;}
.location .inner > ul > li > a{display:block;width:48px;height:48px;background:url(/images/hmpg/ygpa/sub/icon_location_home.svg)50% 50% no-repeat;}
.location .inner > ul > li > button{position:relative;padding:16px 40px 16px 16px;line-height:1;font-size:16px;font-weight:600;text-align:left;color:#63676D;}
.location .inner > ul > li.active > button,.location .inner > ul > li:last-child > button{color:#000;}
.location .inner > ul > li > button::after{content:"";position:absolute;top:14px;right:12px;width:20px;height:20px;background-repeat:no-repeat;background-position:0 -1px;background-image:url(/images/hmpg/ygpa/sub/icon_location_list_arrow.svg);transition:transform .2s ease-in-out;}
.location .inner > ul > li.active > button::after,.location .inner > ul > li:last-child > button::after{background-image:url(/images/hmpg/ygpa/sub/icon_location_list_arrow_on.svg);}
.location .inner > ul > li.active > button::after{transform:scaleY(-1);}
.location .inner > ul > li > ul{position:absolute;left:24px;margin-top:1px;border:1px solid #d0d3d8;border-radius:16px;box-shadow:0 4px 6px -2px rgba(39,42,48,0.03),0 12px 16px -4px rgba(39,42,48,0.08);padding:16px 46px 20px 26px;background-color:#fff;white-space:nowrap;}
.location .inner > ul > li > ul,.location .inner .util .sns{z-index:6;visibility:hidden;opacity:0;transition:all .3s ease-in-out;transform:translateY(7px);}
.location .inner > ul > li.active > ul,.location .inner .util .sns.active{visibility:visible;opacity:1;transform:translateY(0px);}
.location .inner > ul > li > ul > li > a{position:relative;display:block;padding-left:14px;line-height:38px;font-size:16px;color:#353638;}
.location .inner > ul > li > ul > li.active > a{font-weight:500;color:#000;}
.location .inner > ul > li > ul > li > a::before{content:"";position:absolute;top:16px;left:0;width:4px;height:4px;border-radius:4px;background-color:currentColor;}
.location .inner .util{position:absolute;top:4px;right:0;font-size:0;}
.location .inner .util > button{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:50% 50%;}
.location .inner .util .btn-plus{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_plus.svg);}
.location .inner .util .btn-minus{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_minus.svg);}
.location .inner .util .btn-printer{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_printer.svg);}
.location .inner .util .btn-share{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_share.svg);}
.location .inner .util .sns{overflow:hidden;position:absolute;right:2px;margin-top:2px;border-radius:8px;padding-top:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);background-color:#fff;}
.location .inner .util .sns > li + li{margin-top:4px;}
.location .inner .util .sns > li > a,.location .inner .util .sns > li > .btn-link{display:block;width:48px;height:48px;background-repeat:no-repeat;background-position:50% 50%;}
.location .inner .util .sns > li > .btn-facebook{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_facebook.svg);}
.location .inner .util .sns > li > .btn-x{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_x.svg);}
.location .inner .util .sns > li > .btn-link{background-image:url(/images/hmpg/ygpa/sub/icon_location_util_link.svg);}
.location .inner .util .sns > li .btn-share-close{width:48px;height:44px;background:#f7f8fa url(/images/hmpg/ygpa/sub/icon_location_util_close.svg) 50% 50% no-repeat;}
@media(max-width: 800px) {
	#container .location{padding:8px 10px 8px 6px;}
	.location .inner > ul{padding-right:40px;}
	.location .inner > ul > li:not(:first-child):not(:last-child),.location .inner .util > button:not(.btn-share){display:none;}
	.location .inner > ul > li > button{padding:16px 40px 16px 4px;}
}
@media(max-width: 480px) {
	.location .inner > ul > li > button{font-size:14px;}
}
/* 만족도평가 */
.satisfaction{margin-bottom:40px;padding:0 40px;}
.satisfaction .inner{border-top:2px solid #000;border-bottom:1px solid #000;}
.satisfaction .left{float:left;}
.satisfaction .right{float:right;}
.satisfaction .info{overflow:hidden;border-bottom:1px solid #eee;padding:16px 30px;background-color:#f9f9f9;font-size:0;}
.satisfaction .info .manager{overflow:hidden;}
.satisfaction .info .manager + .manager{margin-top:4px;}
.satisfaction .info dl{position:relative;display:inline-block;padding-left:49px;line-height:40px;}
.satisfaction .info .left dl:first-child{min-width:365px;}
.satisfaction .info dl::before{content:"";position:absolute;top:0;left:0;border-radius:40px;width:40px;height:40px;background-repeat:no-repeat;background-position:50% 50%;}
.satisfaction .info .left dl::before{background-color:#063681;}
.satisfaction .info .left dl:first-child::before{background-image:url(/images/hmpg/ygpa/sub/icon_satisfaction_user.svg);}
.satisfaction .info .left dl:last-child:not(:only-child)::before{background-image:url(/images/hmpg/ygpa/sub/icon_satisfaction_call.svg);}
.satisfaction .info .right dl::before{background-image:url(/images/hmpg/ygpa/sub/icon_satisfaction_calendar.svg);background-color:#e6ebf2;}
.satisfaction .info dl > dt,.satisfaction .info dl > dd{display:inline-block;vertical-align:top;font-size:16px;}
.satisfaction .info dl > dt{margin-right:30px;font-weight:700;color:#063681;}
.satisfaction .info .right dl > dt{color:#000;}
.satisfaction .info dl > dd{color:#444;}
.satisfaction .info dl > dd > strong{margin-right:15px;font-weight:600;color:#000;}
.satisfaction .survey{overflow:hidden;padding:13px 30px;}
.satisfaction .survey .left{padding:13px 0;}
.satisfaction .survey .left > em{display:inline-block;vertical-align:top;margin-right:20px;line-height:22px;font-size:18px;font-weight:700;}
.satisfaction .survey .star-list{position:relative;display:inline-block;vertical-align:top;}
.satisfaction .survey .star-list input + .text::before { background-image: url(/images/hmpg/ygpa/sub/icon_satisfaction_star.svg);background-position:0 0;width:22px;height:22px; background-size:22px; cursor:pointer;}
.satisfaction .survey .star-list input + .text.active::before,
.satisfaction .survey .star-list input:checked + .text::before { background-image:url(/images/hmpg/ygpa/sub/icon_satisfaction_star_on.svg);background-repeat:no-repeat;}
.satisfaction .survey .star-list input + .text {padding-left:23px;}
.satisfaction .survey .star-list .radio + .radio {margin:0;}
.satisfaction .survey .right{width:50%/*calc(100% - 530px)*/;padding-left:20px;}
.satisfaction .survey .right .input-group{float:right;max-width:640px;}
@media(max-width: 1025px) {
	.satisfaction .left,.satisfaction .right{float:none;}
	.satisfaction .info .right{position:relative;margin-top:16px;padding-top:16px;}
	.satisfaction .info .right::after{content:"";position:absolute;top:0;left:-30px;right:-30px;height:1px;background-color:#eee; }
	.satisfaction .survey{padding:20px 30px;}
	.satisfaction .survey .left{padding:0;}
	.satisfaction .survey .right{float:none;margin-top:15px;width:100%;padding:0;}
	.satisfaction .survey .right .input-group{float:none;max-width:100%;}
	#container .main-title {padding:100px 0 50px;}
}
@media(max-width: 800px) {
	.satisfaction{padding:0 20px;}
	.satisfaction .info{padding:12px 23px;}
	.satisfaction .info .manager + .manager{margin-top:15px;}
	.satisfaction .info dl{display:block;padding-left:35px;line-height:30px;}
	.satisfaction .info .left dl:first-child{min-width:auto;}
	.satisfaction .info dl + dl{margin:5px 0 0;}
	.satisfaction .info dl::before{width:30px;height:30px;}
	.satisfaction .info .left dl::before{background-size:auto 15px;}
	.satisfaction .info .right dl::before{background-size:auto 18px;}
	.satisfaction .info dl > dt,.satisfaction .info dl > dd{font-size:14px;}
	.satisfaction .info .left dl > dt{width:54px;margin-right:0;}
	.satisfaction .info .right{margin-top:12px;padding-top:12px;}
	.satisfaction .info .right dl > dt{margin-right:15px;}
	.satisfaction .survey{padding:20px 0;}
	.satisfaction .survey .left > em{display:block;margin-right:0;}
	.satisfaction .survey .star-list{display:block;margin-top:20px;}
}
/** no js basic tab(링크이동) **/
.contents .tab-wrap{margin-bottom:60px;}
/* 1차 탭 */
.contents .tab{position:relative;}
.contents .tab .tab-list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.contents .tab.multi-line .btn-expand{display:none;position:absolute;top:16px;right:6px;width:40px;height:40px;border-radius:100px;box-shadow:-15px 0 22px 7px rgba(255,255,255,0.8);background:url(/images/hmpg/ygpa/sub/icon_tab_expand.svg) 50% 50% no-repeat;background-size:100%;background-color:transparent;}
.contents .tab.multi-line .btn-expand[aria-expanded="true"]{transform:scaleY(-1);}
.tab.multi-line .tab-list{display:block;font-size:0;}
.contents .tab.xl-scroll .horizontal-scroll{margin-bottom:-12px;padding-bottom:6px;}
.contents .tab .tab-list > li{display:inline-block;width:100%;background-color:#f2f4f7;}
.contents .tab.multi-line .tab-list > li{width:calc(100%/9);}
.contents .tab.multi-line .tab-list > li:nth-child(n+10){margin-top:12px;}
.contents .tab .tab-list > li > a{display:block;height:100%;border-radius:100px;font-size:0;line-height:50px;letter-spacing:-1px;text-align:center;}
.contents .tab .tab-list > li:first-child > a,.contents .tab.multi-line .tab-list > li:nth-child(10) > a{border-radius:0 50px 50px 0;}
.contents .tab .tab-list > li:last-child > a,.contents .tab.multi-line .tab-list > li:nth-child(9) > a,.contents .tab.multi-line .tab-list > li:nth-child(18) > a{border-radius:50px 0 0 50px;}
.contents .tab.basic .tab-list > li > a{padding:5px 16px;}
.contents .tab.xl-scroll .tab-list > li > a{padding:5px 0;}
.contents .tab .tab-list > li.active > a{background-color:#063681!important;font-weight:700;color:#fff;}
.contents .tab .tab-list > li > a > span{display:inline-block;vertical-align:middle;font-size:20px;font-weight:500;line-height:1.2;}
.contents .tab .tab-list > li > a::after{content:"";display:inline-block;vertical-align:middle;height:100%;}
/* 2차 탭 */
.contents .sub-tab{position:relative;margin:0 -6px;padding-top:24px;background-color:#fff;}
.contents .sub-tab .btn-expand{display:none;position:absolute;top:37px;right:6px;width:30px;height:30px;border-radius:100px;box-shadow:-11px 2px 20px 2px rgba(255,255,255,0.8);background:url(/images/hmpg/ygpa/sub/icon_sub_tab_expand.svg) 50% 50% no-repeat;background-color:transparent;}
.contents .sub-tab .btn-expand[aria-expanded="true"]{transform:scaleY(-1);}
.contents .sub-tab .horizontal-scroll{margin-bottom:-12px;}
.contents .sub-tab ul{font-size:0;}
.contents .sub-tab .tab-list > li{margin:6px;display:inline-block;vertical-align:top;}
.contents .sub-tab.btn-7n .tab-list > li{width:189.6px;}
.contents .sub-tab.btn-9n .tab-list > li{width:144.8px;}
.contents .sub-tab .tab-list > li > a{display:block;height:44px;line-height:44px;border:1px solid #E7EAEF;border-radius:100px;padding:0 16px;background-color:#fff;font-size:16px;font-weight:500;text-align:center;white-space:nowrap;color:#63676D;}
.contents .sub-tab .tab-list > li.active > a{border-color:#004CC2;background-color:#004CC2;font-weight:700;color:#fff;}
/* nav tab */
.contents .nav-tab .tab-list{border-bottom:1px solid #063681;font-size:0;}
.contents .nav-tab .tab-list > li{display:inline-block;}
.contents .nav-tab .tab-list > li + li{margin-left:-1px;}
.contents .nav-tab .tab-list > li > a{position:relative;display:block;border:1px solid #eee;border-bottom:0;width:142px;height:49px;line-height:48px;background-color:#f7f7f7;text-align:center;font-size:18px;color:#999;}
.contents .nav-tab .tab-list > li.active > a{z-index:1;border-color:#063681;background-color:#fff;font-weight:800;color:#063681;}
.contents .nav-tab .tab-list > li.active > a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background-color:#fff;}
@media(max-width: 1280px) {
	.contents .tab.multi-line.is-expanded{margin:-6px -6px 0;padding-bottom:18px;}
	.contents .tab.multi-line.is-expanded::after{content:"";position:absolute;left:6px;right:6px;bottom:0;border-bottom:1px solid #d0d3d8;}
	.contents .tab.multi-line .btn-expand{display:block;}
	.contents .tab:not(.is-expanded) .btn-expand{top:10px;right:0;}
	.contents .tab.xl-scroll:not(.is-expanded) .tab-list{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
	.contents .tab.multi-line:not(.is-expanded) .tab-list{padding-right:52px;}
	.contents .tab.xl-scroll .tab-list > li{width:auto;background-color:transparent;}
	.contents .tab.xl-scroll:not(.is-expanded) .tab-list > li + li{margin-left:12px;}
	.contents .tab.multi-line .tab-list > li:nth-child(n+10){margin-top:0;}
	.contents .tab.multi-line.is-expanded .tab-list > li{margin:6px;}
	.contents .tab.xl-scroll .tab-list > li > a{border-radius:50px!important;padding:5px 25px;white-space:nowrap;background-color:#F2F4F7;}
}
@media(max-width: 1025px) {
	.contents .sub-tab:not(.is-expanded){margin:0;}
	.contents .sub-tab.is-expanded{padding-bottom:24px;}
	.contents .sub-tab.is-expanded::after{content:"";position:absolute;left:6px;right:6px;bottom:0;border-bottom:1px solid #d0d3d8;}
	.contents .sub-tab .btn-expand{display:block;}
	.contents .sub-tab:not(.is-expanded) .btn-expand{right:0;}
	.contents .sub-tab:not(.is-expanded) ul{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;padding-right:42px;}
	.contents .sub-tab.btn-7n .tab-list > li,.contents .sub-tab.btn-9n .tab-list > li{width:auto;}
	.contents .sub-tab:not(.is-expanded) .tab-list > li:first-child{margin-left:0;}
	.contents .sub-tab:not(.is-expanded) .tab-list > li:last-child{margin-right:0;}
}
@media(max-width: 800px) {
	.contents .tab-wrap{margin-bottom:40px;}
	.contents .tab.multi-line:not(.is-expanded) .tab-list{padding-right:44px;}
	.contents .sub-tab:not(.is-expanded) ul{padding-right:34px;}
	.contents .tab.multi-line .btn-expand{top:6px;right:2px;}
	.contents .tab:not(.is-expanded) .btn-expand{top:2px;right:0;}
	.contents .tab.xl-scroll:not(.is-expanded) .tab-list > li + li{margin-left:4px;}
	.contents .tab.multi-line.is-expanded .tab-list > li,.contents .sub-tab .tab-list > li{margin:4px 2px;}
	.contents .tab .tab-list > li > a{line-height:34px;}
	.contents .tab.basic .tab-list > li > a{padding:5px 10px;}
	.contents .tab .tab-list > li > a > span{font-size:14px;}
	.contents .sub-tab{margin:0 -2px;}
	.contents .tab.multi-line.is-expanded{margin:-4px -2px 0;}
	.contents .sub-tab .tab-list > li > a{height:36px;line-height:36px;padding:0 12px;font-size:13px;}
	.contents .sub-tab .btn-expand{top:31px;right:2px;}
}
/** 회원 **/
.contents.member,.contents.member + .scroll-top-area{background-color:#f5f5f5;}
.contents.member .box-wrap,.contents.member .box{border-radius:30px;background-color:#fff;}
.contents.member .box{padding:60px 80px;}
.contents.member .box-wrap,.contents.member .box.shadow{box-shadow:0 4px 12px 0 rgba(0,0,0,0.08);}
.box-title{margin-bottom:30px;line-height:38px;font-size:32px;font-weight:800;word-break:keep-all;color:#333;}
.box-title > br{display:none;}
.box-sub-title{margin-bottom:16px;line-height:28px;font-size:20px;font-weight:800;color:#353638;}
/* 로그인 */
.inner.login{max-width:480px;}
.login .logo{height:20px;margin-bottom:30px;background:url(/images/hmpg/ygpa/sub/member/logo_login.svg) 50% 0 no-repeat;}
.login .form-group +.form-group{margin-top:20px;}
.login .btn{margin-top:40px;}
.login .member-link{margin-top:16px;text-align:center;font-size:0;}
.login .member-link > li{position:relative;display:inline-block;vertical-align:top;line-height:20px;font-size:14px;color:#4d5054;}
.login .member-link > li + li{margin-left:12px;padding-left:13px;}
.login .member-link > li + li::after{position:absolute;left:0;top:50%;display:inline-block;width:1px;height:14px;margin-top:-7px;background-color:#d0d3d8;}
@media(max-width: 480px) {
	.contents.member .login .box{border-radius:20px;padding:40px 20px;}
}
/* 회원가입 */
.contents.member .btn-group{margin-top:40px;}
.inner.form-layout{max-width:980px;}
.inner.form-layout.w1200,.inner.box-layout{max-width:1200px;}
.box-layout .inner-top{text-align:center;}
.step-wrap{max-width:750px;margin:0 auto 80px;text-align:center;}
.step-wrap > li{position:relative;float:left;width:20%;}
.step-wrap > li .step-counter{position:relative;z-index:1;display:inline-block;width:30px;height:30px;margin:1px 0;line-height:30px;border:1px solid #9a9ea5;border-radius:50%;background:#fff;font-weight:700;color:#666;}
.step-wrap > li.active .step-counter{margin:0;width:32px;height:32px;border-width:2px;border-color:#063681;color:#063681;}
.step-wrap > li.complete .step-counter{border-color:#063681;background-color:#063681;color:#fff;}
.step-wrap > li + li::after{position:absolute;content:"";border-bottom:2px solid #d0d3d8;width:100%;top:15px;left:-50%;}
.step-wrap > li.active::after,.step-wrap > li.complete::after{border-color:#063681;}
.step-wrap > li .step-name{padding-top:11px;line-height:20px;font-size:14px;color:#777b82;}
.step-wrap > li.active .step-name{color:#063681;font-weight:600;}
.step-wrap > li.complete .step-name{color:#063681;}
.box-layout .inner-top .para-wrap{margin-bottom:60px;display:inline-block;line-height:30px;font-size:20px;font-weight:500;text-align:left;word-break:keep-all;}
.box-layout .inner-top .para-wrap > p + p{font-weight:400;}
.contents.member .box-layout .box-wrap{padding:20px 0 40px;}
.contents.member .box-layout .box-wrap .box{text-align:center;}
.contents.member .box-layout .box-wrap .box:not(:only-child){position:relative;float:left;width:50%;}
.contents.member .box-layout .box-wrap .box + .box::before{position:absolute;top:50%;left:0;content:"";width:1px;height:320px;margin-top:-160px;background-color:#D0D3D8;}
.box-layout .box .box-title + p{margin-bottom:32px;line-height:21px;font-size:18px;color:#353638;text-align:center;word-break:keep-all;}
.box-layout .box .box-title + p > br{display:none;}
.box-layout .icon-wrap{display:inline-block;border-radius:30px;background-color:#f7f8fa;padding:30px;}
.box-layout .icon-wrap .icon{display:block;width:60px;height:60px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;}
.box-layout .icon-wrap .icon_user{background-image:url(/images/hmpg/ygpa/sub/member/icon_user.svg);}
.box-layout .icon-wrap .icon_suitcase{background-image:url(/images/hmpg/ygpa/sub/member/icon_suitcase.svg);}
.box-layout .icon-wrap .icon_phone{background-image:url(/images/hmpg/ygpa/sub/member/icon_phone.svg);}
.box-layout .icon-wrap .icon_ipin{background-image:url(/images/hmpg/ygpa/sub/member/icon_ipin.svg);}
.box-layout .icon-wrap + em{display:block;margin-top:20px;line-height:22px;font-weight:400;color:#4d5054;}
.box-layout .box .btn{margin-top:40px;}
.box-layout .btn-group > p{padding:20px 0 16px;line-height:22px;font-size:16px;font-weight:500;color:#063681;}
.box-layout .description{max-width:500px;margin-top:20px;line-height:22px;letter-spacing:-.16px;padding-left:11px;text-indent:-11px;font-weight:500;color:#63676d;word-break:keep-all;}
.form-layout .box-wrap + .box-title{margin-top:40px;}
.form-layout .inner-top .para-wrap{margin-bottom:40px;}
.form-layout .inner-top .para-wrap > p{margin-top:-12px;line-height:24px;color:#4D5054;}
.contents.member .form-layout .terms-box-wrap{margin-bottom:40px;}
/* 정보수정 비밀번호 입력 */
.box-layout .box .inner-box{margin:0 auto;max-width:480px;border-radius:20px;padding:60px;background-color:#F7F8FA;}
/* 회원탈퇴 */
.contents.member .box-layout .inner-top.inner-top-box{z-index:1;position:relative;margin-bottom:-108px;display:block;border-radius:30px;padding:40px 0;line-height:28px;background-color:#f2f8ff;font-size:24px;font-weight:800;color:#063681;}
.contents.member .box-layout .inner-top.inner-top-box + .box-wrap{padding-top:108px;}
.box-layout .box .info-list li{text-align:left;line-height:28px;}
.box-layout .box .info-list li + li{margin-top:40px;}
.box-layout .box .info-list li > em{margin-bottom:16px;display:block;font-size:20px;color:#353638;}
.box-layout .box .info-list li > p{position:relative;padding-left:23px;color:#63676d;}
.box-layout .box .info-list li > p:before{content:"";position:absolute;top:12px;left:10px;width:3px;height:3px;border-radius:3px;background-color:#63676d;}
.box-layout .checkbox-wrap{margin:0 60px;border-top:1px solid #D0D3D8;padding:16px 0 20px;text-align:right;}
@media(max-width: 800px) {
	.contents.member.revers-bg,.contents.member.revers-bg + .scroll-top-area{background-color:#fff;}
	.contents.member .inner .box-wrap{margin:0 -20px;box-shadow:none;border-radius:20px 20px 0 0;padding:20px 20px 40px;background-color:#f5f5f5;}
	.contents.member .btn-group{margin-top:30px;}
	.step-wrap{margin:0 auto 50px;}
	.contents.member .box-layout .box-wrap .box:not(:only-child),.contents.member .box-layout .box-wrap .box{float:none;width:auto;border-radius:20px;padding:60px 30px;}
	.contents.member .box-layout .box-wrap .box + .box{margin-top:20px;}
	.contents.member .box-layout .box-wrap .box + .box::before{display:none;}
	.box-layout .btn-group > p{padding-top:0;}
	.contents.member .box-layout .inner-top.inner-top-box{margin-bottom:20px;font-size:22px;}
	.contents.member .box-layout .inner-top.inner-top-box + .box-wrap{padding-top:20px;}
	.box-layout .checkbox-wrap{margin:0;border-top:0;padding:20px 0 0;}
	.contents.member .form-layout .box-wrap .box{padding:0;background-color:#f5f5f5;}
	.contents.member .form-layout .terms-box{border-color:#e7eaef;}
	.form-layout .terms-box-wrap + .checkbox-wrap{border-top:1px solid #d0d3d8;padding-top:20px;}
}
@media(max-width: 480px) {
	.step-wrap{margin:0 auto 30px;}
	.step-wrap > li .step-name{font-size:12px;}
	.box-title{line-height:29px;font-size:24px;}
	.box-sub-title{line-height:21px;font-size:18px;}
	.box-layout .box .box-title + p{margin-bottom:20px;font-size:16px;}
	.box-layout .box .box-title + p > br{display:block;}
	.contents.member .box-layout .inner-top.inner-top-box{font-size:20px;font-weight:700;}
	.box-layout .inner-top .para-wrap{margin-bottom:30px;line-height:22px;font-size:16px;}
	.box-layout .inner-top .para-wrap > p + p{margin-top:16px;}
	.contents.member .box-layout .box-wrap .box:not(:only-child),.contents.member .box-layout .box-wrap .box{padding:40px 30px;}
	.box-layout .icon-wrap{padding:16px;}
	.box-layout .icon-wrap .icon{width:48px;height:48px;}
	.box-layout .box .btn{margin-top:30px;}
	.box-layout .description{margin-top:15px;font-size:14px;line-height:20px;}
	.box-layout .box .inner-box{padding:30px 20px;}
	.box-layout .box .info-list li{line-height:22px;}
	.box-layout .box .info-list li + li{margin-top:24px;}
	.box-layout .box .info-list li > em{font-size:16px;}
	.box-layout .box .info-list li > p{line-height:20px;font-size:14px;}
	.form-layout .box-wrap + .box-title{margin-top:30px;}
	.form-layout .inner-top .para-wrap{margin-bottom:30px;}
	.form-layout .inner-top .para-wrap > p{margin-top:-9px;line-height:20px;}
}
/** 아이디 찾기 / 비밀번호 재설정 팝업 **/
.pop-up.find-id .pop{max-width:400px;padding:40px 30px;}
.pop-up.reset-pw .pop .pop-contents .pop-color-box,.pop-up.find-id .pop .pop-contents .pop-color-box{border-radius:24px;background-color:#f7f8fa;}
.pop-up.reset-pw .pop .pop-contents .pop-color-box{padding:30px;}
.pop-up.find-id .pop .pop-contents .pop-color-box{padding:20px 30px 40px;text-align:center;line-height:22px;}
.pop-up.find-id .pop .pop-contents .pop-color-box > p{font-size:16px;color:#63676d;}
.pop-up.find-id .pop .pop-contents .pop-color-box > em{display:block;margin-top:30px;font-size:18px;color:#353638;}
.pop-up.find-id .pop .pop-contents .btn-group{margin-top:30px;}
.pop-up.reset-pw .pop .pop-contents .form-group +.form-group{margin-top:32px;}
/** 국민소통 **/
/* 인재채용 */ 
/* 인재상 */
.recruit .vision{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.recruit .vision > p{width:100%;max-width:746px;padding-right:20px;line-height:1.33;letter-spacing:-.9px;font-size:45px;font-weight:700;}
.recruit .vision > p > span{color:#004cc2;}
.talent{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 -30px;}
.talent li{width:270px;height:270px;margin:0 30px;box-shadow:0 0 7px 0 rgba(1,58,145,0.3);border:solid 3px #004cc2;border-radius:270px;padding-top:119px;text-align:center;background-repeat:no-repeat;background-position:center top 43px;}
.talent li:nth-child(1){background-image:url(/images/hmpg/ygpa/sub/cm/icon_recruit_1.svg);}
.talent li:nth-child(2){background-image:url(/images/hmpg/ygpa/sub/cm/icon_recruit_2.svg);}
.talent li:nth-child(3){background-image:url(/images/hmpg/ygpa/sub/cm/icon_recruit_3.svg);}
.talent li > em{display:block;margin-bottom:25px;font-size:26px;font-weight:800;line-height:1;letter-spacing:-.52px;color:#004cc2;}
.talent li > p{font-size:16px;line-height:1.63;letter-spacing:-.47px;color:#444;}
@media(max-width: 1025px) {
	.talent li{width:200px;height:200px;margin:0 30px;padding-top:87px;text-align:center;background-repeat:no-repeat;background-position:center top 31px;}
	.talent li:nth-child(1){background-size:50px auto;}
	.talent li:nth-child(2){background-size:47px auto;}
	.talent li:nth-child(3){background-size:33px auto;}
	.talent li > em{margin-bottom:17px;font-size:20px;}
	.talent li > p{font-size:12px;}
}
@media(max-width: 800px) {
	.recruit .vision{display:block;max-width:399px;margin:0 auto;}
	.recruit .vision > p{margin-bottom:30px;padding-right:0;font-size:25px;}
	.talent{display:block;width:260px;margin:0 auto;}
	.talent li + li{margin-top:30px;}
}
/* 시설이용예약 */
/* 지도 영역 */
.contents .map-area{margin-top:29px;border:1px solid #ccc;border-radius:16px;padding:40px;}
.contents .map-area .map{height:880px;background:#d9d9d9;}
.contents .map-area > ul > li{position:relative;margin-bottom:20px;padding-left:34px;line-height:1.5;color:#444;background-repeat:no-repeat;background-position:0 50%;background-size:24px;}
.contents .map-area > ul > li:first-child{background-image:url(/images/hmpg/ygpa/sub/cm/icon_marker.svg);}
.contents .map-area > ul > li:last-child{background-image:url(/images/hmpg/ygpa/sub/cm/icon_phone.svg);}
.contents .map-area > ul > li > span{font-weight:700;}
@media(max-width: 800px) {
	.contents .map-area{margin-top:20px;padding:20px;}
	.contents .map-area .map{height:440px;}
	.contents .map-area > ul > li{font-size:14px;}
}
/* 예약 달력 */
.reserve-calendar .inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.reserve-calendar .calendar{width:65.714285714286%;position:relative;}
.reserve-calendar .status > li:not(.label){position:relative;padding-left:15px;line-height:14px;font-size:14px;}
.reserve-calendar .calendar-header .status > li:not(.label){display:inline-block;vertical-align:middle;}
.reserve-calendar .status > li::before{content:"";position:absolute;display:block;left:0;top:1px;}
.reserve-calendar .status > li.circle::before{border-radius:12px;background:#0d8900;}
.reserve-calendar .status > li.square::before{background:#bdbdbd;}
.reserve-calendar .calendar-header{margin-bottom:20px;font-size:14px;}
.reserve-calendar .calendar-header .inner{margin:0;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:65.714285714286%;}
.reserve-calendar .calendar-header .calendar-function{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.reserve-calendar .calendar-header .selected-date{display:inline-block;vertical-align:middle;width:120px;height:40px;line-height:40px;font-size:24px;font-weight:700;text-align:left;}
.reserve-calendar .calendar-header .status > li.label,.reserve-calendar .calendar-header button{text-decoration: underline;display:inline-block;vertical-align:middle;min-width:40px;height:40px;line-height:39px;border:1px solid #d3d3d3;font-size:14px;text-align:center;font-weight:500;}
.reserve-calendar .calendar-header button.btn-prev{border-radius:8px 0 0 8px;background:url(/images/hmpg/ygpa/sub/cm/icon_calendar_arrow_prev.svg) no-repeat center;}
.reserve-calendar .calendar-header button.btn-next{border-radius:0 8px 8px 0;background:url(/images/hmpg/ygpa/sub/cm/icon_calendar_arrow_next.svg) no-repeat 15px 50%;margin-right:20px;}
.reserve-calendar .calendar-header button.btn-today{width:80px;border-radius:8px;font-size:16px;}
.reserve-calendar .calendar-header .status > li.label{width:80px;}
.reserve-calendar .calendar-header .notice{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;margin:0 20px;padding-left:31px;background:url(/images/hmpg/ygpa/sub/cm/icon_calendar_notice.png) no-repeat 0 50%;background-size:22px auto;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.reserve-calendar .calendar-header .status{font-size:0;font-weight:500;}
.reserve-calendar .calendar-header .status > li:not(.label) + li{margin-left:17px;}
.reserve-calendar .calendar-header .status > li.circle::before,.reserve-calendar .calendar-header .status > li.square::before{width:12px;height:12px;}
.reserve-calendar .calendar-header .status > li.triangle::before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #000;}
.reserve-calendar .calendar-header .status > li.label:last-child{margin-left:10px;background:#f7f7f7; text-decoration: none;}
.reserve-calendar .calendar .status{margin-left:auto;font-size:14px;font-weight:500;pointer-events:none;}
.reserve-calendar .calendar div.status{text-align:center;}
.reserve-calendar .calendar .status > li + li{margin-top:8px;}
.reserve-calendar .calendar .status > li::before{top:2px;}
.reserve-calendar .calendar .status > li.circle::before{width:11px;height:11px;}
.reserve-calendar .calendar .status > li.square::before{width:10px;height:10px;}
.reserve-calendar .calendar .status > li.triangle::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #000;}
.reserve-calendar .calendar .status .point{color:#0d8900;}
.reserve-calendar .calendar table{width:100%;table-layout:fixed;border-spacing:10px;border-collapse:separate;border-radius:16px;border:1px solid #e2e2e2;}
.reserve-calendar .calendar table thead tr th{font-weight:400;text-align:center;color:#666;}
.reserve-calendar .calendar table thead tr th > span{position:relative;bottom:-6px;}
.reserve-calendar .calendar table tbody tr td{position:relative;height:120px;border:1px solid #ccc;border-radius:8px;padding:40px 10px 5px 12px;vertical-align:top;background:#fff;}
.reserve-calendar .calendar table tbody tr td > button{position:absolute;top:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;height:100%;border-radius:8px;padding:39px 9px 4px 11px;vertical-align:top;text-align:left;color:#000;cursor:default;}
.reserve-calendar .calendar.v-align-middle table tbody tr td{vertical-align:middle;padding:0;}
.reserve-calendar .calendar.v-align-middle table tbody tr td > button{display:block;padding:0;}
.reserve-calendar .calendar table tbody tr td.selected{box-shadow:inset 0 0 0 1px #0d8900;border-color:#0d8900;}
.reserve-calendar .calendar table tbody tr td.active > button{cursor:pointer;text-decoration:underline;}
.reserve-calendar .calendar table tbody tr td.disable{background:#f9f9f9;}
.reserve-calendar .calendar table tbody tr td.holiday{background:#eee;}
.reserve-calendar .calendar table tbody tr td > span,.reserve-calendar .calendar table tbody tr td > button > span{position:absolute;top:8px;left:8px;display:block;width:25px;height:25px;line-height:25px;font-weight:700;text-align:center;border-radius:20px;font-size:16px;}
.reserve-calendar .calendar table tbody tr td > button > span{top:7px;left:7px;}
.reserve-calendar .calendar table tbody tr td.today > span,.reserve-calendar .calendar table tbody tr td.today > button > span{background-color:#333;color:#fff;}
.reserve-calendar .side{width:34.285714285714%;padding-left:30px;}
.reserve-calendar .side .side-contents{position:relative;border:1px solid #e2e2e2;border-radius:20px;padding:25px;}
.reserve-calendar .side .selected-date{padding-bottom:20px;}
.reserve-calendar .side .selected-date > span{display:block;line-height:22px;height:22px;padding:0 0 1px 29px;background:url(/images/hmpg/ygpa/sub/cm/icon_calendar_clock.png) no-repeat 0 center;background-size:22px auto;font-size:18px;font-weight:700;}
.reserve-calendar .side .label-btn-group{padding-bottom:20px;font-size:0;}
.reserve-calendar .side .label-btn-group.btn-type2{margin:0 -10px -10px;font-size:0;}
.reserve-calendar .side .label-btn{margin-top:10px;display:inline-block;vertical-align:top;width:100%;}
.reserve-calendar .side .label-btn-group.btn-type2 .label-btn{margin:0;padding:10px;width:50%;}
.reserve-calendar .side .label-btn .text{text-decoration:underline; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:60px;border:1px solid #000;border-radius:100px;line-height:1;padding:0 15px;font-size:18px;font-weight:700;text-align:center;word-break:break-word;cursor:pointer;color:#000;}
.reserve-calendar .side .label-btn input:disabled + .text{text-decoration:none;background-color:#f7f7f7;border-color:#999;color:#333;cursor:default;}
.reserve-calendar .side .label-btn input:checked + .text{background-color:#0d8900;border-color:#0d8900;color:#fff;}
.reserve-calendar .side .label-btn input:focus + .text{outline:2px solid #111;border-radius:100px;}
.reserve-calendar .side .label-btn .text .point{margin-left:4px;}
.reserve-calendar .side .label-btn input:not(:checked):not(:disabled) + .text .point > span{color:#0d8900;}
.reserve-calendar .side .btn-group{margin-top:9px;padding-top:29px;border-top:2px dashed #e2e2e2;}
@media(max-width: 1025px) {
	.reserve-calendar .calendar-header .inner,.reserve-calendar .calendar,.reserve-calendar .side{width:100%;}
	.reserve-calendar > .inner{display:block;}
	.reserve-calendar .side{margin-top:30px;padding:0 0 120px;}
	.reserve-calendar .side .label-btn-group{padding-bottom:0;}
	.reserve-calendar .side .btn-group{position:absolute;width:100%;left:0;bottom:-121px;}
}
@media(max-width: 800px) {
	.reserve-calendar .calendar-header{margin-bottom:30px;}
	.reserve-calendar .calendar-header .inner{display:block;text-align:center;}
	.reserve-calendar .calendar-header .calendar-function{display:block;font-size:0;}
	.reserve-calendar .calendar-header .notice{display:inline-block;margin:14px 0;}
	.reserve-calendar .calendar{border:1px solid #ddd;border-radius:16px;overflow:hidden;}
	.reserve-calendar .calendar .calendar-contents{margin:0 -1px -1px;}
	.reserve-calendar .calendar table{border-spacing:0;border-collapse:collapse;border:0;}
	.reserve-calendar .calendar table thead tr th{height:34px;vertical-align:middle;}
	.reserve-calendar .calendar table thead tr th > span{bottom:0;}
	.reserve-calendar .calendar table tbody tr td{border-radius:0;height:100px;padding:35px 3px 3px 6px;}
	.reserve-calendar .calendar table tbody tr td > button{border-radius:0;padding:34px 2px 2px 5px;}
}
@media(max-width: 480px) {
	.reserve-calendar .calendar-header{font-size:12px;}
	.reserve-calendar .calendar-header .selected-date{width:113px;height:32px;line-height:32px;}
	.reserve-calendar .calendar-header button{min-width:32px;height:32px;line-height:30px;font-size:12px;}
	.reserve-calendar .calendar-header button.btn-next{background-position:12px 50%;}
	.reserve-calendar .calendar-header button.btn-today{font-size:14px;}
	.reserve-calendar .calendar-header .status > li.label{height:28px;line-height:28px;font-size:12px;}
	.reserve-calendar .calendar-header .notice{padding-left:28px;background-size:20px auto;}
	.reserve-calendar .calendar table tbody tr td{height:80px;}
	.reserve-calendar .calendar table tbody tr td > span,.reserve-calendar .calendar table tbody tr td > button > span{width:18px;height:18px;line-height:18px;font-size:11px;}
	.reserve-calendar .calendar .status{font-size:10px;}
	.reserve-calendar .calendar .status > li{padding-left:12px;font-size:10px;}
	.reserve-calendar .calendar .status > li::before{top:4px;}
	.reserve-calendar .calendar .status > li.circle::before,.reserve-calendar .calendar .status > li.square::before{width:8px;height:8px;}
	.reserve-calendar .calendar .status > li.triangle::before{border-left-width:4px;border-right-width:4px;border-bottom-width:7px;}
	.reserve-calendar .side .side-contents{padding:20px;}
	.reserve-calendar .side .selected-date{padding-bottom:15px;}
	.reserve-calendar .side .label-btn-group.btn-type1{margin-top:-5px;}
	.reserve-calendar .side .label-btn-group.btn-type2{margin:0 -5px -5px 0;}
	.reserve-calendar .side .label-btn-group.btn-type2 .label-btn{padding:5px;}
	.reserve-calendar .side .label-btn .text{height:49px;font-size:14px;}
}
/* 항만안내선 예약 */
.contents .color-box.p20 .input-group{display:inline-block;vertical-align:middle;margin-right:80px;width:auto;font-size:0;}
.contents .color-box.p20 .input-group .form-select{width:120px;}
.contents .color-box.p20 .input-group + .caution{width:calc(100% - 397px);}
@media(max-width: 1025px) {
	.contents .color-box.p20 .input-group{margin-right:0;}
	.contents .color-box.p20 .input-group + .caution{display:block;margin-top:20px;width:100%;}
}
@media(max-width: 480px) {
	.contents .color-box.p20 .input-group .form-label{display:block;margin-bottom:9px;line-height:1;}
	.contents .color-box.p20 .input-group{display:block;margin-right:0;}
	.contents .color-box.p20 .input-group .form-select{width:calc(100% - 90px);}
	.contents .color-box.p20 .input-group > .btn{padding:16px 24px 14px;}
	.contents .color-box.p20 .input-group + .caution{display:block;margin-top:20px;width:100%;}
}
/* 체육시설 예약 */
.contents .tab-img{overflow:hidden;}
.contents .tab-img .tab-list{float:right;width:17.142857142857%;padding-left:40px;}
.contents .tab-img .tab-list ul > li{position:relative;}
.contents .tab-img .tab-list ul > li + li{margin-top:20px;}
.contents .tab-img .tab-list ul > li > a{position:relative;display:block;border-radius:8% / 10.666666666667%;overflow:hidden;}
.contents .tab-img .tab-list ul > li.active::before{content:"";position:absolute;top:50%;left:-12.5%;transform:translateY(-50%);width:12.5%;height:40px;background-repeat:no-repeat;background-position:100% 50%;background-size:100%;background-image:url(/images/hmpg/ygpa/sub/cm/icon_imgtab_arrow.svg);}
.contents .tab-img .tab-list ul > li.active > a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:8px solid #004cc2;border-radius:8% / 10.666666666667%;}
.contents .tab-img .tab-panel-wrap{position:relative;float:left;overflow:hidden;width:82.857142857143%;}
.contents .tab-img .tab-panel{position:absolute;top:0;left:0;width:100%;}
.contents .tab-img .tab-panel.active{position:relative;}
.contents .tab-img .tab-panel .figure{margin-top:0;}
.contents .tab-img .tab-panel .figure figcaption{position:absolute;top:0;left:0;margin-top:0;border-radius:16px 16px 0 0;width:100%;padding:26px 0;background-color:rgba(0,0,0,0.4);font-size:28px;font-weight:700;text-align:center;color:#fff;}
.contents .court-select{margin-left:20px;max-width:200px;}
@media(max-width: 800px) {
	.contents .tab-img .tab-list{float:none;width:100%;padding-left:0;margin-bottom:30px;}
	.contents .tab-img .tab-list ul{margin:0 -5px;font-size:0;}
	.contents .tab-img .tab-list ul > li{display:inline-block;vertical-align:top;width:25%;padding:0 5px;}
	.contents .tab-img .tab-list ul > li + li{margin-top:0;}
	.contents .tab-img .tab-list ul > li.active::before{top:100%;left:50%;transform:translateX(-50%);width:15%;height:25px;background-position:50% 0;background-image:url(/images/hmpg/ygpa/sub/cm/icon_imgtab_arrow_2.svg);}
	.contents .tab-img .tab-list ul > li.active > a::after{border-width:6px;}
	.contents .tab-img .tab-panel-wrap{float:none;width:100%;}
	.contents .tab-img .tab-panel .figure figcaption{padding:20px 0;font-size:20px;}
}
@media(max-width: 480px) {
	.contents .tab-img .tab-list{margin-bottom:20px;}
	.contents .tab-img .tab-list ul{margin:0 -3px;}
	.contents .tab-img .tab-list ul > li{padding:0 3px;}
	.contents .court-select{max-width:100%;margin:15px 0 0;}
}
/* sub1 start */

/** 열린경영 **/
/* 공공데이터 개방 */
/* 그래프로 보는 물동량 통계 */
.contents .chart-wrap{height:500px;}
/** 민원서비스 **/
/* 온라인민원신청 */
/* 민원신청안내 */
.contents .box-step{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-20px -33px 0 -17px;}
.contents .box-step.step-4{margin:-20px -40px 0 -33px;}
.contents .box-step .step{position:relative;padding:20px 33px 0 17px;}
.contents .box-step.step-4 .step{width:calc(100% / 4);padding:20px 40px 0 32px;}
.contents .box-step.step-5 .step{width:calc(100% / 5);}
.contents .box-step.step-6 .step{width:calc(100% / 6);}
.contents .box-step.arrow .step:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;margin-top:-6px;width:14px;height:30px;background-repeat:no-repeat;background-position:50% 50%;background-image:url(/images/hmpg/ygpa/sub/icon_box_step_arrow.svg);}
.contents .box-step.step-4.arrow .step:not(:last-child)::after{right:-4px;}
.contents .box-step .step .inner{border-radius:26px;height:100%;background-color:#f8fafd;}
.contents .box-step .step .step-cont{padding:24px 10px 29px 20px;letter-spacing:-.66px;}
.contents .box-step.step-6 .step .step-cont{letter-spacing:-.66px;}
.contents .box-step .step .step-title{display:block;height:52px;border-radius:26px;padding:0 10px;background-color:#063681;font-size:18px;font-weight:800;text-align:center;color:#fff;}
.contents .box-step .step .step-title::before{content:"";display:inline-block;vertical-align:middle;height:100%;}
.contents .box-step .step .step-title > span{display:inline-block;vertical-align:middle;}
.contents .box-step .txt-dot,.contents .box-step .list-dot > li{word-break:break-all;}
.contents .line-box-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.contents .line-box-wrap:not(.box-2n){-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-20px -10px 0;}
.contents .line-box-wrap.box-2n{margin:0 auto;}
.contents .line-box-wrap.gap-40{max-width:840px;}
.contents .line-box-wrap.gap-72{max-width:664px;}
.contents .line-box-wrap:not(.box-2n) .line-box{padding:20px 10px 0;}
.contents .line-box-wrap.box-5n .line-box{width:20%;}
.contents .line-box-wrap.box-4n .line-box{width:25%;}
.contents .line-box-wrap.box-3n .line-box{width:calc(100% / 3);}
.contents .line-box-wrap.box-2n .line-box{width:50%;}
.contents .line-box-wrap.gap-40 .line-box:last-child{margin-left:40px;}
.contents .line-box-wrap.gap-72 .line-box:last-child{margin-left:72px;}
.contents .line-box-wrap .line-box .inner{position:relative;display:block;border:1px solid #666;border-radius:20px;height:100%;padding:40px 16px;background-color:#fff;font-size:0;text-align:center;}
.contents .line-box-wrap .line-box .inner:not(.no-hover):hover{border-color:#222262;}
.contents .line-box-wrap .line-box-title{display:block;margin-top:20px;letter-spacing:-.36px;font-size:18px;font-weight:700;color:#063681;}
.contents .line-box-wrap .line-box-desc{margin-top:20px;letter-spacing:-.32px;font-size:16px;}
.contents .line-box-wrap .line-box .icon-wrap{display:inline-block;padding:34px;border-radius:60px;background-color:#f5f9ff;}
.contents .line-box-wrap .icon-wrap .icon{display:block;width:52px;height:52px;background-repeat:no-repeat;background-position:50% 50%;}
/* 통합신고센터 > 온라인신고 > 익명신고 안내 팝업 */
.pop-up.report-info .pop{max-width:600px;padding:40px 30px 30px;}
.pop-up.report-info .pop-contents .pop-scroll{max-height:480px;overflow:auto;}
.pop-up.report-info .pop-contents .pop-scroll-inner{padding-right:15px;}
.pop-up.report-info .pop-contents em{display:block;margin:27px 0 17px;font-size:20px;font-weight:700;}
.pop-up.report-info .pop-contents p{font-size:16px;line-height:26px;letter-spacing:-.25px;font-weight:500;color:#444;}
.pop-up.report-info .pop-contents .btn-group{margin-top:30px;}
/* 온라인민원신청 > 민원신청안내 아이콘 */
.contents .line-box-wrap .icon-wrap .icon-0101-0101-m01_1{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0101_0101_m01_1.svg);}
.contents .line-box-wrap .icon-wrap .icon-0101-0101-m01_2{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0101_0101_m01_2.svg);}
/* 통합신고센터 > 온라인신고 > 신고유형선택 */
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m01_1{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m01_1.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m01_2{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m01_2.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_1{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_1.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_2{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_2.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_3{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_3.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_4{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_4.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_5{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_5.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_6{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_6.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_7{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_7.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_8{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_8.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_9{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_9.svg);}
.contents .line-box-wrap .icon-wrap .icon-0701-0101-m02_10{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0701_0101_m02_10.svg);}
/* 실적증명서 > 실적증명서 발급신청 아이콘 */
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_1{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_1.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_2{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_2.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_3{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_3.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_4{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_4.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_5{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_5.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_6{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_6.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_7{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_7.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_8{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_8.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_9{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_9.svg);}
.contents .line-box-wrap .icon-wrap .icon-0202-0101-m01_10{background-image:url(/images/hmpg/ygpa/sub/sv/icon_0202_0101_m01_10.svg);}
@media(max-width: 1280px) {
	.contents .box-step.step-6 .step{width:calc(100% / 3);}
}
@media(max-width: 1280px) and (min-width: 801px) {
	.contents .box-step.step-6 .step:nth-child(3n)::after{display:none;}
}
@media(max-width: 1025px) {
	.contents .box-step.step-5 .step{width:calc(100% / 3);}
	.contents .line-box-wrap.box-5n .line-box{width:25%;}
}
@media(max-width: 1025px) and (min-width: 801px) {
	.contents .box-step.step-5 .step:nth-child(3n)::after{display:none;}
}
@media(max-width: 800px) {
	.contents .box-step{margin:-15px -19px 0 -9px !important;}
	.contents .box-step .step{padding:15px 19px 0 9px !important;}
	.contents .box-step.step-4 .step,.contents .box-step.step-6 .step,.contents .box-step.step-5 .step{width:calc(100% / 2);}
	.contents .box-step .step .step-title{height:42px;font-size:16px;}
	.contents .box-step .step .step-cont{padding:16px 15px 23px;}
	.contents .box-step.arrow .step:not(:last-child)::after{right:0!important;margin-top:-5px;width:9px;height:24px;background-size:100% auto;background-image:url(/images/hmpg/ygpa/sub/icon_box_step_arrow_2.svg);}
	.contents .box-step.arrow .step:nth-child(2n)::after{display:none;}
	.contents .line-box-wrap:not(.privacy) .line-box .inner{padding:30px 16px;}
	.contents .line-box-wrap.box-5n .line-box,.contents .line-box-wrap.box-4n .line-box{width:50%;}
	.contents .line-box-wrap.box-2n .line-box:last-child{margin-left:20px;}
	.contents .line-box-wrap .line-box-title{margin-top:16px;font-size:16px;}
	.contents .line-box-wrap .line-box-desc{margin-top:16px;font-size:14px;}
	.contents .line-box-wrap .line-box .icon-wrap{padding:28px;}
	.contents .line-box-wrap .icon-wrap .icon{width:44px;height:44px;background-size:44px auto;}
}
@media(max-width: 480px) {
	.contents .line-box-wrap.gap-40{display:block;}
	.contents .line-box-wrap.gap-40 .line-box,.contents .line-box-wrap.box-4n .line-box,.contents .line-box-wrap.box-3n .line-box{width:100%!important;}
	.contents .line-box-wrap.gap-40 .line-box:last-child{margin-top:20px;margin-left:0;}
}
/* 사진촬영신청 */
.input-group.input-group-phone + .checkbox-wrap{display:inline-block;margin:0 0 0 10px;}
.board.boardwrite.add-two-row .btn-td{position:relative;}
.board.boardwrite.add-two-row .btn-td .btn-group{position:absolute;top:-72px;left:-1px;width:143px;margin-top:0;border-left:1px solid #ededed;line-height:143px;background:#fff;}
.board.boardwrite.add-two-row .btn-td .btn-group .btn{vertical-align:middle;}
.board.boardwrite .radio.radio-tab label.text{margin-right:26px;}
.board.boardwrite .radio.radio-tab .checkbox-group{display:none;padding-top:4px;}
.board.boardwrite .radio.radio-tab #yeosu:checked ~ .checkbox-group.yeosu,.board.boardwrite .radio.radio-tab #gwangyang:checked ~ .checkbox-group.gwangyang{display:block;}
.board.boardwrite .radio-group .radio,.board.boardwrite .checkbox-group .checkbox{margin:12px 26px 0 0;}
.board.boardwrite .in-info-text .radio + .checkbox{margin:0 10px 0 20px;}
.board.boardwrite .form-file + .info-text.black{margin-top:10px;}
.basic-responsive.confirm table > tbody > tr > td:last-child > span{margin-right:20px;}
/* 항만시설견학신청 */
.contents .etc-input{max-width:200px;}
@media(max-width: 1025px) {
	.board.boardwrite.add-two-row .btn-td .btn-group{position:static;width:auto;border-left:0;line-height:1;text-align:right;}
}
@media(max-width: 800px) {
	.input-group.input-group-phone + .checkbox-wrap{display:block;margin:12px 0 0;}
	.board.boardwrite .in-info-text .radio + .checkbox{margin:0 0 0 10px;}
	.board.boardwrite .info-text:not(.black){display:block;margin-top:15px;}
	.basic-responsive.confirm table > tbody > tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.contents .etc-input{max-width:100%;margin-top:15px;}
}
@media(max-width: 480px) {
	.basic-responsive.confirm table > tbody > tr > th,.basic-responsive.confirm table > tbody > tr > td{height:auto;min-height:72px;}
	.basic-responsive.confirm table > tbody > tr > td:last-child > span{display:inline-block;margin-right:0;width:95%;}
	.basic-responsive.confirm table > tbody > tr > td:last-child .btn{margin-top:16px;}
}
/** 국민소통 **/
/* 자유게시판(목록 상단 공통 설명 + 버튼 박스) */
.info-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.info-box > p.para{padding-right:20px;}
.info-box > .btn{margin-left:auto;}
@media(max-width: 480px) {
	.info-box{display:block;overflow:hidden;}
	.info-box p.para{padding-right:0;margin-bottom:10px;}
	.info-box > .btn{float:right;}
}
/** ESG경영 **/
/* 이해관계자 참여 */
.boardwrite.esg-board table > tbody > tr > td{padding:20px;}
.esg-board table tr td .icon{text-align:center;}
.esg-board table tr td .icon > em{display:block;margin-top:20px;font-weight:700;}
.esg-board table tr td .dashed{border-bottom:1px dashed #ccc;margin:20px 0;}
/* 안전보건경영 */
.figure.signature{font-size:0;}
.figure.signature > img + img{margin-left:20px;}
@media (max-width: 600px) {
	.figure.signature > img{display:block;margin:0 auto;}
	.figure.signature > img + img{margin-top:40px;margin-left:auto;}
}
/* 안전보건경영인증서 */
.contents .figure-group.certification .col:first-child{padding-right:20px;}
.contents .figure-group.certification .col:last-child{padding-left:20px;}
.contents .figure-group.certification .figure img{border:1px solid #d2d2d2;}
@media (max-width: 800px) {
	.contents .figure-group.certification .col:first-child{padding-right:0;}
	.contents .figure-group.certification .col:last-child{padding-left:0;}
}
/* 안전경영 책임계획 */
.contents .plan-group{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;max-width:900px;margin:0 auto;text-align:center;}
.contents .plan-group .plan{width:calc(100% / 3);padding:0 20px;}
.contents .plan-group .plan > p{margin:20px 0;}
@media (max-width: 480px) {
	.contents .plan-group{display:block;}
	.contents .plan-group .plan{width:100%;padding:0;margin-top:50px;}
}
/* 청렴백년대계 */
.contents .integrity .top,.contents .integrity .bot{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.contents .integrity .top .col:first-child{width:100%;max-width:691px;}
.contents .integrity .top .col:last-child{padding:0 10px 0 60px;}
.contents .integrity .col .col-title{margin:8.77% 0 20px;font-size:30px;font-weight:700;letter-spacing:-.75px;}
.contents .integrity .top .col > ul > li{position:relative;padding-left:9px;font-size:20px;line-height:1.6;letter-spacing:-.5px;color:#444;}
.contents .integrity .top .col > ul > li + li{margin-top:10px;}
.contents .integrity .top .col > ul > li::before{content:"";position:absolute;top:15px;left:0;width:3px;height:3px;background-color:#004CC2;}
.contents .integrity .bot{margin:100px -10px 0;}
.contents .integrity .bot .col{position:relative;width:50%;padding:0 55px;}
.contents .integrity .bot .col:first-child::after{content:"";position:absolute;top:50%;right:-25px;width:50px;height:35px;margin-top:-17.5px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/hmpg/ygpa/sub/es/icon_integrity_arrow.svg);}
.contents .integrity .bot .col > ul{height:100%;border-radius:20px;padding:43px 50px;background-color:#eee;}
.contents .integrity .bot .col > ul > li{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.5px;text-indent:-20px;padding-left:20px;color:#063681;}
.contents .integrity .bot .col > ul > li + li{margin-top:10px;}
@media (max-width: 1025px) {
	.contents .integrity .bot{display:block;margin:100px 0 0;}
	.contents .integrity .bot .col{width:100%;padding:0;max-width:600px;margin:0 auto;}
	.contents .integrity .bot .col:first-child{padding-bottom:90px;}
	.contents .integrity .bot .col:first-child::after{transform:rotate(90deg);top:auto;right:50%;bottom:27px;margin-top:0;margin-right:-25px;}
}
@media (max-width: 800px) {
	.contents .integrity .top{display:block;}
	.contents .integrity .top .col:first-child{max-width:none;text-align:center;}
	.contents .integrity .top .col:last-child{padding:0;}
	.contents .integrity .col .col-title{margin:40px 0 15px;font-size:22px;}
	.contents .integrity .top .col > ul > li{font-size:16px;}
	.contents .integrity .top .col > ul > li::before{top:11px;}
	.contents .integrity .bot{margin:50px 0 0;}
	.contents .integrity .bot .col:first-child::after{bottom:16px;margin-right:-12.5px;width:25px;height:18px;background-size:100% auto;}
	.contents .integrity .bot .col > ul{padding:28px 30px;}
	.contents .integrity .bot .col:first-child{padding-bottom:50px;}
	.contents .integrity .bot .col > ul > li{font-size:13px;text-indent:-13px;padding-left:13px;}
}
/** 부가정보 **/
/* 이용안내 */
.board.use-info table > tbody > tr > th{background-color:#fff;}
.board.use-info .icon-use-info{padding:0 10px;text-align:left;font-size:0;}
.board.use-info .icon-use-info > img{vertical-align:middle;width:40px;}
.board.use-info .icon-use-info > span{vertical-align:middle;margin-left:10px;font-size:16px;}
@media (max-width: 800px) {
	.board.use-info table > tbody > tr{display:block;padding-bottom:10px;font-size:0;}
	.board.use-info table > tbody > tr > th{display:block;height:auto;margin-bottom:10px;border-bottom:1px solid #ededed;background-color:#f9f9f9;}
	.board.use-info table > tbody > tr > td{display:inline-block;width:calc((100% - 40px) / 3);height:auto;border-left:0;padding:10px 0;}
	.board.use-info table > tbody > tr > td:not(:nth-child(2n+4)){margin-right:20px;}
	.board.use-info .icon-use-info{display:inline-block;width:120px;padding:0;}
}
/* 개인정보처리방침 */
.contents .link-pdf:after{content:"";position:relative;bottom:-4px;display:inline-block;width:17px;height:18px;margin-left:6px;background:url(/images/hmpg/ygpa/sub/icon_pdf.png) 0 0 no-repeat;}
.contents .second-title.with-btn-up .btn{float:right;padding:6px 10px;font-size:14px;font-weight:500;}
.contents .line-box-wrap.privacy .icon-wrap{padding:25px;}
@media (max-width: 1025px) {
	.contents .line-box-wrap.privacy .line-box{width:50%;}
}
.contents .line-box-wrap.privacy .icon-wrap .icon{width:70px;height:70px;background-size:auto 100%;}
.contents .line-box-wrap .icon-wrap .icon-privacy_1{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_1.png);}
.contents .line-box-wrap .icon-wrap .icon-privacy_2{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_2.png);}
.contents .line-box-wrap .icon-wrap .icon-privacy_3{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_3.png);}
.contents .line-box-wrap .icon-wrap .icon-privacy_4{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_4.png);}
.contents .line-box-wrap .icon-wrap .icon-privacy_5{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_5.png);}
.contents .line-box-wrap .icon-wrap .icon-privacy_6{background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_1_6.png);}
.contents .line-box-wrap.privacy .line-box .color-box{opacity:0;z-index:1;position:absolute;top:0;left:0;margin:0;width:100%;min-height:100%;text-align:left;border-radius:20px;background-color:rgba(6,54,129,.9);color:#fff;transition:opacity .5s;}
.contents .line-box-wrap.privacy .line-box .inner:hover .color-box{opacity:1;}
.contents .line-box-wrap.privacy .line-box .inner:focus .color-box{opacity:1;}
.contents .line-box-wrap.privacy .line-box .color-box .para,.contents .line-box-wrap.privacy .line-box .color-box .list,.contents .line-box-wrap.privacy .line-box .color-box .txt-dot,.contents .line-box-wrap.privacy .line-box .color-box .list-dot > li{color:#fff;}
.contents .line-box-wrap.privacy .line-box .color-box .txt-dot::before,.contents .line-box-wrap.privacy .line-box .color-box .list-dot > li::before{background-color:#fff!important;}
.contents .privacy-quick-list{padding:10px 0;}
.contents .privacy-quick-list > ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contents .privacy-quick-list > ul > li{position:relative;width:calc(100% / 3);width:50%;}
@media (max-width: 600px) {
	.contents .privacy-quick-list > ul > li{width:100%;}
}
.contents .privacy-quick-list > ul > li:nth-child(2n){border-right:0;}
.contents .privacy-quick-list > ul > li:nth-child(15),.contents .privacy-quick-list > ul > li:nth-child(16){border-bottom:none;}
.contents .privacy-quick-list > ul > li > a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:50px;padding:12px 20px 10px 20px; }
.contents .privacy-quick-list > ul > li > a > i {width:auto; height:50px; padding:12px 100px 20px 20px; background-position:left 10px center, left 43px center, left 77px center; background-repeat:no-repeat;}
.contents .privacy-quick-list > ul > li:nth-child(1) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_1.png);}
.contents .privacy-quick-list > ul > li:nth-child(2) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_2.png);}
.contents .privacy-quick-list > ul > li:nth-child(3) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_3.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(4) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_4.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(5) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_5.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(6) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_6.png);}
.contents .privacy-quick-list > ul > li:nth-child(7) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_7.png);}
.contents .privacy-quick-list > ul > li:nth-child(8) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_8.png);}
.contents .privacy-quick-list > ul > li:nth-child(9) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_9.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_10.png);}
.contents .privacy-quick-list > ul > li:nth-child(10) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_11.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_8.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_12.png);}
.contents .privacy-quick-list > ul > li:nth-child(11) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_12.png);}
.contents .privacy-quick-list > ul > li:nth-child(12) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_13.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_2.png);}
.contents .privacy-quick-list > ul > li:nth-child(13) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_14.png);}
.contents .privacy-quick-list > ul > li:nth-child(14) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_15.png);}
.contents .privacy-quick-list > ul > li:nth-child(15) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_16.png);}
.contents .privacy-quick-list > ul > li:nth-child(16) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_16B.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(17) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_17.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(18) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_18.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(19) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_19.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_20.png);}
.contents .privacy-quick-list > ul > li:nth-child(20) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_21.png);}
.contents .privacy-quick-list > ul > li:nth-child(21) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_17.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_21.png),url(/images/hmpg/ygpa/sub/ad/icon_privacy_new.png);}
.contents .privacy-quick-list > ul > li:nth-child(22) > a > i {background-image:url(/images/hmpg/ygpa/sub/ad/icon_privacy_2_23.png);}
.contents .privacy-quick-list > ul > li > a > span{display:inline-block;line-height:1.2;font-size:16px;}
.contents .down-link{display:inline-block;margin:5px 0;}
.contents .procedure{text-align:center;}
.contents .list-dot .procedure{margin:30px 0;}
.contents .procedure .col-group{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.contents .procedure .col-group .col{width:50%;}
.contents .procedure > ul{margin:0 auto;max-width:900px;}
.contents .procedure .col:first-child > ul,.contents .procedure ul > li > span + ul{padding-right:10px;}
.contents .procedure .col:last-child > ul,.contents .procedure ul > li > span + ul + ul{padding-left:10px;}
.contents .procedure ul li{position:relative;padding-top:50px;font-size:0;}
.contents .procedure > ul > li:first-child{padding-top:0;}
.contents .procedure ul li::after{content:"";position:absolute;top:12px;left:50%;width:14px;height:30px;transform:rotate(90deg);margin-left:-7px;background-repeat:no-repeat;background-position:50% 50%;background-image:url(/images/hmpg/ygpa/sub/icon_box_step_arrow.svg);}
.contents .procedure > ul > li:first-child::after,.contents .procedure .col > ul > li:first-child::after{display:none;}
.contents .procedure .tit,.contents .procedure ul li > em,.contents .procedure ul li > span{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto;border-radius:50px;border:3px solid #B4B9C2;min-height:62px;line-height:1.2;padding:5px 15px;font-size:16px;}
.contents .procedure .tit{max-width:390px;border-color:#063681;background-color:#063681;font-size:24px;color:#fff;}
.contents .procedure ul li > .transparent{min-height:auto;border-color:transparent;background-color:transparent;}
.contents .procedure ul li > .blue{border-color:#014CC3;background-color:#014CC3;color:#fff;font-size:20px;}
.contents .procedure ul li > .blue-line{border-color:#004CC2;color:#004cc2;font-size:20px;}
.contents .procedure ul li > .gray{border-color:#EBECF0;background-color:#EBECF0;}
.contents .procedure ul > li span{font-size:16px;}
.contents .procedure ul > li > em,.contents .procedure ul > li > span{width:100%;}
.contents .procedure ul > li > ul{display:inline-block;vertical-align:top;width:50%;}
@media (max-width: 800px) {
	.contents .procedure .col-group{display:block;}
	.contents .procedure .col-group .col{width:100%;}
	.contents .procedure .tit{font-size:20px;}
	.contents .procedure .col:first-child > ul{padding-right:0;}
	.contents .procedure .col:last-child > ul{padding-left:0;}
	.contents .procedure ul li > .blue,.contents .procedure ul li > .blue-line{font-size:18px;}
	.contents .procedure ul > li span{font-size:14px;}
	.contents .procedure .tit,.contents .procedure ul li > em,.contents .procedure ul li > span{min-height:52px;}
}
/* sub2 start */
.btn-group + .board-detail{margin-top:60px;}
@media (max-width: 800px) {
	.btn-group + .board-detail{margin-top:40px;}
}
/* 알림받기 기능 */
.checkbox-alert{margin-left:10px;padding-top:12px;}
.table-radios label.radio{margin:5px;}
.input-group .radio{margin:13px 20px 13px 10px !important;}
.input-group .radio:last-child{margin-right:0!important;}
.input-group.table-radios .form-input{width:auto;}
.board table > tbody > tr > td .cell-title.line{display:inline-block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%; max-width:510px;}
/* 게시판 상단 버튼영역 추가 */
.board-top{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;align-items:flex-end;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;}
.board-top .boardschbox{margin:0 0 17px;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
/* 게시판 상단 검색영역 */
.board-top .form-select{width:auto;padding:14px 75px 13px 20px;}
.board-top .optionbox{display:inline-block;margin-right:6px;}
.board-top .optionbox:last-child{margin-right:10px;}
.board-top .inp-search{position:relative;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
.board-top .inp-search .inpbox{width:250px;height:45px;border:0;}
.board-top .inp-search .inpbox input.txt{padding:0 25px 0 0;height:40px;}
.board-top .inp-search button{width:48px;height:48px;background:#053581;border-radius:50%;margin-left:8px;}
.board-top .inp-search button::after,.board-top .inp-search button::before{content:'';position:absolute;}
.board-top .inp-search button::after{right:17px;top:15px;width:15px;height:15px;border:2px solid #fff;border-radius:100%;}
.board-top .inp-search button::before{right:15px;top:29px;width:5px;height:2px;transform:rotate(45deg);background-color:#fff;}
.table-scroll{overflow-x:auto;}
.table-scroll table{width:100%;min-width:1100px;}
.table-scroll.mw-800 table{min-width:800px;}
.table-scroll.mw-800 table table{min-width:100%;}
.input-text{width:100%;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
.input-text em{padding:14px 10px 0;white-space:nowrap;}
.input-text.type2{width:60%;}
/*일반게시판 상세*/
.board-detail{display:block;position:relative;width:100%;overflow:hidden;border-top:2px solid #222;/*color:#666;*/}
.board-detail .title-box{overflow:hidden;padding:20px 20px 10px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;}
.board-detail .title-box h3{color:#333;font-size:22px;}
.board-detail .board-detail-list{position:relative;margin:0;padding:16px 0;display:flex;display:-webkit-flex;border-bottom:1px solid #e4e4e4;color:#666;}
.board-detail .board-detail-list li{position:relative;padding:0 20px;margin:0!important;font-size:15px;line-height:24px;}
.board-detail .board-detail-list li span.list-title{margin-right:10px;}
.board-detail .board-detail-list li::after{content:'';position:absolute;right:0;top:5px;width:1px;height:14px;background:#d6d6d6;}
.board-detail .board-detail-list li:last-child::after{display:none;}
.board-detail .file{overflow:hidden;padding:16px 20px;}
.board-detail .file li{margin-bottom:5px;line-height:26px;}
.board-detail .file li:last-child{margin:0;}
.board-detail .file li a{font-size:15px;padding-left:25px;background-repeat:no-repeat;background-position:left 50%;background-image:url(/images/hmpg/ygpa/sub/icon_clip.svg);color:#666;margin-right:5px;}
.board-detail .file li button{vertical-align:middle;width:17px;height:17px;display:inline-block;background-repeat:no-repeat;background-position:0 0;margin-left:5px;}
.board-detail .content{padding:40px 20px;border-top:1px solid #000;border-bottom:1px solid #e4e4e4;}
.board-detail .content img{max-width:100%;}
.radio-group .input-group{width:auto;}
em.count{margin:0 10px;}
/* 게시판 상세 영상 */
.board-detail .video-box{position:relative;overflow:hidden;}
.board-detail .video-box .youtube,.board-detail .video-box .video{width:100%;height:560px;padding:30px 0;text-align:center;}
.board-detail .video-box .youtube{position:relative;}
.board-detail .video-box .youtube iframe{width:850px;height:500px;border:0;}
.board-detail .video-box .video .video-js{height:100%;width:100%;border:0;}
.board-detail .video-box .video .video-js .vjs-big-play-button{left:calc(50% - 45px);top:calc(50% - 22px);width:60px;height:60px;border:3px solid #fff;border-radius:100%;}
.board-detail .video-box .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before{top:5px;}
.board-detail .video-box .content{padding:15px;width:100%;height:130px;overflow-y:auto;color:#666;font-size:16px;line-height:24px;border-top:1px solid #e1e1e1;}
/*일반게시판 댓글*/
.comment-area{margin-top:50px;}
.comment-area .button-box{margin-top:10px;}
.comment-area .button-box button{margin-left:5px;}
.comment-area .button-box button:first-of-type{margin-left:10px;}
.comment-area .byte{font-size:14px;color:#666;margin-right:20px;}
.comment-area .comment-list{margin-top:20px;border-top:1px solid #ccc;}
.comment-area .comment-list > li dl{padding:20px;border-bottom:1px solid #ddd;}
.comment-area .comment-list > li dl dt{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-flex;align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;}
.comment-area .comment-list > li dl dt .button-box{margin-top:0;margin-left:30px;}
.comment-area .comment-list > li dl dt .list-box li{margin-right:10px;padding-right:10px;}
.comment-area .comment-list > li dl dt .list-box li.name{font-size:16px;color:#666;}
.comment-area .comment-list > li dl dt .list-box li.date{font-size:16px;color:#666;}
.comment-area .comment-list > li dl dt .list-box.button-area li{margin-right:5px;padding-right:5px;}
.comment-area .comment-list > li dl dt .list-box.button-area li::after{display:none;}
.comment-area .comment-list > li dl dt .list-box.button-area li:last-child{margin-right:0;padding-right:0;}
.comment-area .comment-list > li dl dd{padding:10px 0 0;font-size:16px;line-height:24px;color:#666;}
.comment-area .comment-list > li dl dd textarea{padding:10px;height:100px;font-size:14px;color:#333;background-color:#fff;border-color:#d2d2d2;}
.comment-area .comment-list > li dl.reply{border-bottom:1px solid #ddd;}
.comment-area .comment-list > li dl.reply dt{padding-left:23px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/hmpg/ygpa/sub/icon_comment.png);}
.comment-area .comment-list > li dl.reply dd{padding:10px 20px 0 23px;}
.comment-area .comment-list > li dl.reply dd .name{padding-right:5px;color:#0157ca;}
.comment-area .comment-list > li dl.reply dd .name::before{content:'@';}
.comment-area .comment-btn{margin-top:20px;text-align:center;}
.comment-area .comment-btn button{position:relative;padding-right:30px;width:114px;height:45px;}
.comment-area .list-box{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.comment-area .list-box li{position:relative;padding-right:30px;margin-right:30px;font-size:15px;}
.comment-area .list-box li::after{content:'';position:absolute;right:0;top:calc(50% - 7px);width:1px;height:14px;background-color:#d6d6d6;}
.comment-area .list-box li:last-child{padding-right:0;margin-right:0;}
.comment-area .list-box li:last-child::after{display:none;}
.comment-area .list-box li span{margin-right:18px;color:#333;font-weight:500;}
.comment-area .comment-write .btn-flex-right{margin-top:10px;}
.form-select.btn-more{border-radius:100px;background-position:calc(100% - 13px) 50%;}
/*이전글 다음글*/
.view-bottom{margin:25px 0 25px 0;border-top:1px solid #e4e4e4;}
.view-bottom dl{padding:15px 0;display:flex;display:-webkit-flex;font-size:15px;border-bottom:1px solid #e4e4e4;}
.view-bottom dl dt{padding:0 20px;width:120px;font-weight:500;color:#333;}
.view-bottom dl dt span{position:relative;padding-left:35px;}
.view-bottom dl dt span::after{content:'';position:absolute;left:0;top:calc(50% - 4px);width:15px;height:8px;}
.view-bottom dl.prev dt span::before{content:'';position:absolute;left:13px;top:5px;width:11px;height:2px;transform:rotate(45deg);background-color:#999;}
.view-bottom dl.prev dt span::after{content:'';position:absolute;left:7px;top:5px;width:11px;height:2px;transform:rotate(135deg);background-color:#999;}
.view-bottom dl.next dt span::before{content:'';position:absolute;left:18px;top:5px;width:2px;height:11px;transform:rotate(45deg);background-color:#999;}
.view-bottom dl.next dt span::after{content:'';position:absolute;left:12px;top:5px;width:2px;height:11px;transform:rotate(135deg);background-color:#999;}
.view-bottom dl dd{padding:0 20px 0 30px;width:calc(100% - 120px);}
.view-bottom dl dd a{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666;}
/*앨범형게시판1*/
.gallaylist{overflow:hidden;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-top:20px;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.gallaylist > li{margin:10px 40px 30px 0;width:calc(25% - 30px);position:relative;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-flow:column;height:100%;}
.gallaylist > li:nth-child(4n){margin-right:0;}
.gallaylist > li .state{z-index:1;position:absolute;top:10px;right:10px;width:75px;height:30px;line-height:28px;font-size:13px;text-align:center;border-radius:30px;}
.gallaylist > li .state.state1{color:#0157ca;border:1px solid #0157ca;background-color:#fff;}
.gallaylist > li .state.state2{color:#fff;border:1px solid #1771d7;background-color:#1771d7;}
.gallaylist > li .state.state3{color:#fff;border:1px solid #666;background-color:#666;}
.gallaylist > li .img-box{width:100%;padding-top:75%;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:18px;}
.gallaylist > li .text-box{padding:15px 0 0;height:100%;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-flow:column;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.gallaylist > li h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:48px;line-height:24px;-webkit-line-clamp:2;font-size:16px;color:#000;font-weight:500;}
.gallaylist > li .list-box{margin-top:10px;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.gallaylist > li .list-box li{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-right:10px;margin-right:10px;color:#707070;font-size:14px;line-height:14px;color:#666;position:relative;}
.gallaylist > li .list-box li::after{content:'';position:absolute;right:0;width:1px;height:14px;top:calc(50% - 6px);background-color:#d1d1d1;}
.gallaylist > li .list-box li:last-child{padding-right:0;margin-right:0;}
.gallaylist > li .list-box li:last-child::after{display:none;}
.gallaylist > li .category{color:#333;font-size:14px;}
.gallaylist > li .button-box{margin-top:20px;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.gallaylist > li .button-box button{width:100%;}
.gallaylist > li .button-box a{width:100%;margin-right:10px;}
.gallaylist > li .button-box a:last-child{margin-right:0;}
.gallaylist > li.nodata{width:100%;margin:-20px 0 0;border:0;border-radius:0;}
.nodata{text-align:center;font-size:18px;padding:50px 0!important;color:#333!important;}
/* 앨범형 모달 */
.gallaylist img.img-box{cursor:pointer;padding-top:0;}
.image-modal{display:none;position:fixed;z-index:2;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);}
.modal-content{margin:auto;display:block;width:100%;max-width:1000px;border-radius:30px;}
.image-modal .close{position:absolute;top:140px;right:60px;color:#fff;font-size:40px;}
.modal-content.no-round{border-radius:0;}
/*앨범형게시판2*/
.thumbnaillist{overflow:hidden;width:100%;border-top:2px solid #222;}
.thumbnaillist > li{overflow:hidden;position:relative;border-bottom:1px solid #e5e5e5;}
.thumbnaillist > li:last-child{border-color:#767676;}
.thumbnaillist > li:hover{background-color:#f9f9f9;}
.thumbnaillist > li a{padding:30px;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
.thumbnaillist > li a .img-box{width:260px;height:180px;flex:none;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:18px;}
.thumbnaillist > li a .text-box{position:relative;padding-left:30px;width:100%;}
.thumbnaillist > li a .text-box h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:26px;-webkit-line-clamp:1;color:#000;font-size:20px;font-weight:500;}
.thumbnaillist > li a .text-box .text{margin-top:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:84px;-webkit-line-clamp:3;color:#666;font-size:16px;line-height:28px;}
.thumbnaillist > li a .list-box{position:absolute;left:30px;bottom:0;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.thumbnaillist > li a .list-box li{position:relative;padding-right:10px;margin-right:10px;font-size:14px;line-height:14px;color:#666;}
.thumbnaillist > li a .list-box li::after{content:'';position:absolute;right:0;width:1px;height:14px;top:calc(50% - 6px);background-color:#d1d1d1;}
.thumbnaillist > li a .list-box li:last-child::after{display:none;}
/* 게시판 검색 */
.search-area.search-area-date .form-group{margin:0 20px 10px 0;}
.search-area.search-area-date .form-group + .form-group,.search-area.search-area-row .form-group + .form-group{margin:0 20px 10px 0;}
.search-area.search-area-row{position:relative;}
.search-area.search-area-row .btn-group{position:absolute;bottom:20px;right:40px;}
.search-area.search-area-row .form-group{margin:0 20px 10px 0;text-align:left;}
.search-area .hyphen{width:23px;text-align:center;flex-shrink:0;display:inline-block;height:48px;line-height:50px;font-size:16px;color:#333;}
/* 상세페이지 기타필드 */
.board-detail .board-detail-list.add li::after{display:none;}
.board-detail .board-detail-list.add li .list-title{font-weight:700;}
/* 홈페이지 개선 제안 */
.color-box.servey{background:none;border:1px solid #5C8DD9;padding:40px 30px;color:#444;}
.color-box.servey h3{font-size:22px;color:#004cc2;text-align:center;margin-bottom:20px;}
.color-box.servey p{font-size:15px;text-align:center;color:#666;margin-bottom:40px;}
dl.servey-list dt{margin-top:40px;background-color:#F9F9F9;border-top:2px solid #000;padding:30px 40px 20px;}
dl.servey-list dt .form-label{color:#000;font-weight:700;}
dl.servey-list dd{border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:30px 40px;color:#444;}
dl.servey-list dd ul li{padding:7px 0;}
dl.servey-list .checkbox.flex{width:100%;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:nowrap;-webkit-box-lines:single;-moz-box-lines:single;-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;}
dl.servey-list .form-input{width:100%;margin-left:20px;}
dl.servey-list textarea{height:191px;}
/* 조직도 */
.organization{position:relative;width:100%;text-align:center;word-break:keep-all;}
.organization p.info{text-align:left;margin-bottom:20px;color:#666;font-size:15px;}
.organization ul{margin:0 auto;position:relative;}
.organization li{width:15%;margin:0 auto 40px;vertical-align:top;position:relative;}
.organization li ul li{width:100%;}
.organization li a{display:inline-block;width:100%;padding:20px 0;border-radius:30px;}
.organization .columnOne li{width:100%;}
.organization .columnOne li a{width:140px;padding:55px 0;border:0;border-radius:50%;font-size:30px;background:#014CC3;color:#fff;font-weight:700;}
.organization .columnTwo li{display:inline-block;position:relative;margin:0 3.4% 10px;}
.organization .columnTwo.row3 li{margin: 0 22.7% 0px 10px;}
.organization .columnTwo li a{border:3px solid #666;}
.organization .columnTwo.row1 li:nth-child(2) a{border:3px solid #004CC2;color:#004cc2;}
.organization .columnTwo.row1 li:nth-child(2)::before{display:none;}
.organization .columnTwo ul{position:absolute;top:0;right:-120%;width:100%;}
.organization .departments{margin-top:50px;}
.organization .departments>li>ul{margin-top:10px;}
.organization .departments>li{display:inline-block;margin:0 3% 20px;}
.organization .departments>li:nth-child(4)>span>a{padding:12px 0;}
.organization .departments>li>ul>li{margin-bottom:5px;}
.organization .departments>li>ul>li>h6>a{background:#EBECF0;border:2px solid #666;}
.organization .depth1 a{background:#063681;color:#fff;border:2px solid #063681;}
.organization h1,.organization h2,.organization h3,.organization h4,.organization h5,.organization h6 {font-weight:normal;}

/* 조직도 접근성 추가 20251128*/
/* 조직도 접근성 추가 20251128*/
.organization a:focus {
    outline: 3px solid #FF0000; /* 포커스 색상 수정 */
    outline-offset: 2px;
}
.organization li[aria-expanded="true"] > a::after { content: " ▼"; }
.organization li[aria-expanded="false"] > a::after { content: " ▶"; }

/* 조직도 라인 */
.organization .columnOne::after{content:"";position:absolute;display:block;width:2px;height:296px;border-left:1px solid #666;left:50%;top:140px;}
.organization .columnTwo>li:nth-child(odd)::before{content:"";display:block;position:absolute;width:23.81%;height:10px;border-top:1px solid #666;top:50%;right:-23.81%;}

.organization .columnTwo li ul li::before{content:"";display:block;position:absolute;width:23.81%;height:10px;border-top:1px solid #666;top:50%;left:-23.81%;}
.organization .departments:before{content:"";display:block;width:64%;height:40px;border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #666;margin:0 auto;}
.organization .departments>li::before{content:"";position:absolute;display:block;width:2px;height:40px;border-left:1px solid #666;left:50%;top:-40px;}
.organization .departments>li:first-child::before,.organization .departments>li:last-child::before{display:none;}
/* ESG 조직도 */
.organization.ESG>ul>li{width:15%;}
.organization.ESG ul li span{display:block;padding:20px 0;}
.organization.ESG ul li span:first-child{background:#053581;color:#fff;border-radius:30px 30px 0 0;}
.organization.ESG ul li span:nth-child(2){border:2px solid #B5BAC2;border-top:0;border-radius:0 0 30px 30px;background:#fff;}
.organization.ESG ul li ul{position:absolute;width:100%;top:0;}
/* ESG 조직도 라인 */
.organization.ESG .columnOne.step-1 ul{left:-146%;}
.organization.ESG .columnOne.step-2 ul{right:-146%;}
.organization.ESG ul.departments li:first-child span:first-child{background:#0E834D;}
.organization.ESG ul.departments li:nth-child(2) span:first-child{background:#EA761F;}
.organization.ESG ul.departments li:nth-child(3) span:first-child{background:#63589D;}
.organization.ESG .departments{margin-top:-10px;}
.organization.ESG .columnOne::after{height:52px;top:114px;}
.organization.ESG .departments:before{width:43%;height:30px;}
.organization.ESG .columnOne ul::before{content:"";display:block;position:absolute;width:46%;height:10px;border-top:1px solid #ddd;top:36%;}
.organization.ESG .columnOne.step-1 ul::before{left:100%;}
.organization.ESG .columnOne.step-2 ul::before{right:100%;}
/* 통합검색 */
.article{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.search-area.search-area-date .input-group{width:auto;}
.search-area.search{background:none;text-align:center;padding:0;margin:27px 0 90px;}
.search-area.search .search-group{width:100%;margin-bottom:30px;position:relative;}
.search-area.search .search-group .form-input{width:72%;border:2px solid #073681;border-radius:50px;padding:22px 30px;font-size:20px;}
.search-area.search .search-group button{position:absolute;top:11px;right:15.5%;width:50px;height:50px;}
.search-area.search .search-group button::after,.search-area.search .search-group button::before{content:'';position:absolute;}
.search-area.search .search-group button::after{right:17px;top:12px;width:25px;height:25px;border:3px solid #000;border-radius:100%;}
.search-area.search .search-group button::before{right:11px;top:34px;width:12px;height:3px;transform:rotate(45deg);background-color:#000;}
.row.search-area-row + .row{margin-top:54px;}
.row.search-area-row{padding-bottom:30px;border-bottom:1px solid #ddd;color:#666;line-height:1.5;}
.row.search-area-row:last-child{border:0;}
.row.search-area-row .search-title{border-bottom:2px solid #000;color:#000;padding:0 0 15px;margin-bottom:30px;}
.row.search-area-row .search-title.no-line{padding-bottom:0;}
.row.search-area-row .search-title .second-title{display:inline-block;margin:0;}
.row.search-area-row .second-title em{font-weight:400;}
.row.search-area-row .search-title button{float:right;position:relative;padding-left:20px;font-size:15px;color:#444;margin-top:10px;}
.row.search-area-row .search-title button::before{content:"";position:absolute;display:block;width:1px;height:11px;border-left:1px solid #000;left:2px;top:2px;}
.row.search-area-row .search-title button::after{content:"";display:block;position:absolute;width:11px;height:1px;border-top:1px solid #000;top:40%;left:-3px;}
.row.search-area-row ul li{padding:1px 12px;}
.row.search-area-row dt{font-weight:700;margin:20px 0;font-size:20px;color:#444;}
.row.search-area-row dt a{font-weight:700;color:#444;}
.row.search-area-row .files dt{margin:15px 0;}
.row.search-area-row .files dt a{color:#444;font-size:16px;font-weight:500;}
.row.search-area-row .files dt a b{font-weight:500;}
.row.search-area-row dd{border-bottom:1px solid #ddd;padding-bottom:20px;}
.row.search-area-row dd:last-child{border:0;padding-bottom:0;}
.row.search-area-row .location{border:0!important;margin-top:10px;padding:10px 0 0!important;font-weight:lighter;}
.row.search-area-row .location a{font-size:15px;color:#666;font-weight:400;padding:0 3px;}
.row.search-area-row .location a:first-child{padding-left:0;}
.row.search-area-row time{font-weight:400;color:#666;font-size:14px;padding-left:10px;}
.row.search-area-row b{color:#004cc2;text-decoration:underline;font-weight:400;}
.row.search-area-row .board table > thead{color:#000;}
.icon-hwp,.icon-pdf,.icon-xlsx{padding-left:25px;background-repeat:no-repeat;background-position:left 50%;background-image:url(/images/hmpg/ygpa/sub/icon_clip.svg);color:#666;margin-right:5px;}
/* 파일선택 (디자인 미적용) */
.form-file#form-file-row{display:block;margin-bottom:5px;}
.form-file#form-file-row:last-child{margin-bottom:0;}
.form-file#form-file-row .file-input-container{position:relative;margin-top:5px;}
.form-file#form-file-row .file-input-container:first-child{margin-top:0;}
.form-file#form-file-row .util{position:absolute;right:0;bottom:0;z-index:1;background:#fff;}
.form-file#form-file-row .util button{border:1px solid #ddd;border-radius:5px;width:30px;height:30px;position:relative;margin:7px 2px;}
.form-file#form-file-row .util button::before{content:"";position:absolute;display:block;width:2px;height:14px;border-left:2px solid #ddd;left:45%;top:23%;}
.form-file#form-file-row .util button::after{content:"";display:block;position:absolute;width:14px;height:2px;border-top:2px solid #ddd;top:45%;left:25%;}
.form-file#form-file-row .util button.remove-button::before{display:none;}
/* password layer popup */
#password{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer;}
#password .popup-password{width:420px;padding:50px 40px;z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 30px);max-height:calc(100% - 30px);background:#fff;text-align:center;}
#password .popup-password .inpbox{margin:30px 0;}
/* 오시는 길 */
.transportation{width:100%;border-top:1px solid #000;margin-top:50px;}
.transportation > dt{font-size:24px;padding:30px 0 25px;padding-left:190px;}
.transportation > dd{border-bottom:1px solid #F3F3F3;padding-bottom:30px;padding-left:190px;padding-right:50px;}
.transportation dt{position:relative;color:#000;font-weight:600;}
.transportation dd{color:#666;}
.transportation dd dt{margin-bottom:12px;}
.transportation dd dd{margin-bottom:22px;}
.transportation>dt:before{content:" ";position:absolute;display:inline-block;width:160px;height:160px;left:10px;transform:scale(0.5);}
.transportation>dt.bus:before{background:url(/images/hmpg/ygpa/sub/icon_bus.svg);top:60px;}
.transportation>dt.train:before{background:url(/images/hmpg/ygpa/sub/icon_train.svg);top:65px;}
.transportation>dt.car:before{background:url(/images/hmpg/ygpa/sub/icon_car.svg);top:-10px;}
.transportation>dt.airplane:before{background:url(/images/hmpg/ygpa/sub/icon_airplane.svg);top:26px;}
/* 기관상징 */
.simbol-box{border:1px solid #EEE;border-radius:20px;padding:50px;text-align:center;margin-top:20px;overflow:hidden;}
.simbol02{float:left;}
.col-row.half .col-left,.col-row.half .col-right{width:calc(50% - 25px);}
.simbol02.simbol02-1{margin:10px 0 0 82px;}
.simbol02.simbol02-2{margin:10px 0 0 88px;}
.simbol02.simbol02-3{margin:57px 0 0 33px;}
.simbol02.simbol-info1{margin:63px 0 0 110px;color:#444;}
.simbol02.simbol-info2{margin:57px 0 0 50px;color:#666;font-size:14px;line-height:20px;text-align:left;}
.simbol-box table{width:92%;margin:0 auto;text-align:center;border:0!important;}
.simbol-box tr,.simbol-box th,.simbol-box td{text-align:center!important;border:0!important;background:none!important;padding:5px!important;}
.simbol-color{border-radius:30px;border:1px solid #eee;width:100%;line-height:58px;display:inline-block;color:#666;font-weight:400;vertical-align:middle;}
thead .simbol-color{background-color:#eee;}
.simbol-color.blue{background-color:#25387D;color:#fff;font-weight:700;font-size:20px;}
.simbol-color.orange{background-color:#F18823;color:#fff;font-weight:700;font-size:20px;}
.simbol-color.gray{background-color:#58595B;color:#fff;font-weight:700;font-size:20px;}
/* 연혁 */
.timeline-info{text-align:center;font-size:20px;line-height:32px;color:#222;margin-bottom:75px;}
.timeline{position:relative;width:100%;max-width:820px;margin:0 auto;}
.timeline::after{content:'';position:absolute;width:1px;background-color:#ddd;top:22px;bottom:0;left:50%;margin-left:-3px;}
.timeline h2{font-size:54px;font-weight:700;margin-bottom:32px;}
.timeline-row.left .timeline-content h2{text-align:right;padding-right:70px;}
.timeline-content{position:relative;}
.timeline-content ul li{position:relative;font-size:18px;margin-bottom:34px;}
.timeline-content ul li em{display:inline-block;width:110px;font-size:22px;color:#222;}
.timeline-row .timeline-content ul{position:absolute;top:14px;width:100%;}
.timeline-row.left .timeline-content ul{right:-110.4%;}
.timeline-row.right .timeline-content ul{left:-133%;text-align:right;}
.timeline-content ul li::after{content:'';position:absolute;width:10px;height:10px;left:-50px;background-color:#fff;border:3px solid #014CC2;top:7px;border-radius:50%;z-index:1;}
.timeline-row.right .timeline-content ul li::after{left:114.1%;}
.timeline-row.right .timeline-content ul li em{position:absolute;top:-3px;right:0;}
.timeline-row.right .timeline-content ul li{padding-right:110px;}
.timeline .timeline-row.left{left:0;}
.timeline .timeline-row.right{left:50%;margin-left:70px;}
.timeline-row{position:relative;width:50%;margin-bottom:90px;}
.timeline .timeline-row .timeline-content figure{max-width:340px;width:100%;}
.timeline .timeline-row .timeline-content figure img{cursor:pointer;}
/* 절차 (디자인 미적용) */
.steps{margin:0 auto;padding:0 5%;}
.steps ol{text-align:center;}
.steps ol li{width:150px;position:relative;padding-left:20px;height:100px;color:#000;font-weight:700;text-align:center;font-size:14px;display:inline-block;margin:10px;vertical-align:middle;}
.steps ol li span{display:table-cell;vertical-align:middle;height:100px;width:150px;text-align:center;}
.steps ol li::before{content:" ";height:0;position:absolute;top:0;width:0;z-index:1;left:0;border:medium solid gray;border-width:50px 0 50px 20px;border-color:transparent transparent transparent #fff;}
.steps ol li::after{content:" ";height:0;position:absolute;top:0;width:0;z-index:1;right:-20px;border:medium solid gray;border-width:50px 0 50px 20px;}
.steps ol li:nth-child(odd){background:#B0B0B0;}
.steps ol li:nth-child(even){background:#D1D1D1;}
.steps ol li:nth-child(odd)::after{border-color:transparent transparent transparent #B0B0B0;}
.steps ol li:nth-child(even)::after{border-color:transparent transparent transparent #D1D1D1;}
/* 컨텐츠 */
.col-row{overflow:hidden;padding-bottom:10px;}
.col-row .col-left{float:left;margin-right:50px;}
.col-row .col-right{float:left;}
.col-row figure{border-radius:0;margin-bottom:30px;}
.character{background:url(/images/hmpg/ygpa/sub/st/ci_cha_new1.jpg) no-repeat 0 bottom;background-size:100%;height:360px;}
.character p{margin-bottom:10px;color:#444;}
.character2{width:834px;margin:-30px auto 70px;color:#444;vertical-align:top;}
.character2 .col-right img{margin-top:55px;}
/* 인사말 */
.ceo{overflow:hidden;}
.ceo .image{float:left;width:calc(40% - 50px);margin-right:50px;}
.ceo .ceo-con{float:left;width:60%;}
.ceo h3::before{display:none;}
.ceo h3.title{padding-top:10px;font-size:45px;line-height:1.3;margin-bottom:35px;font-weight:600;color:#000;}
.ceo p{line-height:34px;margin-bottom:20px;font-size: 20px;}
.ceo2026 p{line-height: 34px; margin-bottom: 20px; letter-spacing: -0.03em; font-size: 20px; word-break: keep-all;}
.ceo-sign{margin-top:97px;font-size:20px;color:#000; display: flex; justify-content: flex-end;  align-items: center;  gap: 1rem;}
/* 미션과 비젼 */
.mission-vision .mission-vision-title{text-align:center;border-radius:100px;padding:36px 30px;width:100%;}
.mission-vision .mission-vision-title:first-child{background:#073781;color:#fff;margin-bottom:20px;}
.mission-vision .mission-vision-title:nth-child(2){border:4px solid #ddd;margin-bottom:75px;}
.mission-vision .mission-vision-title h4{font-size:18px;margin-bottom:30px;}
.mission-vision .mission-vision-title p{font-size:30px;font-weight:700;}
.mission-vision .vision-step1{margin-bottom:155px;}
.mission-vision .vision-step1 ul{overflow:hidden;width:100%;margin:0 auto;max-width:900px;}
.mission-vision .vision-step1 li{float:left;text-align:center;}
.mission-vision .vision-step1 li:first-child{margin-right:115px;}
.mission-vision .vision-step1 li dl{position:relative;padding-left:235px;}
.mission-vision .vision-step1 li dt{position:absolute;background:#fff;z-index:1;top:0;left:0;border:1px solid #014CC2;border-radius:50%;width:200px;height:200px;box-shadow:0 0 10px 0 #ddd;font-size:26px;color:#004cc2;font-weight:700;}
.mission-vision .vision-step1 li dt::before{content:" ";display:block;margin-top:40px;height:90px;width:100%;background:url(/images/hmpg/ygpa/sub/icon_vision01.svg) no-repeat center top;}
.mission-vision .vision-step1 li dd{width:140px;padding:12px 0;background:#F1F1F2;border-radius:30px;margin-bottom:10px;font-size:18px;position:relative;}
.mission-vision .vision-step1 li dd::before{content:"";position:absolute;display:inline-block;border:solid #ddd;width:45px;height:15px;border-width:1px 0 0;}
.mission-vision .vision-step1 li dd::after{content:"";position:absolute;top:50%;left:-15px;display:inline-block;background:#ddd;width:15px;height:1px;}
.mission-vision .vision-step1 li dd.step1::before{top:28px;left:-57px;transform:rotate(-18deg);-webkit-transform:rotate(-18deg);}
.mission-vision .vision-step1 li dd.step2::before{top:26px;left:-57px;transform:rotate(-13deg);-webkit-transform:rotate(-13deg);}
.mission-vision .vision-step1 li dd.step3::before{top:17px;left:-61px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.mission-vision .vision-step1 li dd.step4::before{top:14px;left:-61px;transform:rotate(18deg);-webkit-transform:rotate(18deg);}
.mission-vision .vision-step2 h5,.mission-vision .vision-step3 h5{width:400px;margin:0 auto;border-radius:50px;background:#014CC2;color:#fff;font-weight:700;font-size:30px;text-align:center;padding:32px 0;position:relative;}
.mission-vision .vision-step2 h5::before,.mission-vision .vision-step3 h5::before{content:"";position:absolute;bottom:-40px;left:50%;display:inline-block;background:#014CC2;width:1px;height:40px;}
.mission-vision .vision-step2 h5::after,.mission-vision .vision-step3 h5::after{content:"";position:absolute;bottom:-50px;left:calc(50% - 5px);display:inline-block;background:#014CC2;width:10px;height:10px;border-radius:50%;}
.mission-vision .vision-step2 ul{overflow:hidden;margin:80px 0 145px;background:url(/images/hmpg/ygpa/sub/vision_bg.gif) no-repeat center top;width:100%;height:440px;}
.mission-vision .vision-step2 ul li{float:left;width:calc(50% - 185px);height:150px;font-size:20px;font-weight:500;color:#333;position:relative;padding-top:60px;}
.mission-vision .vision-step2 ul li::before{content:"";display:block;width:110px;height:110px;border-radius:50%;box-shadow:0 0 10px 0 #DFE5F1;position:absolute;top:20px;}
.mission-vision .vision-step2 ul li:first-child::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision03.svg) no-repeat 50% 50%;right:0;}
.mission-vision .vision-step2 ul li:nth-child(2)::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision04.svg) no-repeat 50% 50%;left:0;}
.mission-vision .vision-step2 ul li:nth-child(3)::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision05.svg) no-repeat 50% 50%;right:0;}
.mission-vision .vision-step2 ul li:nth-child(4)::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision06.svg) no-repeat 50% 50%;left:0;}
.mission-vision .vision-step2 ul li:nth-child(5)::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision07.svg) no-repeat 50% 50%;right:0;}
.mission-vision .vision-step2 ul li:last-child::before{background:#fff url(/images/hmpg/ygpa/sub/icon_vision08.svg) no-repeat 50% 50%;left:0;}
.mission-vision .vision-step2 ul li:first-child{text-align:right;padding-right:130px;margin-right:145px;margin-left:40px;}
.mission-vision .vision-step2 ul li:nth-child(2){margin-left:145px;margin-right:40px;padding-left:130px;}
.mission-vision .vision-step2 ul li:nth-child(3){text-align:right;margin-right:185px;padding-right:130px;}
.mission-vision .vision-step2 ul li:nth-child(4){margin-left:185px;padding-left:130px;}
.mission-vision .vision-step2 ul li:nth-child(5){text-align:right;padding-right:130px;margin-right:145px;margin-left:40px;}
.mission-vision .vision-step2 ul li:last-child{margin-left:145px;margin-right:40px;padding-left:130px;}
.mission-vision .vision-step3{overflow:hidden;}
.mission-vision .vision-step3 h5{margin-bottom:85px;}
.mission-vision .vision-step3>ul>li{float:left;width:calc(25% - 10px);margin:0 5px;}
.mission-vision .vision-step3>ul>li em{display:block;border-radius:50px;font-size:22px;text-align:center;padding:25px 0;margin-bottom:30px;}
.mission-vision .vision-step3>ul>li:nth-child(odd) em{background:#2F75E2;color:#fff;}
.mission-vision .vision-step3>ul>li:nth-child(even) em{background:#8190A5;color:#fff;}
.mission-vision .vision-step3>ul>li>ul>li{font-size:18px;margin-left:10%;}

/*경영공시 */
.contents .groups .row.col-group {margin:0; margin-bottom:75px;color:#444; }
.contents .groups h5 {font-size:20px; font-weight:bold; text-align:center; color:#063681; border:2px solid #063681; border-radius:30px; padding:21px 0; margin-bottom:30px;}
.contents .groups a {color:#444;}
.contents .groups .list-dot {margin:0;}
.contents .groups .list-dot li {line-height:1.8; font-weight:600;}
.contents .groups .list-dot li a:hover {text-decoration:underline; color:#063681;}
.contents .groups .list-dash {margin-top:10px; line-height:1.8;}
.contents .groups .list-dash a {color:#666;}
.contents .groups .list-dash li a:hover {text-decoration:underline; color:#666;}

/*에러페이지*/
.ad_error {position: fixed; width: 100%; height: 100%; display: flex; display:-webkit-flex; align-items: center; justify-content: center;}
.ad_error .error_box {padding: 70px 90px; background-color: #fcfcfc; border: 1px solid #f1f1f1;}
.ad_error .error_box img {margin-bottom: 65px; height: 42px;}
.ad_error .error_box h3 {margin-bottom: 50px; font-size: 48px; line-height: 50px;}
.ad_error .error_box p {color: #666; line-height: 22px;}

/* Media queries */
@media(max-width: 1280px) {
	.contents .groups .row.col-group:not(.figure-group) .col + .col {margin-top:0;}
	.contents .list-dash li::before {margin:0 5px 5px 0}
}

@media(max-width: 1025px) {
	.boardlist.responsive table > tbody > tr > td.right{position:absolute;right:0;bottom:15px;padding:0;}
	.simbol-box .boardwrite.responsive table tbody td{padding-bottom:5px!important;}
	.simbol-box .boardwrite.responsive table tbody td:last-child{padding-bottom:30px!important;}
	.simbol-box .boardwrite.responsive table tbody tr:last-child td:last-child{padding-bottom:0!important;}
	.simbol-color{width:270px;}
	figure.figure img:not(:first-child){margin-top:20px;}
	/* 미션과 비젼 */
	.mission-vision .vision-step1{margin-bottom:100px;}
	.mission-vision .mission-vision-title{padding:20px;}
	.mission-vision .mission-vision-title h4{margin-bottom:20px;}
	.mission-vision .mission-vision-title p{font-size:20px;}
	.mission-vision .vision-step2 h5,.mission-vision .vision-step3 h5{width:100%;padding:25px;font-size:24px;}
	.mission-vision .vision-step2 ul{margin-bottom:100px;}
	.mission-vision .vision-step1 li{float:none;padding:0 20px;}
	.mission-vision .vision-step1 li:first-child{margin-right:0;margin-bottom:40px;}
	.mission-vision .vision-step1 li dd{width:calc(100% - 20px);}
	.mission-vision .vision-step2 ul{background:none;height:auto;}
	.mission-vision .vision-step2 ul li{width:calc(100% / 3);margin:0 0 60px!important;padding:0 20px!important;text-align:center!important;}
	.mission-vision .vision-step2 ul li::before{position:relative;margin:0 auto;top:10px;margin-bottom:25px;}
	.mission-vision .vision-step3>ul>li{width:calc(50% - 10px);margin-bottom:55px;}
	.mission-vision .vision-step3>ul>li em{padding:20px 0;font-size:inherit;}
	.mission-vision .vision-step3>ul>li>ul>li{margin-left:20px;font-size:inherit;}
}
@media(max-width: 890px) {
	 /* 연혁 */
	.timeline{max-width:100%;}
	.timeline h2{left:0;text-align:left!important;font-size:36px;padding-right:0!important;margin-bottom:20px;}
	.timeline-row .timeline-content ul{position:relative;top:0;}
	.timeline-row.left .timeline-content ul{right:0;}
	.timeline-row.right .timeline-content ul{left:0;text-align:left;}
	.timeline-content ul li{position:relative;font-size:18px;margin-bottom:20px;padding-right:0!important;}
	.timeline-content ul li::after{left:-37px!important;}
	.timeline-row{margin-bottom:70px;}
	.timeline::after{left:15px;}
	.timeline .timeline-row{width:100%;padding-left:45px;padding-right:0;margin-left:0!important;}
	.timeline .timeline-row::before{left:60px!important;border-width:10px 10px 10px 0 !important;border-color:transparent gray transparent transparent !important;}
	.timeline .timeline-row.left::after,.timeline .timeline-row.right::after{left:15px;}
	.timeline .timeline-row.right{left:0;}
	.timeline-row.right .timeline-content ul li em{position:relative;top:2px;right:0;}
	.timeline-row.mb200{margin-bottom:70px;}
}
@media(max-width: 800px) {
	.input-group.table-radios .form-input{width:100%;}
	.input-text.type2{width:100%;}
	.character{height:auto;padding-bottom:100px;}
	.character2{width:100%;margin:20px auto;text-align:center;}
	.character2.col-row .col-left{margin-bottom:0;}
	.character2 p{text-align:left;}
	/*앨범형게시판1*/
	.gallaylist > li{width:calc(33.33% - 6.666666666666667px);margin:0 10px 15px 0;}
	.gallaylist > li:nth-child(3n+0){margin-right:0;}
	.gallaylist > li:nth-child(4n){margin-right:10px;}
	/*일반게시판 검색바*/
	.board-top{margin-bottom:5px;flex-wrap:wrap;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-flow:wrap-reverse;position:relative;}
	.board-top .fraction{width:100%;}
	.board-top .select-box{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;width:100%;}
	.board-top .select-box .form-select{width:100%;}
	.board-top .boardschbox{margin-bottom:25px;width:100%;}
	.board-top .boardschbox .optionbox{margin-right:10px;width:100%;}
	.board-top .boardschbox .optionbox:last-child{margin-right:0;}
	.board-top .boardschbox .inp-search{width:calc(100% - 220px);}
	.board-top .boardschbox .inp-search .inpbox{width:100%;height:35px;}
	.board-top .boardschbox .inp-search .inpbox input.txt{font-size:14px;}
	.board-top .inp-search button{width:52px;}
	.board-top .boardschbox{flex-wrap:wrap;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.board-top .boardschbox .inp-search{margin-top:12px;width:100%;}
	.board-top .boardschbox .btn{position:absolute;bottom:15px;right:0;}
	 /* 조직도 */
	.organization{width:100%;}
	.organization p.info{font-size:14px;margin-bottom:40px;}
	.organization .columnTwo li{width:42%;}
	.organization .columnTwo li:nth-child(odd){margin:0 7% 10px 0;}
	.organization .columnTwo.row3 li:nth-child(odd){margin:0px 51% 0px -24px;}
	.organization .columnTwo li:nth-child(even){margin:0 0 10px 7%;}
	.organization ul.departments{position:relative!important;top:0!important;right:0!important;margin-top:30px;}
	.organization ul.departments li{width:100%!important;display:block;position:relative!important;top:0!important;left:0!important;right:0!important;padding-top:0!important;}
	.organization ul.departments li a{display:block;width:100%;}
	.organization .columnTwo ul{position:relative;top:0;right:0;width:100%;}
	.organization .columnTwo ul li{width:100%;margin-top:10px!important;}
	.organization ul.departments>li{margin:0 0 60px;}
	.organization .departments:before,.organization ul.departments ::before,.organization ul.departments ::after{display:none!important;}
	.organization .columnOne::after{height:358px;}
	.organization .columnTwo>li:nth-child(odd)::before{width:17.5%;top:50%;right:-17.5%;}
	.organization .columnTwo>li:nth-child(even)::before{width:17%;top:21.5%;left:-17%;}
	.organization .columnTwo li ul li::before{width:1px;height:10px;border-left:1px solid #ddd;left:50%;top:-10px;}
	/* ESG 조직도 */
	.organization.ESG>ul>li{width:100%!important;}
	.organization.ESG ::before,.organization.ESG ::after{display:none!important;}
	.organization.ESG ul li ul{position:relative;left:0!important;right:0!important;top:20px!important;}
	.organization.ESG ul.departments{padding-top:40px;}
	.organization.ESG ul.departments>li{margin-bottom:20px!important;}
	/* 통합게시판 */
	.search-area.search{margin:0 0 30px;}
	.search-area.search .search-group .form-input{width:100%;padding:20px 30px;font-size:16px;}
	.search-area.search .search-group button{right:1%;top:5px;}
	.search-area.search .search-group{margin-bottom:10px;}
	#container .search-area-row .location{padding:16px 40px;}
	.search-area.search-area-date .input-group.input-group-datetime .calendar-box{width:calc(50% - 12px);display:inline-block;}
	.search-area.search-area-date .input-group{width:100%;}
	.search-area.search-area-date .form-group,.search-area.search-area-row .form-group,.search-area.search-area-date .form-group + .form-group{margin:0 0 10px;}
	.search-area.search-area-row .btn-group{position:relative;bottom:auto;right:auto;}
	.search-area .search .search-group .form-input{max-width:calc(100% - 150px);}
	.search-area.search-area-row .form-group-row{width:auto;}
	 /* 컨텐츠 */
	.col-row .col-left{float:none;display:block;margin-right:0;margin-bottom:40px;}
	.col-row .col-right{float:none;display:block;margin-right:0;}
	.col-row figure{text-align:center;}
	/* 앨범형 모달 */
	.modal-content{width:100%;}
	.image-modal{padding-top:150px;}
	.image-modal .close{right:30px;top:90px;}
	.btn-group.btn-group-download a{width:100%;}
	/* 기관상징 */
	.simbol-box .simbol02{float:none;}
	.simbol-box .simbol02.simbol02-1{margin:0 0 50px;}
	.simbol-box .simbol02.simbol02-2{margin:0 0 50px;}
	.simbol-box .simbol02.simbol02-3{margin:0 0 50px;}
	.simbol-box .simbol02.simbol-info1{margin:0 0 50px;}
	.simbol-box .simbol02.simbol-info2{margin:0 auto;width:340px;}
	.col-row.half .col-left,.col-row.half .col-right{width:100%;}
	/* 인사말 */
	.ceo .image{float:none;width:100%;}
	.ceo .ceo-con{float:none;width:100%;}
	.ceo h3.title{font-size:36px;padding-top:40px;}
	.btn-group.mt-52 {margin-top:0 !important;}
}
@media(max-width: 480px) {
	.input-group.table-radios{display:block;}
	.input-group .radio{margin:5px 0!important;}
	.sm-p2 table > tbody > tr > td{padding:10px 2px;}
	.sm-p2 table > tbody > tr > td .form-input{padding:13.5px 2px;}
	.input-text em{padding:14px 0 14px 10px;}
	.boardlist.responsive table > tbody > tr > td.lg-notice{padding-top:0;}
	.boardlist.responsive table > tbody > tr > td.t_left.lg-divide{margin-left:0;line-height:22px;}
	.boardlist.responsive table > tbody > tr > td.t_left.lg-divide::before{width:0;}
	.board table > tbody > tr > td .cell-title.line{max-width:320px;}
	.board-detail .video-box .youtube{position:relative;width:100%;height:auto;padding-top:56.25%;}
	.board-detail .video-box{padding:20px 0 0;display:block;display:-webkit-block;}
	.board-detail .video-box .youtube{position:relative;width:100%;height:auto;padding-top:56.25%;}
	.board-detail .video-box .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
	.board-detail .video-box .video{width:100%;}
	.board-detail .video-box .contents{padding:15px;margin-top:20px;font-size:14px;line-height:22px;}
	/*일반게시판 댓글*/
	.comment-area{margin-top:40px;}
	.comment-area .button-box{margin-top:10px;}
	.comment-area .button-box button{margin-left:5px;}
	.comment-area .button-box .byte{font-size:12px;color:#666;}
	.comment-area .comment-write .write-box{padding:15px 10px 0;}
	.comment-area .comment-write .write-box textarea{height:100px;}
	.comment-area .comment-list{margin-top:20px;}
	.comment-area .comment-list > li dl{padding:10px;}
	.comment-area .comment-list > li dl dt{display:block;overflow:hidden;}
	.comment-area .comment-list > li dl dt .list-box{float:left;}
	.comment-area .comment-list > li dl dt .button-area{float:right;}
	.comment-area .comment-list > li dl dt .list-box li.name{font-size:13px;}
	.comment-area .comment-list > li dl dt .list-box li.date{font-size:13px;}
	.comment-area .comment-list > li dl dd{padding:10px 0 0;font-size:13px;line-height:24px;}
	.comment-area .comment-list > li dl dd textarea{height:55px;font-size:13px;}
	.comment-area .comment-list > li dl.reply dt{padding-left:20px;background-position:0 2px;background-size:12px auto;}
	.comment-area .comment-list > li dl.reply dd{padding:10px 0 0;}
	.comment-area .comment-btn button{position:relative;padding:0 35px 0 15px;width:auto;height:35px;}
	/* 게시판 검색 */
	.search-area.search-area-row .form-group{margin-bottom:5px;display:inline-block;}
	.search-area.search-area-date .input-group{width:100%;}
	.search-area .form-group{width:100%;}
	/*앨범형게시판1*/
	.gallaylist{justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.gallaylist > li{width:calc(50% - 5px);margin:0 10px 15px 0;}
	.gallaylist > li:nth-child(odd){margin-right:10px;}
	.gallaylist > li:nth-child(even){margin-right:0;}
	/*앨범형게시판2*/
	.thumbnaillist > li a{padding:15px 0;}
	.thumbnaillist > li a .img-box{width:130px;height:90px;}
	.thumbnaillist > li a .text-box{padding-left:15px;}
	.thumbnaillist > li a .text-box h3{margin-bottom:5px;max-height:22px;-webkit-line-clamp:1;font-size:15px;line-height:22px;}
	.thumbnaillist > li a .text-box .text{margin:10px 0;font-size:12px;line-height:18px;}
	.thumbnaillist > li a .list-box{position:relative;left:0;}
	.thumbnaillist > li a .list-box li{font-size:10px;}
	.thumbnaillist > li a .list-box li::after{top:calc(50% - 5px);height:10px;}
	.thumbnaillist > li:hover{background-color:#fff;}
	/* 통합검색  */
	.search-area.search-area-row .form-group-row.search .form-group{width:100%;margin-right:0;}
	/* 앨범형 모달 */
	.image-modal .close{right:20px;}
	/* 오시는 길 */
	.transportation > dt{padding:140px 0 25px;text-align:center;font-size:18px;}
	.transportation > dd{padding-left:0;padding-right:0;}
	.transportation dd p{text-align:center;}
	.transportation>dt:before{top:0!important;left:50%;margin-left:-80px;transform:scale(0.6);}
	/*에러페이지*/
	.ad_error .error_box {padding: 70px 60px; text-align:center;}
	.ad_error .error_box h3 {font-size: 32px;}
}/* Media queries */