/*----------------------------------------------------
Common
----------------------------------------------------*/
.new{width:13px;vertical-align:middle;margin:0 0 2px 5px}

/*Header -----------*/
.header{background:#fff;position:fixed;top:0;left:0;right:0;transition:top 0.7s;z-index:100}
.header.nav-up{top:-52px}
.header + div{padding-top:52px}
.headerIn{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px}
.header .logo{width:45px}
.header .pwp{display:none;height:25px;border:1px solid #eee;color:#0076ff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;vertical-align:middle;padding:0 5px;margin:0 5px 0 0}
.header .pwp .mNone{display:none}
.header .nav{display:none;height:auto;font-size:16px;line-height:1.1;padding:0 20px;position:relative;background:#fff}
.header .nav:before{display:none}
.header .navT{display:inline-block;background:transparent;font-size:14px;font-weight:500;color:#999;vertical-align:unset;margin:0;padding:10px 0;position:relative;cursor:pointer}
.header .navT.newIco:after{display:inline-block;content:"";width:7px;height:8px;background:url(/images/ico_header_n@2x.png) 0 0 no-repeat;background-size:7px auto;vertical-align:middle;margin:0 0 2px 5px}
.header .navT:hover{text-decoration:none}
.header .name{display:none;max-width:80px;padding:10px 0;vertical-align:middle;font-size:14px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.header .name-layer{display:none;position:absolute;top:40px;min-width:150px;padding:20px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);z-index:999}
.header .name:hover .name-layer{display:block}
.header .btnLogout{width:100%;background:#f1f1f1;color:#757575;padding:5px;border-radius:6px;font-size:13px;margin-top:10px}
.header .btnMy{font-size:16px;color:#555;width:100%;text-align:left}
.header .btnMy:before{width:18px;height:18px;opacity:.6;content:'';display:inline-block;margin-right:3px;vertical-align:-4px;background:url(/images/ico_myinfo.svg)no-repeat center/contain}
.header .navTitle{padding-top:20px}
.header .nameTop{clear:both;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;gap:12px}
.header .nameTop .nameM{word-break:break-all}
.header .nameTop .btnLogoutM{background:#f0f4f7;color:#333;border-radius:20px;font-size:12px;cursor:pointer;padding:6px 12px}
.header .btnArea{display:flex;align-items:center;margin-top:15px;padding:16px 0;background-color:#f8f9fb;border:1px solid #f3f4f6;border-radius:8px}
.header .btnArea a{padding:0 10px;flex:1;font-size:14px;font-weight:600;color:#444;display:flex;align-items:center;justify-content:center;gap:3px}
.header .btnArea:before{width:1px;height:15px;background:#edeef0;content:'';display:block}
.header .btnArea .btnMyM{order:-1}
.header .btnArea a:before{width:18px;height:18px;opacity:.6;content:'';display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}
.header .btnArea .btnMyM:before{background-image:url(/images/ico_myinfo.svg)}
.header .btnArea .btnPwp:before{background-image:url(/images/ico_pwpcard.svg)}
.header .btnNoti{width:24px;height:24px;background:url(/images/ico_noti.svg) center no-repeat;color:transparent;position:relative}
.header .btnNoti .num{display:inline-block;height:16px;line-height:16px;background:#ff5757;border-radius:16px;color:#fff;font-size:11px;padding:0 5px;position:absolute;top:-3px;right:-5px}

.header .navA{border:none;padding-top:15px;padding-bottom:0}
.header .navA a{padding:16px;background:#333;font-size:16px;color:#fff;border-radius:8px;display:block}
.header .navA a:before{width:15px;height:15px;background:url(/images/ico_setting.svg)no-repeat center/contain;content:'';display:inline-block;vertical-align:-2px}

body.open{overflow:hidden}
body.open .nav{position:fixed;top:52px;bottom:0;left:0;right:0;height:auto;z-index:777;overflow-y:scroll;overflow-x:hidden}
.btn-group{display:flex;align-items:center;gap:12px;position:relative}
.header .menu{background:transparent;border:none;position:relative;padding:0;overflow:inherit}
.menu>li{padding:15px 0;border-bottom:1px solid #eee}
.sub-menu{display:flex;flex-wrap:wrap}
.sub-menu li{width:50%}
.sub-menu a{padding:8px 0;color:#333;font-weight:600;display:block}
.sub-menu a:hover{color:#333;text-decoration:none}
.language{position:relative}
.btn-lang{width:24px;height:24px;background:url(/images/ico_lang.svg) center no-repeat;color:transparent}
.btn-nav{width:24px;height:24px;position:relative}
.btn-nav .line,.btn-nav .line:before,.btn-nav .line:after{width:20px;height:1.3px;background-color:#111;position:absolute;border-radius:2px;transition-duration:0.5s}
.btn-nav .line{top:11.5px;right:0}
.btn-nav .line:before{content:'';top:-7px}
.btn-nav .line:after{content:'';top:7px}
.btn-nav.open .line{background:transparent}
.btn-nav.open .line:before{transform:rotateZ(45deg) scaleX(1.35) translate(3.3px, 4.5px)}
.btn-nav.open .line:after{transform:rotateZ(-45deg) scaleX(1.35) translate(4px, -5.5px)}

.lang-list{display:none;position:absolute;min-width:120px;top:31px;right:-40px;padding:20px;background:#fff;border-radius:10px;border:1px solid #eee;box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);z-index:999}
.lang-list a{display:block;margin-bottom:10px;font-size:14px}
.lang-list a:last-child{margin-bottom:0}
.lang-list .en{font-size:11.5px;margin-top:-3px;opacity:.45}

@media(min-width:992px){
.header.nav-up{top:-65px}
.header + div{padding-top:65px}
.headerIn{height:65px}
.header .nav{display:block;padding:0;flex:1}
.header .menu:hover>li{opacity:.5}
.header .menu>li:hover,
.header .menu:hover>li.navA{opacity:1}
body.open,body.open .nav{position:unset}
.btn-nav{display:none}
.menu{margin-left:16px}
.navTitle,
.menu li img{display:none}
.menu>li{display:inline-block;padding:0;border-bottom:0;position:relative}
.menu>li:hover .sub-menu{display:block}
.menu .navA{float:right;padding:0}
.sub-menu{display:none;position:absolute;left:20px;min-width:150px;padding:15px 20px;background:#222;z-index:999;border-radius:6px}
.sub-menu li{width:max-content}
.sub-menu a{color:#fff;font-weight:500}
.sub-menu a:hover{color:#fff}
.header .headerBtn{top:15px;right:0}
.header .headerBtn .btnNav{display:none}
.header .pwp{display:inline-block;height:30px;margin:0 0 0 0;padding:0 10px}
.header .pwp:before{display:none}
.header .pwp .mNone{display:inline-block}
.header .name{display:block}
.header .navT{padding:20px 14px;font-size:16px;color:#222;letter-spacing:-.5px}
.header .navT.on{font-weight:600}
.header .navT:before{display:none}
.header .nav .navList{display:table-cell}
.header .nav .navList.mNone{display:inline-block}
.header .navT.topMenu:after{content:'';display:inline-block;width:9px;height:9px;background:url(/images/ico_outlink.svg)no-repeat center/contain}
.header .navA a{padding:22px 12px 22px 0;font-size:14px;color:#333;background:none}
.header .navA a:before{display:none}
.lang-list{right:0}
}

/*Footer -----------*/
#footer{background:#f9f9f9;margin-top:30px}
.footer{max-width:1200px;margin:0 auto;padding:20px 20px}
.footer .logo{width:30px;height:30px;background:url(/images/logo_churchofgod.png) 0 0 no-repeat;background-size:30px auto;opacity:0.3;margin:0 0 5px 0}
.footer .copy{font-size:12px;color:#969696;line-height:1.3}
.footer .copy span{font-weight:300}

@media(min-width:1024px){
 #footer{margin-top:50px}
 .footer{padding:30px 20px}
 .footer .logo{width:48px;height:48px;background-size:48px auto}
}

/*Go Top*/
.btnTop{position:fixed;right:15px;bottom:20px;z-index:1000;width:35px;height:35px;background:rgba(253,253,253,0.9) url(/images/ico_top@2x.png) 50% 50% no-repeat;background-size:13px auto;border:solid 1px rgba(0,0,0,0.3);border-radius:2px;cursor:pointer}

@media(min-width:740px){
.btnTop{right:20px}
}

/* List Title */
.listTitle{margin:0 auto;padding:30px 0}
.listTitle h3{font-size:28px;font-weight:700;display:flex;gap:8px;align-items:center}
/*.listTitle h3:before{width:40px;height:40px;content:'';display:inline-block;background-repeat:no-repeat;background-position:center;background-size:100%}*/
.bodyNewsList .listTitle h3:before{background-image:url(/images/ico_tit_stage.png)}
.bodyHistory .listTitle h3:before{background-image:url(/images/ico_tit_history.png)}
.bodyState .listTitle h3:before{background-image:url(/images/ico_tit_state.png)}
.bodyProofshot .listTitle h3:before{background-image:url(/images/ico_tit_proofshot.png)}
.bodyFragrance .listTitle h3:before{background-image:url(/images/ico_tit_fragrance.png)}
.bodyBestList .listTitle h3:before{background-image:url(/images/ico_tit_bestPractice.png)}
.bodyBoardList .listTitle h3:before{background-image:url(/images/ico_tit_community.png)}
.bodyPhoto .listTitle h3:before{background-image:url(/images/ico_tit_photo.png)}
.bodyVideo .listTitle h3:before{background-image:url(/images/ico_tit_video.png)}
.bodyNoticeList .listTitle h3:before{background-image:url(/images/ico_tit_notice.png)}
.bodyGuide .listTitle h3:before{background-image:url(/images/ico_tit_guide.png)}
.bodyFaqList .listTitle h3:before{background-image:url(/images/ico_tit_faq.png)}
.bodyActivity .listTitle h3:before{background-image:url(/images/ico_tit_activity.png)}

.subTitle{font-size:19px}

@media(min-width:768px){
.listTitle{min-height:auto;padding-top:80px;padding-bottom:60px}
.listTitle h3{font-size:52px;gap:16px}
.listTitle h3:before{width:50px;height:50px}
.listTitle .nationSel a{font-size:14px}
.subTitle{font-size:28px}
}

/* Category Tab*/
.categoryTab{margin-top:10px;overflow-x:auto;white-space:nowrap}
.categoryTab button{background:#F7F8F9;border-radius:20px;font-size:14px;font-weight:500;color:#5A5B63;padding:10px 15px;margin:0 2px 6px 0;cursor:pointer;outline:none}
.categoryTab button.on{background:#0B0D0F;color:#fff}
.categoryTab button:disabled{cursor:default;opacity:0.4;background:#f1f1f1}
.categoryTab .btn{height:26px;line-height:24px;background:#fff;border:solid 1px #dfdfdf;border-radius:15px;font-size:13px;color:#333;font-weight:bold;letter-spacing:-1px;padding:0 10px;margin:0 -1px;cursor:pointer;outline:none}
.categoryTab .btn:focus{background:#5776ff;border-color:#5776ff;color:#fff;box-shadow:none}
.listTitle .nationSel{min-width:120px;max-height:300px;overflow-y:auto;box-shadow:2px 2px 2px rgba(0,0,0,0.1)}
.listTitle .nationSel a{font-size:13px;padding:.25rem 10px}
.fragCateWrap .category{display:block;position:relative;margin:5px 0 0 0}
.fragCateWrap .inputSelect{height:26px;border:solid 1px #a3b3ff;border-radius:20px;font-size:13px;font-weight:bold;padding:0 5px 0 5px;margin:0 0 0 20px;cursor:pointer}
.fragCateWrap .inputSelect:focus{border-color:#5776ff}
.fragCateWrap .inputLang{min-width:120px;height:26px;border:solid 1px #a9a9a9;border-radius:20px;font-size:12px;font-weight:bold;color:#000;padding:0 5px;margin:5px 0 0 0;cursor:pointer}
.categoryTabGb{text-align:left;border-bottom:solid 1px #eee;margin:20px 0 10px 0;position:relative}
.categoryTabGb button{width:95px;height:32px;background:#f1f1f1;color:#222;font-size:13px;font-weight:bold;line-height:1.1;border-radius:8px 8px 0 0;margin:0 0 -1px 0;padding:0 10px;cursor:pointer}
.categoryTabGb button.on{color:#fff;background:#222}
.categoryTabGb .langR{position:absolute;top:-6px;right:0}
.categoryTabGb .inputLang{min-width:auto;height:26px;border:solid 1px #ddd;border-radius:5px;font-size:12px}
.categoryTabMedia{margin-top:10px}
.categoryTabMedia button{background:#F7F8F9;color:#5A5B63;font-size:13px;border-radius:20px;padding:10px 16px;cursor:pointer}
.categoryTabMedia button.on{color:#fff;background:#0B0D0F}

@media(min-width:768px){
.categoryTab{display:inline-block;margin-top:0}
.categoryTab button{font-size:14px;font-weight:500;padding:10px 16px}
.categoryTab .btn{min-width:70px;height:39px;line-height:37px;border-radius:20px;font-size:14px;font-weight:500;margin:0}
.categoryTabGb{margin:20px 0 20px 0}
.categoryTabGb button{width:170px;height:40px;font-weight:500;font-size:16px;margin:0 3px -1px 3px}
.categoryTabGb .inputLang{height:28px}
.categoryTabMedia{margin-top:0}
.categoryTabMedia button{font-size:14px;font-weight:500}
.fragCateWrap .inputSelect{height:39px;font-size:14px;font-weight:500}
.fragCateWrap .inputLang{height:39px;font-size:14px;font-weight:500;padding:0 10px 0 10px;margin:0 0 0 20px}
}

/*List -----------*/
.listWrap{max-width:1200px;margin:0 auto;min-height:calc(100% - 194px);padding:0 20px}

.videoCon{position:relative;width:100%;padding-bottom:56.25%}
.videoCon iframe{position:absolute;top:0;left:0;width:100%;height:100%}
 
.inputRadio{display:none}
.inputRadio + label{width:auto;background:transparent url(/images/ico_radio_b.png) 0 2px no-repeat;padding:0 10px 0 20px;margin:2px 0 0 0;font-size:14px;font-weight:400;color:#000;letter-spacing:-0.5px;cursor:pointer}
.inputRadio:checked + label{background:transparent url(/images/ico_radio_b_on.png) 0 2px no-repeat;color:#496AEA}
.inputRadio:disabled + label{color:#c3c3c3;cursor:default}
.inputChk{display:none}
.inputChk + label{display:inline-block;height:23px;padding:0 15px 0 0;margin:0 0 0 20px;font-size:14px;font-weight:400;;letter-spacing:-0.5px;color:#000;text-indent:-20px;cursor:pointer}
.inputChk + label b{font-weight:bold}
.inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #bbc2c8;border-radius:1px;vertical-align:middle;margin:0 5px 2px 0}
.inputChk:checked + label{color:#5776ff}
.inputChk:checked + label:before{border-color:#5776ff;background:url(/images/ico_chk_pwp_on.png) 50% 40% no-repeat;color:#496AEA}
.inputChk:disabled + label{opacity:0.5}

@media(min-width:740px){
.inputChk + label b{font-weight:600}
}

.selectLayer{position:fixed;top:150px;left:20px;right:20px;width:calc(100% - 40px);z-index:1000;text-align:left;background:#fff;border:solid 1px #ddd;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.selectLayerIn{position:relative}
.selectLayer .selectTitle{padding:15px 20px 0 20px}
.selectLayer .selectTitle h3{font-size:18px}
.selectLayer .selectTitle .btnClose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/bn_close.png) 50% 50% no-repeat;background-size:17px auto;cursor:pointer}
.selectLayer .selectCon{padding:10px 20px 20px 20px}
.selectLayer .selectCon .nation a{color:#000}
.selectLayer .selectCon .nation a:hover{color:#5776ff;text-decoration:none}
.selectLayer .selectCon .bar{display:inline-block;color:gray;margin:0 10px}

@media(min-width:740px){
.selectLayer{width:600px;left:50%;right:inherit;margin:0 0 0 -300px}
}

/* Icon */
.hit,
.replyNum{display:flex;align-items:center;gap:2px}
.hit:before,
.replyNum:before{display:inline-block;content:"";width:14px;height:14px;background-size:contain;opacity:.8;background-repeat:no-repeat}
.hit:before{background-image:url(/images/ico_hit.svg)}
.replyNum:before{background-image:url(/images/ico_reply.svg)}

.contentWrap{padding-top:20px}
.contentTitle{max-width:740px;margin:0 auto;padding:30px 20px}
.contentTitle.widthS{max-width:740px}
.contentTitle>.kind{font-size:13px;color:#0076FF;padding-bottom:10px;display:block}
.contentTitle h3{font-size:20px;font-weight:600;color:#222;line-height:1.4}
.contentTitle .info{font-size:13px;color:#888;padding-top:10px;display:flex;align-items:center;gap:10px}
.contentTitle .info .kind{font-weight:500}
.contentTitle .info .rec{display:inline-block;height:18px;line-height:18px;background:#6cbd3c;border-radius:2px;color:#fff;font-size:11px;padding:0 2px;vertical-align:middle;padding:0 5px}

.flowplayer{margin:0 auto;display:block}

.file-down.marTop{margin-top:20px;padding:10px;border-radius:8px;background:#f4f8ff}
.file-down .file{font-size:13px}
.file-down .file:hover{color:#5776ff}
.file-down .file:before{display:inline-block;content:"";width:15px;height:16px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle;margin:0 3px 3px 0}

.btnModifyS{width:25px;height:25px;background:#fff url(/images/ico_pencil@2x.png) 50% 50% no-repeat;background-size:13px auto;border:solid 1px #5776ff;cursor:pointer}
.btnModifyS:hover{background-color:#eee}

.btnModifySTop{width:30px;height:30px;background:#fff url(/images/ico_pencil@2x.png) 50% 50% no-repeat;background-size:13px auto;border:solid 1px #5776ff;cursor:pointer}
.btnModifySTop:hover{background-color:#eee}

@media(min-width:768px){
.file-down .file{font-size:14px}
.contentWrap{padding-top:40px}
.contentTitle h3{font-size:38px;letter-spacing:-2px}
}

.contentImg{width:100%;padding:25px 0 0 0}
.contentImg dt img{width:100%}
.contentImg dd{font-size:13px;color:#7d7d7d;padding:5px 20px 0 20px}

@media(min-width:740px){
.contentImg{width:auto;max-width:1000px;margin:0 auto;padding-top:40px}
.contentImg dd{font-size:14px;text-align:center;padding:10px 0 0 0}
}

.contentCon{max-width:740px;margin:0 auto;font-size:16px;color:#141414;line-height:1.8;letter-spacing:-0.5px;word-wrap:break-word;padding:0 20px 0 20px}
.contentCon img{max-width:100%;height:auto}
.contentBtn{max-width:740px;height:40px;margin:30px auto 40px auto;padding:0 20px;text-align:center;position:relative}
.contentBtn .contentBtnL{position:absolute;top:0;left:20px}
.contentBtn .contentBtnR{position:absolute;top:0;right:20px}
.contentBtn .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#f13347;font-weight:bold;background:#fff;border:solid 1px #f13347;border-radius:22px;padding:0 10px;cursor:pointer}
.contentBtn .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#333;font-weight:bold;background:#fff;border:solid 1px #c9c9c9;border-radius:22px;padding:0 10px;cursor:pointer}
.contentBtn .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0}
.contentBtn .btnModify{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#fff;font-weight:bold;background:#5776ff;border:solid 1px #5776ff;border-radius:22px;padding:0 10px;cursor:pointer}

@media(min-width:740px){
.contentCon{font-size:18px;color:#333;padding-top:40px}
.contentCon img{max-width:inherit}
.contentBtn{height:50px;margin-top:50px;margin-bottom:50px}
.contentBtn .btnDelete{min-width:140px;height:50px;line-height:48px;font-size:15px;border-radius:26px;font-weight:500}
.contentBtn .btnBack{min-width:140px;height:50px;line-height:48px;font-size:15px;color:#222;border-radius:26px;font-weight:500}
.contentBtn .btnModify{min-width:140px;height:50px;line-height:48px;font-size:15px;border-radius:26px;font-weight:500}
}

@media(max-width:730px){
.contentCon{font-size:16px !important}
.contentCon span{font-size:16px !important}
.contentCon p{font-size:16px !important}
.contentCon div{font-size:16px !important}
}

.contentReply{max-width:740px;margin:0 auto;padding:20px}
.replyTop{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.replyTop .btn-like{padding:6px 10px;border-radius:20px;background:#f5f6f8}
.replyTop .btn-like:before{width:24px;height:24px;margin-right:3px;vertical-align:-6px;content:'';display:inline-block;background-size:contain;background-image:url(/images/ico_like.svg)}
.replyTop .btn-like.on:before{background-image:url(/images/ico_like_on.svg)}

.contentReplyTit{font-size:16px;font-weight:bold;margin:0 0 10px 0}
.contentReplyTit .total{color:#5776ff}
.contentCommReplyTit{font-size:16px;background:url(/images/ico_reply.svg) 0 50% no-repeat;background-size:24px auto;padding:0 0 0 28px}
/* .contentReplyTit .total:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_con_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0} */
.replyWrite{background:#f5f6f8;border:solid 1px #eaeced;border-radius:6px 6px 0 0;border-bottom:none;overflow:hidden}
.replyWrite .nickname{font-size:13px;color:#222;padding:15px 15px 10px 15px;margin:0}
.replyWrite textarea{background:#f5f6f8;width:100%;height:115px;font-size:16px;color:#222;line-height:1.5;padding:16px;resize:none}
.replyWrite textarea::placeholder{color:#878787}
.replyWriteBox{padding:0 16px;border:solid 1px #eaeced;border-top:none;border-radius:0 0 6px 6px;background:#f5f6f8;position:relative;margin:0 0 30px 0}
.replyWriteBox .btnArea{display:flex;align-items:center;justify-content:space-between;border-top:.5px solid #e6e6e6;padding:9px 0}
.replyWriteBox .btnArea .number{display:inline-block;font-size:13px;color:#999}
.replyWriteBox .inputNote{position:absolute;top:16px;right:100px}
.replyWriteBox .inputNote .inputChk + label:before{margin:0 5px 3px 0}
.replyWriteBox .btnReply{min-width:43px;height:30px;background:#5776ff;color:#fff;font-size:13px;padding:0 10px;border-radius:6px;cursor:pointer}
.replyWriteBox .btnReply:hover{background:#3a5efd}

.msgViewArea{text-align:left;margin:0 0 20px 0}
.msgViewArea .inputChk + label{padding:0}
.msgViewArea .inputChk.msgView + label{height:30px;line-height:28px;background:transparent;font-size:14px;text-indent:0;margin:0}

@media(min-width:740px){
.contentReplyBg{padding-top:30px}
.contentReplyTit{font-size:20px;font-weight:600}
.contentCommReplyTit{font-size:20px;font-weight:600}
.replyWriteBox{margin:0 0 40px 0}
.replyWriteBox .btnReply{min-width:80px;height:40px;font-size:14px}
.msgViewArea{margin:0 0 30px 0}
}

.replyList dl{border-bottom:solid 1px #f5f6f7;letter-spacing:-0.5px;padding:18px 0}
.replyList dt{font-size:13px;padding:0 0 5px 0}
.replyList dt .name{display:inline-block;color:#000;font-weight:bold}
.replyList dt .date{display:inline-block;font-size:13px;font-weight:400;color:#676767;margin:0 6px 0 6px}
.replyList .btnDel{width:12px;height:12px;background:transparent url(/images/ico_del_s@2x.png) 50% 50% no-repeat;background-size:9px auto;cursor:pointer;vertical-align:middle;margin:0 0 2px 0}
.replyList .kindNote{display:inline-block;height:22px;line-height:22px;background:#5776ff;border-radius:2px;font-size:12px;font-weight:500;color:#fff;padding:0 5px}
.replyList dd{line-height:1.5;overflow-wrap:break-word}
.replyList .replayBtnArea{padding:8px 0 7px 0;position:relative}
.replyList .replayBtnArea .btnR{position:absolute;top:5px;right:0}
.replyList .btnReply{height:30px;padding:0 7px;font-size:12px;line-height:15px;background:#fff;border:solid 1px #E7EAEB;border-radius:6px;color:#333;cursor:pointer}
.replyList .btnReply em{font-weight:bold}
.replyList .btnModifyS{width:20px;height:20px;background:#fff url(/images/ico_modify.png) 50% 50% no-repeat;border:solid 1px #cfcfcf;border-radius:2px;text-indent:-9999px}
.replyList .btnSaveS{height:23px;padding:0 10px;font-size:12px;font-weight:bold;line-height:18px;background:#5776ff;border:solid 1px #5776ff;color:#fff;cursor:pointer}
.replyList .btnCancelS{height:23px;padding:0 10px;font-size:12px;font-weight:bold;line-height:18px;background:#fff;border:solid 1px #e0e0e0;color:#000;cursor:pointer}
.replyList .inputArea{border:solid 1px #bdbdbd;padding:10px;color:#000}
.replay2depView{border-top:solid 1px #dfdfdf;padding:0 25px}
.replay2depView dl{border-bottom:none;border-top:solid 1px #dcdcdc;background:url(/images/ico_replay2dep.png) 0 17px no-repeat;padding:14px 35px 8px 27px;margin:0}
.replay2depView dl:first-child{border-top:none}
.replay2dep{background:#f3f3f3}
.replay2depWrite{border-top:solid 1px #dcdcdc;background:url(/images/ico_replay2dep.png) 25px 20px no-repeat;padding:14px 22px 0 52px}
.replay2depWriteIn{border:1px solid #b3b3b3;border-bottom:1px solid #ededed;background:#fff}
.replay2depWrite textarea{width:100%;height:70px;font-size:14px;color:#000;resize:none;padding:15px}
.replay2depWrite .number{display:block;font-size:13px;color:#999;text-align:right}
.replay2depWriteBox{padding:0 22px 14px 52px}
.replay2depWriteBox .btnArea{display:block;height:40px;background:#fff;border:1px solid #b3b3b3;border-top:none;position:relative}
.replay2depWriteBox .btnArea .number{font-size:13px;color:#999;line-height:40px;padding:0 0 0 15px}
.replay2depWriteBox .btnReplyUp{position:absolute;top:0;right:0;min-width:90px;height:39px;color:#2565d0;font-size:14px;font-weight:bold;background:#fff;border-left:solid 1px #ededed;border-right:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent;cursor:pointer}
.replay2depFold{display:block;height:30px;line-height:30px;border-top:1px solid #dcdcdc;text-align:center;font-size:11px;color:#999;cursor:pointer}
.replay2depFold:after{display:inline-block;content:"";width:9px;height:5px;background:url(/images/ico_reply_up.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 5px}
.replay2depFold:hover{color:#000}

@media(min-width:740px){
.replyList dt .name{font-size:14px;font-weight:600}
.replyList .replayBtnArea{padding-top:10px}
.replay2depWriteBox .btnReplyUp{font-weight:500}
}

.boardConTitle{margin:0 0 20px 0}
.boardConTitle dt{text-align:center;font-weight:bold;margin:0 0 15px 0}
.boardConTitle dt .kind{display:inline-block;font-size:12px;color:#5776ff;background:url(/images/bg_kind.gif) 0 85% repeat-x}
.boardConTitle dt .tit{font-size:21px;color:#000}
.boardConTitle dd{padding:20px 20px 0 20px}
.boardConTitle dd.thum{height:200px;background-position:50% 50%;background-repeat:none;background-size:cover;position:relative;padding:0}
.boardConTitle dd.thum .border{display:none}
.boardConTitle dd.thum .step{position:absolute;top:0;right:10px;min-width:40px;height:53px;background-size:40px auto;background-position:0 0;background-repeat:no-repeat;text-align:center;font-size:12px;color:#fff;letter-spacing:-1px;padding:3px 0 0 0}
.boardConTitle dd.thum .step em{display:block;font-size:17px;color:#fffc52;font-weight:bold}
.boardConTitle dd.thum .step0{background-image:url(/images/bg_step0@2x.png);padding-top:7px}
.boardConTitle dd.thum .step0 em{font-size:13px}
.boardConTitle dd.thum .step1{background-image:url(/images/bg_step1@2x.png)}
.boardConTitle dd.thum .step2{background-image:url(/images/bg_step2@2x.png)}
.boardConTitle dd.thum .step3{background-image:url(/images/bg_step3@2x.png)}
.boardConTitle dd.thum .step4{background-image:url(/images/bg_step4@2x.png)}
.boardConTitle dd.thum .step5{background-image:url(/images/bg_step5@2x.png)}
.boardConTitle dd.thum .step6{background-image:url(/images/bg_step6@2x.png)}
.boardConTitle dd.thum .step7{background-image:url(/images/bg_step7@2x.png)}
.boardConTitle dd.thum .step8{background-image:url(/images/bg_step8@2x.png)}
.boardConTitle dd.thum .step9{background-image:url(/images/bg_step9@2x.png)}
.boardConTitle dd.thum .step10{background-image:url(/images/bg_step10@2x.png)}
.boardConTitle dd.thum .step11{background-image:url(/images/bg_step1@2x.png)}
.boardConTitle dd.thum .step12{background-image:url(/images/bg_step2@2x.png)}
.boardConTitle dd.thum .step13{background-image:url(/images/bg_step3@2x.png)}
.boardConTitle dd.thum .step14{background-image:url(/images/bg_step4@2x.png)}
.boardConTitle dd.thum .step15{background-image:url(/images/bg_step5@2x.png)}
.boardConTitle dd.thum .step16{background-image:url(/images/bg_step6@2x.png)}
.boardConTitle dd.thum .step17{background-image:url(/images/bg_step7@2x.png)}
.boardConTitle dd.thum .step18{background-image:url(/images/bg_step8@2x.png)}
.boardConTitle dd.thum .step19{background-image:url(/images/bg_step9@2x.png)}
.boardConTitle dd.thum .step20{background-image:url(/images/bg_step10@2x.png)}
.boardConTitle .selectArea{margin:0 0 15px 0}
.boardConTitle .inputMonth{height:30px;border:solid 1px #d5d5d5;font-size:13px;color:#000;background:url(/images/ico_dropdown@2x.png) 93% 50% no-repeat;background-size:13px auto;padding:0 30px 0 5px;appearance:none;-webkit-appearance:none}
.boardConTitle h4{font-size:15px;color:#222;font-weight:bold;margin:0 0 5px 0}
.boardConTitle h4 .btnModifyS{margin:0 0 0 5px}
.boardConTitle ul{margin:0 0 15px 0}
.boardConTitle li{font-size:14px;color:#444;letter-spacing:-1px;text-indent:-12px;margin:0 0 5px 12px}
.boardConTitle li em{font-size:12px;color:#222;font-weight:bold}
.boardConTitle .prayTopList{font-size:14px;color:#444;letter-spacing:-1px;line-height:1.5;margin:0 0 15px 0}
.boardConTitle .goal{margin:0 0 10px 0}
.boardConTitle .goal .tit{font-size:15px;color:#222;font-weight:bold}
.boardConTitle .goal .step{display:inline-block;height:24px;line-height:24px;border-radius:2px;font-size:12px;color:#fff;padding:0 7px}
.boardConTitle .goal .step em{display:inline-block;color:#fffc52;font-size:16px;font-weight:bold;vertical-align:middle;margin:0 3px 3px 0}
.boardConTitle .goal .step0{background:#fcad17}
.boardConTitle .goal .step1{background:#ff944b}
.boardConTitle .goal .step2{background:#64c500}
.boardConTitle .goal .step3{background:#0cc09e}
.boardConTitle .goal .step4{background:#00aad9}
.boardConTitle .goal .step5{background:#0D7FFF}
.boardConTitle .goal .step6{background:#4D68FF}
.boardConTitle .goal .step7{background:#765AFE}
.boardConTitle .goal .step8{background:#AC59FD}
.boardConTitle .goal .step9{background:#E566C0}
.boardConTitle .goal .step10{background:#FF7B95}
.boardConTitle .goal .step11{background:#ff944b}
.boardConTitle .goal .step12{background:#64c500}
.boardConTitle .goal .step13{background:#0cc09e}
.boardConTitle .goal .step14{background:#00aad9}
.boardConTitle .goal .step15{background:#0D7FFF}
.boardConTitle .goal .step16{background:#4D68FF}
.boardConTitle .goal .step17{background:#765AFE}
.boardConTitle .goal .step18{background:#AC59FD}
.boardConTitle .goal .step19{background:#E566C0}
.boardConTitle .goal .step20{background:#FF7B95}

@media(min-width:740px){
.boardConTitle{width:1040px;min-height:280px;margin:0 auto 30px auto;position:relative;padding:0 20px 0 450px}
.boardConTitle dt{text-align:left}
.boardConTitle dt .kind{font-size:14px;font-weight:500}
.boardConTitle dt .tit{font-size:38px;font-family:NanumSquareB}
.boardConTitle dd{padding:0}
.boardConTitle dd.thum{width:400px;height:280px;position:absolute;top:0;left:20px}
.boardConTitle dd.thum .border{display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:solid 1px rgba(0,0,0,0.1)}
.boardConTitle h4{font-weight:600;font-family:inherit}
.boardConTitle li em{font-size:14px;font-weight:500}
.boardConTitle .goal .tit{font-weight:600}
.boardConTitle .goal .step{margin:0 0 0 5px}
.boardConTitle .goal .step em{font-weight:500}
}

.boardPlan{padding:0 20px}
.boardPlanTitle{display:table;width:100%;border-bottom:solid 1px #222;padding:0 0 3px 0}
.boardPlanTitle h4{float:left;font-size:15px;color:#222;font-weight:bold;margin:5px 0 5px 0}
.boardPlanTitle .areaR{float:right}
.boardPlanTitle .btnPlan{min-width:80px;height:35px;line-height:35px;background:#fff;border:solid 1px #5776ff;font-size:13px;color:#5776ff;font-weight:bold;padding:0 10px;cursor:pointer}
.boardPlanTitle .btnPlan:hover{background:#5776ff;color:#fff}
.planTableWrap{clear:both;overflow-x:auto;margin:0}
.planTable{width:1000px;border-bottom:solid 1px #ddd}
.planTable th{height:40px;font-size:13px;color:#3a3a3a;border-bottom:solid 1px #ddd;letter-spacing:-1px;line-height:1.1;font-weight:normal;text-align:left}
.planTable th.dateWeek{width:50px}
.planTable th.date{width:80px}
.planTable th.week{background:#fbfbfb;text-align:center}
.planTable th.time{width:90px}
.planTable th.place{width:100px}
.planTable th.reason{width:140px}
.planTable th.project{width:150px/* padding-left:10px */}
.planTable th.numberTH{width:50px}
.planTable th.note{width:250px}
.planTable td{height:40px;font-size:13px;color:#333;border-top:solid 1px #eff1f2;letter-spacing:-1px;padding-right:10px}
.planTable td:last-child{padding-right:0}
.planTable td.numberTH{text-align:center}
.planTable td.week{background:#fbfbfb;text-align:center;font-weight:bold;color:#3a3a3a}
.planTable td.project{color:#5776ff}
.boardPlan .noContent{height:60px;text-align:center;background:#fbfbfb;border-bottom:solid 1px #ddd;font-size:13px;padding:20px 0 0 0}

@media(min-width:740px){
.boardPlan{width:1040px;margin:0 auto}
.boardPlanTitle h4{font-size:24px;font-weight:500;letter-spacing:-1px;margin:0}
.boardPlanTitle .btnPlan{font-weight:500}
.planTable{width:100%;font-weight:500}
.planTable th{font-weight:500}
.planTable th br{display:none}
.planTable td.week{font-weight:600}
.boardPlan .noContent{font-size:14px}
}

.writeWrap{max-width:775px;margin:0 auto;padding:20px 20px}
.writeTitle h3{font-size:20px;color:#222;font-weight:bold;letter-spacing:-1px}
.writeTitle .explain{font-size:13px;color:#a2a2a2;line-height:1.5;margin:5px 0 0 0}

@media(min-width:740px){
.writeWrap{padding:40px 20px 10px 20px}
.writeTitle{text-align:center}
.writeTitle h3{font-size:38px;font-weight:400}
.writeTitle .explain{font-size:15px;margin:10px 0 0 0}
}

.writeCon{margin:20px 0 0 0}
.writeCon .writeRow{display:table;width:100%;margin:0 0 10px 0}
.writeCon .writeRow .colHalf{display:table-cell;width:50%}
.writeCon .writeRow .colHalf:first-child{padding:0 5px 0 0}
.writeCon .writeRow .col3{display:table-cell;width:33.3%}
.writeCon .writeRow .col3:nth-child(1){padding:0 5px 0 0}
.writeCon .writeRow .col3:nth-child(2){padding:0 5px 0 0}
.writeCon .inputText{width:100%;height:38px;font-size:14px;color:#000;background:#fafafa;border:solid 1px #d9d9d9;padding:0 10px}
.writeCon .inputSelect{width:100%;height:38px;font-size:14px;color:#000;background:#fafafa;border:solid 1px #d9d9d9;padding:0 5px}
.writeCon .inputArea{width:100%;height:300px;border:solid 1px #d9d9d9;font-size:14px;color:#000;padding:10px;resize:none}

@media(min-width:740px){
.writeCon{margin:40px 0 0 0}
.writeCon .writeRow{margin:0 0 15px 0}
.writeCon .writeRow .colHalf:first-child{padding:0 7.5px 0 0}
.writeCon .writeRow .col3:nth-child(1){padding:0 7.5px 0 0}
.writeCon .writeRow .col3:nth-child(2){padding:0 7.5px 0 0}
.writeCon .inputArea{font-size:15px}
}

.writeBtn{height:10px;margin:30px 0 40px 0;text-align:center;position:relative}
.writeBtn .writeBtnL{position:absolute;top:0;left:0}
.writeBtn .writeBtnR{position:absolute;top:0;right:0}
.writeBtn .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#f13347;font-weight:bold;background:#fff;border:solid 1px #f13347;border-radius:22px;padding:0 10px;cursor:pointer}
.writeBtn .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#333;border:solid 1px #c9c9c9;border-radius:22px;padding:0 10px}
.writeBtn .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0}
.writeBtn .btnOk{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#fff;background:#5776ff;border:solid 1px #5776ff;border-radius:22px;padding:0 10px;cursor:pointer}

@media(min-width:740px){
.writeBtn{height:50px;margin:35px 0 50px 0}
.writeBtn .btnDelete{min-width:140px;height:50px;line-height:48px;font-size:15px;border-radius:26px;font-weight:500}
.writeBtn .btnBack{min-width:140px;height:50px;line-height:48px;font-size:15px;color:#222;border-radius:26px;margin:0 2px}
.writeBtn .btnOk{min-width:140px;height:50px;line-height:48px;font-size:15px;border-radius:26px;margin:0 2px}
}

.searchView{position:absolute;top:0;right:25px;width:36px;height:36px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;cursor:pointer}
.searchTop{min-width:300px;padding:4px 16px;background:#F7F8F9;border-radius:50px}
.searchTopIn{position:relative;text-align:left}
.searchTop .inputSearch{width:calc(100% - 30px);height:36px;border:solid 1px #dfdfdf;vertical-align:middle;font-size:14px;color:#000;padding:0 5px}
.searchTop .btnSearch{position:absolute;top:0;right:38px;width:36px;height:36px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;cursor:pointer;outline:none}
.searchTop .searchClose{display:inline-block;width:20px;height:36px;background:url(/images/ico_close@2x.png) 50% 50% no-repeat;background-size:15px auto;cursor:pointer;vertical-align:middle}
.searchTop.view{display:block;position:inherit;width:100%;padding:0 20px}
.searchTop.view .inputSearch{width:100%;border-color:#a5a5a5}
.searchTop.view .btnSearch{right:10px}

@media(min-width:740px){
.searchView{display:none}
.searchTop{display:block !important;position:static;max-width:370px;margin-top:5px}
.searchTop .inputSearch{width:100%;height:46px;border:none;padding:0}
.searchTop .btnSearch{width:50px;height:50px;right:0}
.searchTop .searchClose{display:none}
.searchTop.view{padding:0}
}

.searchFlex{display:flex;gap:10px;order:1}
.searchFlex .btnW{flex-shrink:0;width:45px;height:45px;background:#eef0ff;color:#5776ff;font-size:0;font-weight:500;border-radius:25px;padding:0 10px;cursor:pointer}
.searchFlex .btnW:before{display:inline-block;content:"";width:24px;height:24px;background:url(/images/ico_write.svg)no-repeat center/contain;vertical-align:3px;margin-right:6px}
.searchFlex .search{min-width:auto;flex:1}
.search{min-width:300px;padding:4px 16px;background:#F7F8F9;border-radius:50px;display:flex}
.search-input{flex:1}
.search-btn{width:36px;height:36px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto}
@media(min-width:768px){
.search{margin-top:0;padding:2px 16px;order:2}
.searchFlex .btnW{min-width:100px;font-size:14px;order:1}
.searchFlex .search{order:inherit;min-width:300px;flex:inherit}
.area{display:flex;justify-content:space-between;align-items:center}
.searchFlex .btnW:before{width:20px;height:20px;vertical-align:-4px}
}


/*공지사항*/
.listTable{width:100%;margin-top:20px}
.listTable tr{display:flex;flex-wrap:wrap;border-bottom:solid 1px #eee;padding:15px 0;align-items:center}
.listTable td{color:#979797;font-size:13px;padding:0;vertical-align:middle;margin-right:5px}
.listTable td.num{text-align:center;margin:0}
.listTable td.num .must{padding:3px 8px;font-weight:500;background:#fff2f2;color:#f53535;border-radius:20px}
.listTable td .rec{display:inline-block;background:#e3f6ed;border-radius:3px;color:#09aa5c;font-size:11px;margin-right:6px;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;letter-spacing:-1px}
.listTable td.project{width:100%;margin:2px 0;font-size:17px;font-weight:500}
.listTable td.project>a>span{font-size:13px;font-weight:400;color:#28A0FE;display:block;margin-bottom:2px}
.listTable td.project .icoFile{margin:0 0 4px 3px}
.listTable td.hit{margin-right:5px}
.listTable.notice td.num{width:40px;display:none}

@media(min-width:740px){
.listTable{margin-top:20px}
.listTable tr{padding:20px 0}
.listTable td.num{display:table-cell;text-align:center;vertical-align:middle}
.listTable td.project{width:auto;margin:0;font-size:18px;flex:1}
.listTable td.project>a>span{font-size:14px;color:#333;margin-right:20px;margin-bottom:0}
.listTable td.kind{width:60px;text-align:center}
.listTable td.name{width:90px;text-align:center}
.listTable td.date{width:100px;margin:0}
.listTable .replyNum{font-weight:500}
.listTable.notice{margin-top:30px}
.listTable.notice td.num{width:50px}
}

/*시온의향기*/
.listTable.frag tr{cursor:pointer}
.listTable.frag td{font-size:12px}
.listTable.frag td.num{display:none}
.listTable.frag .project{font-size:17px;color:#333;line-height:1.4}
.listTable.frag .group{display:flex;align-items:center;gap:6px;width:100%}

@media(min-width:740px){
    .listTable.frag tr{gap:10px;display:table-row}
    .listTable.frag td{font-size:13px;padding:20px 5px}
    .listTable.frag td.num{width:50px;margin:0;display:table-cell}
    .listTable.frag .rec{margin-left:12px;margin-right:12px}
    .listTable.frag .project{width:640px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
    .listTable.frag .group{width:unset;gap:20px}
}


.paginate{clear:both;max-width:775px;margin:10px auto 0 auto;padding:0 20px 40px 20px;text-align:center;zoom:1;position:relative}
.paginate a{display:inline-block;position:relative;width:42px;padding:0;border-radius:34px;color:#666;font-weight:400;line-height:42px;text-decoration:none}
.paginate a:hover,.paginate a:focus,.paginate a:active{font-weight:600}
.paginate strong{display:-moz-inline-box;display:inline-block;position:relative;width:42px;line-height:42px;padding:0;background:#ECECEC;border-radius:34px;color:#0B0D0F;text-decoration:none !important}
.paginate a.pre,.paginate a.next{display:inline-block;position:relative;width:42px;height:42px;vertical-align:middle;margin:0 0 2px 0;text-indent:-9999px}
.paginate a.pre{background:url(/images/ico_prev@2x.png) 0 50% no-repeat;background-size:7px auto;margin:0 0 2px 0;position:absolute;top:0;left:20px}
.paginate a.next{background:url(/images/ico_next@2x.png) right 50% no-repeat;background-size:7px auto;margin:0 0 2px 0;position:absolute;top:0;right:20px}
.paginate a.disabled{opacity:0.3}
.paginate .btnMoreList{color:#888888;font-size:14px;background:#fff;margin:13px 0;font-weight:500}
.paginate .btnMoreList::after{content:"";display:inline-block;background:url(/images/ico_arrow_qna_on.png) 50% 75% no-repeat;width:15px;height:15px;margin:0 0 0 5px}
.contentReply .paginate a.pre{left:0}
.contentReply .paginate a.next{right:0}
.boardListBg .paginate{display:none}

@media(min-width:740px){
.paginate{padding-bottom:50px;margin-top:20px}
.paginate a.pre{position:static}
.paginate a.next{position:static}
.boardListBg .paginate{display:block}
}

.pageMore{height:40px;line-height:40px;text-align:center;cursor:pointer;font-size:13px;color:#555;font-weight:bold;margin:0 0 10px 0}
.pageMore:after{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_page_more@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 0 2px 3px}

@media(min-width:740px){
.pageMore{display:none}
}

.listBtn{max-width:775px;margin:0 auto;padding:0 20px 40px 20px;text-align:center}
.listBtn .btnWrite{display:inline-block;min-width:160px;padding:15px;background:#eef0ff;border-radius:100px;color:#5776ff;font-size:14px;font-weight:bold}
.listBtn .btnWrite:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/ico_write.svg)no-repeat center/contain;vertical-align:-4px;margin-right:6px}

@media(min-width:740px){
.listBtn{margin-top:20px}
.listBtn .btnWrite{font-size:15px}
}

.lists{display:grid;gap:20px;margin-top:20px}
.lists dl{cursor:pointer}
.lists dt{height:230px;background-size:cover;background-position:50% 50%;background-image:url(/images/no_img.jpg);position:relative;border-radius:10px}
.lists dt .border{position:absolute;top:0;bottom:0;left:0;right:0;border:solid 1px rgba(0,0,0,0.1)}
.lists dt .icoPlay{position:absolute;left:5px;bottom:5px;width:18px;height:18px;background:url(/images/ico_media@2x.png) 0 0 no-repeat;background-size:18px auto}
.lists dt .time{position:absolute;right:5px;bottom:5px;height:14px;line-height:14px;color:#fff;font-size:10px;font-family:Helvetica;background:rgba(0,0,0,0.5);border-radius:1px;padding:0 2px}
.lists dd{padding:12px 0}
.lists dd .tit{font-size:17px;font-weight:500}
.lists dd .cont{display:none}
.lists dd .info{font-size:14px;color:#878787;margin-top:4px;display:flex;gap:6px}
.lists dd .info .kind{color:#5776ff}
.lists dd .info .date{letter-spacing:0}

@media(min-width:768px){
.lists{grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:30px}
.lists dt{height:240px;border-radius:12px}
.lists dt .icoPlay{left:10px;bottom:10px;width:22px;height:22px;background:url(/images/ico_media_b.png) 0 0 no-repeat}
.lists dd{padding:16px 0}
.lists dt .time{height:20px;line-height:20px;border-radius:2px;background:rgba(0,0,0,0.6);right:10px;bottom:10px;font-size:12px;padding:0 5px}
.lists dd .tit{font-size:20px;font-weight:600}
.lists dd .info{margin-top:8px;gap:8px}
}

@media(min-width:1070px){
.lists{grid-template-columns:repeat(3, 1fr)}
}

.guideList{overflow:hidden}
.guideList dl{clear:both;display:flex;width:100%;border-bottom:solid 1px #eee;padding:20px 0;cursor:pointer}
.guideList dt{float:left;width:85px;height:124px;background-size:contain;background-position:50% 50%;background-image:url(/images/thum_guide.jpg);background-color:#f8f8fa;background-repeat:no-repeat;margin:0 10px 0 0;position:relative}
.guideList dt .border{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/bg_book.png) 0 0 no-repeat;background-size:85px;border:none !important}
.guideList dd{float:left;width:calc(100% - 95px);letter-spacing:-1px;margin:20px 0 0 0}
.guideList dd .kind{display:inline-block;font-size:15px;color:#5776ff;font-weight:500;margin:0 0 8px 0}
.guideList dd .tit{color:#222;font-weight:bold;line-height:1.4;margin:0 0 5px 0}
.guideList dd .cont{font-size:13px;color:#999}

@media(min-width:740px){
.guideList dl{float:left;clear:none;width:calc(50% - 30px);background:#fff;border-bottom:none}
.guideList dt{width:135px;height:197px;margin:0 20px 0 0}
.guideList dt .border{background-size:auto}
.guideList dd{width:calc(100% - 155px);margin:40px 0 0 0}
.guideList dd .tit{font-size:18px;font-family:NanumSquareB;margin:0 0 10px 0}
}

.guideConBg{padding:15px 0 0 0}
.guideBook{margin:0 0 0 0}

@media(min-width:740px){
.guideConBg{background:#f7f7f7;margin-top:20px;padding:30px 0}
.guideConBg .contentBtn{margin-bottom:0}
.guideBook{width:1200px;margin:0 auto 0 auto}
}

.boardListBg{margin:20px 0 0 0}
.btnRegion{padding:0 20px}
.btnRegion button{min-width:42px;height:30px;background:#fff;border:solid 1px #dadada;font-size:13px;color:#555;font-weight:bold;letter-spacing:-1px;padding:0 5px;margin:0 -1px;cursor:pointer}
.btnRegion button.on{border-color:#5776ff;color:#5776ff}
.boardList dl{margin-bottom:30px}
.boardList dl.noMyWm{opacity:0.3}
.boardList dt{height:185px;background-position:50% 50%;background-size:cover;margin:0 0 10px 0;position:relative;cursor:pointer}
.boardList dt .border{position:absolute;top:0;bottom:0;left:0;right:0;border:solid 1px rgba(0,0,0,0.2)}
.boardList dt .step{position:absolute;top:0;right:10px;min-width:40px;height:53px;background-size:40px auto;background-position:0 0;background-repeat:no-repeat;text-align:center;font-size:12px;color:#fff;letter-spacing:-1px;padding:3px 0 0 0}
.boardList dt .step em{display:block;font-size:17px;color:#fffc52;font-weight:bold}
.boardList dt .step0{background-image:url(/images/bg_step0@2x.png);padding-top:7px}
.boardList dt .step0 em{font-size:13px}
.boardList dt .step1{background-image:url(/images/bg_step1@2x.png)}
.boardList dt .step2{background-image:url(/images/bg_step2@2x.png)}
.boardList dt .step3{background-image:url(/images/bg_step3@2x.png)}
.boardList dt .step4{background-image:url(/images/bg_step4@2x.png)}
.boardList dt .step5{background-image:url(/images/bg_step5@2x.png)}
.boardList dt .step6{background-image:url(/images/bg_step6@2x.png)}
.boardList dt .step7{background-image:url(/images/bg_step7@2x.png)}
.boardList dt .step8{background-image:url(/images/bg_step8@2x.png)}
.boardList dt .step9{background-image:url(/images/bg_step9@2x.png)}
.boardList dt .step10{background-image:url(/images/bg_step10@2x.png)}
.boardList dt .step11{background-image:url(/images/bg_step1@2x.png)}
.boardList dt .step12{background-image:url(/images/bg_step2@2x.png)}
.boardList dt .step13{background-image:url(/images/bg_step3@2x.png)}
.boardList dt .step14{background-image:url(/images/bg_step4@2x.png)}
.boardList dt .step15{background-image:url(/images/bg_step5@2x.png)}
.boardList dt .step16{background-image:url(/images/bg_step6@2x.png)}
.boardList dt .step17{background-image:url(/images/bg_step7@2x.png)}
.boardList dt .step18{background-image:url(/images/bg_step8@2x.png)}
.boardList dt .step19{background-image:url(/images/bg_step9@2x.png)}
.boardList dt .step20{background-image:url(/images/bg_step10@2x.png)}
.boardList dd{min-height:14px;font-size:14px;font-weight:bold;letter-spacing:-1px}
.boardList dd .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:bold;margin:0 4px}
.boardList dd .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 3px 2px 0}

.regionTable{width:100%}
.regionTable th{font-size:14px;font-weight:bold;text-align:left;padding:0 5px 5px 0}
.regionTable td{padding:0 0 5px 0 }
.regionTable .inputSelect{width:100%;height:35px;background:#fff url(/images/ico_select_g@2x.png) 92% 50% no-repeat;background-size:9px auto;border:solid 1px #a5a5a5;font-size:14px;color:#000;appearance:none;-webkit-appearance:none;padding:0 25px 0 10px;cursor:pointer}
.regionTable .inputSelect:focus{border:solid 1px #5776ff}

@media(min-width:740px){
.btnRegion{text-align:center;padding:0;margin:15px 15px 0 0}
.btnRegion button{min-width:65px;height:40px;font-size:15px;font-weight:500;margin:0}
.boardList{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.boardList dl{background:#fff;border-bottom:none;box-shadow:0 4px 4px rgba(0,0,0,0.1);padding:10px 10px 15px 10px;margin:0}
.boardList dt .step em{font-weight:600}
.boardList dd{font-size:15px;font-weight:500;background:url(/images/ico_detail_board.png) 97% 5px no-repeat}
.boardList dd .replyNum{font-weight:500}

.regionTable tr{display:-webkit-inline-box}
.regionTable th{font-weight:600;padding-left:15px}
.regionTable .inputSelect{min-width:170px;height:38px}
}

.boardUnderList{max-width:775px;margin:0 auto;padding:15px 20px 0 20px}
.boardUnderList h4{height:30px;font-size:16px;color:#000;letter-spacing:-1px}
.boardUnderList h4 .point{color:#5776ff}
.boardUnderList ul{border-top:solid 1px #f2f2f2}
.boardUnderList li{border-bottom:solid 1px #f2f2f2;font-size:14px;font-weight:bold;padding:7px 0}
.boardUnderList .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:bold;margin:0 2px}
.boardUnderList .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 3px 2px 0}
.boardUnderBtn{text-align:center;margin:20px 0}
.boardUnderBtn .btnPrev{display:inline-block;width:30px;height:30px;background:#fff url(/images/btn_prev_under@2x.png) 50% 50% no-repeat;background-size:5px auto;border:solid 1px #eaeaea;cursor:pointer;margin:0 15px}
.boardUnderBtn .btnPrev:hover{background-color:#f9f9f9}
.boardUnderBtn .btnNext{display:inline-block;width:30px;height:30px;background:#fff url(/images/btn_next_under@2x.png) 50% 50% no-repeat;background-size:5px auto;border:solid 1px #eaeaea;cursor:pointer;margin:0 15px}
.boardUnderBtn .btnNext:hover{background-color:#f9f9f9}

@media(min-width:740px){
.boardUnderList{padding-top:30px}
.boardUnderList h4{height:40px;font-size:22px;font-weight:500}
.boardUnderList li{font-weight:500;font-size:15px}
.boardUnderList .replyNum{font-weight:500}
.boardUnderBtn .btnPrev{margin:0 20px}
.boardUnderBtn .btnNext{margin:0 20px}
}

.boardWriteTitle{text-align:center;margin:0 0 20px 0}
.boardWriteTitle .kind{display:inline-block;font-size:12px;color:#5776ff;font-weight:bold;background:url(/images/bg_kind.gif) 0 85% repeat-x}
.boardWriteTitle h3{font-size:21px;color:#000;letter-spacing:-2px}
.boardWriteTitle h3 .month{display:inline-block;color:#5776ff}

@media(min-width:740px){
.boardWriteTitle .kind{font-size:14px;font-weight:500}
.boardWriteTitle h3{font-size:40px;font-weight:500}
}

.boardWriteCon h5{clear:both;font-size:14px;color:#444;margin:10px 0 5px 0}
.boardWriteCon .prayList li{margin:0 0 5px 0;position:relative}
.boardWriteCon .prayList li .num{position:absolute;left:7px;height:38px;line-height:38px;font-size:14px;color:#444;font-weight:bold}
.boardWriteCon .prayInput{width:100%;background:#fff;border:solid 1px #d9d9d9;font-size:14px;color:#000;box-sizing:border-box;resize:none;padding:8px 5px 8px 5px}
.boardWriteCon .prayInput:focus{border:solid 1px #5776ff}
.boardWriteCon .inputSelect{height:38px;background:url(/images/ico_select_g@2x.png) 95% 50% no-repeat;background-size:9px auto;border:solid 1px #d9d9d9;font-size:14px;color:#000;appearance:none;-webkit-appearance:none;padding:0 25px 0 5px}
.boardWriteCon .inputSelect:focus{border:solid 1px #5776ff}
.boardWriteCon .inputText{width:100%;height:38px;border:solid 1px #d9d9d9;font-size:14px;color:#000;padding:0 5px}
.boardWriteCon .inputText:focus{border:solid 1px #5776ff}
.boardWriteCon .inputDate{width:100%;height:38px;border:solid 1px #d9d9d9;background:url(/images/ico_date_cal_b.png) right 50% no-repeat;font-size:14px;color:#000;padding:8px 5px}
/* .boardWriteCon .inputDate:hover{background-image:none} */
.boardWriteCon .inputDate:focus{border:solid 1px #5776ff}
.boardWriteCon .inputArea{width:100%;border:solid 1px #d9d9d9;box-sizing:border-box;resize:none;padding:5px}
.boardWriteCon .inputArea:focus{border:solid 1px #5776ff}
.boardWriteCon .w100{width:100px}
.boardWriteCon .w130{width:130px}
.boardWriteCon .w100per{width:100%}
.boardWriteCon .rowHalf{display:inline-block;width:calc(50% - 3px)}

@media(min-width:740px){
.boardWriteCon h5{font-weight:500;margin:15px 0 5px 0}
.boardWriteCon .prayList li .num{left:13px;font-weight:500}
.boardWriteCon .inputDate{width:270px}
}

.customFile{background:#fff;position:relative;font-size:12px;height:38px;line-height:36px;border:solid 1px #d9d9d9;overflow:hidden}
.customFile.radius{border-radius:12px}
.customFile:before{content:attr(data-controlMsg);background-color:#fff;border-right:solid 1px #d9d9d9;color:#000;font-size:14px;padding:1px 12px 0;float:left;width:150px;height:38px;text-align:center;display:block;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.4s ease}
.customFile:hover:before{background-color:#eee}
.customFile input{position:absolute;top:0;left:0;right:0;z-index:88888;width:100%;height:38px;cursor:pointer;opacity:0!important}
.customFile .selectedFile{ display:block;padding:1px 10px 0;font-size:14px;color:#999;margin-left:150px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transform:translateX(0%);transition:all 0.4s ease 0.6s}
.customFile .selectedFile.inProgress{transform:translateX(100%);transition:all 0.4s ease 0.6s}
.previewContainer{text-align:left;margin-top:10px}
.previewContainer img{max-width:400px;max-height:275px;width:100%}
.previewContainer .explain{font-size:14px;color:#999;margin:0 0 5px 0}
.previewContainer .btnFileDel{width:25px;height:25px;background:url(/images/btn_file_del@2x.png) 0 0 no-repeat;background-size:25px auto;text-indent:-9999px;vertical-align:top;cursor:pointer}

@media(min-width:740px){
.customFile:before{font-weight:500}
}

.weekPlanTitle{display:table;width:100%;border-bottom:solid 2px #222;padding:0 0 5px 0}
.weekPlanTitle h4{float:left;font-size:17px;letter-spacing:-1px;padding:10px 0 0 0}
.weekPlanTitle .areaR{float:right}

@media(min-width:740px){
.weekPlanTitle h4{font-weight:500}
}


/* FAQ */
.faqListBg h3{font-size:18px;font-weight:600;margin-top:20px}
.faqList{margin:0 auto 30px auto}
.faqList dt{border-top:solid 1px #eef0f2;font-size:16px;font-weight:500;color:#222;padding:20px 20px 20px 0;cursor:pointer;position:relative}
.faqList dt:first-child{border:none}
.faqList dt .num{display:inline-block;content:"";width:35px;color:#999;font-size:12px;font-weight:lighter;position:absolute;top:12px;left:0}
.faqList dt .kind{color:#0076ff;font-weight:400}
.faqList dt:after{display:inline-block;content:"";width:13px;height:100%;background:url(/images/ico_nav_arrow_up@2x.png)no-repeat center / contain;transition:300ms cubic-bezier(0.31, 0.27, 0.15, 0.99);transform:rotate(180deg);position:absolute;top:0;bottom:0;right:0}
.faqList dt.on:after{transition:300ms cubic-bezier(0.31, 0.27, 0.15, 0.99);transform:rotate(0deg)}
.faqList dd{display:none;font-size:15px;color:#222;line-height:1.7;word-break:break-all;padding:0 20px 20px 0;animation:answer 0.1s linear}
.faqList dd.out{animation:answerOut 0.1s linear}

@keyframes answer{
0%{background-position-y:6px}
100%{background-position-y:12px}
}

@keyframes answerOut{
0%{background-position-y:12px}
100%{background-position-y:6px}
}

@media(min-width:740px){
.faqListBg{padding-top:0}
.faqListBg h3{font-weight:600;font-size:23px}
.faqList dt{font-size:17px}
.faqList dt:before{top:20px}
.faqList dt .num{top:20px;font-size:15px;font-weight:400}
.faqList dd{font-size:16px;padding:0 20px 20px 0}
}

/* PWP */
.page-pwp{background:#f0f4f9}
.page-pwp #footer{background:#f0f4f9;display:none}
.page-pwp .btnTop{display:none}
.pwpWrap{max-width:1040px;margin:0 auto;position:relative;padding:52px 20px}
.pwpTitle{padding-top:30px}
.pwpTitle h3{font-size:32px;font-weight:700;line-height:1.1;background:linear-gradient(to right,#497EE5 0%, #00cbff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.pwpTitle h3 .point{color:#0076ff;font-weight:bold}
.pwpTitle .explainPray{clear:both;font-size:12px;letter-spacing:-0.5px;margin:0 0 20px 0}

.pwpTop{margin-top:20px}

.pwpCnt{padding:9px 0;background:#F6F6F6;border-radius:8px;text-align:center;display:flex}
.pwpCnt ul{padding:0 16px;border-left:1px solid #eee;display:flex;justify-content:space-between;flex:1}
.pwpCnt ul:first-child{border:0}
.pwpCnt li:first-child{font-size:13px;color:#888}
.pwpCnt li:last-child{font-weight:600}

.pwp-date{display:flex;justify-content:space-between;background:#fff;border-radius:8px;padding:8px;gap:10px}
.pwp-date select{font-size:17px;font-weight:600;cursor:pointer}
.pwpSelect{display:flex;gap:6px}
.pwpSelect .inputSelect{font-size:17px;background:#fff;border-radius:4px;padding:10px 8px}

.pwp-week-tab{margin-bottom:20px;border:1px solid #d7e0e9;border-radius:4px;display:flex;overflow:hidden}
.pwp-week-tab li{min-width:40px;margin-left:-1px;padding:8px;background:#fafbfd;border-right:1px solid #ebf0f4;border-left:1px solid #d7e0e9;color:#999;font-size:13px;text-align:center;flex:1;cursor:pointer}
.pwp-week-tab li:last-child{border-right:0}
.pwp-week-tab li.active{background:#fff;border-color:#d7e0e9;color:#242424;font-weight:700}

.pwpTableWrap table:not(:last-child){margin-bottom:20px}
.pwpTableWrap{margin:20px 0;clear:both}
.pwpTableWrap table{width:100%}
.pwpTableWrap table th{text-align:left;font-size:20px;font-weight:700}
.pwpTableWrap td{text-align:left;font-size:11px;color:#333}
.pwpTableWrap table tr:first-child td{border-top:none}
.pwp-table{margin-bottom:12px;padding:20px;border-radius:12px;background:#fff;position:relative}
.pwpTable tr.even td{background:#fbfbfb}
.pwpTableWrap td.day{min-width:30px}
.pwpTableWrap .inputText{width:38px;height:25px;font-size:9px;color:#000;background:#ffffff;border:solid 1px #d9d9d9;padding:0 10px}
.pwpTableWrap .inputText.marker{background-color:#fff5d2}
.pwpTableWrap .inputChk + label{display:flex;gap:6px;height:auto;line-height:1.4;font-size:15px;padding:10px 0 0 0;position:relative;color:#222;text-indent:0;margin:0}
.pwpTableWrap .inputChk:checked + label{color:#979797}
.pwpTableWrap .inputChk + label:before{margin:0;border-radius:20px;flex:none;margin-top:2px}
.pwpTableWrap .inputChk:checked + label:before{background:#0076ff url(/images/ico_ok@2x.png)no-repeat center/12px;border-color:#0076ff}
.pwpTableWrap td.noContent{border-left:none}
.pwp-btn-fix{text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:1}
.saveBtn{max-width:980px;background:#0076ff;font-size:15px;font-weight:500;color:#fff;padding:14px;width:100%}
.pwpWrap .btnLangView{background-color:#fff !important}
.pwp-top{display:flex;justify-content:space-between;align-items:center}

.noContent{font-size:13px;color:gray;text-align:center;letter-spacing:0}
td.noContent{font-size:13px;color:gray;text-align:center}

@media(min-width:740px){
.noContent{font-size:14px}
td.noContent{font-size:14px}
}

.nextprevList{max-width:740px;margin:0 auto;padding:20px;padding:20px}
.nextprevList .page{padding:10px 20px;border-bottom:1px solid #eee;cursor:pointer}
.nextprevList .page:first-child{border-top:1px solid #eee}
.nextprevList .next{background:url(/images/ico_phone_up@2x.png) 0 50% no-repeat;background-size:6px 6px}
.nextprevList .prev{background:url(/images/ico_phone_down@2x.png) 0 50% no-repeat;background-size:6px 6px}

@media(min-width:768px){
 .nextprevList .page{padding:15px 20px}
}

.pwdIndexWrap{z-index:90;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;text-align:center;padding:0;margin:0 auto;overflow-y:auto;min-width:360px}
.pwdIndexWrap .pwpTitleWrap{margin:0 20px 0 20px}
.pwdIndexWrap .pwpTitle{color:#363b41;font-size:22px;font-weight:460;letter-spacing:-1px;line-height:1.3;background:url(/images/icon_wm_AND.png) center 0 no-repeat;background-size:auto 40px;margin:60px 0 0 0;padding:65px 0 15px 0}
.pwdIndexWrap .pwpTitle.newSet{background:url(/images/ico_password@3x.png) center 0 no-repeat;background-size:27px auto}
.pwdIndexWrap .pwpTitleWrap .explain{font-size:14px;color:#4297ff;letter-spacing:-0.5px}
.pwdIndexWrap .pwpTitleWrap .explain .point{font-size:14px;color:#4297ff}
.pwdIndexWrap .eduPwdinputWrap{max-width:380px;height:69px;text-align:center;margin:0 auto 50px auto;padding:0 0 10px}
.dvSlide .eduPwdinputWrap{margin:0 auto 30px auto}
.pwdIndexWrap .eduPwdinputWrap p{margin:0;text-align:left;margin-top:10px;font-size:13px}
.pwdIndexWrap .eduPwdinputWrap .inputPW{width:30px;height:74px;line-height:74px;border:none;font-family:'pass', 'Helvetica', 'arial', sans-serif;font-size:32px;text-align:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.pwdIndexWrap .eduPwdinputWrap .inputPW:focus{outline:none}
.pwdIndexWrap .eduPwdinputWrap .inputPW::placeholder{transform:scale(0.85);transform-origin:50% 50%}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine:focus{border-bottom:solid 1px #4297ff;outline:none}
.pwdIndexWrap .eduPwdsaveWrap{max-width:380px;margin:0 auto;text-align:center}
.pwdIndexWrap .btnOk{width:100%;height:55px;line-height:55px;background:#4297ff;color:#fff;font-size:17px;border-radius:2px;text-align:center;cursor:pointer;margin:0;padding:1px 10px 0 10px}
.pwdIndexWrap .btnClose{height:37px;line-height:35px;min-width:97px;background:#838484;border:1px solid #5f5f5f;color:#fff;padding:0 10px;border-radius:2px;text-align:center;font-size:13px}
.pwdIndexWrap .warnWrap{padding:25px 20px 0 20px}
.pwdIndexWrap .warnWrap .inquiry{color:#6f6f6f;font-size:13px;letter-spacing:-0.5px;text-decoration:underline;margin:0 0 5px 0}
.pwdIndexWrap .warnWrap .warning{color:#525151;font-size:14px;letter-spacing:-0.5px;padding:0}
.pwdIndexWrap .point{color:red;font-size:12px}
.pwdIndexWrap .btnPwPrev{position:absolute;top:15px;left:15px;width:40px;height:40px;background:url(/images/ico_pw_prev@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer;z-index:1}
.pwdIndexWrap .btnPwClose{position:absolute;top:15px;right:15px;width:40px;height:40px;background:url(/images/ico_pw_close@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer}

@media all and (max-width:350px){
.pwdIndexWrap{min-width:auto}
.pwdIndexWrap .dvSlide{width:100% !important}
}

.pwdIndexWrap input[type="number"]::-webkit-outer-spin-button,
.pwdIndexWrap input[type="number"]::-webkit-inner-spin-button{
 -webkit-appearance:none;
 margin:0;
}
.pwdIndexWrap input[type="number"]{
 -webkit-text-security:disc;
}

.input-counter::-webkit-outer-spin-button,
.input-counter::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.input-counter{-moz-appearance:textfield;appearance:textfield}

.pray-count{display:flex;justify-content:space-between;border:1px solid #eee;border-radius:4px}
.btn-decrement{display:inline-block;width:29px;height:28px;background:url(/images/ico_minus.svg)no-repeat center/16px;color:transparent}
.btn-increment{display:inline-block;width:29px;height:28px;background:url(/images/ico_plus.svg)no-repeat center/16px;color:transparent}
.input-counter{border:0 none;width:30px;font-size:14px;text-align:center;vertical-align:middle}
.btn-decrement:disabled{opacity:.3}

.pwpTable{padding-top:20px;border-top:1px solid #eee}
.pwp-list{padding:16px 0}
.pwp-list .top{display:flex;justify-content:space-between;align-items:center}
.pwp-head{display:flex;justify-content:space-between;align-items:center}
.pwp-head .title{font-size:20px;font-weight:700}
.pwp-head .sub{text-align:right;width:95px;letter-spacing:-1px;font-size:12px;font-weight:400;color:#666}
.pwp-list .day{font-size:16px;font-weight:700}
.pwpTable .dailyCnt,
.pwpTableW .weeklyCnt,
.pwpTableM .monthlyCnt{color:#0076FF}

.pwp-cnt{font-size:14px;color:#767678;display:flex;margin-bottom:12px;padding:16px 0;background:#fff;border-radius:12px}
.pwp-cnt li{border-right:1px solid #eee;display:flex;flex-direction:column;align-items:center;flex:1}
.pwp-cnt li:last-child{border:0}
.pwp-cnt span{color:#0076ff;font-size:17px;font-weight:500}

@media(min-width:768px){
    .pwpWrap{min-height:calc(100% - 200px);padding:40px 30px 50px 30px}
    .pwpTop{margin-top:50px;display:flex;justify-content:space-between}
    .pwpTop .inputSelect{border:solid 1px #d5d5d5}
    .pwpTitle{padding-top:50px}
    .pwpTitle h3{font-size:50px;padding:0}
    .pwpTitle .explainPray{font-size:14px;margin:10px 0 0 0}
    .pwp-date{padding:12px 16px;gap:12px}
    .pwpSelect{margin:0}
    .pwpSelect .inputSelect{padding:10px 14px}
    .pwpTableWrap{display:flex;gap:20px;margin-top:30px}
    .pwp-box{width:38%;display:flex;flex-direction:column}
    .pwp-table:last-child{flex:1;order:-1}
    .pwp-table{padding:30px;margin-bottom:20px;order:-1}
    .pwp-btn-fix{position:unset;flex:1}
    .pwp-btn-fix .saveBtn{border-radius:12px;padding:20px;font-size:16px;position:sticky;position:-webkit-sticky;top:100px}
    .pwpCnt{padding:10px 0}
    .pwpCnt ul{display:flex}
    .pwpCnt li:last-child{padding:0 16px 0 0}
    .pwp-table::after{display:none}
    .pwpTable{width:100%;padding-top:30px}
    .pwpTableWrap table:not(:last-child){margin-bottom:30px}
    .pwpTable th{font-weight:500}
    .pwpTable td{font-weight:500;font-size:14px;padding:5px 10px}
    .pwpTable td.day{width:80px}
    .pwpTable td.daily{width:300px}
    .pwpTable td.weekly{width:300px}
    .pwpTable td.monthly{width:300px}
    .pwpTable td .inputText{width:55px;height:30px;font-size:12px;color:#000;background:#ffffff;border:solid 1px #d9d9d9;padding:0 10px}
    .pwpTable td .inputText.marker{background-color:#fff5d2}
    .pwpTable td .inputChk + label{width:30%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .pwpTable td .inputChk + label:before{margin:0 5px 2px 0}
    .pwpTableWrap table th,
    .pwp-head .title{font-size:24px}
    .pwpTableWrap .inputChk + label{font-size:16px;gap:8px}
    .pwp-cnt{margin-bottom:20px}
    .pwp-list .day{font-size:17px}
}

.pwNoteBox{margin:30px 20px 20px 20px}
.pwNoteBoxIn{background:#f4f8fb;border-radius:4px;text-align:left;margin:0 auto;padding:20px;max-width:460px}
.pwNoteBox h3{font-size:18px;font-weight:bold;letter-spacing:-0.5px;margin:0 0 10px 0}
.pwNoteBox .explain{font-size:15px;color:#6f6f6f;letter-spacing:-0.5px;margin:0 0 5px 0}
.pwNoteBox .explain .point{font-size:15px;color:#ff5757}
.pwNoteBox .warning{font-size:13px;padding:0}
.pwNoteBox .warning .point{color:#ff5757;font-weight:600}
.pwNoteBox .siteList{display:flex;flex-wrap:wrap;margin:20px 0 0 0}
.pwNoteBox .siteList .siteItem{width:33.3%;display:inline-block;min-width:44px;font-size:12px;color:#1e1e23;font-weight:600;text-align:center;letter-spacing:-0.5px;line-height:1.1;padding:50px 0 15px 0}
.pwNoteBox .siteList .siteItem.mm{background:url(/images/ico_site_mm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.mbms{background:url(/images/ico_site_mbms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.qr{background:url(/images/ico_site_qr@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.lms{background:url(/images/ico_site_lms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.educms{background:url(/images/ico_site_cms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.media{background:url(/images/ico_site_media@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.wm{background:url(/images/ico_site_wm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.tm{background:url(/images/ico_site_tm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.nmschool{background:url(/images/ico_site_nmschool@2x.png) 50% 0 no-repeat;background-size:44px auto}

.joinWrap{margin:0 auto;padding:40px 0 0 0}
.joinTitle{margin:0 0 20px 15px}
.joinTitle h2{font-size:21px;color:#000;font-weight:bold;letter-spacing:-1px;margin:0}

@media(min-width:740px){
.joinWrap{width:1230px;padding:40px 15px}
.joinWrap.joinConMiddleCla{width:870px;padding:40px 15px}
.joinTitle{margin-left:0}
.joinTitle h2{font-size:34px}
}

.joinStep{margin:0 0 30px 15px}
.joinStep .btnStep{background:none;border:0;position:relative;width:calc(25% - 10px);height:62px;margin:0 -2px}
.joinStep .btnStep.third{width:calc(33% - 10px)}
.joinStep .btnStep.center{width:25%}
.joinStep .btnStep.third.center{width:33.3%}
.joinStep .btnStep span.a{color:#666;text-decoration:none;position:relative;z-index:10;font-size:12px;letter-spacing:-0.5px}
.joinStep .btnStep .sbj{display:inline-block;font-size:14px;font-weight:600;line-height:1.0}
.joinStep .btnStep::before, 
.joinStep .btnStep::after{background:#fff;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s;height:31px}
.joinStep .btnStep::before{box-shadow:0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px -1px 0 #ddd;-webkit-transform:skew(45deg);transform:skew(35deg);top:0;border-right:1px solid #dbdfe5}
.joinStep .btnStep::after{box-shadow:0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 1px 0 #ddd;-webkit-transform:skew(-45deg);transform:skew(-35deg);bottom:0;border-right:1px solid #dbdfe5}
.joinStep .btnStep .box{display:inline-block;background-color:#fff;height:62px;width:40px;position:absolute;left:-18px;top:0;z-index:1;border-left:1px solid #dbdfe5}
.joinStep .btnStep .box.right{display:inline-block;background-color:#fff;position:absolute;right:-15px;left:auto;top:-1px;height:64px;z-index:1;border-top:1px solid #dbdfe5;border-bottom:1px solid #dbdfe5;border-left:none}
.joinStep .btnStep:last-child{width:calc(25% - 5px)}
.joinStep .btnStep.third:last-child{width:calc(33.3% - 5px)}

.joinStep .btnStep.step-on span.a{text-decoration:none;position:relative;z-index:10;color:#ffffff}
.joinStep .btnStep.step-on span.a:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #fff;border-radius:50%;background:url(/images/ico_step_arrow.png) 50% 50% no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.joinStep .btnStep.step-on::before{box-shadow:0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px -1px 0 #4995ec;background:#4995ec;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s}
.joinStep .btnStep.step-on::after{box-shadow:0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 1px 0 #4995ec;background:#4995ec;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s}
.joinStep .btnStep.step-on .box{display:inline-block;height:64px;top:-1px;background-color:#4995ec;border-left:1px solid #4995ec}
.joinStep .btnStep.step-on .box.right{display:inline-block;background-color:#4995ec;border-top:1px solid #4995ec;border-bottom:1px solid #4995ec;border-right:1px solid #4995ec}

.joinStep .btnStep.step-finish span.a:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #d8d8d8;border-radius:50%;background:url(/images/ico_step_arrow_finish.png) 50% 50% no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.joinStep .btnStep.step-finish::before{background:#f6f7f9}
.joinStep .btnStep.step-finish::after{background:#f6f7f9}
.joinStep .btnStep.step-finish .box{display:inline-block;background-color:#f6f7f9}
.joinStep .btnStep.step-finish .box.right{display:inline-block;background-color:#f6f7f9}

@media(min-width:740px){
.joinStep{margin:0 0 30px 20px}
.joinStep .btnStep{height:102px}
.joinStep .btnStep span.a{font-size:22px}
.joinStep .btnStep br{display:none}
.joinStep .btnStep .sbj{display:inline-block;font-size:22px;position:inherit;top:inherit}
.joinStep .btnStep::before, 
.joinStep .btnStep::after{height:51px}
.joinStep .btnStep .box{height:102px;top:0}
.joinStep .btnStep .box.right{height:104px;right:-18px;border-right:1px solid #dbdfe5}
.joinStep .btnStep:last-child{width:calc(25% - 10px)}

.joinStep .btnStep.step-on span.a:before{width:37px;height:37px;background-size:auto}
.joinStep .btnStep.step-on .box{height:104px}

.joinStep .btnStep.step-finish span.a:before{width:37px;height:37px;background-size:auto}
}

@media(max-width:350px){
.joinStep .btnStep span.a{font-size:11px}
.joinStep .btnStep .sbj{font-size:12px}
}

.joinConTitle{height:30px;position:relative;border-bottom:solid 1px #d8d8d8}
.joinConTitle h3{font-size:18px;color:#000;font-weight:bold;margin:0;padding:0 0 0 15px}
.joinConTitle .msgR{position:absolute;top:0;right:15px}
.joinConTitle .must{color:#ed5b59;font-size:14px}
.joinConTitle .must:before{display:inline-block;content:"";width:5px;height:5px;background:#ed5b59;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.joinConMiddle{padding:10px 15px;border-bottom:solid 1px #f0f0f0}
.joinConMiddleCla{padding:20px 15px}

.joinWrap .agreeChk{display:none}
.joinWrap .agreeChk + label{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.5px;cursor:pointer;text-indent:-28px;padding:20px 0 5px 28px;display:inline-block}
.joinWrap .agreeChk + label:before{display:inline-block;content:"";border:solid 1px #e0e0e0;width:19px;height:19px;vertical-align:middle;margin:0 7px 3px 0}
.joinWrap .agreeChk:checked + label:before{border:none;background:#2895f3 url(/images/ico_chk_w@2x.png) 50% 50% no-repeat;background-size:13px auto}
.joinWrap .agreeAll{border-bottom:solid 1px #f0f0f0}
.joinWrap .agreeAll label{color:#000;font-weight:600;padding-top:0;padding-bottom:5px}
.joinWrap .clauseArea{width:100%;height:150px;border:solid 1px #e8e8e8;background:#f6f7f9;resize:none;font-size:13px;color:#4c4c4c;line-height:1.8;padding:15px 15px;overflow-y:auto}

@media(min-width:740px){
.joinCon{border:solid 1px #e5e5e5}
.joinConTitle{height:70px}
.joinConTitle h3{font-size:21px;padding:23px 0 0 30px}
.joinConTitle .msgR{top:25px;right:30px}
.joinConMiddle{padding:40px;border-bottom:none}
.joinConMiddleCla{padding:40px}

.joinWrap .agreeChk + label{font-size:15px}
.joinWrap .clauseArea{height:200px;padding:20px 30px}
}

.joinFoot{text-align:center;margin:30px 0 0 0}
.joinFoot .btnNormal{width:130px;height:43px;background:#fff;border:solid 1px #d9d9d9;font-size:16px;color:#5e5e5e;margin:0 2px}
.joinFoot .btnPrimary{width:130px;height:43px;background:#2895f3;font-size:16px;color:#fff;margin:0 2px}

.joinFoot2{text-align:center;margin:30px 0 0 0;padding:0 15px}
.joinFoot2 .btnFinal{width:100%;max-width:600px;height:45px;background:#00b252;font-size:16px;color:#fff;font-weight:bold}
.joinFoot2 .warnMsg{font-size:15px;color:#ed5b59;margin:20px 0 0 0}
.joinFoot2 .warnMsg:before{display:inline-block;content:"!";width:20px;height:20px;line-height:20px;border:solid 1px #ed5b59;border-radius:50%;color:#ed5b59;vertical-align:middle;margin:0 5px 4px 0}

@media(min-width:740px){
.joinFoot{margin:30px 0 0 0}
.joinFoot .btnNormal{width:170px;height:50px}
.joinFoot .btnPrimary{width:170px;height:50px}

.joinFoot2{margin:50px 0 0 0}
.joinFoot2 .btnFinal{height:60px;font-size:20px}
}

.joinConMsg{background:#f5f9fc;border-bottom:solid 1px #e3f1f5;font-size:14px;color:#637d88;letter-spacing:-0.5px;padding:15px 15px 12px 15px}
.joinConMsg .date{display:block;color:#4995ec;letter-spacing:0;margin:10px 0 0 0}

@media(min-width:740px){
.joinConMsg{padding:15px 30px 12px 30px}
.joinConMsg .date{display:inline-block;margin:0 0 0 10px}
}

.joinFinishWrap{text-align:center;background:url(/images/ico_finish_b@2x.png) center 0 no-repeat;background-size:100px auto;padding:100px 15px 0 15px;margin:50px 0 30px 0}
.joinFinishWrap h3{font-size:24px;color:#4995ec;line-height:1.5;letter-spacing:-1px;margin:0 0 15px 0}
.joinFinishWrap .explain{font-size:14px;color:#333;line-height:1.5;letter-spacing:-1px}

@media(min-width:740px){
.joinFinishWrap{padding:100px 0 0 0;margin:110px 0 70px 0}
.joinFinishWrap h3{font-size:42px;margin:0 0 20px 0}
.joinFinishWrap .explain{font-size:19px}
}

.joinTable{width:100%}
.joinTable th{width:130px;height:40px;font-size:14px;color:#666667;letter-spacing:-0.5px;padding:5px 5px 5px 22px}
.joinTable th .must{display:inline-block;width:5px;height:5px;background:#ed5b59;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.joinTable td{font-size:14px;color:#333;position:relative;padding:5px 0}
.joinTable td.tdPhoto{width:100px;vertical-align:top;padding:0;position:relative}
.joinTable td .dvPhoto{width:100px;height:135px;background-size:100px auto;background-repeat:no-repeat;background-position:50% 50%;margin:12px 0 0 0;position:absolute;right:0}
.joinTable td .photoBorder{position:absolute;top:13px;right:0;width:100px;height:134px;border:solid 1px rgba(0,0,0,0.15)}
.joinTable tr.lineTop th{border-top:solid 1px #f0f0f0}
.joinTable tr.lineTop td{border-top:solid 1px #f0f0f0}
.joinTable tr.padTop th,
.joinTable tr.padTop td{padding-top:15px}
.joinTable tr.padBot th,
.joinTable tr.padBot td{padding-bottom:15px}
.joinTable tr.padBotS th,
.joinTable tr.padBotS td{padding-bottom:15px}
.joinTable tr.vTop th{vertical-align:top;padding-top:12px}
.joinTable tr.padTop.vTop th{padding-top:30px}
.joinTable .inputText{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 10px}
.joinTable .inputTextG{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 10px}
.joinTable .inputSelect{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px}
.joinTable .inputSelectG{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px}
.joinTable .inputDate{width:150px;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px}
.joinTable .inputArea{width:100%;height:80px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:10px;resize:none}
.joinTable .inputTextArea{width:100%;height:60px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:10px;resize:none}
.joinTable td .wPhone1{width:calc(25% - 14px)}
.joinTable td .wPhone1::placeholder{font-size:12px}
.joinTable td .wPhone2{width:calc(25%)}
.joinTable td .wMail{width:calc(50% - 12px)}
.joinTable td .wMailSel{width:100%;margin:5px 0 0 0}
.joinTable .grade{width:calc(25%);padding-right:10px}
.joinTable .wCommon{width:240px}
.joinTable .wYear{width:120px}
.joinTable .wDay{width:100px}
.joinTable .wPhone{width:120px}
.joinTable .wMail1{width:150px}
.joinTable .wMail2{width:300px}
.joinTable .wLong{width:797px}
.joinTable .inputRadio{display:none}
.joinTable .inputRadio + label{font-size:14px;color:#333;font-weight:normal;margin:3px 20px 3px 0;cursor:pointer;display:inline-block}
/* .joinTable .inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} */
.joinTable .inputRadio:checked + label{color:#4995ec}
.joinTable .inputRadio:checked + label:before{border:solid 5px #4995ec;box-sizing:border-box}
.joinTable .inputRadio:disabled + label{opacity:0.6;cursor:default}
.joinTable .inputRadio:disabled + label:before{background:#eee}
.joinTable .inputRadio:disabled:checked + label{color:#333}
.joinTable .inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7}
.joinTable .currentBg th,
.joinTable .currentBg td{background:#fdf9e9}
/* .joinTable td .btnSearch{min-width:60px;height:32px;line-height:29px;background:#838996;border:solid 1px #707683;border-radius:2px;color:#fff;font-weight:bold;font-size:13px} */
/* .joinTable td .btnSearch:before{display:inline-block;content:"";width:13px;height:14px;background:url(/images/ico-search-s.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0} */

.joinTable td .btnR{position:absolute;top:0;right:20px}
.joinTable .btnSH{width:42px;height:44px;text-indent:-9999px;background:url(/images/ico_sh_b@2x.png) 50% 50% no-repeat;background-size:20px auto;opacity:0.7;cursor:pointer;position:absolute;right:0;top:0;bottom:3px}
.joinTable td .btnGuide{height:24px;line-height:22px;font-size:13px;color:#666;background:#ffff;border:solid 1px #e0e6e8;padding:0 5px}
.joinTable td .btnGuide:before{display:inline-block;content:"?";width:15px;height:15px;line-height:15px;background:#c5c5c5;border-radius:50%;color:#fff;vertical-align:middle;margin:0 5px 3px 0}

.joinTable .select2-container--default .select2-selection--single{height:38px;border:solid 1px #d9d9d9;border-radius:0}
.joinTable .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}
.joinTable .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.joinTable .select2-container--default.select2-container--disabled .select2-selection--single{background:#f7f7f7}
.joinTable .select2-container{width:100%;max-width:320px}

.addrShLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.2);z-index:998}
.addrShLayerIn{position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:1001}
.addrShLayer .title{background:#438cff;padding:10px 12px 10px 12px;position:relative}
.addrShLayer .title h3{font-size:16px;color:#fff;line-height:1.1;font-weight:bold;letter-spacing:-0.5px;margin:0}
.addrShLayer .title .btnClose{width:40px;height:40px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;position:absolute;top:calc(50% - 20px);right:0;border:none;opacity:0.5}
.addrShLayer .addrBoxArea{padding:10px 10px 10px 10px;position:relative;margin:10px 0 0 0}
.addrShLayer .addrBoxArea .inputAddrSh{width:100%;height:35px;background:#fff;border:solid 1px #cbcbcb;color:#000;font-size:13px;padding:0 15px}
.addrShLayer .addrBoxArea .btnAddrDel{width:25px;height:35px;background:url(/images/btn_file_del@2x.png) 50% 50% no-repeat !important;background-size:16px auto !important;position:absolute;top:10px;right:44px;opacity:0.6;border:none}
.addrShLayer .addrBoxArea .btnAddrDel:hover{cursor:pointer}
.addrShLayer .addrBoxArea .btnAddrSh{width:25px;height:35px;background:url(/images/ico_otherch_ch@2x.png) 50% 50% no-repeat !important;background-size:16px auto !important;position:absolute;top:10px;right:18px;border:none}
.addrShLayer .addrBoxArea .btnAddrSh:hover{cursor:pointer}
.addrShLayer .addrBoxArea input{margin-bottom:5px}
.addrShLayer .addrResult{padding:20px 20px;width:100%;position:absolute;top:100px;z-index:1001;background-color:white;display:none}
.addrShLayer .addrResult h4{font-size:15px;color:#000;font-weight:bold;border-bottom:solid 1px #ddd;padding:0 0 10px 0}
.addrShLayer .addrResult h4 .total{color:#5776ff}
.addrShLayer .itemScroll{height:calc(100vh - 280px);overflow-y:auto}
.addrShLayer .item{border-bottom:solid 1px #eee;padding:15px 0 10px 0;position:relative}
.addrShLayer .itemIn{display:flex;flex-wrap:wrap;padding:0 60px 0 0;cursor:pointer}
.addrShLayer .item .br{width:100%;height:1px}
.addrShLayer .item .tit{width:60px;font-size:12px}
.addrShLayer .item .tit .road{display:inline-block;min-width:46px;background:#438cff;border-radius:3px;color:#fff;text-align:center;padding:2px 5px 1px 5px}
.addrShLayer .item .tit .num{display:inline-block;min-width:46px;border:solid 1px #ccc;border-radius:3px;color:#666;text-align:center;padding:2px 5px 1px 5px}
.addrShLayer .item .addressRoad{width:calc(100% - 60px);font-size:13px;color:#000;font-weight:bold;padding-top:2px}
.addrShLayer .item .tit{width:60px}
.addrShLayer .item .addressNum{width:calc(100% - 60px);font-size:13px;color:#666;padding-top:2px}
.addrShLayer .item .postcode{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;color:#333}
.addrShLayer .foundAddrInfoArea{display:flex;flex-direction:column;align-items:center;width:100%}
.addrShLayer .foundAddrInfoArea .latlng{display:flex;flex-direction:row;text-align:left;width:100%;margin-bottom:5px}
.addrShLayer .foundAddrInfoArea .latlng p{width:50%}
.addrShLayer .foundAddrInfoArea .foundAddr{text-align:left;width:100%;margin-bottom:5px}
.addrShLayer .foundAddrInfoArea.boldText{font-weight:bold}
.addrShLayer .mapApplyArea{display:flex;align-items:center;justify-content:space-between;margin:0 20px 10px 20px}
.addrShLayer .mapApplyArea .clickInfo{background:url(/images/ico_offer_explain@2x.png) 0 0 no-repeat;background-size:16px auto;font-size:14px;color:red;padding:0 0 0 20px}
.addrShLayer .mapApplyArea .btnApply{height:30px;background:#43506a;color:#fff;font-weight:bold;border-radius:5px;border:none;padding:0 10px}

.addrShLayer .addrMapArea{width:100%;height:40vh}

@media (min-width:1260px){
.addrShLayerIn{position:absolute;top:100px;width:500px;left:50%;right:inherit;bottom:auto;margin:0 0 0 -250px;border:solid 1px #999;box-shadow:5px 5px 5px rgba(0,0,0,0.15);z-index:1001}
.addrShLayer .addrBoxArea{padding:10px 20px 10px 20px}
.addrShLayer .addrBoxArea .btnAddrDel{right:54px}
.addrShLayer .addrBoxArea .btnAddrSh{right:28px}
.addrShLayer .itemScroll{height:auto;max-height:500px}
.addrShLayer .item{padding:20px 0 15px 0}
.addrShLayer .item .addressRoad{font-size:14px;padding-top:0}
.addrShLayer .item .addressNum{font-size:14px;padding-top:0}
}

.modal-dialog{margin:10px auto}
.modal-content{border-radius:0}
.modal-header{padding:11px 15px;background:#438cff;border-bottom:#427ad4;position:relative}
.modal-header .close{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;margin:0}
.modal-header h5{color:#fff;font-size:15px}
.modal-body{padding:20px}
.modal-body h3{font-size:15px;font-weight:bold;color:#000;padding:15px 0 10px 0}
.modal-body h3:first-child{padding-top:0}
.modal-body h3{margin:0}
.modal-body .explain{font-size:14px;color:#555;line-height:1.5;letter-spacing:-0.5px;padding:0 0 5px 0}
.modal-body .explain.marTop{margin:10px 0 0 0}
.modal-body .point{color:#fa3a3a}
.modal-body .btnCateAll{display:inline-block;height:20px;background:#a16628;color:#fff;padding:2px 5px 0 5px;border-radius:2px}
.modal-body .resultBox{margin:20px 0 0 0}
.modal-body .resultBoxAll{height:300px;overflow-y:scroll;background:#f9f9f9;padding:10px 0 5px 0;margin:5px 0 0 0}
.modal-body .resultBoxAll h3{padding-left:10px}
.modal-body .resultList li{font-size:13px;color:#555;cursor:pointer;border-bottom:dashed 1px #dedede;margin:0 0 5px 0;padding:10px 0}
.modal-body .resultList li .nation{font-size:11px;color:#555}
.modal-body .resultList li .result{font-size:14px;color:#438cff;font-weight:bold}
.modal-body .resultList li .arrow{display:inline-block;width:10px;height:8px;background:url(/images/ico_arrow_path2@2x.png) 50% 0 no-repeat;background-size:5px auto;vertical-align:middle;margin:0 0 3px 0}
.modal-body .resultList li:hover{color:#a16628}
.modal-body .inputText{width:100%;height:35px;background:#fff;border:solid 1px #ddd;font-size:13px;color:#000;padding:0 5px}
.modal-body .inputText.lifeNo{width:200px}
.modal-body .inputSh{width:calc(100% - 90px);height:35px;border:solid 1px #ddd;border-right:none;font-size:13px;color:#000;padding:0 5px}
.modal-body .inputSh.half{max-width:250px}
.modal-body .inputSh:disabled{background:#fafafa;border-color:#ddd}
.modal-body .btnSh{min-width:90px;height:35px;line-height:33px;background:#6c6f73;border:none;font-size:13px;color:#fff;font-weight:bold;text-align:center}
.modal-body .btnSh:hover{background:#56585b}
.modal-body .btnSh:before{display:inline-block;content:"";width:13px;height:14px;background:url(/images/ico-search-s.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.modal-footer{background:#f2f2f2;border-top:solid 1px #e6e8ea;text-align:center}
.modal-footer .btnPrimary{min-width:100px;height:35px;background:#438cff;border:solid 1px #3a7be0;border-radius:2px;color:#fff;font-size:14px;font-weight:bold;padding:0 5px}
.modal-footer .btnPrimary:hover{background:#2e72de}

.cd-accordion-menu{border-top:solid 1px #ddd}
.cd-accordion-menu ul{display:none}
.cd-accordion-menu li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0}
.cd-accordion-menu label,
.cd-accordion-menu a{position:relative;display:block;padding:6px 10px;font-size:14px;color:#a16628;margin:0}
.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover{background:#52565d}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after{content:'';display:inline-block;width:9px;height:9px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu label{cursor:pointer;border:solid 1px #ddd;border-top:none}
.cd-accordion-menu label::before{right:10px;background:url(/images/ico_arrow_work_up@2x.png) 0 0 no-repeat;background-size:9px auto;-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}
.cd-accordion-menu input[type=checkbox]:checked+label::before{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul{display:block}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a{padding-left:30px}
.cd-accordion-menu ul ul label:after{top:10px;left:11px;content:"└"}
.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover{background:#3c3f45}
.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a{box-shadow:none}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a{color:#000}
.cd-accordion-menu ul label::before{right:10px}
.cd-accordion-menu ul ul label::before{right:10px}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a{padding-left:30px}
.cd-accordion-menu ul ul ul label::before{right:10px}
/*.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after{left:95px}*/
.cd-accordion-menu .resultBox{background:#f9f9f9;border:solid 1px #ddd;border-top:none;margin:0;padding:10px 0 0 0}
.cd-accordion-menu .resultBox li a{padding:0 10px 10px 25px}
.cd-accordion-menu .resultBox li a:before{display:inline-block;content:"ㆍ"}
.cd-accordion-menu.animated label::before{-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}

.reqChoiceWrap{margin:0 auto;max-width:780px}
.reqChoiceWrapIn{width:100%;padding:30px 15px 10px 15px}
.reqChoiceBox{border-radius:8px;padding:30px 30px 30px 30px;margin:0 0 10px 0;cursor:pointer}
.reqChoiceBox.endWmMember{background:url(/images/bg_inquiry_my@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.reqChoiceBox.changeWm{background:url(/images/bg_inquiry_instead@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.reqChoiceBox h3{font-size:18px;color:#fff;font-weight:bold;margin:0 0 10px 0}
.reqChoiceBox .explain{font-size:14px;color:#979ca6}
.reqChoiceBox .btnArea{margin:20px 0 0 0}
.reqChoiceBox .btnRequest{background:transparent url(/images/ico_arrow_inquiry@2x.png) right 50% no-repeat;background-size:auto 15px;color:#fff;font-weight:bold;font-size:15px;line-height:1.1;border-radius:8px;padding:0 30px 0 0;cursor:pointer}

@media screen and (min-width:1024px){
.reqChoiceWrapIn{display:flex;padding:70px 5px 10px 5px}
.reqChoiceBox{flex:1;min-height:220px;padding:45px 30px 45px 30px;margin:0 5px}
.reqChoiceBox.endWmMember{background-size:100% 100%}
.reqChoiceBox.changeWm{background-size:100% 100%}
.reqChoiceBox h3{font-size:20px}
.reqChoiceBox .btnArea{margin:30px 0 0 0}
.reqChoiceBox .btnRequest{font-size:16px}
}

.fraListWrap{max-width:1100px;margin:0 auto;padding:30px 15px}
.fraListTitle h2{font-size:35px;font-weight:bold;margin:0}

@media(min-width:740px){
.fraListTitle{text-align:center}
.fraListTitle h2{font-size:46px}
}

.fraListTop{text-align:center;margin:20px 0 40px 0;position:relative}
.fraListTop .listSearch{display:inline-block;width:100%;max-width:230px;position:relative}
.fraListTop .inputSearch{width:100%;height:46px;border:none;border-bottom:solid 1px #1e1e1e;font-size:15px;padding:0}
.fraListTop .btnSH{position:absolute;top:0;right:0;width:36px;height:46px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;text-indent:-9999px;cursor:pointer;outline:none}
.fraListTop .inputLang{width:100px;height:36px;/*background:url(/images/ico_arrow_sel_g.png) calc(100% - 10px) 50% no-repeat;*/border:solid 1px #888;border-radius:20px;font-size:13px;font-weight:500;color:#000;padding:0 8px 0 8px;margin:5px 10px 0 0;cursor:pointer}

.fraListTop .btnChkR{display:block;margin:20px 0 0 0}
.fraListTop .inputChk{display:none}
.fraListTop .inputChk + label{margin:0 15px 0 0;font-size:13px;font-weight:bold;cursor:pointer;color:#000;line-height:23px}
.fraListTop .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 1px #bcbdc0;border-radius:2px;vertical-align:bottom;margin:0 6px 2px 0}
.fraListTop .inputChk:checked + label{color:#2366FF}
.fraListTop .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}


@media(min-width:740px){
.fraListTop .btnChkR{position:absolute;bottom:0;right:0;margin:0}
}

.fraListTable{width:100%}
.fraListTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #f5f5f5;padding:8px 0 8px 0}
.fraListTable td{color:#777;font-size:14px;padding:0 5px 0 0;letter-spacing:-0.5px}
.fraListTable td.num{width:70px;text-align:center;vertical-align:top;align-self:flex-start}
.fraListTable td.num .must{color:red}
.fraListTable td.num .rec{padding:1px 5px;border-radius:3px;font-size:1.2rem;vertical-align:middle;letter-spacing:-0.5px;display:inline-block;color:#00A048;background:rgba(0,160,72,0.1)}
.fraListTable td.subject{width:calc(100% - 70px);color:#000;font-size:17px;line-height:1.3;font-weight:500;text-align:left;margin:0 0 5px 0;padding-left:0;cursor:pointer}
.fraListTable td.subject:hover{color:#2895f3}
.fraListTable td.subject a{color:#000}
.fraListTable td.kind{color:#5776ff}
.fraListTable td.name{margin:0 0 0 70px}
.fraListTable td.club{color:#000}
.fraListTable td.hit{margin:0 0 0 7px}
.fraListTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0}
.fraListTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:bold;margin:0 2px}
.fraListTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 -1px 4px 0}
.fraListTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6}

.inqListWrap{max-width:1250px;margin:0 auto;padding:30px 0}
.btnCounselWrite{width:75%;height:45px;background:#438cff;border-radius:30px;color:#fff;font-weight:500;padding:2px 20px 0 20px;margin:10px 0 0 0}
.btnCounselWrite:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0}

@media(min-width:740px){
.inqListWrap{padding:60px 15px}
.btnCounselWrite{width:auto;font-size:17px;margin-top:0}
}

.oftenCon .stateMsg{margin:20px 0 0 0;position:relative}
.oftenCon .stateMsg .state{display:flex;align-items:center;gap:10px;margin:0 0 8px 0}
.oftenCon .stateMsg .stateIng{height:29px;line-height:28px;background:#008412;border-radius:28px;color:#fff;font-size:16px;font-weight:500;padding:0 10px}
.oftenCon .stateMsg .stateCancel{height:29px;line-height:28px;background:#FB2A30;border-radius:28px;color:#fff;font-size:16px;font-weight:500;padding:0 10px}
.oftenCon .stateMsg .btnReason{background-color:transparent;background-image:url(/images/ico_state_reason_down@2x.png);background-position:right 50%;background-repeat:no-repeat;background-size:auto 5px;font-size:13px;color:#FD5156;font-weight:600;padding:0 12px 0 0}
.oftenCon .stateMsg .btnReason.on{background-image:url(/images/ico_state_reason_up@2x.png)}
.oftenCon .stateMsg .msg{font-size:15px;color:#666}
.oftenCon .reasonMsg{background:#fff;border-radius:8px;box-shadow:0 5px 5px rgba(0,0,0,0.2);color:#333;font-size:14px;font-weight:500;padding:20px;position:absolute;top:38px;z-index:1}
.oftenCon .reasonTit{font-weight:600;margin:0 0 2px 0}

/*QNA*/

.qnaListWrap{max-width:1100px;margin:0 auto;padding:30px 0}
.qnaListTitle h2{font-size:28px;font-weight:700;margin:0}

@media(min-width:740px){
.qnaListTitle{text-align:center}
}

.qnaListTop{text-align:center;margin:20px 0 20px 0;position:relative}
.qnaListTop .listSearch{display:flex;height:44px;align-items:center;background:#F7F8F9;border-radius:50px;padding:0 5px 0 15px}
.qnaListTop .inputSearch{flex:1;height:36px;border:none;font-size:14px;color:#333;padding:0}
.qnaListTop .btnSH{width:36px;height:36px;background:url(/images/ico_top_search@2x.png) 50% 50% no-repeat;background-size:17px auto;text-indent:-9999px;cursor:pointer;outline:none}
.qnaListTop .inputLang{width:100px;height:36px;/*background:url(/images/ico_arrow_sel_g.png) calc(100% - 10px) 50% no-repeat;*/border:solid 1px #888;border-radius:20px;font-size:13px;font-weight:500;color:#000;padding:0 8px 0 8px;margin:5px 10px 0 0;cursor:pointer}

.qnaListTop .btnChkR{display:block;text-align:right;margin:10px 0 0 0}
.qnaListTop .inputChk{display:none}
.qnaListTop .inputChk + label{margin:0 15px 0 0;font-size:13px;font-weight:bold;cursor:pointer;color:#000;line-height:23px}
.qnaListTop .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 1px #bcbdc0;border-radius:2px;vertical-align:bottom;margin:0 6px 2px 0}
.qnaListTop .inputChk:checked + label{color:#2366FF}
.qnaListTop .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}


@media(min-width:740px){
.qnaListTop{display:flex;align-items:center;justify-content:end;gap:10px}
.qnaListTop .listSearch{width:300px}
.qnaListTop .btnChkR{margin:0}
}

.qnaListTable{width:100%}
.qnaListTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #f5f5f5;padding:8px 0 8px 0}
.qnaListTable td{color:#777;font-size:14px;padding:0 5px 0 0;letter-spacing:-0.5px}
.qnaListTable td.num{width:70px;text-align:center;vertical-align:top;align-self:flex-start}
.qnaListTable td.num .must{color:red}
.qnaListTable td.num .rec{padding:1px 5px;border-radius:3px;font-size:1.2rem;vertical-align:middle;letter-spacing:-0.5px;display:inline-block;color:#00A048;background:rgba(0,160,72,0.1)}
.qnaListTable td.subject{width:calc(100% - 70px);color:#000;font-size:17px;line-height:1.3;font-weight:500;text-align:left;margin:0 0 5px 0;padding-left:0;cursor:pointer}
.qnaListTable td.subject:hover{color:#2895f3}
.qnaListTable td.subject a{color:#000}
.qnaListTable td.kind{color:#5776ff}
.qnaListTable td.name{margin:0 0 0 70px}
.qnaListTable td.club{color:#000}
.qnaListTable td.hit{margin:0 0 0 7px}
.qnaListTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0}
.qnaListTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:bold;margin:0 2px}
.qnaListTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 -1px 4px 0}
.qnaListTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6}

@media(min-width:740px){
.qnaListWrap{padding:60px 15px}

.qnaListTitle h2{font-size:46px}

.qnaListTable{border-top:solid 1px #e6e6e6;margin-top:20px}
.qnaListTable tr{display:table-row;width:100%;padding:0}
.qnaListTable td{height:50px;text-align:center;padding:0}
.qnaListTable td.num{vertical-align:middle}
.qnaListTable td.num .rec{padding:3px 8px}
.qnaListTable td.subject{width:auto;text-align:left;margin:0;padding-left:5px}
.qnaListTable td.name{margin:0;min-width:80px}
.qnaListTable td.date{margin:0;width:100px}
.qnaListTable td.hit{width:60px;margin:0}
.qnaListTable .replyNum{font-weight:500}
}

.status{display:inline-block;min-width:40px;border:none;border-radius:15px;font-size:12px;font-weight:600;padding:2px 6px;overflow:hidden;vertical-align:middle;text-align:center;margin:0 5px 0 0}
.status.writing{background:#c7c6c6;color:#fff}
.status.notAnswer{background:#E0E8FC;color:#3769FF}
.status.complete{min-width:auto;background:#fff;color:#666;border-radius:0;padding:2px 0}
.completeDt{font-size:12px}

@media(min-width:740px){
.status{min-width:60px;padding:4px 10px}
}

.qnaTable{width:100%;border-top:solid 1px #e6e6e6}
.qnaTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #edebeb;padding:15px 0 15px 30px;position:relative}
.qnaTable td{order:1;color:#878787;font-size:14px;line-height:1.1;padding:0 5px 0 0;letter-spacing:-0.5px}
.qnaTable td.num{order:0;width:35px;text-align:center;vertical-align:top;position:absolute;top:15px;left:0}
.qnaTable td.num .must{color:red}
.qnaTable td.num .rec{display:inline-block;height:18px;line-height:18px;max-width:25px;background:#6cbd3c;border-radius:2px;color:#fff;font-size:11px;padding:0 2px;overflow:hidden;vertical-align:middle;letter-spacing:-1px}
.qnaTable td.subject{width:calc(100% - 35px);color:#333;font-size:17px;line-height:1.3;font-weight:500;text-align:left;margin:5px 0 10px 0;padding-left:0;cursor:pointer}
.qnaTable td.subject a{color:#000}
.qnaTable td.name:after{display:inline-block;content:"";width:1px;height:10px;background:#ddd;margin:0 0 0 10px}
.qnaTable td.club{color:#000}
.qnaTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0}
.qnaTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:500;margin:0 2px}
.qnaTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 -1px 4px 0}
.qnaTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6}
.qnaTable td.kind{order:0;color:#28A0FE;font-weight:400;text-align:left}
.qnaTable td.date{letter-spacing:0;margin:0 5px 0 0}
.qnaTable td.answer{order:0}
.qnaTable td.answer br{display:none}

@media(min-width:740px){
.qnaTable{border-top:solid 1px #e6e6e6;margin-top:20px}
.qnaTable tr{display:table-row;width:100%}
.qnaTable td{height:50px;text-align:center;font-size:14px;padding:0}
.qnaTable td.num{position:inherit;top:inherit;left:inherit;vertical-align:middle}
.qnaTable td.num .rec{padding:0 3px 0 2px}
.qnaTable td.kind{width:150px;font-weight:500}
.qnaTable td.subject{width:auto;text-align:left;margin:0}
.qnaTable td.subject:hover{color:#28A0FE}
.qnaTable td.name{width:120px;margin:0}
.qnaTable td.name:after{display:none}
.qnaTable td.date{width:150px;margin:0}
.qnaTable td.hit{width:60px}
.qnaTable td.date{margin:0}
.qnaTable td.answer{width:110px;margin:0}
.qnaTable td.answer br{display:inline-block}
.qnaTable .replyNum{font-weight:500}
}

.qnaListWrap{max-width:1250px;margin:0 auto}
.btnQnaWrite{height:40px;background:#0B0D0F;border-radius:30px;color:#fff;font-weight:500;padding:2px 20px 0 20px}
.btnQnaWrite:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0}

@media(min-width:740px){
.qnaListWrap{padding:60px 15px}
.btnQnaWrite{width:auto;height:44px;font-size:14px;margin-top:0}
}


.qnaWriteWrap{max-width:775px;margin:0 auto;padding:20px 0}
.qnaWriteTitle{margin:0 0 20px 0}
.qnaWriteTitle h3{font-size:20px;color:#222;font-weight:bold;letter-spacing:-1px}
.qnaWriteTitle .explain{font-size:15px;color:#a2a2a2;line-height:1.5;margin:5px 0 0 0}

@media(min-width:740px){
.qnaWriteTitle{text-align:center;margin-bottom:30px}
.qnaWriteTitle h3{font-size:38px;font-weight:500}
.qnaWriteTitle .explain{margin:10px 0 0 0}
}

.qnaWriteWrap{max-width:835px;margin:0 auto;padding:20px 0}

.qnaWriteCon .writeRow{margin:0 0 10px 0}
.qnaWriteCon .inputText{width:100%;height:38px;font-size:14px;color:#000;background:#fff;border:solid 1px #d9d9d9;padding:0 10px}
.qnaWriteCon .inputText:disabled{background:#f1f1f1}
.qnaWriteCon .inputSelect{width:100%;height:38px;font-size:14px;color:#000;background:#fff;border:solid 1px #d9d9d9;padding:0 5px}
.qnaWriteCon .inputSelect:disabled{background:#f1f1f1}
.qnaWriteCon .inputArea{width:100%;height:300px;border:solid 1px #d9d9d9;font-size:14px;color:#000;padding:10px;resize:none}
.qnaWriteCon .select2-container--default .select2-selection--single{height:38px;border:solid 1px #d9d9d9;border-radius:0}
.qnaWriteCon .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}
.qnaWriteCon .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.qnaWriteCon .select2-container--default.select2-container--disabled .select2-selection--single{background:#f7f7f7}
.qnaWriteCon .select2-container{width:100%}

.qnaWriteBtn{text-align:center;margin:20px 0 30px 0}
.qnaWriteBtn .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#616161;font-weight:600;background:#fff;border:solid 1px #cfcfcf;border-radius:26px;padding:0 10px;cursor:pointer}
.qnaWriteBtn .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0}
.qnaWriteBtn .btnBack:hover{text-decoration:none}
.qnaWriteBtn .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#616161;font-weight:600;background:#fff;border:solid 1px #cfcfcf;border-radius:26px;padding:0 10px;cursor:pointer}
.qnaWriteBtn .btnOk{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#fff;font-weight:600;background:#5776ff;border:solid 1px #5776ff;border-radius:26px;padding:0 10px;cursor:pointer}
.qnaWriteBtn button{margin:0 2px}
.qnaWriteBtn button:nth-first-child(1){margin:0}

@media(min-width:740px){
.qnaWriteBtn .btnBack{min-width:140px;height:50px;line-height:48px;font-size:15px}
.qnaWriteBtn .btnDelete{min-width:140px;height:50px;line-height:48px;font-size:15px}
.qnaWriteBtn .btnOk{min-width:140px;height:50px;line-height:48px;font-size:15px}
}

.writeUserTable{width:100%;margin:0}
.writeUserTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;padding:8px 0 12px 0}
.writeUserTable tr.trArtical{border-bottom:solid 1px #b5b5b5;padding:0}
.writeUserTable th{width:100%;font-size:16px;color:#333;font-weight:600;padding:0 0 5px 0;text-align:left}
.writeUserTable td{width:100%}
.writeUserTable .btnClubSH{height:32px;background:#838996;border:solid 1px #707683;border-radius:2px;font-size:14px;color:#fff;font-weight:bold;padding:0 10px}
.writeUserTable .btnClubSH:before{display:inline-block;content:"";width:14px;height:15px;background:url(/images/ico_search_w@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 0 0}
.writeUserTable .inputRadio{display:none}
.writeUserTable .inputRadio + label{display:inline-block;font-size:16px;color:#333;font-weight:bold;margin:0 20px 0 0;cursor:pointer}
.writeUserTable .inputRadio + label:before{display:inline-block;content:"";width:14px;height:14px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.writeUserTable .inputRadio:checked + label{color:#5776ff}
.writeUserTable .inputRadio:checked + label:before{width:14px;height:14px;border:solid 5px #5776ff}
.writeUserTable .inputRadio:disabled + label{opacity:0.5;cursor:default}

.writeUserTable .inputChk{display:none}
.writeUserTable .inputChk + label{display:inline-block;font-size:16px;font-weight:400;letter-spacing:-0.5px;margin:0;text-indent:0;cursor:pointer}
.writeUserTable .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.writeUserTable .inputChk:checked + label{color:#5776ff}
.writeUserTable .inputChk:checked + label:before{background:#5776ff url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#5776ff}
.writeUserTable .inputChk:disabled + label{opacity:0.5;cursor:default}
.writeUserTable .inputChk.marNone + label{margin:0 5px 0 0}

@media(max-width:420px){
.writeUserTable .inputChk + label{min-width:145px}
}

@media(min-width:740px){
.writeUserTable tr.trArtical{border-bottom:none;padding:8px 0 12px 0}
}

.qnaChoiceWrap{margin:0 auto;max-width:780px}
.qnaChoiceWrapIn{width:100%;padding:30px 0 10px 0}
.qnaChoiceBox{border-radius:8px;padding:30px 30px 30px 30px;margin:0 0 10px 0;cursor:pointer}
.qnaChoiceBox.myBox{background:url(/images/bg_inquiry_my@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.qnaChoiceBox.requestBox{background:url(/images/bg_inquiry_instead@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.qnaChoiceBox h3{font-size:18px;color:#fff;font-weight:bold;margin:0 0 10px 0}
.qnaChoiceBox .explain{font-size:14px;color:#979ca6}
.qnaChoiceBox .btnArea{margin:20px 0 0 0}
.qnaChoiceBox .btnInqury{background:transparent url(/images/ico_arrow_inquiry@2x.png) right 50% no-repeat;background-size:auto 15px;color:#fff;font-weight:500;font-size:15px;line-height:1.1;border-radius:8px;padding:0 30px 0 0;cursor:pointer}

@media screen and (min-width:1024px){
.qnaChoiceWrapIn{display:flex;padding:50px 0 10px 0}
.qnaChoiceBox{flex:1;min-height:220px;padding:45px 30px 45px 30px;margin:0 5px}
.qnaChoiceBox.myBox{background-size:100% 100%}
.qnaChoiceBox.insteadBox{background-size:100% 100%}
.qnaChoiceBox h3{font-size:24px}
.qnaChoiceBox .btnArea{margin:30px 0 0 0}
.qnaChoiceBox .btnInqury{font-size:16px}
}

.qnaConWrap{max-width:775px;margin:0 auto;padding:30px 0}

@media(min-width:740px){
.qnaConWrap{padding:30px 0 50px 0}
}

.qnaConTitle{margin:0 0 30px 0}
.qnaConTitle .depthTop{font-size:16px;color:#2895f3}
.qnaConTitle .cate{font-size:13px;color:#0076FF}
.qnaConTitle h3{font-size:20px;font-weight:600;color:#222;line-height:1.4;margin:5px 0 0 0}
.qnaConTitle .infoUnder{font-size:13px;color:#888;padding:10px 0 0 0;position:relative}
.qnaConTitle .infoUnder .bar{color:#eee;margin:0 5px;display:none}
.qnaConTitle .infoUnder .cnt{display:inline-block}
.qnaConTitle .infoUnder .cnt:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0}
.qnaConTitle .infoUnderR{position:absolute;top:0;right:0}
.qnaConTitle h4.fileHead{color:#000;font-size:20px;font-weight:600;margin:30px 0 10px 0;padding:0 0 0 12px;position:relative}
.qnaConTitle h4.fileHead:before{display:inline-block;content:"";width:5px;height:5px;background:#000;border-radius:50%;position:absolute;top:7px;left:0}
.qnaArticle{font-size:17px;color:#141414;line-height:1.8;letter-spacing:-0.5px;word-break:break-all}
.qnaArticle.editCon{margin:40px 0 60px 0}

@media(min-width:740px){
.qnaConTitle{margin:0 0 40px 0}
.qnaConTitle .depthTop{font-size:17px}
.qnaConTitle h3{font-size:38px;letter-spacing:-2px}
.qnaConTitle .infoUnder{font-size:15px}
.qnaArticle{font-size:18px;color:#333}
}

.qnaConTitle .btnList{min-width:60px;height:30px;border:solid 1px #dbdfe6;background:#fff;font-size:13px;color:#777777;padding:0 5px;margin:0 0 0 5px;cursor:pointer}
.qnaConTitle .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_detail_list.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.qnaConTitle .btnFinish{min-width:100px;height:30px;font-size:13px;font-weight:bold;background:#438cff;border:solid 1px #3a7be0;color:#fff;padding:0 10px;margin:0 0 0 5px;cursor:pointer}
.qnaConTitle .btnFinish.ok{opacity:0.5;cursor:default}
.qnaConTitle .btnFinish.ok:before{display:inline-block;content:"";width:10px;height:8px;background:url(/images/ico_check_att.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.qnaConTitle .btnFinish.ok em{font-size:10px;font-weight:lighter;margin:0 0 0 5px}

.qnaConFoot{text-align:center;margin:20px 0 0 0}
.qnaConFoot button{min-width:70px;height:40px;line-height:38px;font-size:13px;font-weight:500;background:#fff;border-radius:22px;padding:0 10px;cursor:pointer}
.qnaConFoot button:nth-first-child(1){margin:0}
.qnaConFoot .btnBack{display:inline-block;color:#333;border:solid 1px #c9c9c9}
.qnaConFoot .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0}
.qnaConFoot .btnDelete{display:none;color:#616161;border:solid 1px #cfcfcf}
.qnaConFoot .btnModify{display:none;color:#616161;border:solid 1px #cfcfcf}
.qnaConFoot .btnSave{display:none;font-size:13px;color:#fff;background:#5776ff;border:solid 1px #5776ff}
@media(min-width:740px){
.qnaConFoot{margin:30px 0 0 0}
.qnaConFoot button{min-width:120px;height:50px;line-height:48px;font-size:15px;border-radius:26px;margin:0 2px}
}

.listTableWrap, .newsListBg, .mediaContentsWrap, .noticeListWrap{margin:10px 0 0 0}

.langBox{background:transparent;height:40px;overflow-y:hidden;position:relative;padding:0 0 1px 0;margin:0 0 10px 0}
.langBox.expand{height:auto}
.langBoxL{display:flex;flex-wrap:wrap;width:calc(100% - 41px);height:40px;border:solid 1px #e7e7e7;border-radius:6px;overflow:hidden;background:#fff}
.langBox.expand .langBoxL{height:auto}
.langBoxL button{flex:0 0 25%;height:40px;background:#fff;box-shadow:0 0 0 1px #e7e7e7;font-size:12px;color:#000;font-weight:500;overflow:hidden;padding:0;cursor:pointer}
.langBoxL button.on{background:#3182F6;border-color:#3182F6;color:#fff}
.langBoxL button .lang{display:block}
.langBoxL button .kr{display:inline-block;color:#8e8e8e;font-weight:300}
.langBoxL button.on .kr{color:#fff}
.langBoxR{position:absolute;top:0;right:0}
.langBoxR .btnLangView{width:36px;height:37px;background:#f5f5f5 url(/images/ico_lang_down@2x.png) 50% 50% no-repeat;background-size:12px auto;border-radius:50%;cursor:pointer}
.langBox.expand .btnLangView{background-image:url(/images/ico_lang_up@2x.png)}

@media(min-width:700px){
.langBox{height:44px;margin-bottom:20px}
.langBoxL{height:44px}
.langBoxL button{flex:0 0 9.09%;height:44px}
.langBoxR{display:block;top:4px}
}

.fragWriteTitle{margin:0 0 20px 0}
.fragWriteTitle h3{font-size:20px;color:#222;font-weight:bold;letter-spacing:-1px}
.fragWriteTitle .explain{font-size:15px;color:#a2a2a2;line-height:1.5;margin:5px 0 0 0}

@media(min-width:740px){
.fragWriteTitle{text-align:center;margin-bottom:30px}
.fragWriteTitle h3{font-size:38px;font-weight:500}
.fragWriteTitle .explain{margin:10px 0 0 0}
}

.icoQuestion:before{content:"";background:transparent url('/images/ico_question.png') no-repeat;background-size:contain;width:20px;height:20px;display:inline-block;transform:translate(0px, 5px);cursor:pointer}
.infoLayer{position:absolute;width:630px;height:auto;background-color:white;top:58%;left:57%;transform:translate(-50%, -50%);border-radius:10px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);padding:20px;display:none}
.wmGbInfoTable{width:100%;border-collapse:collapse;font-size:14px;text-align:left;background-color:#fff;border-radius:8px;overflow:hidden}
.wmGbInfoTable thead{font-weight:bold}
.wmGbInfoTable thead th{padding:12px;border-bottom:2px solid #ccc;text-align:center}
.wmGbInfoTable tbody td{padding:12px;border-bottom:1px solid #eaeaea;text-align:center}
.wmGbInfoTable td.description{text-align:left}
.closeBtn{position:absolute;top:10px;right:10px;width:24px;height:24px;background:transparent;border:none;font-size:20px;color:#333;cursor:pointer;transition:color 0.2s}
.closeBtn:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(/images/ico_close@2x.png);background-size:cover;background-repeat:no-repeat}
.wmGbInfoTable td span{display:block;text-indent:-1.2em;padding-left:2em;word-break:break-word}

@media(max-width:739px){
.infoLayer{width:90%;max-width:none;height:auto;max-height:60vh;scrollbar-width:none;left:50%;top:50%;transform:translate(-50%, -50%)}
.infoLayer .content{overflow-y:auto;height:50vh}
.wmGbInfoTable tbody td:nth-child(2){max-width:60px}
}