@charset "utf-8";
/* PIONNET Web Standardization Team (//www.pionnet.co.kr/) 20220516 */

.container.plan .ctgMainBn{margin-top:0;}

.plnMain_gds{margin-top:100px;}
.plnMain_gds .gtTabs.shp button{height:56px;font-size:18px;line-height:54px;}
.schTopTitle .win{display:block;position:absolute;right:0;top:22px;padding-right:32px;background:url("/fo/images/disp/ico_win.svg") no-repeat right center;font-weight:700;font-size:15px;line-height:24px;}
.schTopTitle .win:hover{text-decoration:underline;}

.plnDtlTop{position:relative;padding:40px 0 32px;}
.plnDtlTop:after{content:'';display:block;clear:both;}
.plnDtlTop h3, .plnDtlTop .date{display:block;overflow:hidden;}
.plnDtlTop .date span{float:left;color:#767676;font-size:15px;line-height:22px;font-family:'pretendard';letter-spacing:0;}
.plnDtlTop .date em{float:left;margin-left:8px;padding:0 4px;background:#F8F8FA;color:#767676;font-weight:700;font-size:12px;line-height:22px;}
.plnDtlTop .title{position:relative;padding-right:212px;}
.plnDtlTop .title h3{max-height:72px;font-size:24px;line-height:36px;}
.plnDtlTop .title .date{height:22px;margin-top:16px;}
.plnDtlTop .title .dpSns{display:block;position:absolute;right:0;bottom:0;}
.plnDtlTop .bnr{display:flex;margin-top:40px;border:#F1F1F5 1px solid;background:#F8F8FA;position:relative;overflow:hidden;}
.plnDtlTop .bnr .img{display:block;overflow:hidden;flex:none;margin:-1px 0 -1px -1px;}
.plnDtlTop .bnr .img img{display:block;width:100%;height:auto;}
.plnDtlTop .bnr .tx{display:block;flex:auto;position:relative;padding:40px 70px;}
.plnDtlTop .bnr .tx h3{max-height:76px;font-size:28px;line-height:38px;}
.plnDtlTop .bnr .tx .sub{display:block;overflow:hidden;max-height:40px;margin-top:24px;color:#767676;font-size:14px;line-height:20px;}
.plnDtlTop .bnr .tx .date{position:absolute;left:70px;bottom:40px;}
.plnDtlTop .bnr .tx .dpSns{display:block;position:absolute;right:70px;bottom:40px;}
.plnDtlTop .evtMore{position:absolute;right:0;top:40px;}
.plnDtlTop .evtMore a{display:block;position:relative;padding-right:16px;font-size:14px;line-height:20px;}
.plnDtlTop .evtMore a:after{content:'';display:block;position:absolute;right:0;top:3px;width:14px;height:14px;background:url("/fo/images/common/ico_common.svg") no-repeat -56px -32px;}
.plnDtlTop .evtMore a:hover{text-decoration:underline;}

.plnMore{position:absolute;right:0;top:40px;}
.plnMore > button{display:block;padding-bottom:10px;font-size:14px;line-height:20px;}
.plnMore .lyr{display:none;position:absolute;right:0;top:29px;z-index:10;width:640px;border:#191919 1px solid;background:#fff;}
.plnMore .lyr dt{padding:28px 0 23px;font-weight:700;font-size:28px;line-height:40px;text-align:center;}
.plnMore .lyr .lst{overflow-x:hidden;overflow-y:auto;max-height:588px;padding:0 32px;}
.plnMore .lyr .lst ul{overflow:hidden;margin:0 -14px;padding-bottom:20px;}
.plnMore .lyr .lst li{float:left;width:50%;padding:0 14px;margin-bottom:32px;box-sizing:border-box;}
.plnMore .lyr .lst li:nth-child(2n+1){clear:both;float:left;}
.plnMore .lyr .lst .img{display:block;overflow:hidden;}
.plnMore .lyr .lst .img img{width:100%;height:auto;}
.plnMore .lyr .lst .img img{width:100%;height:auto;}
.plnMore .lyr .lst .tit{display:block;overflow:hidden;max-height:36px;margin-top:12px;padding-right:32px;font-size:13px;line-height:18px;}
.plnMore .lyr .cls{position:absolute;right:20px;top:20px;z-index:2;}
.plnMore .lyr .cls button{width:32px;height:32px;background:url("/fo/images/common/ico_common.svg") no-repeat 0 -128px;}
.plnMore.active > button{text-decoration:underline;}

.plnGift{overflow:hidden;padding:100px 100px 70px;background:#F8F8FA;}
.plnGift dl{overflow:hidden;text-align:center;}
.plnGift dl + dl{margin-top:70px;padding-top:70px;border-top:#D4D4D8 1px solid;}
.plnGift dt{width:520px;margin:0 auto 30px;}
.plnGift dt em{display:block;font-weight:700;font-size:32px;line-height:38px;font-family:'pretendard';letter-spacing:0;}
.plnGift dt em img{vertical-align:top;}
.plnGift dt strong{display:block;margin-top:20px;font-weight:700;font-size:24px;line-height:36px;}
.plnGift dt .date{display:block;margin-top:10px;font-size:18px;line-height:22px;}
.plnGift dt .date b{display:inline-block;padding:0 4px;margin-left:6px;background:#000;color:#fff;font-weight:700;font-size:12px;vertical-align:top;}
.plnGift dd{width:520px;margin:0 auto;}
.plnGift dd + dd{margin-top:70px;}
.plnGift dd h5{display:block;margin-bottom:30px;font-size:15px;line-height:22px;}
.plnGift dd .item{display:flex;align-items:center;width:520px;height:130px;margin:0 auto;background:#fff;text-align:left;}
.plnGift dd .item .img{display:block;overflow:hidden;flex:none;width:130px;height:130px;}
.plnGift dd .item .img img{width:100%;height:auto;}
.plnGift dd .item .tit{padding:0 32px;font-size:15px;line-height:22px;}
.plnGift .swiperWrap{overflow:visible;}
.plnGift .dpGuide{margin-top:100px;background:#fff;}

.swiperCtr .bt_drt.pg button{top:50%;width:56px;height:56px;margin-top:-28px;background:url("/fo/images/disp/arr_pg.svg") no-repeat 0 0;}
.swiperCtr .bt_drt.pg .swiper-button-prev{left:-88px;background-position:0 0;}
.swiperCtr .bt_drt.pg .swiper-button-next{right:-88px;background-position:-56px 0;}

.dpGuide{overflow:hidden;padding:32px 48px;margin-top:32px;background:#F8F8FA;}
.dpGuide h4{display:block;margin-bottom:15px;padding-left:36px;font-weight:700;font-size:24px;line-height:26px;background:url("/fo/images/disp/ico_check.svg") no-repeat left center;}
.dpGuide span{display:block;position:relative;margin-left:36px;padding-left:13px;color:#505050;font-size:18px;line-height:22px;}
.dpGuide span:after{content:'';display:block;position:absolute;left:7px;top:50%;width:3px;height:3px;margin-top:-2px;border-radius:100%;background:#505050;}
.dpGuide span + span{margin-top:7px;}

.plnAnk{position:relative;margin-top:60px;padding:24px 0;}
.plnAnk:after{content:'';display:block;clear:both;}
.plnAnk > div{width:100%;padding:24px 0;}
.plnAnk.ready > .fixed{padding:24px 60px;}
.plnAnk.ready > div{position:absolute;top:0;left:0;right:0;z-index:5;min-width:1280px;max-width:1700px;margin:0 auto;background:#fff;box-sizing:border-box;transform:translateZ(0);}
.plnAnk .bx{overflow:hidden;padding:1px 1px 0 0;border-bottom:#D4D4D8 1px solid;}
.plnAnk ul{overflow:hidden;width:100%;margin:-1px auto;padding:1px 0 0 1px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.plnAnk li{float:left;position:relative;width:20%;}
.plnAnk a, .plnAnk span{display:block;overflow:hidden;height:44px;padding:0 15px;margin:-1px 0 0 -1px;border:#D4D4D8 1px solid;background:#fff;font-size:14px;line-height:44px;white-space:nowrap;text-overflow:ellipsis;}
.plnAnk a[aria-selected="true"], .plnAnk a:hover{z-index:2;border-color:#191919;background:#191919;color:#fff;font-weight:700;}
.plnAnk .lst.n1 li{width:100%;}
.plnAnk .lst.n2 li{width:50%;}
.plnAnk .lst.n3 li{width:calc(100% / 3);}
.plnAnk .lst.n4 li{width:25%;}
.plnAnk .lst.n1 a, .plnAnk .lst.n2 a, .plnAnk .lst.n3 a, .plnAnk .lst.n4 a{text-align:center;}

.plnGds{overflow:hidden;padding-top:60px;}
.plnGds .ank{overflow:hidden;}
.plnGds .ank h3{display:block;padding:16px;margin-bottom:32px;font-weight:700;font-size:28px;line-height:32px;text-align:center;}
.plnGds .ank h3 img{display:block;min-width:100%;height:auto;margin:-16px;}

.evtApc{overflow:hidden;margin-top:60px;}
.evtApc .bt{overflow:hidden;margin-top:48px;}
.evtApc .bt button{width:200px;margin:0 auto;}
.evtApc .agr{overflow:hidden;border:#F1F1F5 1px solid;}
.evtApc .agr li{float:left;position:relative;width:50%;padding:39px 68px 39px 48px;box-sizing:border-box;}
.evtApc .agr li + li:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:24px;margin-top:-12px;background:#F1F1F5;}
.evtApc .agr .chk{float:left;}
.evtApc .agr .chk label{font-size:18px;}
.evtApc .agr .chk label em{color:#740DFC;}
.evtApc .agr button{float:right;font-size:14px;line-height:22px;text-decoration:underline;}
.evtApc .cmt{overflow:hidden;position:relative;padding:80px 48px 32px;margin-top:60px;background:#F8F8FA;}
.evtApc .cmt h4{display:block;position:absolute;left:48px;top:32px;font-size:20px;line-height:32px;}
.evtApc .cmt .wp{display:flex;}
.evtApc .cmt .ok{flex:none;width:160px;margin-left:12px;}
.evtApc .cmt .ok button{width:100%;height:100%;background:#191919;color:#fff;font-weight:400;font-size:18px;}
.evtApc .pmsg{position:relative;width:100%;height:80px;}
.evtApc .pmsg textarea{height:80px;padding-right:100px;font-size:14px;}
.evtApc .pmsg .cnt{position:absolute;right:12px;bottom:16px;color:#767676;font-size:13px;line-height:18px;font-family:'pretendard';letter-spacing:0;pointer-events:none;}
.evtApc .tx{margin-top:16px;color:#767676;font-size:14px;line-height:20px;}
.evtApc .file{flex:none;position:relative;width:80px;height:80px;margin-right:12px;border:#D4D4D8 1px solid;background:#fff url("/fo/images/disp/bg_cmt.svg") no-repeat center center;box-sizing:border-box;}
.evtApc .file input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;cursor:pointer;font-size:0;}
.evtApc .file .upload{display:block;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.evtApc .file .upload img{display:block;position:relative;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
.evtApc .file .upload .del{position:absolute;right:4px;top:4px;width:24px;height:24px;background:url("/fo/images/disp/bt_cmt_del.svg") no-repeat center center;}

.evtCmt{overflow:hidden;margin-top:60px;}
.evtCmt .top{overflow:hidden;padding-bottom:24px;border-bottom:#191919 1px solid;}
.evtCmt .top h3{display:block;float:left;font-size:24px;line-height:24px;}
.evtCmt .top h3 em{margin-left:4px;font-size:18px;font-family:'pretendard';letter-spacing:0;}
.evtCmt .top .chk{float:right;}
.evtCmt .top .chk label{font-weight:500 !important;font-size:14px;}
.evtCmt .paging{margin-top:80px;}
.evtCmt .dpLst_none{padding:160px 0;border-bottom:#D4D4D8 1px solid;}
.evtCmt .dpLst_none span{background-image:url("/fo/images/disp/ico_list_cmt.svg");}

.cmt_list{overflow:hidden;}
.cmt_list li{border-bottom:#ECEFF2 1px solid;}
.cmt_list li .cmt{display:flex;align-items:center;padding:32px 24px;}
.cmt_list li .cmt .date, .cmt_list li .cmt .idx{flex:none;font-size:14px;line-height:20px;font-family:'pretendard';letter-spacing:0;text-align:right;}
.cmt_list li .cmt .date{min-width:110px;margin-left:40px;}
.cmt_list li .cmt .idx{min-width:140px;margin-left:8.5%;}
.cmt_list li .cmt .bx, .cmt_list li .edt .bx{width:100%;}
.cmt_list li .cmt .bx .tx{display:block;overflow:hidden;font-size:14px;line-height:20px;}
.cmt_list li .cmt .bx .bt, .cmt_list li .edt .bx .bt{display:block;overflow:hidden;margin-top:16px;}
.cmt_list li .cmt .bx .bt button, .cmt_list li .edt .bx .bt button{float:left;}
.cmt_list li .cmt .bx .bt button + button, .cmt_list li .edt .bx .bt button + button{margin-left:6px;}
.cmt_list li .cmt .photo{flex:none;align-self:flex-start;overflow:hidden;width:80px;height:80px;margin-right:24px;}
.cmt_list li .cmt .photo img{display:block;position:relative;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
.cmt_list li .edt{display:none;overflow:hidden;}
.cmt_list li .edt > div{display:flex;padding:32px 24px;border-top:#ECEFF2 1px solid;background:#F8F8FA;}
.cmt_list li .edt .pmsg{display:block;position:relative;}
.cmt_list li .edt .pmsg .cnt{position:absolute;right:12px;bottom:16px;color:#767676;font-size:13px;line-height:18px;font-family:'pretendard';letter-spacing:0;pointer-events:none;}
.cmt_list li .edt .pmsg textarea{overflow:hidden;height:auto;min-height:80px;padding-right:100px;box-sizing:border-box;}
.cmt_list li .edt .file{flex:none;align-self:flex-start;position:relative;width:80px;height:80px;margin-right:12px;border:#D4D4D8 1px solid;background:#fff url("/fo/images/disp/bg_cmt.svg") no-repeat center center;box-sizing:border-box;}
.cmt_list li .edt .file input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;cursor:pointer;font-size:0;}
.cmt_list li .edt .file .upload{display:block;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.cmt_list li .edt .file .upload img{display:block;position:relative;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
.cmt_list li .edt .file .upload .del{position:absolute;right:4px;top:4px;width:24px;height:24px;background:url("/fo/images/disp/bt_cmt_del.svg") no-repeat center center;}

@media screen and (max-width:1400px){ 
	.plnAnk.ready > .fixed{width:1280px;padding-left:0;padding-right:0;}
}