@charset "euc-kr";
@import url('./jquery-ui.min.css');
@import url('./slick.css');
@import url('./jquery.mCustomScrollbar.css');
@import url('./r_font.css');
@import url('./cmm.css');

/* Reset */
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:'Noto Sans KR','Malgun Gothic',"¸¼Àº °íµñ","dotum",-apple-system-font, "Apple SD Gothic Neo", sans-serif !important;font-size:12px;color:#333; letter-spacing: -.63px;} /*-45*/
body{text-align:left; word-break:keep-all;}
img,fieldset,iframe{border:0 none}
iframe{max-width: 100%;}
li{list-style:none}
input,select,button{vertical-align:top}
input:-webkit-autofill,textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
input::-ms-clear { display: none; }
img{vertical-align:top; max-width:100%;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}
* {box-sizing:border-box;}
.slick-slide:focus{outline: none !important;}
.clearfix:after,.clearfix:before{content: ' '; display: table;}
.clearfix:after{clear: both;}
.hidetxt{position: absolute; width: 0; height: 0; visibility: hidden; overflow: hidden; line-height: 0;}
/* Placeholder */
::-webkit-input-placeholder {letter-spacing: -.45px; color: #bbb; font-weight: normal; }
:-moz-placeholder {letter-spacing: -.45px; color: #bbb; opacity: 1; font-weight: normal; }
::-moz-placeholder {letter-spacing: -.45px; color: #bbb; opacity: 1; font-weight: normal; }
:-ms-input-placeholder {letter-spacing: -.45px; color: #bbb; font-weight: normal; }

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search'],textarea,input[type='file'],input[type='tel']{-webkit-appearance:none;-webkit-border-radius:0;}
/* select:not(.ui-datepicker-month):not(.ui-datepicker-year), */

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

.innerWrap{min-width: 1260px; width: 1260px; margin-left: auto; margin-right: auto;}
.container{padding-bottom: 100px;}
.container.gray{background-color: #eef1f6;}
.container.paddingbottom0{padding-bottom: 0;}

.header{}
.header .headerInner{border-bottom: 1px solid #cad6e2;}
.header .headerInner .dimmd{height: 60px; opacity:.8; background: #fff; position: absolute; left: 0; top: 116px; z-index: 9; width: 100%; display: none;}
.header .headerInner .dimmd.no_visual{background:#d2d2d7; opacity:1;}
.header .headerInner{min-width:1260px; position:relative;}
.header .hdStmap{}
.header .hdStmap .gdStInner{text-align: right; padding: 7px 0 9px;}
.header .hdStmap .inst{font-size: 13px; display: inline-block; vertical-align: middle; margin-right: 7px; color: #333; text-align: right; line-height: 32px;}
.header .hdStmap .inst .poi{color: #5692ff;}
.header .hdStmap .gbtsn{display: inline-block; vertical-align: top; font-weight: normal; border-radius: 3px; height: 23px; line-height: 21px; padding: 0 10px; font-size: 12px; border: 1px solid transparent; margin-left: 3px;}
.header .hdStmap a.gbtsn{line-height: 21px;}
.header .hdStmap .gbtsn.prim{background-color: #0f95e2; color: #fff;}
.header .hdStmap .gbtsn.navy{background-color: #5d80a4; color: #fff;}
.header .hdStmap .gbtsn.dnavy{background-color: #657586; color: #fff;}
.header .hdStmap .gbtsn.gray{background-color: #d4dce4; color: #333;}
.header .hdStmap .gbtsn.gray.outline{border-color: #d4dce4; background-color: #fff; color: #757d84;}
.header .hdStmap .gbtsn.deRform{}
.header .hdStmap .gbtsn.deRform .int{display: inline-block; vertical-align: top;}
.header .hdStmap .gbtsn.deRform .inc{width: 7px; height: 4px; display: inline-block; vertical-align: middle; background: no-repeat url(../images/arrow_7_4.png); margin-left: 3px; margin-top: -1px;}
.header .hdStmap .grLayWr{display: inline-block; position: relative; vertical-align: top;}
.header .hdStmap .grLayWr .lstsaArea{display: none; padding-top: 7px; position: absolute; left: 50%; transform: translateX(-50%); top: 22px; z-index: 10;}
.header .hdStmap .grLayWr .lstsa{padding: 4px 3px 6px; border: 1px solid #d4dce4; background: #fff; border-radius: 5px; min-width: 73px; position: relative;}
.header .hdStmap .grLayWr .lstsa:after{content: ''; width: 10px; height: 5px; background: no-repeat left bottom url(../images/grLayWr.png); position: absolute; left: 50%; margin-left: -5px; top: -5px;}
.header .hdStmap .grLayWr .lstsa .tp{}
.header .hdStmap .grLayWr .lstsa .tp .txt{font-size: 12px; display: block; text-align: center; line-height: 22px; color: #6c7984; font-weight: 400;}
.header .hdStmap .grLayWr .lstsa .tp .txt:hover{text-decoration: underline;}
.header .hdStmap .grLayWr:hover .lstsaArea{display: block;}
.header .hdStmap .grLayWr:hover .gbtsn.deRform .inc{transform: rotate(-180deg);}
.header .gnbArea{position: relative; padding-left: 263px; padding-right: 200px;}
.header .gnbArea:after{content:''; display:block; clear:both;}
.header .gnbArea .logo{width: 195px; height: 45px; background: no-repeat left top url(../images/logo.png); display: block; position: absolute; left: 0; top: 0;}
.header .gnbArea .gnb{padding-bottom: 22px; padding-top: 19px; float:left;}
.header .gnbArea .gnb>.lst{min-height: 26px; display:flex;}
.header .gnbArea .gnb>.lst > .tp:first-of-type .dtpd{text-align:left;}
.header .gnbArea .gnb>.lst:before{content: ''; clear: both; display: table;}
.header .gnbArea .gnb>.lst>.tp{float: left; /*position: relative;*/ padding-right:43px;}
.header .gnbArea .gnb>.lst>.tp+.tp{margin-left: 43px;}
.header .gnbArea .gnb>.lst>.tp>.txt{font-size: 17px; color: #333; display: block; font-weight: 600; line-height: 26px;}
.header .gnbArea .gnAsd{/*position: absolute; right: 0; bottom: 0;*/ float:left;}
.header .gnbArea .gnAsd .gnaInner{min-height: 26px; text-align: right; padding-bottom: 22px; padding-top: 19px; display:flex;}
.header .gnbArea .gnAsd .boxs{display: inline-block; /*position: relative;*/padding-left: 42px; padding-right:42px;}
.header .gnbArea .gnAsd .boxs+.boxs{/*margin-left: 80px;*/ padding-left:32px; padding-right:30px; box-sizing:border-box;}
.header .gnbArea .gnAsd .boxs>.txt{font-size: 17px; color: #20c347; display: block; line-height: 26px; font-family: 'pretendard-SemiBold'; letter-spacing: -.95px; font-weight:500;}
.header .gnbArea .gnAsd .dtpd{right:0; left:unset; transform:unset; justify-content:flex-end;}
.header .dtpd{/*position: absolute; left: 50%; transform: translateX(-50%); top: 41px; z-index: 10; display: none;*/text-align:center; position: absolute; left: 50%; transform: translateX(-50%); top: 38px; z-index: 10; padding: 30px 0 25px 0; width: 100%; display: none; justify-content: center;}
.header .dtpd.on{display:block;}
.header .dtpd .stp{text-align: center; padding: 17px 25px 17px; box-sizing:border-box; display:inline-block;}
.header .dtpd .stp:first-of-type{padding-left:0;}
.header .dtpd .stp:last-of-type{padding-right:0;}
.header .dtpd .stp .txt{font-size: 16px; color: #111111; font-weight: 400; line-height: 27px; display: block; white-space: nowrap;}
.header .dtpd .stp .txt:hover{text-decoration: none; color:#005aff;}
.header .dtpd .stp.new .txt:before{content: 'N'; display: inline-block; background: #ff0000; border-radius: 5px; color: #fff; width: 16px; height: 16px; line-height: 15px; font-size: 10px; margin-right: 3px; transform: translateY(-2px);}
.header .dtpd .stp.active .txt{color: #005aff; font-weight: 600;}
.header .gnbArea .gnb>.lst>.tp.active>.txt{color: #005aff; position: relative;}
.header.openlay .gnbArea .gnb>.lst>.tp.active>.txt:after{content: ''; position: absolute; left: 0; bottom: -5px; background: #005aff; height: 1px; width: 100%;}
.header .headerInner .dimmd{background:#fff;}
.header.openlay .dtpd{/*display: block;*/}

/* 20240903 °Ë»öâ Ãß°¡ */
.header .innerWrap > .hdStmap{margin: 20px 0 0 0;}
.header .innerWrap > .hdStmap:after{content:''; display:block; clear:both;}
.header .innerWrap > .hdStmap .gbtsn{padding: 0px 0;height: 32px;line-height:30px; font-size:14px;width: 76px; text-align: center; margin-left:7px;}
.header .innerWrap > .hdStmap a.gbtsn{line-height:30px; border-radius:4px; font-family:'pretendard' !important;}
.header .innerWrap > .hdStmap .top_menu{float:left;}
.header .innerWrap > .hdStmap .top_menu .top_logo{font-size:0; width: 195px; height: 45px; background: no-repeat left top url(../images/logo.png); display: inline-block; vertical-align:middle;}
.header .innerWrap > .hdStmap .top_menu .searchBox{display: inline-block; vertical-align:middle; margin-left:30px;}
.header .innerWrap > .hdStmap .top_menu .searchBox > div{position:relative;}
.header .innerWrap > .hdStmap .top_menu .searchBox > div > .btn{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); border:0; background:transparent url(../images/search_btn.png)no-repeat center; width:17px; height:18px; font-size:0;}
.header .innerWrap > .hdStmap .top_menu .searchBox > div > input[type="text"]{width:400px; height:40px; border-radius:20px; text-indent:18px; border:1px solid #d5d8da;}
.header .gnbArea{padding:0 0;position:relative; display:flex; justify-content:flex-start;}
.header .gnbArea .logo{display:none;}
.header .gnbArea .gnAsd{right:60px;}
.header .gnbArea .gnb>.lst>.tp>.txt{font-size:18px; color:#111; font-family: 'pretendard-SemiBold'; letter-spacing: -.95px; font-weight:500; text-align:center;}
.header .gnbArea .gnb>.lst>.tp+.tp{/*margin-left:87px;*/margin-left:0; padding-left:44px; padding-right:43px; box-sizing:border-box;}
.header .gnbArea .gnAsd .boxs .dtpd{text-align:right;}
.header .gnbArea .gnAsd .boxs>.txt{font-size:18px;}

#footer.footer{border-top: 1px solid #cad6e2; padding: 0;}
.footer .ftTop{}
.footer .ftTop .lst{text-align: center; padding: 20px 0;}
.footer .ftTop .lst .tp{display: inline-block; vertical-align: middle; }
.footer .ftTop .lst .tp+.tp{margin-left: 30px; padding-left: 30px; position: relative;}
.footer .ftTop .lst .tp .txt{font-size: 14px; color: #333; display: block; line-height: 20px; }
.footer .ftTop .lst .tp .txt:hover{color: #005aff;}
.footer .ftTop .lst .tp:nth-child(3) .txt{font-weight: normal;}
.footer .ftCont{background: #fff; padding: 25px 0; border-top: 1px solid #e5ebf1;}
.footer .ftCont .logo{width: 195px ; position: absolute; left: 0; top: 0; height: 100%; background: no-repeat left center url(../images/logo_gray.png);}
.footer .ftCont .copy{font-size: 12px; line-height: 20px; color: #666; text-align: left; position: relative; padding-left: 231px ;}
.footer .ftCont .copy .lst{}
.footer .ftCont .copy .lst .tp{font-size: 12px; color: #333; line-height: 20px; vertical-align: top; display: inline-block;}
.footer .ftCont .copy .lst .tp .dotb{font-size: 16px; font-weight: 600; color: #000; margin-bottom: 5px;}
.footer .ftCont .copy .lst .tp .dotb .sm{font-weight: 400; font-size: 12px; color: #333; margin-left: 10px;;}
.footer .ftCont .copy .lst .tp+.tp{padding-left: 10px; margin-left: 10px; position: relative;}
.footer .ftCont .copy .lst .tp+.tp:before{content: ''; width: 1px; height: 13px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #cacaca;}
.footer .ftCont .copy .lst .tp.inlable{}
.footer .ftCont .copy .lst .tp.inlable .lb{color: #999;}
.footer .ftCont .copy .lst .tp.inlable .lb:after{content: ':'; margin-left: 5px; margin-right: 5px;}
.footer .ftTopbt{position: fixed; right: 50px; bottom: 50px; width: 72px; height: 72px; background: no-repeat center center url(../images/ftTop.png) #7f7f7f; border-radius: 50%; border: none; box-shadow: 0 5px 10px rgba(0,0,0,0.15); z-index: 1; display: none;}
.footer .ftTopbt.active{display: block;}
.footer .resOths{position: absolute; right: 0; top: 0;}
.footer .resOths .inBox{position: relative; padding-left: 110px; display: block;}
.footer .resOths .inBox .inlg{position: absolute; left: 0; top: 0;}
.footer .resOths .inBox .txts{text-align: left; padding-top: 5px;}
.footer .resOths .inBox .txts .tt{font-size: 14px; color: #000; line-height: 24px; font-weight: 600;;}
.footer .resOths .inBox .txts .st{font-size: 12px; color: #555; line-height: 20px;}
.footer .resOths .inBox .txts .st .lss{color: #999;}



.mainArea{}
.mainArea .maVisBannArea{position: relative; padding: 35px 0;}
.mainArea .maVisBannArea:before{content: ''; width: 100%; height: 240px; background: #d8ecff; position: absolute; left: 0; top: 0;}
.mainArea .maVisBannArea .maVisBanInner{position: relative; padding-left: 270px; padding-right: 270px; min-height: 300px;}
.mainArea .maVisBannArea .lts{position: absolute; left: 0; top: 0; width:270px;}
.mainArea .maVisBannArea .rts{position: absolute; right: 0; top: 0; width:270px;}
.mainArea .maVisBannArea .mts{margin-left: 20px; margin-right: 20px;}
.mainArea .maVisBannArea .mts .rcScp{height: 300px;}
.mainArea .maVisBannArea .vsBannerAa{position: relative;}
.mainArea .maVisBannArea .vsBannerAa .vsBannIns{}
.mainArea .maVisBannArea .vsBannerAa .vsBannIns .tp{}
.mainArea .maVisBannArea .vsBannerAa .vsBannIns .tp .img{}
.mainArea .maVisBannArea .vsBannerAa .vsBannIns .tp .img img{}
.mainArea .maVisBannArea .vsBannerAa .contr{}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots{position: absolute; right: 15px; top: 15px;}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots:before{content: ''; display: table; clear: both;}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots li{float: left;}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots li+li{margin-left: 3px;}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots li button{background: transparent; width: 15px; height: 15px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); font-size: 0;}
.mainArea .maVisBannArea .vsBannerAa .contr .slick-dots li.slick-active button{border-color: #000; background-color: #000;}
.mainArea .maVisBannArea .rcScp{box-shadow: 0 15px 20px rgba(0,0,0,0.07); border-radius: 15px; overflow: hidden; height: 140px; background-color: #fff;}
.mainArea .maVisBannArea .rcScp+.rcScp{margin-top: 20px;}
.mainArea .maVisBannArea .rcScp .img{display: block;}
.mainArea .maVisBannArea .rcScp .img img{min-width: 100%; min-height: 100%;}
.mainArea .maVisBannArea .rcNoti{text-align: left; padding: 18px 20px;}
.mainArea .maVisBannArea .rcNoti .notcIns{position: relative;}
.mainArea .maVisBannArea .rcNoti .nts{font-size: 16px; font-weight: 600; color: #000; line-height: 21px;}
.mainArea .maVisBannArea .rcNoti .ntlst{height: 72px; overflow: hidden; margin-top: 6px;}
.mainArea .maVisBannArea .rcNoti .ntlst .tp{}
.mainArea .maVisBannArea .rcNoti .ntlst .tp .txt{display: block; line-height: 24px; font-size: 13px; text-align: left; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mainArea .maVisBannArea .rcNoti .ntlst .tp .txt:hover{text-decoration: underline;}
.mainArea .maVisBannArea .rcNoti .admr{position: absolute; right: 0; top: 0; line-height: 21px; font-size: 12px; color: #000; text-align: right; padding-right: 13px;}
.mainArea .maVisBannArea .rcNoti .admr:hover{text-decoration: underline;}
.mainArea .maVisBannArea .rcNoti .admr:after{content: ''; width: 13px; height: 100%; position: absolute; right: 0; top: 0; background: no-repeat right center url(../images/icos/icosArrowNext000_5_7.png);}

.mainArea .maTit{font-size: 30px; color: #000; font-weight: 900; text-align: left; line-height: 32px; position: relative; margin-bottom:30px;}
.mainArea .maTit .smt{color: #768891;}
.mainArea .maTit .rts{position: absolute; right: 0; top:5px; font-size: 16px; line-height: inherit; color: #111111; text-align: right; padding-right: 15px; font-weight: normal;}
.mainArea .maTit .rts:hover{text-decoration: underline;}
.mainArea .maTit .rts:after{content: ''; width: 15px; height: 100%; position: absolute; right: 0; top: 0; /*background: no-repeat right center url(../images/icos/icosBBlueArrowNext_5_8.png);*/background-color: transparent; background-image: url(/images/icos/ntlst_arw.png); border: 0; background-size:42px; background-repeat:no-repeat; background-position:-27px 12px;}
.mainArea .maContArea{}
.mainArea .maContArea .infsArea{}
.mainArea .maContArea .infsArea .infsBanner{background: #13253d center top url(../images/common/infsBanner.jpg); height: 220px; text-align: center; padding-top: 40px;}
.mainArea .maContArea .infsArea .infsBanner .stit{font-size: 18px; color: #bac4cc; line-height: 20px;}
.mainArea .maContArea .infsArea .infsBanner .tit{font-size: 38px;line-height: 36px; color: #fff; margin-top: 8px;}
.mainArea .maContArea .infsArea .infsBanner .tit .poi{color: #ffe612;}
.mainArea .maContArea .infsArea .infsBanner .bt{margin-top: 15px; display: inline-block; vertical-align: top; min-width: 180px; padding: 0 10px; border: 1px solid #fff; height: 45px; line-height: 43px; border-radius: 45px; color: #fff; font-size: 15px;}
.mainArea .maContArea .infsArea .infsBanner .bt .int{display: inline-block; vertical-align: middle;}
.mainArea .maContArea .infsArea .infsBanner .bt .ic{display: inline-block; vertical-align: middle; width: 22px; height: 13px; background: no-repeat left center url(../images/icos/icosArrowNextfff_22_13.png); margin-left: 12px;}
.mainArea .maContArea .infsCont{background: repeat-x left top url(../images/common/infsContBg001.png); padding-top: 67px; padding-bottom: 220px; position: relative;}
.mainArea .maContArea .infsCont:after{content: ''; width: 100%; height: 220px; position: absolute; left: 0; bottom: 0; background: no-repeat center bottom url(../images/common/infsContBg002.png);}
.mainArea .maContArea .infsCont .grdArea{font-size: 0; margin-left: -15px; margin-right: -15px;}
.mainArea .maContArea .infsCont .grdArea .tp{display: inline-block; vertical-align: top; width: 25%; padding-left: 15px; padding-right: 15px;}
.mainArea .maContArea .infsCont .grdArea .tp:nth-child(even){padding-top: 40px;}
.mainArea .maContArea .infsCont .grdArea .gInns{display: block; height: 250px; position: relative; box-shadow: 0 15px 20px rgba(0,0,0,0.07); border-radius: 10px; background-color: #fff; padding: 29px 19px 70px; border: 1px solid transparent;}
.mainArea .maContArea .infsCont .grdArea .gInns:hover{border-color: #005aff;}
.mainArea .maContArea .infsCont .grdArea .gInns .glb{display: inline-block; max-width: 100%; line-height: 33px; height: 35px; border: 1px solid #c7c7c7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px; font-size: 14px; color: #999; text-align: left; border-radius: 45px; vertical-align: top;}
.mainArea .maContArea .infsCont .grdArea .gInns .txts{margin-top: 15px; }
.mainArea .maContArea .infsCont .grdArea .gInns .txts .ttit{font-size: 18px; color: #000; line-height: 24px; font-weight: 600; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 48px;}
.mainArea .maContArea .infsCont .grdArea .gInns .txts .sttit{margin-top: 5px; font-size: 15px;  color: #333; line-height: 22px; font-weight: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainArea .maContArea .infsCont .grdArea .gInns .adm{position: absolute; left: 19px; bottom: 37px; padding-right: 24px; color: #005aff; font-size: 15px; line-height: 17px;}
.mainArea .maContArea .infsCont .grdArea .gInns .adm:after{content: ''; width: 24px; height: 100%; position: absolute; right: 0; top: 0; background: no-repeat right center url(../images/icos/icosArrowNext005aff_16_9.png);}
.mainArea .maContArea .infsCont .grdArea .gInns .txts{padding-top: 30px; position: relative;}
.mainArea .maContArea .infsCont .grdArea .gInns .txts .sttit{margin-top: 0; position: absolute; left: 0; top: 0; text-align: left; width: 100%;}
.mainArea .maContArea .infsCont .grdArea .gInns{height: 235px;}
.mainArea .maContArea .infsCont .grdArea .gInns .adm{bottom: 32px;}
.mainArea .maContArea .infsCont .grdArea .gInns .glb{height: 29px; line-height: 27px;}

/* 2024 ¸®´º¾ó */
.mainArea.renew .maVisBannArea{padding: 30px 0 50px 0;}
.mainArea.renew .maVisBannArea:before{background:none;}
.mainArea.renew .maVisBannArea .maVisBanInner {padding-left: 0;  padding-right: 350px; min-height: 410px;}
.mainArea.renew .maVisBannArea .maVisBanInner_btm{display:flex; justify-content: space-between; margin-top:20px;}
.mainArea.renew .maVisBannArea .maVisBanInner_btm .rcScp{margin-top:0; height:auto;}
.mainArea.renew .maVisBannArea .maVisBanInner_btm .right{width:330px; height: 70px;;}
.mainArea.renew .maVisBannArea .vsBannerAa .contr .slick-dots{top:unset; right:unset; bottom: 10px; left: 50%; transform: translateX(-50%);}
.mainArea.renew .maVisBannArea .vsBannerAa .contr .slick-dots li button{width:12px; height:12px; background:#e6e6e6; border-color:#e6e6e6;;}
.mainArea.renew .maVisBannArea .vsBannerAa .contr .slick-dots li.slick-active button{background:#000; border-color:#000;}
.mainArea.renew .maVisBannArea .vsBannerAa .contr .slick-dots li+li{margin-left: 10px;}
.mainArea.renew .maVisBannArea .rcScp{box-shadow:none; border-radius:5px;}
.mainArea.renew .maVisBannArea .lts{display:none;}
.mainArea.renew .maVisBannArea .mts{margin:0 0;}
.mainArea.renew .maVisBannArea .mts .rcScp{height:410px;}
.mainArea.renew .maVisBannArea .rts{width:330px;display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.mainArea.renew .maVisBannArea .rts .rcScp.first{height:185px; margin-bottom:30px;}
.mainArea.renew .maVisBannArea .rts .rcScp.first .hover_scale:hover{transform:scale(1.05); transition:.5s ease-in-out;}
.mainArea.renew .maVisBannArea .rts .rcScp.first .hover_scale{transform:scale(1); transition:.5s ease-in-out;}
.mainArea.renew .maVisBannArea .rts .rcScp.last{height:115px; border:1px solid #cccccc; box-sizing:border-box; text-align:center;}
.mainArea.renew .maVisBannArea .rts .rcScp.last .snsBanner{font-size:0; display:inline-block; width:60px; height:60px; background-size:219px; background-image:url(/images/banner_sns.png);background-repeat:no-repeat; margin:26px 9px;}
.mainArea.renew .maVisBannArea .rts .rcScp.last .snsBanner:first-of-type{background-position:-2px -1px;}
.mainArea.renew .maVisBannArea .rts .rcScp.last .snsBanner:nth-of-type(2){background-position:-80px -1px;}
.mainArea.renew .maVisBannArea .rts .rcScp.last .snsBanner:last-of-type{background-position:-157px -1px;}
.mainArea.renew .maVisBannArea .rts .rts_txt{font-size:18px; line-height:1; margin-bottom:20px; font-weight:700;}
.mainArea.renew .maVisBannArea .rcNoti{width:910px; height: 70px; border-radius:5px; overflow:hidden; border:1px solid #ccc; overflow:hidden; padding:18px 50px;}
.mainArea.renew .maVisBannArea .rcNoti .notcIns{width:850px;}
.mainArea.renew .maVisBannArea .rcNoti .admr{display:none;}
.mainArea.renew .maVisBannArea .rcNoti .notcIns:after{content:''; display:block; clear:both;}
.mainArea.renew .maVisBannArea .rcNoti .nts{float:left; font-size:16px; margin-right:30px; line-height:1;}
.mainArea.renew .maVisBannArea .rcNoti .nts:after{content:''; display:inline-block; margin:0 0 3px 30px;  width:1px; background:#999999; height:10px; vertical-align:middle; line-height:1;}
.mainArea.renew .maVisBannArea .rcNoti .ntlst{padding-right:150px; height:30px;}
.mainArea.renew .maVisBannArea .rcNoti .ntlst .tp .txt{font-size:16px; line-height:1;}
.mainArea.renew .maVisBannArea .rcNoti .ntlst .slick-arrow{position:absolute; display:inline-block; width:10px; height:11px; top:0; background-repeat:no-repeat; font-size:0; background-color:transparent; background-image:url(/images/icos/ntlst_arw.png);border:0; background-size:53px;padding: 15px 20px; box-sizing:border-box;}
.mainArea.renew .maVisBannArea .rcNoti .ntlst .slick-prev{top:-5px; right:75px; background-position: 15px 10px;}
.mainArea.renew .maVisBannArea .rcNoti .ntlst .slick-next{top:-5px; right:24px; background-position:-30px 10px;}
.mainArea.renew .maContArea .infsCont{background-image:none; padding-bottom: 100px;}
.mainArea.renew .maContArea .infsCont:after{display:none;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .grdArea{display:flex; width:100%; margin:0 0; justify-content: space-between;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .grdArea .tb_area_dv{width: calc(100% - 350px); margin:0 0;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .btn_round_large{position:absolute; bottom:0; left:320px;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .tb_area_dv .tb_row .tb_col.td.td_line_2{padding:10px 0;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .tb_area_dv .tb_row .tb_col.td.td_line_2 > .txt{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.mainArea.renew .maContArea .infsCont .innerWrap_flex .tb_area_dv .tb_row .tb_col.td > a{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.mainArea.renew .maContArea .infsArea .infsBanner{width:330px; border-radius:5px; background:#f4f6fa center bottom url(../images/common/infsBanner_new.png); height: 410px; text-align: center; padding-top: 50px; background-repeat:no-repeat;}
.mainArea.renew .maContArea .infsArea .infsBanner .stit{font-size:16px; color:#111; font-weight:600;}
.mainArea.renew .maContArea .infsArea .infsBanner .tit{font-size:30px; color:#111; font-weight:bold;}
.mainArea.renew .maContArea .infsArea .infsBanner .tit .poi{color:#265dce; display:block;}
.mainArea.renew .maContArea .infsArea .infsBanner .bt{border:0; font-size:16px; color:#111111;}
.mainArea.renew .maContArea .infsArea .infsBanner .bt .ic {display: inline-block; vertical-align: middle; width: 40px; height: 15px; background: no-repeat left center url(../images/icos/icosArrowNextfff_22_13_2.png); margin-left: 12px;}
.mainArea.renew .btn_round_large{text-align:center; margin:30px 0 0 0;}
.mainArea.renew .btn_round_large > a{font-size:18px; position:relative; border:1px solid #333; text-align:center; display:inline-block; height:52px; line-height:52px; border-radius:26px; padding:0 61px 0px 50px; box-sizing:border-box;}
.mainArea.renew .btn_round_large > a:after{content:''; position:absolute; display:inline-block; width:10px; height:11px; top:0; background-repeat:no-repeat; font-size:0; background-color:transparent; background-image:url(/images/icos/ntlst_arw.png);border:0; background-size:53px;background-position: -44px 0; right: 37px; top: 21px;}

.tb_area_dv {margin:10px 0; position:relative;}
.tb_area_dv .inner {display:block;border:1px solid #b2b2b2; border-width:0 0 1px 0;}
.tb_area_dv .tb_row {width:calc(100% - 1px); display:flex;}
.tb_area_dv .tb_row:after {content:'';display:block;clear:both;}
.tb_area_dv .tb_row .tb_col {display:inline-block;float:left;}
.tb_area_dv .tb_row .tb_col > * {vertical-align:middle;}
.tb_area_dv .tb_row .tb_col.th, .tb_area_dv .tb_row .tb_col.td{text-align:center; background:#fff; box-sizing:border-box; display:inline-flex; border:1px solid #b2b2b2; flex:1; border-width:1px 0 0 0; min-height:60px; align-items: center; padding:10px 15px; font-size:16px;justify-content: center;}
.tb_area_dv .tb_row .tb_col.th {font-weight:bold;color:#111;  justify-content: center; border-width:2px 0 0 0; border-top:2px solid #000000;}
.tb_area_dv .tb_row .tb_col.td.left{justify-content: flex-start;}
.tb_area_dv .tb_row .WIDTH005{flex: 0 0 5% !important; width:5% !important;}
.tb_area_dv .tb_row .WIDTH010{flex: 0 0 10% !important; width:10% !important;}
.tb_area_dv .tb_row .WIDTH014{flex: 0 0 14% !important; width:14% !important;}
.tb_area_dv .tb_row .WIDTH015{flex: 0 0 15% !important; width:15% !important;}
.tb_area_dv .tb_row .WIDTH020{flex: 0 0 20% !important; width:20% !important;}
.tb_area_dv .tb_row .WIDTH021{flex: 0 0 21% !important; width:21% !important;}
.tb_area_dv .tb_row .WIDTH025{flex: 0 0 25% !important; width:25% !important;}
.tb_area_dv .tb_row .WIDTH030{flex: 0 0 30% !important; width:30% !important;}
.tb_area_dv .tb_row .WIDTH035{flex: 0 0 35% !important; width:35% !important;}
.tb_area_dv .tb_row .WIDTH040{flex: 0 0 40% !important; width:40% !important;}
.tb_area_dv .tb_row .WIDTH045{flex: 0 0 45% !important; width:45% !important;}
.tb_area_dv .tb_row .WIDTH050{flex: 0 0 50% !important; width:50% !important;}
.tb_area_dv .tb_row .WIDTH055{flex: 0 0 55% !important; width:55% !important;}
.tb_area_dv .tb_row .WIDTH060{flex: 0 0 60% !important; width:60% !important;}
.tb_area_dv .tb_row .WIDTH065{flex: 0 0 65% !important; width:65% !important;}
.tb_area_dv .tb_row .WIDTH070{flex: 0 0 70% !important; width:70% !important;}
.tb_area_dv .tb_row .WIDTH075{flex: 0 0 75% !important; width:75% !important;}
.tb_area_dv .tb_row .WIDTH080{flex: 0 0 80% !important; width:80% !important;}
.tb_area_dv .tb_row .WIDTH085{flex: 0 0 85% !important; width:85% !important;}
.tb_area_dv .tb_row .WIDTH090{flex: 0 0 90% !important; width:90% !important;}
.tb_area_dv .tb_row .WIDTH095{flex: 0 0 95% !important; width:95% !important;}
.tb_area_dv .glb_gbun{display:inline-block; color:#fff; border-radius:22px; width:80px; height:34px; line-height:34px; box-sizing:border-box;}
.tb_area_dv .glb_gbun.typeA{background:#812dff;}
.tb_area_dv .glb_gbun.typeB{background:#0066ff;}

.stTogAppendArea{}
.stTogAppendArea .stInner{}
.stTogAppendArea .sttBox{}
.stTogAppendArea .sttBox+.sttBox{margin-top: 10px;}


.icos{width: 19px; height: 19px; display: inline-block; vertical-align: middle; background: no-repeat center center; border: none; font-size: 0;}
.icos.sns.kakao{background-image: url(../images/icos/icosKakao.png);}
.icos.sns.naver{background-image: url(../images/icos/icosNaver.png);}
.icos.sns.google{background-image: url(../images/icos/icosGoogle.png);}
.icos.sns.facebook{background-image: url(../images/icos/icosFacebook.png);}
.icos.reload{background-image: url(../images/icos/icosBlueReload_18.png);}
.icos.reload_19.blue{width: 21px; height: 19px; background-image: url(../images/icos/icosBlueReload_19.png);}
.icos.reload_20.blue{width: 22px; height: 20px; background-image: url(../images/icos/icosBlueReload_20.png);}
.icos.reload_23.blue{width: 29px; height: 27px; background-image: url(../images/icos/icosBlueReload_23.png);}
.icos.reload_23.white{width: 29px; height: 27px; background-image: url(../images/icos/icosWhiteReload_23.png);}
.icos.document_30.white{width: 24px; height: 30px; background-image: url(../images/icos/icosWhiteDocument_30.png);}
.icos.cable_24.white{width: 21px; height: 24px; background-image: url(../images/icos/icosWhiteCable_24.png);}
.icos.trash_25.black{width: 22px; height: 25px; background-image: url(../images/icos/icosBlackTrash_25.png);}
.icos.trash_25.gray{background-image: url(../images/icos/icosGrayTrash_25.png);}
.icos.heart_13{width: 22px; height: 20px; background-image: url(../images/icos/icosGrayHeart_20.png);}
.icos.heart_13.active{background-image: url(../images/icos/icosRedHeart_20.png);}
.icos.search_16.white{background-image: url(../images/icos/icosWhiteSearch_16.png);}
.icos.search_17.white{background-image: url(../images/icos/icosWhiteSearch_17.png);}
.icos.search_16.gray{background-image: url(../images/icos/icoGraySearch_16.png);}
.icos.search_25.gray{width: 25px; height: 25px; background-image: url(../images/icos/icosGraySearch_25.png);}
.icos.allmenu_16.white{background-image: url(../images/icos/icosWhiteAllmenu_16.png);}
.icos.star_18{width: 23px; height: 23px; background-image: url(../images/icos/icosGrayStar_23.png);}
.icos.star_18.active{background-image: url(../images/icos/icosYelStar_23.png);}
.icos.star_23{width: 23px; height: 23px; background-image: url(../images/icos/icosGrayStar_23.png);}
.icos.star_23.active{background-image: url(../images/icos/icosYelStar_23.png);}
.icos.star_23.blue{width: 24px; height: 23px; background-image: url(../images/icos/icosYelStar_23.png);}
.icos.star_32{width: 32px; height: 32px; background-image: url(../images/icos/icosWhiteStar_32.png);}
.icos.star_32.active{background-image: url(../images/icos/icosYelStar_32.png);}
.icos.gt_15{background-image: url(../images/icos/icosBlackGt_15.png);}
.icos.lt_15{background-image: url(../images/icos/icosBlackLt_15.png);}
.icos.setting_29{width: 30px; height: 29px; background-image: url(../images/icos/icosWhiteSetting_29.png); }
.icos.check_14.white{background-image: url(../images/icos/icosWhiteCheck_14.png); }
.icos.download_18.white{background-image: url(../images/icos/icosWhiteDownload_18.png); }
.icos.download_18.blue{background-image: url(../images/icos/icosBlueDownload_18.png); }
.icos.download_14.gray{background-image: url(../images/icos/icosGrayDownload_14.png); }
.icos.download_13.white{background-image: url(../images/icos/icosWhiteDownload_13.png); }
.icos.download_13.blue{background-image: url(../images/icos/icosBlueDownload_13.png); }
.icos.download_13.lblue{background-image: url(../images/icos/icoslBlueDownload_13.png);}
.icos.folder_30.blue{width: 31px; height: 30px; background-image: url(../images/icos/icosBlueFolderPlus_30.png); }
.icos.circlePlus_57.white{width: 56px; height: 56px; background-image: url(../images/icos/icosWhiteCirclePlus_57.png);; }
.icos.reload_13.gray{background-image: url(../images/icos/icosGrayReload_13.png);; width: 12px; height: 13px;}
.icos.reload_17.gray{background-image: url(../images/icos/icosGrayReload_17.png);; }
.icos.close_12.white{background-image: url(../images/icos/icosWhiteClose_12.png);; }
.icos.close_18.white{background-image: url(../images/icos/icosWhiteClose_18.png);; }
.icos.close_20.black{width: 20px; height: 20px; background-image: url(../images/icos/icosBlackClose_20.png);; }
.icos.pAirp_20.gray{width: 20px; height: 20px; background-image: url(../images/icos/icosGrayPAirp_20.png);; }
.icos.phone_01.gray{width: 12px; height: 21px; background-image: url(../images/icos/icosGrayPhone_21.png);; }
.icos.tel_20.gray{width: 20px; height: 20px; background-image: url(../images/icos/icosGrayTel_20.png);; }
.icos.map_20.gray{width: 20px; height: 21px; background-image: url(../images/icos/icosGrayMap_20.png);; }
.icos.map_17.black{background-image: url(../images/icos/icosBlackMap_17.png);; }
.icos.arrowbottom_8.black{background-image: url(../images/icos/icosBlackArrowBottom_8.png);; }
.icos.arrowtop_8.black{background-image: url(../images/icos/icosBlackArrowTop_8.png);; }
.icos.arrowbottom_8.white{background-image: url(../images/icos/icosWhiteArrowBottom_8.png);; }
.icos.arrowtop_8.white{background-image: url(../images/icos/icosWhiteArrowTop_6.png);; }
.icos.arrowtop_13.gray{background-image: url(../images/icos/icosGrayArrowTop_13.png);; width: 11px; height: 13px;}
.icos.arrowbottom_13.gray{background-image: url(../images/icos/icosGrayArrowBottom_13.png);; width: 11px; height: 13px;}
.icos.arrownext_8.org{background-image: url(../images/icos/icosOrgArrowNext_8.png);; }
.icos.arrownext_8.black{background-image: url(../images/icos/icosBlackArrowNext_8.png);; }
.icos.arrownext_8.blue{background-image: url(../images/icos/icosBlueArrowNext_8.png);; }
.icos.arrowprev_11.lightNavy{background-image: url(../images/icos/icosLightNavyArrowPrev_11.png);; width: 19px; height: 11px;}
.icos.facebook_22.gray{height: 22px; background-image: url(../images/icos/icosGraySNSFacebook_22.png);; }
.icos.pAirp_15.gray{background-image: url(../images/icos/icosGrayPAirp_15.png);; }
.icos.print_16.gray{background-image: url(../images/icos/icosGrayPrint_16.png);; }
.icos.war_15.gray{background-image: url(../images/icos/icosGrayWar_15.png);; }
.icos.info_21.gray{width: 21px; height: 21px; background-image: url(../images/icos/icosGrayCircleInfo_21.png);; }
.icos.close_7.black{width: 10px; height: 10px; background-image: url(../images/icos/icosBlackClose_7.png);; }
.icos.arrownext_10.gray{width: 10px; height: 10px; background-image: url(../images/icos/icosGrayArrowNext_10.png);; }
.icos.check_7.white{width: 10px; height: 7px; background-image: url(../images/icos/icosWhiteCheck_7.png);; }
.icos.signIn_18.white{width: 16px; height: 18px; background-image: url(../images/icos/icosWhiteSignIn_18.png);; }
.icos.docSearch_18.white{width: 16px; height: 18px; background-image: url(../images/icos/icosBlueDocSearch_18.png);; }


.cmmRecBoxGirdWrap .recBoxArea{background: #fff; position: relative; border: 1px solid transparent;}
.cmmRecBoxGirdWrap .onImg{display: block; height: 208px;}
.cmmRecBoxGirdWrap .onImg img{height: 100%;}
.cmmRecBoxGirdWrap .recBoxArea:before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 2px solid transparent; box-sizing: border-box; background: transparent; z-index: 0;}
.cmmRecBoxGirdWrap .recBoxArea .recBoxFrt{position: relative; z-index: 1;}
.cmmRecBoxGirdWrap .recBoxArea .img{text-align: center; overflow: hidden; height: 92px; display: block; position: relative;}
.cmmRecBoxGirdWrap .recBoxArea .img img{max-height: 90%; max-height: calc(100% - 6px); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cmmRecBoxGirdWrap .recBoxArea .hoverimg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.cmmRecBoxGirdWrap .recBoxArea .hoverimg img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%;}
.cmmRecBoxGirdWrap .recBoxArea .txtbx{text-align: left; padding: 0 19px; display: block;}
.cmmRecBoxGirdWrap .recBoxArea .txtbx .lbc{display: block; font-size: 15px; height: 18px; line-height: 18px; color: #999; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cmmRecBoxGirdWrap .recBoxArea .txtbx .tit{font-size: 17px; margin-top: 4px; color: #333; font-weight: normal; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.cmmRecBoxGirdWrap .recBoxArea .txtbx .detDt{font-size: 14px; color: #ccdbfa; display: none;}
.cmmRecBoxGirdWrap .recBoxArea .recBot{overflow: hidden; margin-top: 13px; padding: 0 19px 20px;}
.cmmRecBoxGirdWrap .recBoxArea .recBot .icoHef{width: 21px; height: 21px; background: no-repeat center center url(../images/icos/icosBorderStar_20.png); float: left; }
.cmmRecBoxGirdWrap .recBoxArea .recBot .icoHef.active{background-image: url(../images/icos/icosYelStar_20.png);}
.cmmRecBoxGirdWrap .recBoxArea .recBot .icos.star_18{width: 21px; height: 21px; background: no-repeat center center url(../images/icos/icosBorderStar_20.png); float: left; }
.cmmRecBoxGirdWrap .recBoxArea .recBot .icos.star_18.active{background-image: url(../images/icos/icosYelStar_20.png);}
.cmmRecBoxGirdWrap .recBoxArea .recBot .tr{position: relative; color: #999;  float: right;}
.cmmRecBoxGirdWrap .recBoxArea .recBot .tr .tx{font-size: 12px; line-height: 21px; vertical-align: top; display: inline-block;}
.cmmRecBoxGirdWrap .recBoxArea .recBot .tr .dirBtn{display: inline-block; height: 21px; line-height: 19px; border: 1px solid #ff5a00; color: #ff5a00; border-radius: 2px; text-align: center; vertical-align: top; padding: 0 5px; font-size: 12px; font-weight: normal; min-width: 58px; margin-left: 10px;}
.cmmRecBoxGirdWrap .recBoxArea .detBtn{position: absolute; right: 12px; top: 10px; width: 18px; height: 18px; background: no-repeat center center url(../images/icos/icosBlueSearch_18.png); display: none;}
/* ä¿ë¹Ú½º À§Å׵θ® µÎ²¨¿î°Å  */
.cmmRecBoxGirdWrap .recBoxArea.level3{border-color: #0d9bff;}
.cmmRecBoxGirdWrap .recBoxArea.level3:before{content: ''; width: 100%; height: 5px; background: #0d7fff; position: absolute; left: 0; top: -1px; border: 1px solid #0d7fff; border-top: none; border-bottom: none; z-index: 2; box-sizing: content-box; left: -1px;}
.cmmRecBoxGirdWrap .recBoxArea.level3 .detBtn{top: 15px; display: block;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover{border-color: #1b5de3;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover:before{background: #1b5de3; border-color: #1b5de3;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .img{height: 166px;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .hoverimg{display: block; box-shadow: 0 3px 15px rgba(0,0,0,0.32); width: calc(100% + 16px); height: calc(100% + 8px); left: -8px; top: -4px;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .hoverimg:after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*background: rgba(27,93,227,.8);*/ z-index: 1;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .txtbx{position: absolute; width: 100%; left: 0; top: 20px;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .txtbx .detDt{display: block;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .txtbx .lbc{z-index: 2; position: relative; font-size: 13px; padding: 0 12px; line-height: 28px; height: 30px; color: #fff; font-weight: normal; border-radius: 30px; border: 1px solid rgba(255,255,255,.3); display: inline-block; max-width: 100%;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .txtbx .tit{z-index: 2; position: relative; font-size: 23px; font-weight: normal; color: #fff; line-height: 30px; height: 60px;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .txtbx .detDt{z-index: 2; position: relative; }
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .recBot{z-index: 2; position: relative; }
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .recBot .icoHef{background-image: url(../images/icos/icosWhiteStar_20.png);}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .recBot .icoHef.active{background-image: url(../images/icos/icosYelStar_20.png);}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .recBot .tr{color: #fff;}
.cmmRecBoxGirdWrap .recBoxArea.level3:hover .recBot .tr .dirBtn{border-color: #f6ff00; color: #f6ff00;}
.cmmRecBoxGirdWrap .recBoxArea .txtbx{}
/* ä¿ë¹Ú½º Å׵θ® »ö»ó¸¸  */
.cmmRecBoxGirdWrap .recBoxArea.level2{border-color: #0dbeff;}
/* ä¿ë¹Ú½º Å׵θ® »ö»ó¸¸  */
.cmmRecBoxGirdWrap .recBoxArea.level4{border-color: #ffb525;}
/* ä¿ë¹Ú½º Å׵θ® »ö»ó¸¸  */
.cmmRecBoxGirdWrap .recBoxArea.level1{border-color: #d6d6d6;}
.cmmRecBoxGirdWrap .recBoxArea.level2:hover,
.cmmRecBoxGirdWrap .recBoxArea.level1:hover{border-color: #0d7fff;}
.cmmRecBoxGirdWrap .recBoxArea.level2:hover:before{content: ''; border-color: #0d7fff;}
.cmmRecBoxGirdWrap .recBoxArea.level4:hover{border-color: #ffb525;}
.cmmRecBoxGirdWrap .recBoxArea.level4:hover:before{content: ''; border-color: #ffb525;}
/* Æ÷Ä¿½º µîµî ±×¸®µåÇü½Ä */
.cmmRecBoxGirdWrap .recBoxArea.level5{}
.cmmRecBoxGirdWrap .recBoxArea.level5 .recBoxFrt{padding-left: 130px;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .img{position: absolute; left: 0; top: 0; width: 130px; height: 100%;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .img img{max-width: 61%;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .txtbx{padding: 0; padding-right: 15px; padding-top: 15px;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .txtbx .tit{font-size: 14px; line-height: 24px; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-top: 0;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .txtbx .lbc{font-size: 13px;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .recBot{padding: 0; padding-right: 15px; padding-bottom: 15px; margin-top: 7px;}
.cmmRecBoxGirdWrap .recBoxArea.level5 .hoverimg{display: none;}
.cmmRecBoxGirdWrap .recBoxArea.level5:hover:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; outline: 1px solid #0090ff; box-sizing: border-box; width: calc(100% + 2px); height: calc(100% + 2px); left: calc(0% - 1px); top: calc(0% - 1px);}
.cmmRecBoxGirdWrap{ letter-spacing: -.63px;}
.cmmRecBoxGirdWrap .cmmRecBoxGirdInner{}
.cmmRecBoxGirdWrap .gridBox{margin: -6px; font-size: 0;}
.cmmRecBoxGirdWrap .gridBox .gtp{display: inline-block; padding: 6px; width: 25%; vertical-align: top;}
/* ÇÁ¸®¹Ì¾ö±×¸®µå */
.cmmRecBoxGirdWrap.platinum .gridBox .gtp{}
.cmmRecBoxGirdWrap.platinum .gridBox .gtp>.img img{width: 306px; height: 222px;}
.cmmRecBoxGirdWrap.platinum .recBoxArea .img img{max-width: 180px; max-height: 72px;}
.cmmRecBoxGirdWrap.platinum .recBoxArea.level3:hover:before{visibility: hidden;}
.cmmRecBoxGirdWrap.platinum .recBoxArea.level3:hover .detBtn{display: none;}
.cmmRecBoxGirdWrap.platinum .recBoxArea.level3:hover .recBot .icos.star_18{background-image: url(../images/icos/icosWhiteStar_20.png);}
.cmmRecBoxGirdWrap.platinum .recBoxArea.level3:hover .recBot .icos.star_18.active{background-image: url(../images/icos/icosYelStar_20.png);}
/* ÇÁ¸®¹Ì¾ö±×¸®µå */
.cmmRecBoxGirdWrap.premium .gridBox{margin: -2.5px;}
.cmmRecBoxGirdWrap.premium .gridBox .gtp{padding: 2.5px; width: 20%;}
.cmmRecBoxGirdWrap.premium .recBoxArea .txtbx .tit{font-size: 15px; line-height: 24px;}
.cmmRecBoxGirdWrap.premium .recBoxArea .txtbx .lbc{font-size: 14px;}
.cmmRecBoxGirdWrap.premium .recBoxArea .img{height: 78px;}
.cmmRecBoxGirdWrap.premium .recBoxArea .img img{max-width: 150px; max-height: 60px;}
.cmmRecBoxGirdWrap.premium .recBoxArea.level3:hover .hoverimg{width: 100%; height: 100%; left: 0; top: 0;}
.cmmRecBoxGirdWrap.premium .recBoxArea.level3:hover .txtbx .tit{font-size: 20px; line-height: 26px; height: 52px;}
.cmmRecBoxGirdWrap.premium .recBoxArea .txtbx .detDtfons{font-size: 13px;}
.cmmRecBoxGirdWrap.premium .recBoxArea.level3:hover .img{height: 152px;}
.cmmRecBoxGirdWrap.premium .recBoxArea.level3:hover:before{visibility: hidden;}
.cmmRecBoxGirdWrap.premium .recBoxArea.level3:hover .detBtn{display: none;}
/* ÇØ¿Ü Ãë¾÷ ä¿ë°ø°í */
.cmmRecBoxGirdWrap.global{position: relative;}
.cmmRecBoxGirdWrap.global .gridBox{margin: -2.5px;}
.cmmRecBoxGirdWrap.global .gridBox .gtp{padding: 2.5px; width: 20%;}
.cmmRecBoxGirdWrap.global .recBoxArea .txtbx .tit{font-size: 15px; line-height: 24px;}
.cmmRecBoxGirdWrap.global .recBoxArea .txtbx .lbc{font-size: 14px;}
.cmmRecBoxGirdWrap.global .recBoxArea .img{height: 78px;}
.cmmRecBoxGirdWrap.global .recBoxArea .img img{max-width: 150px; max-height: 60px;}
.cmmRecBoxGirdWrap.global .recBoxArea.level3:hover .hoverimg{width: 100%; height: 100%; left: 0; top: 0;}
.cmmRecBoxGirdWrap.global .recBoxArea.level3:hover .txtbx .tit{font-size: 20px; line-height: 26px; height: 52px;}
.cmmRecBoxGirdWrap.global .recBoxArea .txtbx .detDtfons{font-size: 13px;}
.cmmRecBoxGirdWrap.global .recBoxArea.level3:hover .img{height: 152px;}
.cmmRecBoxGirdWrap.global .contr{}
.cmmRecBoxGirdWrap.global .contr .uislide_prev,
.cmmRecBoxGirdWrap.global .contr .uislide_next{position: absolute; top: 50%; margin-top: -20px; width: 19px; height: 40px; background: #fff no-repeat center center; border: 1px solid #d6d6d6; }
.cmmRecBoxGirdWrap.global .contr .uislide_prev{background-image: url(../images/icos/icosGrayArrowPrev_8.png); left: -19px; border-right: none;}
.cmmRecBoxGirdWrap.global .contr .uislide_next{background-image: url(../images/icos/icosGrayArrowNext_8.png); right: -19px; border-left: none;}
.cmmRecBoxGirdWrap.global .contr .slick-dots{margin-top: 20px; text-align: center; font-size: 0; display: none !important;}
.cmmRecBoxGirdWrap.global .contr .slick-dots li{width: 12px; height: 12px; display: inline-block; vertical-align: top; margin: 0 2px; border-radius: 50%; background: #e9e9e9;}
.cmmRecBoxGirdWrap.global .contr .slick-dots li.slick-active{background: #ffb525;}
.cmmRecBoxGirdWrap.global .contr .slick-dots button{display: none;}
/* ÇÁ¶óÀÓ Ã¤¿ë°ø°í */
.cmmRecBoxGirdWrap.prime .gridBox{margin: -2.5px;}
.cmmRecBoxGirdWrap.prime .gridBox .gtp{padding: 2.5px; width: 20%;}
.cmmRecBoxGirdWrap.prime .recBoxArea .txtbx .tit{font-size: 16px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 52px; font-weight: 600;}
.cmmRecBoxGirdWrap.prime .recBoxArea .txtbx .lbc{font-size: 15px;}
.cmmRecBoxGirdWrap.prime .recBoxArea .img{height: 78px;}
.cmmRecBoxGirdWrap.prime .recBoxArea .img img{max-width: 150px; max-height: 60px;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3 .detBtn{display: none;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:before{height: 3px; top: -1px;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover{border-color: #0d7fff;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover:before{border-color: #0d7fff; background-color: #0d7fff;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .hoverimg{display: none;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .recBot .icoHef{background-image: url(../images/icos/icosBorderStar_20.png);}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .recBot .icoHef.active{background-image: url(../images/icos/icosYelStar_20.png);}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:after{width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 2px solid transparent; box-sizing: border-box; background: transparent; z-index: 0;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover:after{content: ''; border-color: #0d7fff;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .txtbx{position: static; }
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .txtbx .tit{font-size: 14px; line-height: 24px; height: auto; color: #000; font-weight: normal;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .txtbx .lbc{color: #999; border: none; padding: 0; line-height: 18px; height: 18px;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .txtbx .detDt{display: none;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .recBot .tr{color: #999;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .recBot .tr .dirBtn{border-color: #ff5a00; color: #ff5a00;}
.cmmRecBoxGirdWrap.prime .recBoxArea.level3:hover .img{height: 78px;}

.cmmRecBoxGirdWrap.prime.onth{}
.cmmRecBoxGirdWrap.prime.onth .img{display: none;}
.cmmRecBoxGirdWrap.prime.onth .recBoxArea .txtbx .lbc{font-size: 17px; margin-top: 29px;}
.cmmRecBoxGirdWrap.prime.onth .recBoxArea .txtbx .tit{line-height: 22px; height: 44px; margin-top: 15px;}
.cmmRecBoxGirdWrap.prime.onth .recBoxArea .recBot{margin-top: 21px;}
/* Æ÷Ä¿½º ä¿ë°ø°í */
.cmmRecBoxGirdWrap.focus .gridBox{margin: 0; }
.cmmRecBoxGirdWrap.focus .gridBox .gtp{width: 33.333%; padding: 0; border: 1px solid #d6d6d6; margin-left: -1px; margin-top: -1px;}
/**/
.cmmRecBoxGirdWrap.focus.blue .gridBox .gtp{border: 1px solid #0dbeff;}
.cmmRecBoxGirdWrap.focus.blue .recBoxArea.level5:hover:before{border-color: #0d7fff;}
/* Ç÷¯½º ä¿ë°ø°í */
.cmmRecBoxGirdWrap.plus .gridBox{margin: 0; }
.cmmRecBoxGirdWrap.plus .gridBox .gtp{width: 25%; padding: 0; border: 1px solid #d6d6d6; margin-left: -1px; margin-top: -1px;}
.cmmRecBoxGirdWrap.plus .recBoxArea.level5 .recBoxFrt{padding-left: 15px;}
.cmmRecBoxGirdWrap.plus .recBoxArea.level5 .img{display: none;}

.cmmRecBoxGirdWrap .gridBox.col4 .gtp{width: 25%;}
.cmmRecBoxGirdWrap .gridBox.col5 .gtp{width: 20%;}









/* ±âÁ¸ css Ä¿½ºÅÒ */
#contents.sub_page .board_area table{}
#contents.sub_page .board_area thead th{padding-top: 27px; padding-bottom: 27px;}
#contents.sub_page .board_area tbody td{padding-top: 27px; padding-bottom: 27px; border-bottom-color: #e4eaf0;}
#contents.sub_page .notice_area .board_area{border-top: none;}
#contents.sub_page .notice_area .board_area > table > thead > tr > th{background: #f1f5fb; color: #333; font-size: 15px; font-weight: 600;}
#contents.sub_page .notice_area .board_area > table > thead > tr > th:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#contents.sub_page .notice_area .board_area > table > thead > tr > th:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#contents.sub_page .notice_area .board_area > table > tbody > tr > td{font-size: 14px; color: #999; }
body .searchArea .searchInner input.txt{width: 400px; height: 46px; border: 1px solid #cad6e2; font-size: 16px; text-indent: 10px;}
body .searchArea .searchInner .btn.typegray{width: 80px; height: 46px; border: none; text-align: center; font-size: 16px; color:#fff; background: #353b3e; border-radius: 0;}
body .searchArea .searchInner .btn.typegray strong{font-weight: 400;}
body .searchArea .searchInner .btn.typereset{width: 50px; height: 46px; background: no-repeat center center #aab2bd url(../images/icos/icosWhiteReload_23.png); border-radius: 2px; font-size: 0; border: none;}
.pagingArea span, .pagingArea strong, .pagingArea a{border-color: #cad6e2; line-height: 44px; height: 46px; font-size: 16px; color: #333; font-weight: 500; width: 46px; margin-left: -1px; position: relative;}
.pagingArea strong{border-color: #0072fe; color: #0072fe;}
.pagingArea strong:before,.pagingArea strong:after{content: ''; width: 1px; height: 100%; position: absolute; top: 0; background: #0072fe; z-index: 1;}
.pagingArea strong:before{left: -1px;}
.pagingArea strong:after{right: -1px;}
#contents.sub_page .notice_area .board_area.view .tb{border: none;}
#contents.sub_page .notice_area .board_area.view .tb th, #contents.sub_page .notice_area .board_area.view .tb td{border: none;}
#contents.sub_page .notice_area .board_area.view .tb td{text-align: left;}

.r_viewarea{border-top: 3px solid #cad6e2; border-bottom: 1px solid #e4eaf0; padding: 26px 30px 27px; margin-bottom: 45px;}
.r_viewarea .tvit{font-size: 22px; color: #333; line-height: 30px; text-align: left; word-break: break-all; font-weight: 600;}
.r_viewarea .tvGro{text-align: left; margin-top: 15px;}
.r_viewarea .tvGro+.tvGro{margin-top: 5px;}
.r_viewarea .tvGro.indent .rvg{position: relative; padding-left: 60px;}
.r_viewarea .tvGro.indent .rvg .lb{position: absolute; left: 0; top: 0;}
.r_viewarea .tvGro .rvg{font-size: 14px; color: #999; display: inline-block; vertical-align: top; margin-right: 10px; padding-right: 10px; position: relative; line-height: 20px;}
.r_viewarea .tvGro .rvg+.rvg:after{content: ''; width: 1px; height: 12px; position: absolute; left: -10px; top: 50%; margin-top: -6px; background: #999;}
.r_viewarea .tvGro .rvg .lb:after{content: ':';}
.r_viewarea .tvGro .rvg .tx{}
.r_viewarea .tnFil{background: #f6f7f8; position: relative; padding: 15px; padding-left: 91px; margin-top: 25px; margin-left: -30px; margin-right: -30px; margin-bottom: -27px;}
.r_viewarea .tnFil .lb{position: absolute; left: 30px; top: 15px; line-height: 30px; text-align: left; color: #999999; font-size: 14px;}
.r_viewarea .tnFil .file_box{}
.r_viewarea .tnFil .file_box .tc{font-size: 14px; display: block; line-height: 30px; text-align: left; color: #000; text-decoration: underline;}
.r_viewarea .tvit .l4t{color: #8da0c3; margin-right: 10px;}

hr.bg{height: 1px; display: block; background: #e4eaf0; border: none; clear: both;}
#contents .sub_visual{height: 240px; background-size: auto 100% !important;}
#contents .sub_visual .visual_area{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#contents .sub_visual .visual_area h2{font-size: 38px; color: #fff; font-weight: 600; text-shadow: none; margin-top: -20px !important;}

body #contents .faq_area{font-family:'pretendard';}
body #contents .faq_area .pickArea{}
body #contents .faq_area .pickArea ul{font-size: 0; border-bottom: 1px solid #cad6e2; padding: 0 30px;}
body #contents .faq_area .pickArea ul li{display: inline-block; vertical-align: top; float: none; margin: 0; border: none; width: auto !important;}
body #contents .faq_area .pickArea ul li+li{margin-left: 40px;}
body #contents .faq_area .pickArea ul li a{position: relative; height: auto; line-height: 51px; font-size: 18px; color: #999; font-weight: 400; display: block;}
body #contents .faq_area .pickArea ul li.on a{color: #005aff; font-weight: 600; background: none; }
body #contents .faq_area .pickArea ul li.on a:after{content: ''; width: 100%; height: 3px; background: #005aff; position: absolute; left: 0; bottom: -1px;}
body #contents .faq_area .acco_area{padding-top: 0;}
body #contents .faq_area .acco_area .acco{}
body #contents .faq_area .acco_area .acco li{padding: 24px 0; padding-left: 100px; position: relative; border-bottom: 1px solid #e4eaf0;}
body #contents .faq_area .acco_area .acco li .num{position: absolute; left: 0; top: 0; font-size: 14px; color: #bebebe; line-height: 24px; width: 100px; text-align: center; top: 24px;}
body #contents .faq_area .acco_area .acco li a{border: none; padding: 0; padding-right: 100px; font-size: 18px; text-align: left; display: block; line-height: 24px;color: #333; font-weight: normal; position: static;}
body #contents .faq_area .acco_area .acco li a.on{border: none;}
body #contents .faq_area .acco_area .acco li .acco_txt{padding: 25px; margin-left: -100px; margin-bottom: -24px; margin-top: 24px; padding-left: 100px; font-size: 16px; line-height: 26px; text-align: left; color: #333; background: #f6f7f8;}
body #contents .faq_area .acco_area .acco li a::after{background: url(../images/acco_off.png) no-repeat 50%; top: 30px; margin-top: 0;}
body #contents .faq_area .acco_area .acco li a.on::after{background: url(../images/acco_on.png) no-repeat 50%;}
body #contents .faq_area .acco_area .acco li a.on+.acco_txt{display: block;}
body #contents .faq_area .acco_area .acco li a span{position: absolute; left: 30px; top: 0; height: 73px;}
body #contents .faq_area .acco_area .acco li:first-child{border-top: none;}

.thumb_notice{}
.thumb_notice .thumb_inner{}
.thumb_notice .thumb_inner .lst{border-bottom: 1px solid #ddd;}
.thumb_notice .thumb_inner .lst.view{border: none;}
.thumb_notice .thumb_inner .lst .tp{padding: 20px 10px;}
.thumb_notice .thumb_inner .lst.view .tp{padding: 0; padding-top: 20px;}
.thumb_notice .thumb_inner .lst .tp+.tp{border-top: 1px dotted #ddd;}
.thumb_notice .thumb_inner .lst .tp .inner{padding-left: 300px; padding-right: 160px; min-height: 150px; position: relative;}
.thumb_notice .thumb_inner .lst.view .tp .inner{padding-right: 0;}
.thumb_notice .thumb_inner .lst .tp .inner .lt{position: absolute; left: 0; top: 0; width: 300px; min-height: 150px; background: #fafafa;}
.thumb_notice .thumb_inner .lst .tp .inner .lt img{max-width: 100%; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.thumb_notice .thumb_inner .lst .tp .inner .cont{padding-left: 10px; padding-top: 50px; text-align: left; min-width: 200px;}
.thumb_notice .thumb_inner .lst .tp .inner .rt{position: absolute; right: 0; bottom: 0;}
.thumb_notice .thumb_inner .lst .tp .inner .rt .btns{min-width: 160px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; font-weight: 600; border-radius: 30px; box-sizing: border-box; display: inline-block;}
.thumb_notice .thumb_inner .lst .tp .inner .rt .btns.blue{background: #00baff; color: #fff;}
.thumb_notice .thumb_inner .lst .tp .inner .cont .tit{font-size: 19px; color: #222b38; line-height: 1; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.thumb_notice .thumb_inner .lst .tp .inner .cont .stit{font-size: 15px; color: #222b38; line-height: 1; margin-top: 10px;}
.thumb_notice .thumb_inner .lst .tp .inner .cont .tit.lg{font-size: 22px;}
.thumb_notice .thumb_inner .lst .tp .inner .cont .stit.lg{font-size: 17px;}
.thumb_notice .thumb_inner .lst .tp .view_cont{margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;}
.thumb_notice .thumb_inner .lst .tp .view_cont .iframe{text-align: center;}
.thumb_notice .thumb_inner .lst .tp .view_cont .iframe iframe{display: inline-block;}
.thumb_notice .thumb_inner .lst .tp.no_result{text-align: center; font-size: 19px; font-weight: bold; color: #222;}
#contents.sub_page .thumb_notice .thumb_inner .btn_area{border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px;}
#contents.sub_page .thumb_notice .thumb_inner .btn_area.left{text-align: left;}
.thumb_notice.rene{}
.thumb_notice.rene .thumb_inner .lst{font-size: 0; }
.thumb_notice.rene .thumb_inner .lst *{box-sizing: border-box;}
.thumb_notice.rene .thumb_inner .lst .tp{display: inline-block; vertical-align: top; width: 33.333%;}
.thumb_notice.rene .thumb_inner .lst .tp .inner{padding: 0; display: block; position: relative;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .lt{position: static; height: 220px; overflow: hidden; border-radius: 15px; border: 1px solid #cbd1db;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .rt{display: none;}
.thumb_notice.rene .thumb_inner .lst .tp+.tp{border-top: none;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .lt{width: 100%;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .lt img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; transform: translate(0,0);}
.thumb_notice.rene .thumb_inner .lst .tp .inner .cont{padding-left: 0; padding-top: 15px; text-align: center;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .stic{position: absolute; left: 0; top: 0; width: 43px; height: 39px; background: no-repeat left top;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .stic.tp1{background-image: url(../images/stic_tp1.png);}
.thumb_notice.rene .thumb_inner .lst .tp .inner .stic.tp2{background-image: url(../images/stic_tp2.png);}
.thumb_notice.rene .thumb_inner .lst .tp .inner .cont .tit{font-size: 18px; color: #333; font-weight: normal;}
.thumb_notice.rene .thumb_inner .lst .tp .inner .cont .stit{font-size: 14px; color: #999999;}

.dtFormArea{}
.dtFormArea .insRow{}
.dtFormArea .sTtit{font-size: 24px; font-weight: 900; color: #333; text-align: left; line-height: 30px;;}
.dtFormArea .sTtit.sm{font-size: 18px; font-weight: 900; color: #333; text-align: left; line-height: 30px;;}
.dtFormArea .sTTit{font-size: 38px; font-weight: 600; color: #333; text-align: left; line-height: 40px;}
.dtFormArea .dtFors{padding: 30px; border-top: 3px solid #cad6e2; border-bottom: 1px solid #cad6e2;;}
.dtFormArea .infs{padding: 25px 30px; background: #f6f7f8;}
.dtFormArea .infs .tx{font-size: 13px; line-height: 24px; text-align: left; color: #a9a9ac; text-indent: -6px; padding-left: 6px; font-weight: 300;}
.dtFormArea .infs.tp2{background-color: #eef2f7;}
.dtFormArea .infs.tp2 .tx{font-size: 14px; line-height: 22px; color: #7c8086; text-indent: 0; padding-left: 0;}
.dtFormArea .dtFors+.infs{margin-top: -1px; border-bottom: 1px solid #cad6e2;}
.dtFormArea .dtFors .dtForsInBox{padding-left: 180px; position: relative;}
.dtFormArea .dtFors .dtForsInBox+.dtForsInBox{margin-top: 28px;}
.dtFormArea .dtFors .dtForsInBox .ldt{font-size: 16px; color: #727277; text-align: left; width: 180px; line-height: 46px; position: absolute; left: 0; top: 0;}
.dtFormArea .dtFors .dtForsInBox .ldt.required:after{content: '*'; color: #ff0000; margin-left: 5px; vertical-align: middle;}
.dtFormArea .dtFors .dtForsInBox .inBox{padding-left: 30px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop{min-height: 46px; border: 1px solid #cad6e2; padding: 13px 10px; padding-right: 140px; position: relative;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .placeholder{font-size: 16px; line-height: 20px; display: block; text-align: left; color: #999;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .trs{position: absolute; right: 0; top: 50%; margin-top: -10px; width: 140px; text-align: center;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts{height: 20px; background: none; color: #353b3e; font-size: 15px; font-weight: 600; border: none;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts:before{content: ''; width: 12px; height: 12px; background: no-repeat left top url(../images/addmore_12_12.png); display: inline-block; margin-right: 5px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts.res{color: #353b3e; display: none;;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts.res:before{background-image: url(../images/reset_12_13.png); height: 13px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop{}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps{display: block;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps+.grps{margin-top: 5px;;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb{font-size: 14px; line-height: 20px; display: inline-block; vertical-align: top; color: #94b535;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp1{margin-right: 10px; position: relative; padding-right: 15px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp2{margin-right: 10px; position: relative; padding-right: 15px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp1:after{content: '>'; position: absolute; right: 0; top: 0;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp2:after{content: '>'; position: absolute; right: 0; top: 0;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp3{color: #333; }
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp3+.inb.dp3{margin-left: 10px;}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb .intx{}
.dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb .intb{width: 9px; height: 20px; background: no-repeat center center url(../images/del_9_9.png); border: none; margin-left: 5px;}
.dtFormArea .dtFors .rvxRof{position: relative; padding: 30px 0;}
.dtFormArea .dtFors .dtForsInButon{position: absolute; right: 0; top: 0; width: 210px; text-align: center; height: 100%; border-left: 1px solid #e4eaf0;}
.dtFormArea .dtFors .dtForsInButon .inns{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.dtFormArea .dtFors .dtForsInButon .inns .btsw{width: 110px; height: 46px; border: none; border-radius: 0; text-align: center; font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.dtFormArea .dtFors .dtForsInButon .inns .btsw.bl{background: #353b3e; color: #fff;}
.dtFormArea .dtFors .dtForsInButon .inns .btsw.ot{background: #fff; border: 1px solid #aaaaac; color: #84848c;}
.dtFormArea.view{}
.dtFormArea.view .dtFors{padding: 0;}
.dtFormArea.view .dtFors .dtForsInBox{padding-top: 13px; padding-bottom: 13px; padding-left: 210px; border-bottom: 1px solid #e4eaf0;}
.dtFormArea.view .dtFors .dtForsInBox .ldt{top: 13px; left: 30px;}
.dtFormArea.view .dtFors .dtForsInBox+.dtForsInBox{margin-top: 0;}
.dtFormArea.view .dtFors .dtForsInBox input:focus{outline: none;}
.dtFormArea.view .dtFors .dtForsInBox .adownload{line-height: 46px; margin-left: 13px;}
.vrow{margin-left: -5px; margin-right: -5px; display: block;}
.vrow:after{content: ''; display: table; clear: both;}
.vrow [class^="col"]{ padding-left: 5px; padding-right: 5px; float: left;}
.vrow.allpadding{margin: -5px;}
.vrow.allpadding [class^="col"]{padding: 5px;}
.vrow .col00{width: auto;}
.vrow .col05{width: 4.16%;}
.vrow .col1{width: 8.3334%;}
.vrow .col15{width: 12.5%;}
.vrow .col2{width: 16.666%;}
.vrow .col25{width: 20.833%;}
.vrow .col3{width: 25%;}
.vrow .col35{width: 29.166%;}
.vrow .col4{width: 33.333%;}
.vrow .col45{width: 37.5%;}
.vrow .col5{width: 41.666%;}
.vrow .col55{width: 45.83%;}
.vrow .col6{width: 50%;}
.vrow .col65{width: 54.166%;}
.vrow .col7{width: 58.334%;}
.vrow .col75{width: 62.5%;}
.vrow .col8{width: 66.667%;}
.vrow .col85{width: 70.833%;}
.vrow .col9{width: 75%;}
.vrow .col95{width: 79.166%;}
.vrow .col10{width: 83.334%;}
.vrow .col105{width: 87.5%;}
.vrow .col11{width: 92%;}
.vrow .col115{width: 95.833%;}
.vrow .col12{width: 100%;}
.vrow [class^="col"] input[type="text"]{width: 100%;}
.vrow [class^="col"] select{width: 100%; background-color: #fff;}
select,
input[type="password"],
input[type="number"],
input[type="email"],
input[type="text"]{height: 46px; border: 1px solid #cad6e2; background-color: #fff; font-size: 16px !important; color: #333 !important; text-indent: 10px;; vertical-align: middle;}
input:focus::placeholder {font-size:16px;color: #999 !important;}
input[type="text"]:read-only{background-color: #f2f3f4;}
input[type="text"]:read-only.read-non{background-color: transparent; border-color: transparent !important}
input[type="text"]+.wn{position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 16px; color: #333; line-height: 20px;;}
.reclsBtn{padding: 0 15px; height: 29px; border-radius: 2px; text-align: center; border: 1px solid transparent; background: transparent; font-size: 12px;}
.reclsBtn.navy{background: #38405c; border-color: #38405c; color: #fff;}
.reclsBtn.black{background: #454545; border-color: #454545; color: #fff;}
.reclsBtn.white{background: #fff; border-color: #ddd; color: #7b7e84;}
select{text-indent: 0; padding: 0 10px;}
    /* padding-right: 35px; position: relative; background: no-repeat calc(100% - 10px) center url(../images/arrow_17_11.png); */
select.tp2{border: none; font-size: 13px !important; color: #727272 !important;  background-position-x: right; padding-right: 15px;}
.empInfoArea select.tp2{border: 1px solid #cad6e2;}
.fidForm.file{position: relative; padding-right: 120px;}
.fidForm.file input[type="file"]{width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer;}
.fidForm.file .btn{height: 46px; line-height: 46px; width: 110px; position: absolute; right: 0; top: 0; font-size: 15px; color: #fff; background: #353b3e; text-align: center; border: none; border-radius: 0; font-weight: 300;}
.fidForm input{width: 100%;}
.fidForm select{width: 100%;}
.fidForm.inline select{min-width: 70px;}

.lnses{width: 1px; height: 14px; background: #e2e2e6; display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px;}



.radiochkButtonWrap{border: 1px solid #cad6e2; background: #fff;}
.radiochkButtonWrap:after{content: ''; display: table; clear: both;}
.radiochkButtonWrap .radiochkButtonCol{float: left;}
.radiochkButtonWrap .radiochkButtonCol+.radiochkButtonCol{border-left: 1px solid #cad6e2;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput{display: block;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput .lb{padding-left: 0; text-align: center; color: #999; text-align: left; display: block; height: 46px; line-height: 46px; text-overflow: ellipsis; white-space: nowrap;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput .lb:after{content: none !important;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput .lb:before{content: none !important;}
.radiochkButtonWrap{ border-radius: 0; border-color: #cbd1db;}
.radiochkButtonWrap .cmmInput .ip{border-radius: 2px;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput .lb{font-size: 16px; color: #a9b6c3; height: 44px; line-height: 44px; text-align: left; padding: 0 40px;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="checkbox"]:checked+.lb, .radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="radio"]:checked+.lb{height: 44px; line-height: 44px; outline: 1px solid #005aff; color: #005aff; position: relative;}
.radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="checkbox"]:checked+.lb:before, .radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="radio"]:checked+.lb:before{content: '' !important; width: 14px; height: 11px; position: absolute; left: 19px; top: 50%; margin-top: -5px; background: no-repeat left center url(../images/chk14_11.png); transform: inherit; border-radius: 0;}

.sdbtns{display: inline-block; vertical-align: middle; text-align: center; height: 46px; font-size: 15px; font-weight: 300; text-align: center; border: none; border-radius: 0;}
a.sdbtns{line-height: 46px;}
.sdbtns.outline{border: 1px solid;}
a.sdbtns.outline{line-height: 44px;}
.sdbtns.block{display: block; }
button.sdbtns.block{width: 100%;}
.sdbtns.gblue{background: #005aff; color: #fff;}
.sdbtns.black{background: #353b3e; color: #fff;}
.sdbtns.gray{background: #aab2bd; border-color: #aab2bd; color: #fff;}
.sdbtns.lgray.outline{background: #fff; border-color: #aab2bd; color: #aab2bd;}
.sdbtns.radius{border-radius: 8px;}
.sdbtns.xlg{height: 60px; line-height: 60px; font-weight: 600; font-size: 18px;}
.sdbtns.int{display: inline-block; vertical-align: middle;}


.brdPages{background: rgba(0,0,0,0.4); display: block;}
.brdPages .lst{padding: 20px 0;}
.brdPages .lst:after{content: ''; display: table; clear: both;}
.brdPages .lst .tp{float: left; position: relative; margin-right: 19px; padding-right: 19px;}
.brdPages .lst .tp+.tp:before{content: ''; width: 7px; height: 100%; position: absolute; left: -19px; top: 0; background: no-repeat left center url(../images/arrow_7_12.png);}
.brdPages .lst .tp .txt{font-size: 16px; color: #fff; color: rgba(255,255,255,.7); line-height: 20px; display: block;}
.brdPages .lst .tp .txt.home{font-size: 0; width: 20px; height: 20px; background: no-repeat left center url(../images/ico_home_20_18.png);}
.sub_visual{position: relative;}
.sub_visual .brdPages{position: absolute; left: 0; bottom: 0; width: 100%;}
#contents.sub_page .notice_area .board_area > table > tbody > tr > td > a{font-family:'Noto Sans KR','Malgun Gothic',"¸¼Àº °íµñ","dotum",-apple-system-font, "Apple SD Gothic Neo", sans-serif;}
#contents.sub_page .notice_area .board_area > table > tbody > tr > td > a.FS18:hover{color: #005aff !important; font-weight: ;}


.knkLstArea{}
.knkLstArea .klist{margin: -13px -15px; clear: both;}
.knkLstArea .klist.v2 {display:flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
.knkLstArea .klist:after{content: ''; display: table; clear: both;}
.knkLstArea .klist .tp{padding: 13px 15px; float: left; width: 33.333%;}
.knkLstArea .klist .inbox{display: block;}
.knkLstArea .klist .inbox .thumb{height: 220px; border-radius: 15px; border: 1px solid #cbd1db; display: block; overflow: hidden; position: relative; background: #fff;}
.knkLstArea .klist .inbox .thumb img{position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%;}
.knkLstArea .klist .inbox .txts{text-align: center; margin-top: 13px;}
.knkLstArea .klist .inbox .txts .tt{font-size: 18px; line-height: 22px; font-weight: 600; color: #333;}
.knkLstArea .klist .inbox .txts .stt{font-size: 14px; line-height: 22px; color: #999;}
.knkLstArea .cmmTblTp.view{padding-left: 153px; padding-right: 153px;}
.knkLstArea .cmmTblTp.view .cttCont{padding-left: 0; padding-right: 0;}
.knkLstArea .knkFormArea{}
.knkLstArea .knkFormArea .tits{font-size: 30px; color: #000; text-align: left; line-height: 32px;}
.knkLstArea .knkFormArea .kforms{margin-top: 12px; border-radius: 8px; border: 1px solid #cad6e2; overflow: hidden;}
.knkLstArea .knkFormArea .kforms table{width: 100%; table-layout: fixed;}
.knkLstArea .knkFormArea .kforms table th,
.knkLstArea .knkFormArea .kforms table td{padding: 10px; vertical-align: middle; border-bottom: 1px solid #e4eaf0;}
.knkLstArea .knkFormArea .kforms table th{font-size: 16px; text-align: left; padding-left: 30px; color: #727272; background: #f3f6f9; font-weight: 400;}
.knkLstArea .knkFormArea .kforms table td{text-align: left; font-size: 16px;; color: #333;}
.knkLstArea .knkFormArea .kforms table tr:last-child th,
.knkLstArea .knkFormArea .kforms table tr:last-child td{border-bottom: none;}

#loginbox .fl{float: none;}



.searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop{padding: 18px 20px; padding-top: 5px;;}
.cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmInput.radiochk .lb{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop .jtit{font-size: 18px; font-weight:600; color: #6bb1ff; padding: 20px 0;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop .jtit .sm{font-size: 13px; font-weight: 300; color: #727272; margin-left: 05px;;}
html:not(.fnHeaderMainContFixed) .searchPennelBox:not([data-params="totalsearch"]){border: 1px solid #cad6e2; border-top: none;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .cmmAutoSearchWrap.tp2 .cmmAutoSearchInput .cmmInput .ip{height: 48px;}
html:not(.fnHeaderMainContFixed) .searchPennelBox .cmmFormToolTipWrap.tp2 .cmmAutoSearchWrap.tp2 .cmmAutoSearchResult{top: 47px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .cmmAutoSearchWrap.tp2 .cmmAutoSearchInput .cmmInput{width: 480px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont{padding-bottom: 73px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea{background-color: #f6f7f8; border-color: #e4eaf0; padding-top: 20px; padding-bottom: 20px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn{min-width: 102px; padding: 0 10px; font-size: 13px; height: 32px; border: none; color: #fff; font-weight: 600; text-align: center; border-radius: 4px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea a.axnTbtn{line-height: 32px;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn.gray{background-color: #c3c6c9;}
.searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn.cblue{background-color: #6bb1ff;}
.cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .cmmInput.radiochk .vChkLabel.on, .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .cmmInput.radiochk .lb.on{color: #005aff;}
.cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmInput.radiochk .lb:after{border-radius: 0;}
.cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmInput.radiochk input[type="checkbox"]:checked+.lb:after{background-color: #005aff; border-color: #005aff; background-image: url(../images/chk_10_8.png);}
.cmmInput.radiochk input[type="checkbox"] + .lb:after{border-radius: 0;}
.cmmInput.radiochk .lb, .cmmInput.radiochk .vChkLabel{color: #333;}





#contents.sub_page .board_area table{}
.cmmTblTp.recruit .cttCont table thead th{padding-top: 27px; padding-bottom: 27px;}
.cmmTblTp.recruit .cttCont table > thead > tr > th{background: #f1f5fb; color: #333; font-size: 15px; font-weight: 600;}
.cmmTblTp.recruit .cttCont table > thead > tr > th:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.cmmTblTp.recruit .cttCont table > thead > tr > th:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.cmmTblTp.recruit .cttCont table tbody td{padding-top: 30px; padding-bottom: 28px;}
.cmmTblTp.recruit .cttCont table tbody td:last-child{padding-top: 30px; padding-bottom: 28px;}
.cmmTblTp .txsArea{margin: 0;}
.cmmTblTp .txsArea .itx{font-size: 15px; line-height: 24px; color: #727272;}
.cmmTblTp .txsArea .itx.cgray{color: #999;}
.cmmTblTp .txsArea.tp2 .itx{font-size: 13px; line-height: 18px;}
.cmmTblTp .cttCntArea .txtBx .otNm{font-size: 15px; color: #639aff;}
.cmmTblTp .cttCntArea .txtBx .tpNm .tx{font-size: 18px; color: #333; font-weight: 600;;}
.cmmTblTp .cttCkNm .ckbBx+.txtBx{padding-left: 20px;}
.cmmTblTp .cttCkNm .txtBx .tpNm .tx{font-size: 18px; color: #333; font-weight: normal;}
.cmmTblTp .cttCkNm .txtBx .otNm{font-size: 13px; color: #bebebe; margin-top: 8px;}
.cmmTblTp .cttBtns{font-size: 13px; border-radius: 4px; height: 32px; line-height: 30px;}
.cmmTblTp .cttBtns.block{max-width: 100px;}
.cmmTblTp .cttBtns.block1{max-width: 100px; display: block; margin:auto}
.cmmTblTp .cttBtns .icos{display: none;}
.cmmTblTp .cttBtns.org{border-color: #f9485d; background: #fff; color: #f9485d;}
.cmmTblTp .cttBtns.blue1.outline{border-color: #6bb1ff; background: #fff; color: #6bb1ff;}
.cmmTblTp .cttBtns.blue2.outline{border-color: #2d67ff; background: #fff; color: #2d67ff;}
.cmmTblTp .cttBtns.blue3.outline{border-color: #6ea7db; background: #fff; color: #6ea7db;}
.cmmTblTp .cttBtns.purple1.outline{border-color: #e01fe7; background: #fff; color: #e01fe7;}
.cmmTblTp .cttBtns.purple2.outline{border-color: #533388; background: #fff; color: #533388;}

.cmmTblTp.reqArragng .col7{width: 10%;}
.cmmTblTp.reqArragng .col8{width: 12%;}
.cmmTblTp.reqArragng .col9{width: auto;}
.cmmTblTp.reqArragng .col10{width: 10%;}
.cmmTblTp.reqArragng .col11{width: 8%;}
.cmmTblTp.reqArragng .col12{width: 12%;}
.cmmTblTp.reqArragng .cttCkNm .txtBx .tpNm .tx{font-size: 14px;;}
.cmmTblTp.reqArragng .cttCont table tbody td{vertical-align: middle;}


.empInfoArea{}
.empPanArea{border: 1px solid #cad6e2;}
.empPanArea:after{content: ''; display: table; clear: both;}
.empPanArea .emPanCol{float: left;}

/* 5Â÷ ´ëüÀη¹ðÅ© ¾÷Á¾ Å×À̺í Ãß°¡ Àû¿ë Àü */
.empPanArea .emPanCol.col0{/*width: 24%;*/}
.empPanArea .emPanCol.col1{/*width: 32%;*/}
.empPanArea .emPanCol.col2{/*width: 32%;*/}
.empPanArea .emPanCol.col3{/*width: 18%;*/}
.empPanArea .emPanCol.col4{/*width: 18%;*/}

/* 5Â÷ ´ëüÀη¹ðÅ© ¾÷Á¾ Å×À̺í Ãß°¡_1 */
.empPanArea .emPanCol.col0{width: 25%;}
.empPanArea .emPanCol.col1{width: 25%;}
.empPanArea .emPanCol.col2{width: 25%;}
.empPanArea .emPanCol.col3{width: 14%;}
.empPanArea .emPanCol.col4{width: 14%;}

.empPanArea .emPanCol+.emPanCol{border-left: 1px solid #cad6e2;}
.empPanArea .emPanCol .ttit{padding: 15px 20px;}
.empPanArea .emPanCol .ttit .int{font-size: 18px; color: #333; text-align: left; display: block; position: relative; padding-left: 36px; background: no-repeat left center; line-height: 30px;}
.empPanArea .emPanCol .ttit.tp1 .int{background-image: url(../images/emPanCol001.png);}
.empPanArea .emPanCol .ttit.tp2 .int{background-image: url(../images/emPanCol002.png);}
.empPanArea .emPanCol .ttit.tp3 .int{background-image: url(../images/emPanCol003.png);}
.empPanArea .emPanCol .ttit.tp4 .int{background-image: url(../images/emPanCol004.png);}
.empPanArea .emPanCol .tCont{border-top: 1px solid #cad6e2;}
.empPanArea .emPanCol .tCont:after{content: ''; display: table; clear: both;}
.empPanArea .emPanCol .tCont .tConBox{height: 168px; overflow: hidden; overflow-y: auto; padding: 11px 0;}
.empPanArea .emPanCol .tCont .tConBox.col6{float: left; width: 50%;}

/* 5Â÷ ´ëüÀη¹ðÅ© ¾÷Á¾ Å×À̺í Ãß°¡_2 */
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_1{width: 45%;}
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_2{width: 55%;}
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_3{width: 45%;}
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_4{width: 55%;}
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_5{width: 45%;}
.empPanArea .emPanCol .tCont .tConBox.col6._mCS_6{width: 55%;}

.empPanArea .emPanCol .tCont .tConBox.col6+.tConBox.col6{border-left: 1px solid #cad6e2;}
.empPanArea .emPanCol .tCont .lasForm{position: relative; padding: 0;}
.empPanArea .emPanCol .tCont .lasForm input{position: absolute; left: 0; top: 0; width: 0; height: 0; overflow: hidden;}
.empPanArea .emPanCol .tCont .lasForm .lb{font-size: 13px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-weight: 300; text-align: left; padding: 8.5px 21px; padding-right: 0; line-height: 15px;}
.empPanArea .emPanCol .tCont .lasForm input[type="radio"]:checked+.lb{color: #005aff; font-weight: 600; background-color: #f1f5fb;}
.empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]+.lb{padding-left: 42px;}
.empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]+.lb:before{content: ''; width: 18px; height: 18px; position: absolute; left: 16px; top: 7px; border: 1px solid #cad6e2;}
.empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]:checked+.lb:before{border-color: #005aff; background: #005aff no-repeat center center url(../images/icos/icosWhiteCheck_7.png);}
.empPanArea .emPanCol .tCont .lasForm:hover{background: #f1f5fb;}
.empPanArea .emPanCol .tCont .nores{font-size: 13px; line-height: 15px; margin-top: 8.5px; padding-left: 30px; display: block; color: #999; background: no-repeat 20px center url(../images/arrow_13_7.png);}

/* ÀÎÀçä¿ò¹ðÅ© ä¿ë°ü ¸®´º¾ó */

#contents.sub_page.rn_v1 .content {padding: 40px 0 100px;}
#contents.rn_v1.sub_page_new{font-family:'pretendard';}
#contents.rn_v1.sub_page_new .empPanArea{border-color:#b1b1b1; border-top:2px solid #111;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit{background:#f1f5fb;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit .int{font-size:16px; text-align:center; padding-left:0; font-weight:700;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit.tp1 .int, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit.tp2 .int, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit.tp3 .int, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .ttit.tp4 .int{background-image:none;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .lasForm .lb{font-size:15px; font-weight:500;padding: 8.5px 10px;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_1, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_3, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_5, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_7 {width: 48.1%;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_2, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_4, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_6, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6._mCS_8{width:51%;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol.col3{width: 12.5%;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol.col4{width: 12.5%;}
#contents.rn_v1.sub_page_new .result .r_box{font-size:16px;}
#contents.rn_v1.sub_page_new .result .r_box .r_head span{color:#317aff; font-size:16px; background-image:none; padding-right:13px; font-weight:600;}
#contents.rn_v1.sub_page_new .result .r_item ul li{margin-right: 15px;}
#contents.rn_v1.sub_page_new .result .r_item ul li button{font-size:16px; background:transparent url(../images/ex001_v2.png) no-repeat 100% 50%; padding: 0 22px 0 0;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]+.lb {padding-left: 30px;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]+.lb:before{border-color:#b1b1b1; width:15px; height:15px;top:8px; left:9px;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .lasForm input[type="checkbox"]:checked+.lb:before{background-color:#317aff; border-color: #317aff;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .nores{font-size:15px; color:#aaaaaa; line-height:1.3; background: no-repeat 10px 4px url(../images/arrow_13_7_v2.png);}

#contents.rn_v1.sub_page_new .result .r_box .r_div:first-of-type .r_head span, #contents.rn_v1.sub_page_new .result .r_box .r_div:nth-of-type(2) .r_head span, #contents.rn_v1.sub_page_new .result .r_box .r_div:nth-of-type(3) .r_head span, #contents.rn_v1.sub_page_new .result .r_box .r_div:nth-of-type(5) .r_head span{display:inline-block; max-width:75px; letter-spacing:33px;}
#contents.rn_v1.sub_page_new .result .r_box .r_div:nth-of-type(4) .r_head span{letter-spacing:0.15px;}
#contents.rn_v1.sub_page_new .empPanArea .emPanCol+.emPanCol, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont, #contents.rn_v1.sub_page_new .empPanArea .emPanCol .tCont .tConBox.col6+.tConBox.col6, #contents.rn_v1.sub_page_new .result{border-color:#b1b1b1;}
#contents.rn_v1.sub_page_new .result{background-color:#fff; padding:30px 30px;}
#contents.rn_v1.sub_page_new .result .r_box .r_div+.r_div{margin-top:6px;}
#contents.rn_v1.sub_page_new .result .btn_area{right:30px; bottom:unset; top:50%; transform:translateY(-50%);}
#contents.rn_v1.sub_page_new .result .btn_area .btn{display:block; box-sizing:border-box;}
#contents.rn_v1.sub_page_new .result .btn_area > button.ints{position:relative; border-radius:25px; margin:10px 0 0 0; width:160px; height:48px; background:#f0f0f0 url(/images/ha_reset_v2.png)no-repeat 34px center; background-size:15px 14px; color:#7c7c7c; border:1px solid #dcdcdc;}
#contents.rn_v1.sub_page_new .result .btn_area > button.ints > img{display:none;}
#contents.rn_v1.sub_page_new .result .btn_area > button.ints:before{content:'¼±Åà ÃʱâÈ­';  display:inline-block; position:absolute; left:54px; top:10px; color:#7c7c7c;}
#contents.rn_v1.sub_page_new .result .btn_area > button.blue{border-radius:25px; background:#317aff; width:160px; height:48px;}
#contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .fl select.tp2{background:url(/images/arrow_17_11.png)no-repeat calc(100% - 20px) calc(50% + 2px); background-size:14px; appearance:none; min-width: 146px !important; border-color: #b1b1b1; color: #333333 !important; font-size: 16px !important; padding: 0 20px; cursor:pointer;}
#contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .fl select.tp2:last-of-type{/*margin-left:5px;*/}
#contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .fl .lnses{display:none;}

body #contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner input.txt{border-color:#c1c1c1; padding: 0 48px 0 0; font-size:16px; text-indent:19px;}
body #contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .btn.typegray{margin-left:0; background:transparent url(/images/ha_search_v2.png)no-repeat center; width:17px; height:16px; font-size:0; position:absolute; right: 65px; top: 5px;}
body #contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .fr .searchBox > div{position:relative;}
body #contents.rn_v1.sub_page_new .empInfoArea .notice_area .searchArea .searchInner .btn.typereset{background:transparent url(/images/ha_reset_v2.png)no-repeat center; width:55px; height:46px; background-size:19px 16px; margin-left:0;}


#contents.rn_v1.sub_page_new .cmmTblTp.recruit {margin-top: 20px;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCont table{border-top:2px solid #111; box-sizing:border-box;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCont table thead{display:none;}
#contents.rn_v1.sub_page_new .cmmTblTp.recruit .cttCont table tbody td{padding:30px 0 30px 0; border-bottom: 1px solid #b1b1b1;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCkNm .txtBx .tpNm .tx{font-size:16px;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCntArea .txtBx .tpNm .tx{font-size:16px; font-weight:400;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsAreaBox{margin-top:8px;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsAreaBox .txsArea{text-align:left; display:inline; word-break:break-word;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsAreaBox .txsArea:first-child{margin-right:15px;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsAreaBox .txsArea:last-child > .itx:first-of-type:before{content: ''; display: inline-block; background: #333; width: 1px; height: 15px; line-height: 1; vertical-align: middle; margin: 0 15px 0 0; transform: translateY(-1px);}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCntArea .otNmArea{margin-top:10px;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCntArea .otNm{font-size: 16px; color: #317aff;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsArea .itx{font-size:16px; color:#666; line-height: 1.15;}
#contents.rn_v1.sub_page_new .cmmTblTp .txsArea.tp2 .itx{color:#333333;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttBtns{height:35px; line-height:35px; font-size:16px; font-weight:500 !important; width:110px; padding:0 0; max-width:unset;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttBtns.block{max-width:110px;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttBtns.radius {border-radius: 5px;}
#contents.rn_v1.sub_page_new .cmmTblTp.recruit col.col4{width:200px;}
#contents.rn_v1.sub_page_new .cmmTblTp .cttCntArea .txtBx .tpNm .ic{margin-top: -11px;}

#contents.rn_v1 .pagingArea a, #contents.rn_v1 .pagingArea strong{margin-left:10px;}
#contents.rn_v1 .pagingArea strong{border-color:#317aff; color:#317aff;}
#contents.rn_v1 .pagingArea span, #contents.rn_v1 .pagingArea strong, #contents.rn_v1 .pagingArea a{font-size:16px; width:45px; height:45px; line-height:45px;}
#contents.rn_v1 .pagingArea span:after{background-image:url(../images/page_arrow_v2.png); background-position: center; width: 8px; height: 13px;}
#contents.rn_v1 .pagingArea .prev:after{top: 15px; left: 18px; transform: rotate(180deg);}
#contents.rn_v1 .pagingArea .next:after {top: 15px; left: 19px;}

.pagination{display: block; font-size: 0; text-align: center;}
.pagination .ptp{display: inline-block; vertical-align: top;}
.pagination .ptp+.ptp{margin-left: 5px;}
.pagination .ptp .txt{padding: 0 5px; min-width: 37px; height: 37px; line-height: 35px; text-align: center; background: #fff; border: 1px solid #dedede; display: block; font-size: 12px; color: #666;}
.pagination .ptp.active .txt{border-color: #1090fe; color: #1090fe;}
.pagination .ptp.contr{}
.pagination .ptp.contr .txt{background: #fff no-repeat center center;}
.pagination .ptp.contr.prev .txt{background-image: url(../images/icos/icosGrayArrowLeft_13.png);}
.pagination .ptp.contr.next .txt{background-image: url(../images/icos/icosGrayArrowRight_13.png);}
.pagination .ptp.contr.dprev .txt{background-image: url(../images/icos/icosGrayDArrowLeft_13.png);}
.pagination .ptp.contr.dnext .txt{background-image: url(../images/icos/icosGrayDArrowRight_13.png);}



/*btnss*/
.btnss{height: 36px; line-height: 34px; border: 1px solid transparent; border-radius: 4px; padding: 0 18px; font-size: 13px; color: #000; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; letter-spacing: -.45px; font-weight: 700; }
.btnss.navy{background-color: #6a788c; color: #fff;}
.btnss.blue{background-color: #1770fc; color: #fff;}
.btnss.blue2{background-color: #347dc7; color: #fff;}
.btnss.blue3{background-color: #008aff; color: #fff;}
.btnss.blue4{background-color: #245ece; color: #fff;}
.btnss.blue5{background-color: #8398ae; color: #fff;}
.btnss.blue6{background-color: #b3bfcb; color: #fff;}
.btnss.gray{background-color: #9a9a9a; color: #fff;}
.btnss.org{background-color: #ff5a00; color: #fff;}
.btnss.black{background-color: #454545; color: #fff;}
.btnss.lightNavy{background-color: #ced5e2; color: #fff;}
.btnss.darkNavy{background-color: #38405c; color: #fff;}
.btnss.gray-2{background-color: #d2d2d2; color: #fff;}
.btnss.gray-2.outline{background: transparent; border-color: #d2d2d2; color: #333;}
.btnss.gray-3.outline{background: transparent; border-color: #333; color: #333;}
.btnss.gray.outline{background: transparent; border-color: #9a9a9a; color: #9a9a9a;}
.btnss.blue.outline{background: transparent; border-color: #1770fc; color: #1770fc;}
.btnss.org.outline{background: transparent; border-color: #ff5a00; color: #ff5a00;}
.btnss.lightNavy.outline{background: transparent; border-color: #ced5e2; color: #333;}
.btnss.xsm{height: 26px; line-height: 24px; padding: 0 10px;}
.btnss.sm{height: 30px; line-height: 27px; padding: 0 13px;}
.btnss.md{height: 43px; line-height: 41px; font-size: 15px;}
.btnss.lg{height: 50px; line-height: 48px; font-size: 14px;}
.btnss.slg{height: 46px; line-height: 44px;}
.btnss.xlg{height: 55px; line-height: 53px; font-size: 14px;}
.btnss.xxlg{height: 65px; line-height: 60px;}
.btnss.height42{height: 42px; line-height: 40px;}
.btnss.height44{height: 44px; line-height: 42px;}
.btnss.block{display: block;}
.btnss.radius{border-radius: 36px;}
.btnss.radius.sm{border-radius: 30px; }
.btnss.radius.md{border-radius: 43px;}
.btnss.radius.lg{border-radius: 50px;}
.btnss.noradius{border-radius: 0;}
.btnss.radius2{border-radius: 2px;}
.btnss.inbg{background-color: #fff !important;}
.btnss.initSearchBtn{min-width: 44px; background: #aab2bd no-repeat center center url(../images/icos/icosWhiteReload_23.png);}
button.btnss{line-height: initial !important;}


/*¼º°øÅø*/
/*±ÛÀÚ¼öüũ*/
.cmmBytChkWrap{}
.cmmBytChkWrap .cbcTp{display: inline-block; font-size: 20px; letter-spacing: -.63px; color: #333; position: relative;}
.cmmBytChkWrap .cbcTp:before{width: 1px; height: 100%; background: #ddd; position: absolute; left: 0; top: 0;}
.cmmBytChkWrap .cbcTp+.cbcTp{margin-left: 30px; padding-left: 30px;}
.cmmBytChkWrap .cbcTp+.cbcTp:before{content: '';}
.cmmBytChkWrap .cbcTp .cLbv{}
.cmmBytChkWrap .cbcTp .cLbv:after{content: ':'; display: inline-block; margin-left: 5px; margin-right: 5px;}
.cmmBytChkWrap .cbcTp .cLvv{}
.cmmBytChkWrap .cbcTp .cLvv .st{color: #1770fc;}
.cmmBytChkWrap .cbcTp .cLvv .bt{color: #ff4200;}
.cmmBytChkWrap.sm .cbcTp{font-size: 14px;}
.cmmBytChkWrap.sm .cbcTp+.cbcTp{margin-left: 15px; padding-left: 15px;}
.calcTopWrap{}
.calcTopWrap .lst{font-size: 0; border-left: 1px solid #e9e9e9;}
.calcTopWrap .lst .tp{display: inline-block; vertical-align: top; width: 12.5%; border: 1px solid #e9e9e9; border-left: none; position: relative;}
.calcTopWrap .lst .tp:before{width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #1770fc;}
.calcTopWrap .lst .tp .txt{ display: block; text-align: center; height: 104px; position: relative;}
.calcTopWrap .lst .tp .intx{font-size: 13px; letter-spacing: -.63px; line-height: 24px; color: #999; position: absolute; bottom: 18px; width: 100%; left: 0; padding-top: 50px;}
.calcTopWrap .lst .tp .intx:after{content: ''; width: 49px; height: 36px; position: absolute; left: 50%; bottom: 27px; margin-left: -25px; background: no-repeat url(../images/common/calcTopIcons.png)}
.calcTopWrap .lst .tp.tp1 .intx:after{background-position: 0px 0px;}
.calcTopWrap .lst .tp.tp2 .intx:after{background-position: 0px -73px;}
.calcTopWrap .lst .tp.tp3 .intx:after{background-position: 0px -146px;}
.calcTopWrap .lst .tp.tp4 .intx:after{background-position: 0px -219px;}
.calcTopWrap .lst .tp.tp5 .intx:after{background-position: 0px -292px;}
.calcTopWrap .lst .tp.tp6 .intx:after{background-position: 0px -365px;}
.calcTopWrap .lst .tp.tp7 .intx:after{background-position: 0px -437px;}
.calcTopWrap .lst .tp.tp8 .intx:after{background-position: 0px -511px;}
.calcTopWrap .lst .tp.tp1.active .intx:after{background-position: 0px -37px;}
.calcTopWrap .lst .tp.tp2.active .intx:after{background-position: 0px -110px;}
.calcTopWrap .lst .tp.tp3.active .intx:after{background-position: 0px -183px;}
.calcTopWrap .lst .tp.tp4.active .intx:after{background-position: 0px -256px;}
.calcTopWrap .lst .tp.tp5.active .intx:after{background-position: 0px -329px;}
.calcTopWrap .lst .tp.tp6.active .intx:after{background-position: 0px -402px;}
.calcTopWrap .lst .tp.tp7.active .intx:after{background-position: 0px -474px;}
.calcTopWrap .lst .tp.tp8.active .intx:after{background-position: 0px -547px;}
.calcTopWrap .lst .tp.active{border-color: #1770fc;}
.calcTopWrap .lst .tp.active:before{content: '';}
.calcTopWrap .lst .tp.active .intx{color: #1770fc; font-weight: 700;}

.calcContWrap{}
.calcContWrap .cmmInput .ip input:read-only{background-color: #f1f4f7;}
.calcContWrap .clcTit{font-size: 22px; letter-spacing: -.63px; text-align: left; color: #333; font-weight: 700;}
.calcContWrap .clcTit.sm{font-size: 20px;}
.calcContWrap .clcTit .sml{font-size: 80%; color: #999; font-weight: normal;}
.calcContWrap .clcTit.line{position: relative; display: inline-block; font-weight: normal;}
.calcContWrap .clcTit.line:after{content: ''; width: 100%; height: 5px; margin-top: -5px; display: block; background: repeat-x left bottom url(../images/common/pattern.gif);}
.calcContWrap .clcsTit{font-size: 13px; letter-spacing: -.63px; color: #666;}
.calcContWrap .clcTit.inline{display: inline-block; vertical-align: bottom;}
.calcContWrap .clcsTit.inline{display: inline-block; vertical-align: bottom;}
.calcContWrap .calcInBox{border-radius: 12px; background: #f1f4f7; padding: 50px;}
.calcContWrap .calcInBox.outline{background: #fff; border: 1px solid #e9e9e9;}
.calcContWrap .calcTbl{}
.calcContWrap .calcTbl table,
.calcContWrap .calcTbl.vCalcTbl .table{letter-spacing: -.63px; border: 1px solid #ddd; border-right: none; table-layout: fixed; width: 100%;}
.calcContWrap .calcTbl table thead th,
.calcContWrap .calcTbl.vCalcTbl .table .thead .th{font-size: 13px; text-align: center; color: #333; font-weight: 700; background: #f1f4f7; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 50px;}
.calcContWrap .calcTbl table tbody td,
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td{font-size: 13px; text-align: left; color: #333; font-weight: noraml; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 20px;}
.calcContWrap .calcTbl.vCalcTbl .table{display: block; font-size: 0; border: 1px solid #ddd; border-bottom: none;}
.calcContWrap .calcTbl.vCalcTbl .table .thead .th{display: inline-block; vertical-align: top; border-right: none;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td{display: inline-block; vertical-align: middle; border: none;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td .mellipsis{height: 2.8rem;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody{background: #fff;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .tr{border-bottom: 1px solid #ddd;}
.calcContWrap .calcTbl.vCalcTbl .table .thead .th:nth-child(1){width: 10%;}
.calcContWrap .calcTbl.vCalcTbl .table .thead .th:nth-child(2){width: 75%;}
.calcContWrap .calcTbl.vCalcTbl .table .thead .th:nth-child(3){width: 15%;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td:nth-child(1){width: 10%;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td:nth-child(2){width: 75%;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td:nth-child(3){width: 15%;}
.calcContWrap .calcTbl.vCalcTbl .table .thead .th:nth-child(2),
.calcContWrap .calcTbl.vCalcTbl .table .thead .th:nth-child(3){border-left: 1px solid #ddd;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td:nth-child(2){border-left: 1px solid #ddd; position: relative; position: relative;}
.calcContWrap .calcTbl.vCalcTbl .table .tbody .td:nth-child(2):after{content: ''; width: 1px; height: 100%; position: absolute; right: -1px; top: 0; background: #ddd;}
.calcContWrap .resumInBoxArea{border: 1px solid #ddd; position: relative; min-height: 300px; background: #fff; padding: 30px;}
.calcContWrap .resumInBoxArea .resmRow{letter-spacing: -.63px; position: relative;}
.calcContWrap .resumInBoxArea .resmRow.ui-sortable-helper{left: 30px !important;}
.calcContWrap .resumInBoxArea .resmRow+.resmRow{margin-top: 30px;}
.calcContWrap .resumInBoxArea .resmRow .rsrTit{font-size: 16px; color: #1770fc; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-weight: 700;}
.calcContWrap .resumInBoxArea .resmRow .rsrLst{}
.calcContWrap .resumInBoxArea .resmRow .rsrLst .rsrTp{border-bottom: 1px solid #ddd; padding: 5px 0; position: relative; padding-right: 130px;}
.calcContWrap .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap{position: absolute; right: 0; top: 50%; margin-top: -15px;}
.calcContWrap .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap .btnss:hover{background-color: #1770fc; border-color: #1770fc; color: #fff;}
.calcContWrap .resumInBoxArea .resmRow .rsrLst .txts{margin: 10px 0; font-size: 13px; color: #333; line-height: 1.4;}
.calcContWrap .resumInBoxArea .resmRow .rsrLst .textarea{border: none; background: #f1f4f7; font-size: 13px; color: #333; height: 100px; width: 100%; resize: vertical; padding: 15px 20px; line-height: 1.4;}
.calcContWrap .resumInBoxArea .noResult{font-size: 14px; letter-spacing: -.63px; text-align: center; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); line-height: 22px; color: #333;}
.calcContWrap .resumInBoxArea.fnResumInBoxWrapping{}
.calcContWrap .resumInBoxArea.fnResumInBoxWrapping .ui-state-highlight{height: 115px; background-color: #f1f4f7; border: none; margin: 10px -15px; padding: 10px;}
.calcContWrap .resumInBoxArea .tnbt{display: none;}
.calcContWrap .resumInBoxArea.fnResumInBoxWrapping .tnbt.fnSortableHandler{display: block; position: absolute; right: 0; top: -10px; text-indent: -999em; min-width: 45px; background: no-repeat center center url(../images/icos/icosBlackMove_13.png); cursor: move;}
.calcContWrap .calcTbl.vCalcTbl .fnCalcResumeTableWrapping{}
.calcContWrap .calcTbl.vCalcTbl .fnCalcResumeTableWrapping .fnCalcResumeTableCont{display: none;}
.calcContWrap .calcTbl.vCalcTbl .fnCalcResumeTableWrapping .fnCalcResumeTableCont.active{display: block;}
.calcContWrap .calcTblPagination{text-align: center;}
.calcContWrap .calcTblPagination .pagination{display: inline-block; position: relative; padding: 0 42px;}
.calcContWrap .calcTblPagination .pagination .ptp.contr{position: absolute; top: 0;}
.calcContWrap .calcTblPagination .pagination .ptp.contr.prev{left: 5px;}
.calcContWrap .calcTblPagination .pagination .ptp.contr.next{right: 0;}
.calcContWrap .btnss.fnResumeSelectButton[data-is-active="true"]{background-color: #1770fc; border-color: #1770fc; color: #fff;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea{height: 400px; overflow-y: auto;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea .resmRow .rsrTit{color: #333; font-size: 13px; border-bottom: none; padding-bottom: 0;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea .resmRow .rsrLst .rsrTp{padding-right: 0; border-bottom: none;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea .resmRow .rsrLst .textarea{display: none;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap{display: none;}
.cmm_layerpop[data-layerpop="dialogIntroPreview"] .calcContWrap .resumInBoxArea .resmRow .rsrLst .txts{display: block;  -webkit-line-clamp: inherit; overflow: visible; max-height: inherit; margin: 5px 0;}
@media print{ /* ¼º°øÃë¾÷Åø > ÀÚ±â¼Ò°³¼­ ÀÚµ¿¿Ï¼º*/
    .fnCallResumeDivPrintTarget{height: auto !important; overflow: visible !important; padding: 0 !important; border: none !important;}
    .fnCallResumeDivPrintTarget .rsrTit{font-size: 14px !important; margin-bottom: 10px !important; margin-top: 20px !important;}
    .fnCallResumeDivPrintTarget .txts{line-height: 1.3 !important;}
    .fnCallResumeDivPrintTarget .rsrLst .rsrTp+.rsrTp{margin-top: 7px !important;}
    .fnCallResumeDivPrintTarget .btnsWrap{display: none !important;}
    .fnCallResumeDivPrintTarget .tnbt{display: none !important;}
}
.calcContWrap .calcPhotoArea{}
.calcContWrap .cmmLst .cmmtp{font-size: 12px; color: #666; letter-spacing: -.63px; line-height: 20px;}
.calcContWrap .calcPhotoArea .calcPhoFile{}
.calcContWrap .calcPhotoArea .calcPhoFile .cmmInput .cmmInputFile .btnss{height: 41px; line-height: 41px;}
.calcContWrap .calcPhotoArea .calcPhoFile .cmmInput .cmmInputFile .fkf_input{font-size: 13px;}
.calcContWrap .calcPhotoArea .calcPhoSize{}
.calcContWrap .calcPhotoArea .calcPhoSize .cacRow{letter-spacing: -.63px; font-size: 16px;}
.calcContWrap .calcPhotoArea .calcPhoSize .cacRow+.cacRow{margin-top: 10px;}
.calcContWrap .calcPhotoArea .calcPhoSize .crlb{color: #1770fc; font-weight: 700; display: inline-block; vertical-align: middle; min-width: 95px; padding-right: 15px; margin-right: 5px; position: relative;}
.calcContWrap .calcPhotoArea .calcPhoSize .crlb:after{content: ':'; position: absolute; right: 0; top: 0;}
.calcContWrap .calcPhotoArea .calcPhoSize .crvb{display: inline-block; vertical-align: middle; margin-left: 10px;}
.calcContWrap .calcPhotoArea .calcPhoSize .crvb .intx{display: inline-block; vertical-align: middle; color: #333; min-width: 30px;}
.calcContWrap .calcPhotoArea .calcPhoSize .crvb .intx.gray{color: #bcbcbc; min-width: 0;}
.calcContWrap .calcPhotoArea .calcPhoSize .cmmInput{width: 150px;}
.calcContWrap .calcPhotoArea .calcPhoSize .cmmInput input{text-align: right; padding-right: 10px;}
.calcContWrap .calcPhotoArea .calcPreview{}
.calcContWrap .calcPhotoArea .calcPreview .cpInRow{display: inline-block; vertical-align: top;}
.calcContWrap .calcPhotoArea .calcPreview .cpInRow .info{text-align: center; font-size: 16px; color: #333; margin-top: 10px;}
.calcContWrap .calcPhotoArea .calcPreview .icCpStep{height: 235px; width: 55px; background: no-repeat center center url(../images/icos/icosGrayArrowNext_44.png); display: inline-block; vertical-align: top;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre{height: 234px; width: 350px; background: #fff; border: 1px solid #ddd; position: relative;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre .noResult{text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 13px; color: #999;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre .inCnt{height: 100%;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre .inCnt img{max-height: 100%;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre .inCnt.croped{width: 117px; height: auto; margin-left: auto; margin-right: auto; display: block; margin-top: 45px; border: 1px solid #ececec;}
.calcContWrap .calcPhotoArea .calcPreview .inbxAre .inCnt.croped .cmmUserThumbnail{background: no-repeat center center url(../images/common/cropedNullThumb.png);}
.calcContWrap .stampArea{text-align: center;}
.calcContWrap .stampArea .cmmInput.radiochk{text-align: center;}
.calcContWrap .stampArea .cmmInput.radiochk .lb{padding-left: 22px;}
.calcContWrap .stampArea .ccol4+.ccol4{border-left: 1px solid #ddd;}
.calcContWrap .stpm{min-width: 100px; display: block; height: 210px; background: no-repeat center top; margin-top: 10px;}
/* .calcContWrap .stpm.tp1{background-image: url(/images/common/stmp001.png);}
.calcContWrap .stpm.tp2{background-image: url(/images/common/stmp002.png);}
.calcContWrap .stpm.tp3{background-image: url(/images/common/stmp003.png);}
.calcContWrap .stpm.tp4{background-image: url(/images/common/stmp004.png);}
.calcContWrap .stpm.tp5{background-image: url(/images/common/stmp005.png);}
.calcContWrap .stpm.tp6{background-image: url(/images/common/stmp006.png);} */
.stampGetArea{border: 4px solid #ff0000; border-radius: 10px; width: 150px; height: 150px; position: relative;}
.stampGetArea.inline{display: inline-block;}
.stampGetArea.circle{border-radius: 50%;}
.stampGetArea .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.stampGetArea .inner .tx{font-size: 60px; line-height: 60px; color: #ff0000; display: inline-block; vertical-align: top;}
.stampGetArea.circle .inner .tx{font-size: 50px; width: 50px; text-align: center; line-height: 50px; color: #ff0000; display: inline-block; vertical-align: top;}
.stampGetArea.gungsuh .inner .tx{font-family: 'Gungsuh';}
.stampGetArea.batang .inner .tx{font-family: 'Batang';}

.calcContWrap .calcSalaryArea{}
.calcContWrap .calcSalaryArea .form_row+.form_row{margin-top: 10px;}
.calcContWrap .calcSalaryArea .calcSalResultArea .crow{margin-left: -45px; margin-right: -45px;}
.calcContWrap .calcSalaryArea .calcSalResultArea .ccol6{padding: 0 45px; border-right: 1px solid #e9e9e9;}
.calcContWrap .calcSalaryArea .ccol6+.ccol6{border-right: none;}
.calcContWrap .calcSalaryArea .calcSalLst{}
.calcContWrap .calcSalaryArea .calcSalLst .casRow{position: relative; padding-right: 300px;}
.calcContWrap .calcSalaryArea .calcSalLst .casLt{text-align: left;}
.calcContWrap .calcSalaryArea .calcSalLst .casRt{text-align: right; position: absolute; right: 0; top: 0; width: 300px;}
.calcContWrap .calcSalaryArea .calcSalLst .tx{font-size: 16px; color: #333; height: 36px; line-height: 36px; white-space: nowrap;}
.calcContWrap .calcSalaryArea .calcSalResult{display: block; background: #656c77; border-radius: 6px; height: 100px; line-height: 100px;}
.calcContWrap .calcSalaryArea .calcSalResult .inTxt{display: inline-block; vertical-align: middle; line-height: 1; color: #fff; padding: 0 40px;}
.calcContWrap .calcSalaryArea .calcSalResult .inTxt .nb{font-size: 30px; font-weight: 700; vertical-align: bottom;}
.calcContWrap .calcSalaryArea .calcSalResult .inTxt .wn{font-size: 16px; vertical-align: bottom; margin-left: 5px;}
.calcContWrap .calcSalaryArea .calcSalResult .inTxt .yel{color: #fff000;}
.calcContWrap .calcSalaryArea .w120{width: 120px;}

/* ¸®´º¾ó - ¼º°øÅø 241111 */
.calcContWrap.renew{font-family:'pretendard';}
.calcContWrap.renew .btnss.blue {background-color:#005aff; color:#fff;}
.calcContWrap.renew .clcTit{font-size: 24px; line-height:1.3; font-family:'pretendard-ExtraBold' !important;}
.calcContWrap.renew .clcTit > .sml{font-family:'pretendard' !important;}

.calcContWrap.renew .clcsTit{font-size:16px; color:#b1b1b1;}
.calcContWrap.renew .calcInBox{padding:0 0; background:none; border-radius:0;}
.calcContWrap.renew .calcInBox .cmmInput .ip{border-radius:0;}
.calcContWrap.renew .calcInBox .cmmInput .ip .textarea{padding:20px; font-size:16px;}
.calcContWrap.renew .calcInBox .cmmInput.tps2 .ip{border-color:#aaaaaa;}
.calcContWrap.renew .calcInBox .cmmInput.tps2 .ip.ip_gray{border-color:#aaaaaa; max-height:48px;}
.calcContWrap.renew .cmmBytChkWrap .cbcTp{color:#111; font-size:18px;}
.calcContWrap.renew .cmmBytChkWrap .cbcTp .cLvv .st{color:#005aff;}
.calcContWrap.renew .cmmBytChkWrap .cbcTp+.cbcTp{margin-left: 20px; padding-left: 20px;}
.calcContWrap.renew .cmmBytChkWrap .cbcTp:before{width: 1px; height: calc(100% - 10px); background: #111; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.calcContWrap.renew .cmmBytChkWrap .cbcTp .cLvv .bt{color:#111;}
.calcContWrap.renew .btnss{border-radius:25px; font-weight:400;}
.calcContWrap.renew .btnss.lg{font-size:16px;}
.calcContWrap.renew .btnss.lg:not(:first-of-type){margin-left:10px;}
#contents.sub_page .calcContWrap.renew .noResult{height:55px; line-height:22px;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3{border-color:#b2b2b2;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3 .cssTp .cssTit{font-size:16px; line-height:60px;font-weight:500;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3 .cssTp.active .cssTit{font-weight:500;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3 .cssTp+.cssTp{border-color:#b2b2b2;}
.calcContWrap.renew .calcContWrap .clcTit .sml{color: #b1b1b1; font-size:16px;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3 .cssTp .cssTit .sml{font-size:16px; color: #666;}
.calcContWrap.renew .cmmStateStepType2Wrap.tp3 .cssTp.active .cssTit .sml{color:#fff;}
.calcContWrap.renew .cmmHr.line1{border-color:#b2b2b2;}
.calcContWrap.renew .calcTbl.vCalcTbl .table{border:1px solid #b2b2b2; border-top:2px solid #111; border-width:2px 0 0 0;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .thead .th:nth-child(2), .calcContWrap.renew .calcTbl.vCalcTbl .table .thead .th:nth-child(3){border-left:0;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .thead .th{background:#fff; border-bottom:0; line-height:60px; font-size:16px; font-weight:600; border-bottom:1px solid #b2b2b2;}
.calcContWrap.renew .calcTbl table tbody td, .calcContWrap .calcTbl.vCalcTbl .table .tbody .td{font-size:16px; color:#666666;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .tbody .td:nth-child(2){border-left:0;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .tbody .td:nth-child(2):after{display:none;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .tbody .td .mellipsis{height:auto;}
.calcContWrap.renew .calcTbl.vCalcTbl .table .btnss.sm{font-size:16px; height: 34px; line-height: 31px;padding: 0 15px; color:#005aff; border-color:#005aff; background-color:#fff;}

.calcContWrap.renew .resumInBoxArea{padding:50px;}
.calcContWrap.renew .resumInBoxArea.fnResumInBoxWrapping .tnbt.fnSortableHandler {display: block; position: absolute; top: 0; text-indent: -999em; min-width: auto; background: no-repeat center center url(../images/icosBlackMove_13_v2.png); cursor: move; left: -27px; top:9px; right: auto; width: 7px; height: 11px; border:0;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrTit{font-size:18px; color:#005aff; border-bottom:0; padding-bottom:0;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .txts{font-size:16px; color:#777777; margin: 20px 0;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .rsrTp{padding: 0 160px 0 15px;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap {transform: translateY(-50%);margin-top: -10px;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap .btnss.sm{font-size:16px !important; padding: 0 15px; color:#777777 !important;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap .btnss.sm:not(:first-of-type){margin-left:5px;}
.calcContWrap.renew .resumInBoxArea .resmRow .rsrLst .rsrTp .btnsWrap .btnss.sm:hover{color:#fff !important;}
.calcContWrap.renew .calcTblPagination .pagination .ptp .txt{font-size:16px;min-width: 45px;height: 45px; line-height: 44px; color:#aaaaaa; border-color:#aaaaaa;}
.calcContWrap.renew .calcTblPagination .pagination .ptp.active .txt{color:#005aff; border-color:#005aff;}
.calcContWrap.renew .calcTblPagination .pagination .ptp.contr.prev{left:-5px;}
.calcContWrap.renew .calcTblPagination .pagination .ptp.contr.next{right:auto;}
.calcContWrap.renew .btnss.fnResumeSelectButton[data-is-active="true"]{color:#fff !important; background-color:#005aff !important;}
.calcContWrap.renew .pagination .ptp+.ptp{margin-left:10px;}
.calcContWrap.renew .calcInBox .clearfix .btnss.outline.gray-2{font-size:16px; min-width:120px; height:40px; line-height:40px; color:#666666; border-color:#c6c6c6;}
.calcContWrap.renew .calcInBox .clearfix .btnss.outline.gray-2:not(:first-of-type){margin-left:5px;}
.calcContWrap.renew > .btnsWrap.TXTC.MT30 > .btnss.lg:first-of-type{width:240px;}

.calcContWrap.renew .clcTit.line{font-size:20px;}
.calcContWrap.renew .clcTit.line:before{content:''; display:inline-block; background:#005aff; width:4px; height:18px; margin:1px 7px -1px 0;}
.calcContWrap.renew .clcTit.line:after{display:none;}
.calcContWrap.renew .cmmInput .ip.ip_gray input:read-only{background-color:#fff;}
.calcContWrap.renew .cmmInput .ip input:read-only{background-color:#f6f6f6; border-color:#e9e9e9;}
.calcContWrap.renew .calcPhotoArea .calcPhoFile .cmmInput .cmmInputFile .fkf_input{font-size:14px;text-indent: 20px;}
.calcContWrap.renew .calcPhotoArea .calcPhoFile .cmmInput .cmmInputFile .fkf_input::placeholder{font-size:14px;}
.calcContWrap.renew .calcPhotoArea .calcPhoFile .cmmInput .cmmInputFile .btnss{height:48px; line-height:48px; width:140px; font-size:16px; right:-10px;}
.calcContWrap.renew .cmmLst .cmmtp{font-size:14px; color:#666666;}
.calcContWrap.renew .cmmLst .cmmtp.FWB{color:#3c3c3c;}

#contents.sub_page .calcContWrap.renew .calcPreview .noResult{height:22px; font-size:16px;}
.calcContWrap.renew .calcPhotoArea_flex{display:flex;}
.calcContWrap.renew .calcPhotoArea_flex > li{width:50%;}
.calcContWrap.renew .calcPhotoArea .calcPhoSize .crlb{color:#111; font-weight: 500; min-width: 75px; padding-right: 0; margin-right: 0; letter-spacing: -1.45px;}
.calcContWrap.renew .calcPhotoArea .calcPhoSize .crvb{margin-left:0;}
.calcContWrap.renew .calcPhotoArea .calcPhoSize .crvb .intx{color:#111;}
.calcContWrap.renew .calcPhotoArea .calcPreview .inbxAre{width:280px; height:200px;}
.calcContWrap.renew .calcPhotoArea .calcPreview .inbxAre .inCnt.croped{margin-top:23px;}
.calcContWrap.renew .calcPhotoArea .calcPreview .icCpStep{width:60px; height:200px; background-size:15px;}
.calcContWrap.renew .calcPhotoArea .calcPhoSize .cmmInput{width:160px;}
.calcContWrap.renew .calcInBox .calcPhotoArea .calcPhoSize .cmmInput.tps2 .ip{border-color:#aaaaaa;}
.calcContWrap.renew .calcPhotoArea .calcPreview .cpInRow .info{color:#111; font-weight:600;}
.calcContWrap.renew .calcPhotoArea .calcPreview .inbxAre{border-color:#aaaaaa;}
.calcContWrap.renew .calcPhotoArea .crow .ccol10 {width: 76.2%;}
.calcContWrap.renew .fnResumePhotoDownloadButton{width:240px;}

.calcContWrap.renew .cmmInput .lb{color:#111;}
.calcContWrap.renew .cmmLocTooltipButton.tp3{width: 20px; height: 20px; background-image: url(../images/icosGrayCircleTip_16_v2.png);}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput input[type="radio"]:checked+.lb .int:before, .calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput .int:before{display:none;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput .int{font-size:16px; padding:0 0;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4{border:0;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput input[type="radio"]+.lb {background:#eeeeee; color:#111111; height: 50px; line-height:50px;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput input[type="checkbox"]:checked+.lb, .calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol .cmmInput input[type="radio"]:checked+.lb {background: #3a3a3a; color:#fff;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol:first-child .cmmInput input[type="radio"]+.lb{ border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.calcContWrap.renew .cmmRadiochkButtonWrap.tp4 .cmmRadiochkButtonCol:last-child .cmmInput input[type="radio"]+.lb{ border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.calcContWrap.renew .tblLayout.ciColsm {padding-left: 145px;}
.calcContWrap.renew .tblLayout .tip{margin:10px 0;}
.calcContWrap.renew .tblLayout .tip.tip_rdo{max-width:200px;}
.calcContWrap.renew .cmmInput .ip{border-color:#aaaaaa;}
.calcContWrap.renew .cmmInput .ip input{height:48px; padding-bottom:15px;}
.calcContWrap.renew .cmmInput .ip input.inp_r{padding-right:10px; box-sizing:border-box; text-align:right;}
.calcContWrap.renew .cmmInput .ip input::placeholder{color:#919191;}
.calcContWrap.renew .calcInBox .cmmInput .ip.yeonbong{width:300px; padding-bottom:0; height:48px;}
.calcContWrap.renew .btnss.xlg.calculBtn{height:48px; line-height:48px; font-size:16px; margin:0 0;}
.calcContWrap.renew .searchBtnsInt{font-size:0; display:inline-block; background:url(/images/ha_reset_v2.png)no-repeat center; width:19px; height:16px; padding:0 0; line-height:22px;}
.calcContWrap.renew .searchBtnsInt:before, .calcContWrap.renew .searchBtnsInt:after{display:none;}
.calcContWrap.renew .calcInBox.topline{border-top:1px solid #b2b2b2; padding:50px 0 0 0; box-sizing:border-box;}
.calcContWrap.renew .calcSalaryArea .calcSalResultArea .ccol6{border:0;}
.calcContWrap.renew .calcSalaryArea .calcSalLst .tx{display:inline-block; color:#111; height:47px; line-height:47px; vertical-align:middle;}
.calcContWrap.renew .calcSalaryArea .calcSalLst .casLt .tx{min-width:85px;}
.calcContWrap.renew .calcSalaryArea .calcSalLst .casRt .tx{margin-left:5px;}
.calcContWrap.renew .calcSalaryArea .calcSalResult{text-align:right; background: #404958;}
.calcContWrap.renew .calcSalaryArea .calcSalResult .inTxt .wn{font-size:20px; line-height:1.5;}
.calcContWrap.renew .calcSalaryArea .calcSalResult .inTxt .nb{font-size:40px;}
.calcContWrap.renew .calcSalaryArea .ccol4{width: calc(50% - 30px); padding: 0 0;}
.calcContWrap.renew .calcSalaryArea .ccol8{padding:0 0;}
.calcContWrap.renew .calcSalaryArea .form_row .colorGry2{color:#111 !important;}
.calcContWrap.renew .calcSalaryArea .form_row .btnss.xlg.blue5{background:#3a3a3a; font-size:16px; height:48px; line-height:45px;}
.calcContWrap.renew .calcSalaryArea .form_row .btnss.xlg.blue6{background:#fff; border:1px solid #3a3a3a; color:#3a3a3a; font-size:16px; height:48px; line-height:45px;}
.calcContWrap.renew .calcSalaryArea .form_row .cmmInput.tps2 .ip{max-height:48px;}
.calcContWrap.renew .calcSalaryArea .cmmLst.indent.indent9 .cmmtp{text-indent:-8px; padding-left:8px; line-height:1.3;}
.calcContWrap.renew .calcSalaryArea .calcSalResult.calcSalResult_career {width: calc(100% - 200px); margin: auto; font-family: pretendard; border-radius:10px;}
.calcContWrap.renew .calcSalaryArea .calcSalResult.calcSalResult_career .inTxt .yel{color: #ffde00; line-height: 1.4;}
.calcContWrap.renew .calcSalaryArea .calcSalResult.calcSalResult_career .inTxt .nb{line-height:1;}
.calcContWrap.renew .calcSalaryArea .customSelect{appearance:none; background: url(/images/arrow_17_11.png) no-repeat calc(100% - 20px) center; background-size: 12px; padding:0 20px;}
.calcContWrap.renew .calcInBox .calcSalaryArea .cmmInput.tps2 .ip.xlg{max-height:48px;}
.calcContWrap.renew .calcSalaryArea .crow.allpadding.allpadding_lng >[class^="ccol"]{padding:0 7px;}
.calcContWrap.renew .calcInBox_stamp .calcSalaryArea .cmmInput.tps2 .ip.xlg{width:360px;}
.calcContWrap.renew .stampArea .cmmInput.radiochk > label{display: flex; align-items: center; justify-content: center; flex-direction: column-reverse;}
.calcContWrap.renew .stampArea .cmmInput.radiochk .lb{margin-top:20px;}
.calcContWrap.renew .stampArea .ccol4+.ccol4{border-left:0;}
.calcContWrap.renew .stpm{margin-top:0;}
.calcContWrap.renew .stampFont{text-align:center; font-size:16px; font-weight:bold; color:#111; margin-bottom:30px;}
.laypopWarp.tp3.renew .laypopIn {padding: 65px 30px 70px;}
.laypopWarp.tp3.renew .laypopIn .laypopTit{font-family:'pretendard';}
.laypopWarp.tp3.renew .laypopIn .laypopTit .layClosebtn {top: -35px;}
.laypopWarp.tp3.renew .laypopIn .laypopTit .laypopTitTxt{font-size:20px;}
.laypopWarp.tp3.renew .laypopIn .laypopTit .laypopTitTxt .FWB, .laypopWarp.tp3.renew .laypopIn .laypopTit .laypopTitTxt .FWN{font-weight:500 !important;}
.laypopWarp.tp3.renew .laypopIn .laypopBottom .btnss.org{font-family:'pretendard'; font-size:16px; background:#005aff; height:48px; line-height:48px;font-weight: 400; min-width: 160px; border-radius: 24px;}


/*½æ³×ÀϺñÀ²*/
.cmmUserThumbnail{position: relative; width: 100%; height: 0; padding-bottom: 133.333%;  overflow: hidden; background-color: #eef1f6;}
.cmmUserThumbnail.error{background: #eef1f6 url(../images/icos/icosWhiteUser_61.png) no-repeat center center; background-size: 50%;}
.cmmUserThumbnail.tp2{padding-bottom: 100%; border-radius: 50%; overflow: hidden;}
.cmmUserThumbnail.bordernone{border: none;}
.cmmUserThumbnail img{position: absolute; left: 0; top: 0; max-width: 100%; width: 100%;}
/*logo*/
.cmmLogoThumbnail{position: relative; width: 100%; height: 0; padding-bottom: 38.281%; background: #f7f8fb url(../images/icos/icosGrayImage_45.png) no-repeat center center; border-radius: 3px; border: 1px solid #c8c8c8; overflow: hidden;}
.cmmLogoThumbnail.on{background-image: none;}
.cmmLogoThumbnail.bordernone{border: none;}
.cmmLogoThumbnail img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%;}
/*ȸ»çÀ̹ÌÁö*/
.cmmCompanyThumbnail{position: relative; width: 100%; height: 0; padding-bottom: 68.941%; background: #f7f8fb url(../images/icos/icosGrayImage_45.png) no-repeat center center; border-radius: 3px; border: 1px solid #c8c8c8; overflow: hidden;}
.cmmCompanyThumbnail.bordernone{border: none;}
.cmmCompanyThumbnail img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%;}
/*À¯Æ©ºê*/
.cmmYoutubeThumbnail{display: block; position: relative; width: 100%; height: 0; padding-bottom: 57.0312%; background: #f7f8fb url(../images/icos/icosGrayImage_45.png) no-repeat center center; border: 1px solid #c8c8c8; overflow: hidden;}
.cmmYoutubeThumbnail:after{content: none; width: 100%; position: absolute; height: 100%; left: 0; top: 0; background: no-repeat center center url(../images/icos/icosWhitePlay_43.png) rgba(0,0,0,.3);}
.cmmYoutubeThumbnail:hover:after{content: '';}
.cmmYoutubeThumbnail.nohover:hover:after{content: none;}
.cmmYoutubeThumbnail.radius{border-radius: 3px;}
.cmmYoutubeThumbnail.bordernone{border: none;}
.cmmYoutubeThumbnail img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%;}
.cmmYoutubeThumbnail .iframe{height: 100%; position: absolute; left: 0; top: 0; width: 100%;}
.cmmYoutubeThumbnail .iframe iframe{width: 100%; height: 100%;}

body #contents.sub_page .con_area .input_box .ib_move .check_area label.checkbox{position: relative; padding-left: 35px;}
body #contents.sub_page .con_area .input_box .ib_move .check_area label input{opacity: 0; position: absolute; left: 0; top: 0;}




/*±âÁ¸ css °³ÀÎÁ¤º¸ ¹× À̿뵿ÀÇ */
.signupDialog,
.etcCont{position:relative; font-size:14px; line-height: 24px;}
.etcCont > br{display: none;}
.signupDialog .rt,
.etcCont .rt{position:absolute;right:0;top:-41px;}
.signupDialog .rt > label,
.etcCont .rt > label{font-size:14px;color:#000;}
.signupDialog > .rt > label,
.etcCont > .rt > label{background:none;}
.signupDialog > .rt > label:after,
.etcCont > .rt > label:after{content:"";display:inline-block;clear:both;position:absolute;right:0;top:0;width:22px;height:22px;background:url(https://image.career.co.kr/career_new4/common/ico_form.png) no-repeat 0 -1003px;}
.signupDialog > .rt > label.on:after,
.etcCont > .rt > label.on:after{background-position:0 -1045px;}
.signupDialog > .rt > label span,
.etcCont > .rt > label span{margin:0 5px 0 0;}
.signupDialog > dl,
.etcCont > dl{padding:12px;margin-top:10px;border:1px solid #e2e2e2;font-size:16px;color:#000;}
.signupDialog > dl:first-child,
.etcCont > dl:first-child{margin-top:0;}
.signupDialog > dl > dt,
.etcCont > dl > dt{position:relative;font-size:16px;color:#000;line-height:40px;}
.signupDialog > dl > dt em,
.etcCont > dl > dt em{font-size:12px;color:#ff6114;}
.signupDialog > dl > dt:before,
.etcCont > dl > dt:before{content:"\002A";display:inline;clear:both;margin-right:10px;font-size:20px;color:#ff7800;vertical-align:middle;}
.signupDialog > dl > dt .rt,
.etcCont > dl > dt .rt{position:absolute;right:0;top:0;}
.signupDialog > dl > dt .rt button,
.etcCont > dl > dt .rt button{width:111px;height:42px;margin-left:15px;background-color:#f7f8fb;border:1px solid #e2e2e2;font-size:14px;color:#222;letter-spacing:-0.075em;}
.signupDialog > dl > dt .rt button span:after,
.etcCont > dl > dt .rt button span:after{content:"";display:inline-block;clear:both;width:7px;height:4px;margin-left:10px;background:url(https://image.career.co.kr/career_new4/common/sprite_bg.png) no-repeat -117px -156px;vertical-align:middle;}
.signupDialog > dl > dt .rt button.on span:after,
.etcCont > dl > dt .rt button.on span:after{background-position:-117px -152px;}
.signupDialog .termsInner,
.etcCont .termsInner{overflow-y:scroll;height:300px;padding:20px;}
.signupDialog strong ,
.etcCont strong {color:#333;}
.signupDialog .req ,
.etcCont .req {padding:20px 15px 0; white-space:nowrap;}
.signupDialog dt ,
.etcCont dt {padding-bottom:10px;}
.signupDialog h2 ,
.etcCont h2 {margin:30px 0 10px; color:#000; font-size:17px; font-weight:bold;}
.signupDialog h3 ,
.etcCont h3 {margin-top:10px; color:#000; font-size:15px; font-weight:bold;}
.signupDialog h4 ,
.etcCont h4 {margin-bottom:5px; color:#666; font-size:12px; font-weight:normal;}
.signupDialog p ,
.etcCont p {margin:15px 0;}
.signupDialog p:first-child ,
.etcCont p:first-child {margin-top:0;}
.signupDialog ol li ,
.etcCont ol li {margin-bottom:30px;}
.signupDialog > ul ,
.etcCont > ul {padding-left:25px;}
.signupDialog > ul li ,
.etcCont > ul li {margin-bottom:10px;}
.signupDialog > ul li em ,
.etcCont > ul li em {display:inline-block; width:7px; margin-left:-10px;}
.signupDialog > ul ul ,
.etcCont > ul ul {margin-bottom:20px;}
.signupDialog > ul ul li ,
.etcCont > ul ul li {margin-bottom:5px;}
.signupDialog .tb ,
.etcCont .tb {width:100%; margin:4px 0 13px; border-collapse:collapse;}
.signupDialog .tb th ,
.etcCont .tb th {background-color:#f6f6f6; font-weight:bold; text-align:center;}
.signupDialog .tb th,
.signupDialog .tb td ,
.etcCont .tb th,
.etcCont .tb td {padding:7px 5px 4px; border:1px solid #ddd; word-break: keep-all; text-indent:0;}
.signupDialog .tb div ,
.etcCont .tb div {padding:0 10px;}
.signupDialog .tb td ,
.etcCont .tb td {vertical-align:top;}
.signupDialog ol.index ,
.etcCont ol.index {margin-bottom:30px;}
.signupDialog ol.index li ,
.etcCont ol.index li {margin-bottom:0;}
.signupDialog ol.index li a ,
.etcCont ol.index li a {color:#666;text-decoration:underline;}

.cmm_layerpop[data-layerpop^="dialogagr"]{height: 450px; overflow-y: auto; background: #eef2f7; padding: 20px !important; margin-top: 20px;}


.search_box{position: relative;}
.result_box{position: absolute; left: 0; top: 100%; z-index: 1; width: 100%;}
[class^="col"] .result_box{left: 5px; width: calc(100% - 10px);}
.result_box .rb_ul{max-height: 250px; min-height: 150px; overflow: hidden; overflow-y: auto; background: #fff; padding: 10px 0; border: 1px solid #ddd;}
.result_box .rb_ul .rb_a{font-size: 13px; font-weight: normal; padding: 3px 12px; display: block; color: #333; text-align: left;}
.result_box .rb_ul .rb_a:hover{text-decoration: underline;}
.result_box .rb_direct{font-size: 13px; display: block; line-height: 40px; background: #fff; padding: 0 13px; border: 1px solid #ddd; border-top: none; margin-bottom: 10px;}
.result_box .rb_direct span:before{content: '"';}
.result_box .rb_direct span:after{content: '"';}



#contents.sub_page .result .r_area {display:table;width:100%;height:auto; padding-right: 250px;}
#contents.sub_page .result .r_box {display:table-cell;font-size:14px;color:#000;vertical-align:middle;text-align:left;}
#contents.sub_page .result .r_box .r_div {display:inline-block;margin-left:30px;}
#contents.sub_page .result .r_box .r_div:first-child {margin:0;}
#contents.sub_page .result .r_box div {display:inline-block;}
#contents.sub_page .result .r_box .r_head {line-height:25px;font-size:14px;color:#b5b5b5;vertical-align: top;}
#contents.sub_page .result .r_box .r_head span {padding-right:17px;font-size:14px;color:#000;background:#fff url(../images/arw001.png) no-repeat 100% 50%;}
#contents.sub_page .result .r_item {line-height: 25px;padding:0 0 0 5px;vertical-align:top;box-sizing:border-box;}
#contents.sub_page .result .r_item ul:after {content:''; display:block; clear:both;}
#contents.sub_page .result .r_item ul li {line-height:25px;float:left;margin-right:10px;}
#contents.sub_page .result .r_item ul li button {width:auto;line-height:25px;margin:0;padding:0 15px 0 0;font-size:14px;background:#fff url(../images/ex001.png) no-repeat 98% 50%;border:none;}
#contents.sub_page .result{height: auto; background: #f6f7f8; border-radius: 0; padding: 17px 20px; border: none; position: relative; min-height: 200px; border: 1px solid #cad6e2; border-top: none;}
#contents.sub_page .result .r_item ul li button{color: #000; background-color: transparent;}
#contents.sub_page .result .r_box .r_head span{color: #94b535; font-weight: normal; background-color: transparent;}
#contents.sub_page .result .r_box .r_div{display: block; margin-left: 0;}
#contents.sub_page .result .r_box .r_div+.r_div{margin-top: 3px;}
#contents.sub_page .result .btn_area{margin: 0; padding: 0; position: absolute; right: 20px; bottom: 20px;}
/* #contents.sub_page .result .btn_area > button.blue{position: absolute; right: 25px; top: 20px; width: 144px; background: #f08200; border-color: #f08200; border-radius: 10px; line-height: 1.3; height: auto; padding: 20px 0; font-size: 16px; font-weight: 600;}
#contents.sub_page .result .btn_area > button.ints{position: absolute; right: 25px; bottom: 20px; background: none; border: none; width: auto;} */
#contents.sub_page .result .btn_area > button.blue{width: 126px; height: 46px; text-align: center; border: none; color: #fff; font-size: 16px; font-weight: normal; border-radius: 4px; background-color: #005aff;}
#contents.sub_page .result .btn_area > button.ints{width: 126px; height: 46px; text-align: center; border: none; color: #fff; font-size: 16px; font-weight: normal; border-radius: 4px; background-color: #aab2bd; position: relative;}
#contents.sub_page .result .btn_area > button.ints img{top: 50%; margin-top: -9px; position: absolute; left: 50%; margin-left: -43px;}
#contents.sub_page .result .btn_area > button.blue br{display: none;}
#contents.sub_page .result .btn_area > button+button{margin-left: 5px;}
#contents.sub_page .noResult{text-align: center; height: 150px; line-height: 150px; display: block; width: 100%; font-size: 14px; color: #999;}
#contents.sub_page .r_box .noResult{line-height: 65px; height: auto;}

.reCmmLst{}
.reCmmLst .cmmtp{font-size: 14px; color: #333; text-indent: -9px; padding-left: 9px; line-height: 24px; text-align: left; display: block;}
.reCmmLst .cmmtp .cNavy{color: #78889e;}
.reCmmLst .cmmtp .cBlue{color: #0090ff;}
.reCmmLst .cmmtp .cRed{color: #ff0000;}
.reCmmLst.tp2 .cmmtp{font-size: 14px; color: #333;}
.reCmmLst.tp3 .cmmtp{font-size: 12px; color: #696969; line-height: 20px;}
.reCmmLst.indent0 .cmmtp{padding-left: 0; text-indent: 0;}
hr.hrs{height: 1px; border: none; background: #e4eaf0; display: block; margin: 0;}
.dtFormArea .dtFors hr.hrs{margin-left: -30px; margin-right: -30px;}
.cmmInput.radiochk.lg .lb:after{width: 22px; height: 22px; border-width: 2px;}
.adownload{font-size: 16px; color: #333; text-align: left; line-height: 30px; position: relative; padding-right: 30px; text-decoration: underline; display: inline-block; vertical-align: top;}
.adownload:hover{text-decoration: underline;}
.adownload:after{content: ''; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; background: no-repeat center center url(../images/icdownload.png);}
.adownload.url:after{content: none;}

.reaRanWrapping{}
.reaRanWrapping .rexSearch{}
.reaRanWrapping .rexSearch .inboxs{padding: 30px; background: #f3f6f9; border-top: 3px solid #cad6e2;}
.reaRanWrapping .rexSearch .inrows{}
.reaRanWrapping .rexSearch .inrows+.inrows{margin-top: 20px;}
.reaRanWrapping .rexSearch .searchArea{padding: 0;}
.reaRanWrapping .rexTabs{}
.reaRanWrapping .rexTabs .lst{padding: 0 100px; margin-left: -10px; margin-right: -10px;}
.reaRanWrapping .rexTabs .lst:after{content: ''; clear: both; display: table;}
.reaRanWrapping .rexTabs .lst .tp{width: 33.333%; float: left; padding: 0 10px;}
.reaRanWrapping .rexTabs .txts{text-align: center; height: 88px; border-radius: 10px; width: 100%; display: block; border: 1px solid #d7dadf; background-color: #fff;}
.reaRanWrapping .rexTabs .txts .intx{font-size: 20px; color: #a9a9ac; font-weight: normal;}
.reaRanWrapping .rexTabs .txts .intx .po{font-size: 26px; font-weight: 800; margin-left: 30px;}
.reaRanWrapping .rexTabs .tp.active .txts{border-color: #00deff; background-color: #00deff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.reaRanWrapping .rexTabs .tp.active .txts .intx{color: #fff;}
input.fnDatepicker{background: #fff no-repeat right center url(../images/icos/icosGrayDate_21.png); background-position-x: calc(100% - 10px);}



/* ´ëüÀη¹ðÅ© ¼Ò°³ */
.hrbank_wrap {margin-bottom:35px;}
.hrbank_wrap h2 {margin-bottom:20px;}
.hrbank_wrap .hrbank_text1 {height:33px; margin-bottom:25px; background:url(http://image.career.co.kr/substitute/hrbank_text_dotline.gif) 0 bottom repeat-x;}
.hrbank_wrap .hrbank_text2 {margin-bottom:40px;}
.hrbank_wrap h3 {margin-bottom:10px;}
.hrbank_wrap .hrbank_img {margin-bottom:30px;}

/* Áö¿ø±Ý¾È³» */
.support_m_wrap  {margin-bottom:35px;}
.support_m_wrap h2 {margin-bottom:20px;}
.support_m_wrap h3 {margin-bottom:10px;}
.support_table {width:954px; border-top:1px solid #5e6d7b; border-bottom:1px solid #5e6d7b; line-height:18px; margin-bottom:30px;}
.support_table th {background:#f9f9f9; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:14px 0px 14px 14px; text-align:left; color:#333333;}
.support_table td {padding:14px 10px 14px 14px; color:#666666; border-bottom:1px solid #d3d3d3;}
.support_table th.n_line {border-bottom:none;}
.support_table td.n_line {border-bottom:none;}
.support_text1 {margin:0px 0px 50px 0px; color:#2d5ce2; font-weight:bold;}

ul.intor_ul {overflow:hidden;}
ul.intor_ul li {line-height:1.23;color:#484848;font-size:15px;margin-top:10px;font-family:"Malgun Gothic","¸¼Àº °íµñ";font-weight:bold;}
ul.intor_ul li:first-child {margin-top:0;}
ul.intor_ul li span {color:#9ba0a4;font-family:"Malgun Gothic","¸¼Àº °íµñ";}
ul.intor_ul li span.blue {color:#6282e9;}

.support_m_wrap2  {font-size: 14px;}
.support_m_wrap2.m_60{margin-bottom: 60px;}
.support_m_wrap2 .support_top {margin-top:-20px;}
.support_m_wrap2 h2 {padding-bottom:10px; padding-left:10px; }
.support_m_wrap2 h3 {padding-bottom:10px; font-size:24px; font-family: "Malgun Gothic"; color:#000; font-weight:bold;line-height:1; border-bottom:2px solid #015cb7;letter-spacing: -1px; }
.support_m_wrap2 .change_txt {line-height:1;padding:40px 0;font-size:30px;color:#000;text-align:center;font-size:bold;font-family: "Malgun Gothic";border:1px solid #073d72;border-top:8px solid #61b0ff;}
.support_m_wrap2 .change_txt span {color:#0080ff;}
.support_m_wrap2 dl { margin-top:20px; }
.support_m_wrap2 dl dd { color:#333; line-height:200%;}
.support_m_wrap2 dl dt { font-weight:bold; font-size:13px; color:#000; letter-spacing:0px; margin-bottom:10px; }
.support_m_wrap2 dl dd > ul { padding-left:10px; width:100%; }
.support_m_wrap2 dl dd > ul li { padding-left:0; }
.support_m_wrap2 dl dd > ul li:first-child { padding-left:0; }
.support_m_wrap2 dl dd > p { margin:10px 0 5px;  background:url(http://image.career.co.kr/substitute/crIcon.png) 0 11px no-repeat; text-indent:10px; padding-left:0; }
.support_m_wrap2 dl dd > ul .orange { color:#ff5a00; }
.support_m_wrap2 dl dd > ul .red {color:#e90012;}
.support_m_wrap2 .pink { color:#ff3271; margin:20px 0; }
.support_m_wrap2 + .textBox ul li { color:#333; margin-bottom:5px; font-size: 14px;}
.support_m_wrap2 + .textBox ul li:first-child { color:#0042ff; font-weight:bold; }
.support_m_wrap2 + .textBox ul li > font { color:#0080ff; }
.support_m_wrap2 + .textBox ul li > fon a, .textBox ul li > font a:link,.textBox ul li > font a:active, .textBox ul li > font a:visited { color:#0080ff; }
.support_m_wrap2 + .textBox ul li > b { color:#000; }


/* 0902 »ç¾÷ÀÚµî·ÏÁõ ¼öÁ¤¹öÆ° */
.dtFormArea .dtForsInBox .certfilebox .upload-name {display: inline-block; width: 45.4%; padding: 10px 10px; font-size: 16px; font-family: inherit; line-height: normal; vertical-align: middle; background-color:#f2f3f4; border-width: 1px; border-style: solid; border-color: #cad6e2; border-image: initial; border-radius: 0; appearance: none; padding-right:215px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dtFormArea .dtForsInBox .certfilebox label {display: inline-block; margin-left: 4px; padding: 12px 30px; color: rgb(255, 255, 255); font-size: 14px; line-height: normal; vertical-align: middle; background-color: rgb(50, 50, 50); cursor: pointer; border: 1px solid rgb(30, 30, 30); border-radius: 2px; }
.dtFormArea .dtForsInBox .certfilebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }

.fileAddBtn {cursor :pointer; position:absolute; right:31%; top:66px; background:url('/images/urladdbtn.png')no-repeat center; width:25px; height:25px; }


/* 1122 »ç¾÷ÀÚµî·ÏÁõ Áõ¸í¿ø */
.dtFormArea .dtForsInBox a.btnSearch.btnPlus {width: 44px; height: 100%; position: absolute; right: 542px; top: 0; font-size: 0; z-index: 1; background: no-repeat center center url(../images/icos/icoBluePlus_01.png);}
.dtFormArea .dtForsInBox .certfilebox a.btnSearch.btnPlus {top: 0;}
.dtFormArea .dtForsInBox .certFileDate {display:inline-block; vertical-align:middle; position: absolute; right: 585px; top: 28%; }
.dtFormArea .dtForsInBox .certfilebox .certFileDate {top: 28%; }
.dtFormArea .dtForsInBox .certWidth {width:45.8%;}
.dtFormArea .dtForsInBox .btnsRight {display: inline-block; margin-left: 4px; padding: 22px 30px; color: rgb(255, 255, 255); font-size: 14px; line-height: 0.1; vertical-align: middle; background-color: rgb(50, 50, 50); cursor: pointer; border: 1px solid rgb(30, 30, 30); border-radius: 2px; position:absolute; right:394px;}
.btns.black{background-color: rgb(50, 50, 50); color: #fff;}
input[type="text"].colorBlue{color:#1564fb !important;}
input[type="text"].colorRed{color:#ff0000 !important}
.wBtnssWrap {text-align:center;}
.wBtnssWrap .btns.black.outline{color:#fff;}


@media print{
    *{print-color-adjust: exact; color-adjust:exact;}
    body .recViewArea .rcvCirInfp .rcInfCont .rts{background: #f6f7f8;}
    html body .recViewArea .rcvCirInfp .rcInfCont .btnIns button.atbtns.red{display: block !important; opacity: 1 !important; position: static !important; width: 50px !important; height: 100px !important;}
}


/* 0224 ·Ñ¸µÆ˾÷ */
.cmmDayPopWrap{position: absolute; z-index: 2; left: 50%; top: 180px; width: 420px; margin-left: -630px; display: none;}
.cmmDayPopWrap .dimm{position: fixed; left: 0; width: 100%; bottom: 0; top: 0; background: rgba(0,0,0,0.6);}
.cmmDayPopWrap .cmmDayPopIn{width: 100%; width: 644px; height: 503px; position: relative; overflow: hidden; margin-left: -322px; margin-top: -251px;}
.cmmDayPopWrap .cmmDayPopIn .cmmTit+.cmmsTit{margin-top: 10px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont{text-align: left; }
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .btnsGroup{text-align: center;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .btnsGroup .bt{display: inline-block; min-width: 100px; padding: 0 10px; font-size: 14px; background: #0056b8; color: #fff; text-align: center; line-height: 42px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDtp{margin-left: -25px; margin-right: -25px; margin-top: -40px; padding: 60px 25px; background: no-repeat left top; background-size: 100% auto;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDtp .cmmTit.md{font-size: 28px; line-height: 34px; color: #fff;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst{}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst .cdl{font-size: 14px; font-weight: 600;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst .cdl+.cdl{margin-top: 20px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst .cdl .tt{}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst .cdl .tt .icos{width: 20px; height: 20px; margin-right: 5px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayCont .cmmDayLst .cdl .st{}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot{position: absolute; left: 0; bottom: 0; padding: 8px 25px; background: #5a5a5a; width: 100%;}
.cmmDayPopWrap .cmmDayPopIn .topBws{/*position: absolute; right: 10px; bottom: 10px;*/}
.cmmDayPopWrap .cmmDayPopIn .topBws{position: absolute; right: 100px; bottom: 0px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot .cmmInput.radiochk{margin-bottom: 0; float: left;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot .cmmInput.radiochk .lb{color: #fff; font-weight: 600; font-size: 14px; padding-left: 25px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot .cmmInput.radiochk .lb:after{width: 15px; height: 15px; background-color: #fff;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot .cmmInput.radiochk [type="checkbox"]:checked+.lb:after{background-size: 10px;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayFot .btns{float: right; width: 48px; min-width: 0; line-height: 20px; height: 22px; color: #5a5a5a; font-size: 14px; font-weight: 600; background: #fff;}
.cmmDayPopWrap .cmmDayPopIn .cmmDayPopCloseBtn{position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background: url(../images/icos/icosBlackClose_18.png) no-repeat center center; background-size: 100% auto; text-indent: -999em; display: none;}
.cmmDayPopWrap .renwOpenIsgPop{position: relative;}
.cmmDayPopWrap .renwOpenIsgPop .btsms{position: absolute; left: 252px; bottom: 40px; width: 142px; height: 50px; opacity: 0}
.cmmDayPopWrap.tp1 .cmmDayPopIn{margin-left: 0; margin-top: 0; width: auto; height: auto; overflow: visible;}
.cmmDayPopWrap.tp1 .bt{/*width: 32px; height: 32px; position: absolute; right: 5px; top: 16px; background: no-repeat url(../images/common/cmmTp1_close.png); border: none; font-size: 0;*/}
.cmmDayPopWrap.tp1 .bt{width: 32px; height: 32px; position: absolute; right: 65px; top: 16px; background: no-repeat url(../images/common/cmmTp1_2_close.png); border: none; font-size: 0;}
.cmmDayPopWrap.tp1 .cmmInput{}
.cmmDayPopWrap.tp1 .cmmInput .lb::after{content: none;}
.cmmDayPopWrap.tp1 .cmmInput .lb{/*font-size: 0; width: 138px; height: 15px; background: no-repeat url(../images/common/cmmTp1_close_chk.png); line-height: 0; margin-right: 10px;*/}
.cmmDayPopWrap.tp1 .cmmInput .lb{font-size: 0; width: 144px; height: 15px; background: no-repeat url(../images/common/cmmTp1_2_close_chk.png); line-height: 0; margin-right: 10px;}
.cmmDayPopWrap.tp1 .cmmDayPopIn {margin-left: 0; margin-top: 0; width: auto; height: auto; overflow: visible;}
.cmmDayPopWrap .slider-pop .renwOpenIsgPop {height:420px;}
.cmmDayPopWrap .slider-pop .renwOpenIsgPop a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background:#fff;}
.cmmDayPopWrap .slider-pop .renwOpenIsgPop img {display:inline-block;max-width:100%;max-height:100%;}
.cmmDayPopWrap .slick-dots{position:absolute; bottom:20px; left:0; width:100%; text-align:center; font-size:0; border-radius:100%;}
.cmmDayPopWrap .slick-dots li{display:inline-block;margin:0 4px;}
.cmmDayPopWrap .slick-dots li.slick-active button{background:#fff; border:1px solid #000; width:10px; height:10px; border-radius: 10px;}
.cmmDayPopWrap .slick-dots button{width: 10px; height: 10px; font-size: 0; background: #000; border-radius: 10px; border: 0; border:1px solid #000; padding:0;}
.cmmDayPopWrap .slick-prev{display:none !important;}
.cmmDayPopWrap .slick-next{display:none !important;}
.cmmDayPopWrap .popBtn{display:none;position: absolute;bottom: 50px;right: 16px;cursor: pointer;}
.cmmDayPopWrap .popBtn .popPlay{display:none;}
.cmmDayPopWrap .popBtn .popPause{display:none;}
.cmmDayPopWrap .popBtn .popPlay.on{display:block;width: 10px;height: 10px;font-size:0;}
.cmmDayPopWrap .popBtn .popPlay.on:before {content: "";display: block;margin:0 0 0 2px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 10px solid #fff;}
.cmmDayPopWrap .popBtn .popPause.on{display:block;font-size:0;}
.cmmDayPopWrap .popBtn .popPause.on:before {content: "";display: inline-block;width:3px;height:10px;margin-right:3px;background:#fff;}
.cmmDayPopWrap .popBtn .popPause.on:after {content: "";display: inline-block;width:3px;height:10px;background:#fff;}
.cmmDayPopWrap.hdy .cmmInput .lb{font-size: 0; width: 196px; height: 40px; background: no-repeat url(../images/common/cmmTp2_2_close_chk.png); line-height: 0; margin-right: 0;}
.cmmDayPopWrap.hdy .cmmDayPopIn .topBws{position: inherit;right:0;background:#000;}
.cmmDayPopWrap.hdy .bt {width:19px;height:19px;right:10px;top:430px;background: no-repeat url(../images/common/eventDiaBannerClose211227.png);z-index:5;}

.no_date .none_list{text-align: center; line-height: 100px;}

/* ¸®´º¾ó - °øÅë 202411 */
#contents.rn_v1 select{font-family: pretendard !important;}
#contents.rn_v1 .dtFormArea .sTTit{font-size: 30px; font-weight: bold; color: #111; text-align: left; line-height:1.2; font-family:'pretendard-ExtraBold' !important;}
#contents.rn_v1 .dtFormArea .sTTit > span {display:block;line-height:1.2;margin:17px 0 0;font-size:16px;font-weight:normal;color:#111; font-family:'pretendard' !important;}

#contents.rn_v1 .sub_visual {position: relative;width:100%;min-width:1260px;height:420px;}
#contents.rn_v1 .sub_visual .visual_area{overflow:hidden;position:relative; left:initial;top:initial;display: flex;align-items: center;width:1260px;height:100%;margin:auto;transform:none;}
#contents.rn_v1 .sub_visual .visual_area h2{line-height:1.2;margin-top:-55px !important;font-size:60px; color: #fff; font-weight:bold; text-shadow: none;}
#contents.rn_v1 .sub_visual.sub_new {height:520px;}
#contents.rn_v1 .sub_visual.sub_new .visual_area{flex-direction: column; justify-content: center;align-items: flex-start;}
#contents.rn_v1 .sub_visual.sub_new .visual_area .txt{font-size:18px; color:#fff; line-height:1.4; margin-top:10px;}
#contents.rn_v1 .sub_visual.sub_new .brdPages{display:none;}
#contents.rn_v1 .sub_visual.menu1 {background:#25b8a5;}
#contents.rn_v1 .sub_visual.menu1 .visual_area:after {content:'';display:block;position:absolute;right:53px;bottom:0;width:420px;height:379px;background: no-repeat center url(../images/rn_visual_img_menu1.png);}
#contents.rn_v1 .sub_visual.menu3 {background:#9e65dd;}
#contents.rn_v1 .sub_visual.menu3 .visual_area:after {content:'';display:block;position:absolute;right:53px;bottom:0;width:458px;height:368px;background: no-repeat center url(../images/rn_visual_img_menu3.png);}
#contents.rn_v1 .sub_visual.menu4 {background:#3096ff;}
#contents.rn_v1 .sub_visual.menu4 .visual_area:after {content:'';display:block;position:absolute;right:20px;bottom:0;width:466px;height:361px;background: no-repeat center url(../images/rn_visual_img_menu4.png);}
#contents.rn_v1 .sub_visual.menu5 {background:#f8c230;}
#contents.rn_v1 .sub_visual.menu5 .visual_area:after {content:'';display:block;position:absolute;right:15px;bottom:0;width:462px;height:380px;background: no-repeat center url(../images/rn_visual_img_menu5.png);}
#contents.rn_v1 .sub_visual.menu6 {background:#1d935a;}
#contents.rn_v1 .sub_visual.menu6 .visual_area:after {content:'';display:block;position:absolute;right:16px;bottom:0;width:470px;height:397px;background: no-repeat center url(../images/rn_visual_img_menu6.png);}
#contents.rn_v1 .sub_visual.menu7 {background:#2763f6;}
#contents.rn_v1 .sub_visual.menu7 .visual_area:after {content:'';display:block;position:absolute;right:0;bottom:0;width:702px;height:467px;background: no-repeat center url(../images/rn_visual_img_menu7.png);}
#contents.rn_v1 .sub_visual.menu7.sub_new  .brdPages{bottom:200px;}
#contents.rn_v1 .sub_visual.menu7.type_de{background: no-repeat calc(100% - 55px) 100% #5c3b92 url(../images/rn_visual_img_menu7_2.png);}
#contents.rn_v1 .sub_visual.menu7.type_de h2{letter-spacing:-5.5px;}
#contents.rn_v1 .sub_visual.menu7.type_de .visual_area:after{display:none;}
#contents.rn_v1 .sub_visual.menu8 {background:#4658c7;}
#contents.rn_v1 .sub_visual.menu8 .visual_area:after {content:'';display:block;position:absolute;right:-34px;bottom:0;width:549px;height:397px;background: no-repeat center url(../images/rn_visual_img_menu8.png);}

#career_container.jobPostWrap_renew .sub_visual.menu8 {background:#4658c7; position: relative; width: 100%; min-width: 1260px; height: 420px;}
#career_container.jobPostWrap_renew .sub_visual.menu8 .visual_area{overflow: hidden; position: relative; left: initial; top: initial; display: flex; align-items: center; width: 1260px; height: 100%; margin: auto;}
#career_container.jobPostWrap_renew .sub_visual.menu8 .visual_area:after {content:'';display:block;position:absolute;right:-34px;bottom:0;width:549px;height:397px;background: no-repeat center url(../images/rn_visual_img_menu8.png);}
#career_container.jobPostWrap_renew .sub_visual .visual_area h2 {line-height: 1.2; margin-top: -55px !important; font-size: 60px; color: #fff; font-weight: bold; text-shadow: none;}

#contents.rn_v1 .brdPages{background:none; display: block;}
#contents.rn_v1 .brdPages + .brdPages {display:none;}
#contents.rn_v1 .brdPages .lst{padding:0;}
#contents.rn_v1 .brdPages .lst:after{content: ''; display: table; clear: both;}
#contents.rn_v1 .brdPages .lst .tp{float: left; position:relative; margin-right: 20px; padding-right: 27px;}
#contents.rn_v1 .brdPages .lst .tp+.tp:before{content: ''; width: 8px; height: 100%; position: absolute; left: -27px; top: 0; background: no-repeat left center url(../images/rn_arrow_7_12.png);}
#contents.rn_v1 .brdPages .lst .tp:last-child {padding:0;margin:0;}
#contents.rn_v1 .brdPages .lst .tp .txt{font-size: 16px; color: #fff; color: rgba(255,255,255,.7); line-height: 22px; font-family:'pretendard'; display: block;}
#contents.rn_v1 .brdPages .lst .tp .txt.home{font-size: 0; width: 15px; height: 20px; background: no-repeat center url(../images/rn_ico_home_20_18.png);}
#contents.rn_v1 .sub_visual .brdPages{position: absolute; left: 0; bottom: 145px; width: 100%;}

#career_container.jobPostWrap_renew .brdPages{background:none; display: block;}
#career_container.jobPostWrap_renew .brdPages + .brdPages {display:none;}
#career_container.jobPostWrap_renew .brdPages .lst{padding:0;}
#career_container.jobPostWrap_renew .brdPages .lst:after{content: ''; display: table; clear: both;}
#career_container.jobPostWrap_renew .brdPages .lst .tp{float: left; position:relative; margin-right: 20px; padding-right: 27px;}
#career_container.jobPostWrap_renew .brdPages .lst .tp+.tp:before{content: ''; width: 8px; height: 100%; position: absolute; left: -27px; top: 0; background: no-repeat left center url(../images/rn_arrow_7_12.png);}
#career_container.jobPostWrap_renew .brdPages .lst .tp:last-child {padding:0;margin:0;}
#career_container.jobPostWrap_renew .brdPages .lst .tp .txt{font-size: 16px; color: #fff; color: rgba(255,255,255,.8); line-height: 22px; font-family:'pretendard'; display: block;}
#career_container.jobPostWrap_renew .brdPages .lst .tp .txt.home{font-size: 0; width: 15px; height: 20px; background: no-repeat center url(../images/rn_ico_home_20_18.png);}
#career_container.jobPostWrap_renew .sub_visual .brdPages{position: absolute; left: 0; bottom: 145px; width: 100%;}

/* ¸®´º¾ó - »ç¾÷¼Ò°³ */
#contents.rn_v1 .matInfoArea{margin:100px 0 0; font-family:'pretendard';}
#contents.rn_v1 .matInfoArea .gdBox{display:flex;justify-content: space-between;margin: 30px 0 0;}
#contents.rn_v1 .matInfoArea .gdBox:after{content: ''; display:none; clear: both;}
#contents.rn_v1 .matInfoArea .gdBox .invxx{float:none; margin:0;}
#contents.rn_v1 .matInfoArea .gdBox .gdInArea{display:flex;flex-direction: column;justify-content: space-between;border:none; border-radius:10px; min-height: 240px; position: relative; padding:0; text-align: center;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1{width: 180px;height:240px;;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea {flex-direction: column;justify-content: center;align-items: center;text-align:center;background:#ededed;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea:before {content:'';display:inline-block;block;width:65px;height:53px;margin:0 -20px 20px 0;background: no-repeat center url(../images/rn_matInfo_icon01.png);}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea .tit {width:auto;height:auto;background:none;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea .tit .tx {line-height:1.2;margin:0;font-size:18px;font-weight:bold; color: #111;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea .lst {height:auto;background:none;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col1 .gdInArea .lst .tp {margin:8px 0 0;font-size:16px;color:#111;text-align:center;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col2{width: 280px;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col2 .gdInArea .tit {background:#2b76ce;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col3{width: 420px;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col3 .gdInArea .tit {background:#2a4ba6;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col4{width: 320px;}
#contents.rn_v1 .matInfoArea .gdBox .invxx.col4 .gdInArea .tit {background:#16275f;}
#contents.rn_v1 .matInfoArea .gdBox .tit{position: initial; top: initial; left: initial;display:flex;align-items: center;justify-content: center;width:100%; height:70px;padding: 0;font-size:18px;font-weight:bold;color:#fff;border-radius:10px; transform:none;}
#contents.rn_v1 .matInfoArea .gdBox .tit:before{display:none;}
#contents.rn_v1 .matInfoArea .gdBox .tit .tx{font-size: 18px; color: #fff; font-weight: bold; position: relative;}
#contents.rn_v1 .matInfoArea .gdBox .lst{display:flex;align-items: center;height:160px;background:#f0f2f5;border-radius:10px; }
#contents.rn_v1 .matInfoArea .gdBox .lst .tp{display:inline-block;margin:auto;font-size: 16px; color: #111; line-height:1.2; text-align:left; }
#contents.rn_v1 .matInfoArea .gdBox .lst .tp > li {margin:4px 0;}
#contents.rn_v1 .matInfoArea .gdBox .lst .tp > li .cir_num{font-size: 9px; font-weight: bold; display: inline-block; vertical-align: middle; margin: 0 1px 1px 0; line-height:1;}
#contents.rn_v1 .matInfoArea .gdBox + .sTTit {margin:100px 0 30px;}
#contents.rn_v1 .matInfoArea .img_box img {display:block;max-width:100%;}
#contents.rn_v1.rn_v1_subHide .brdPages{display:none;}

/* ¸®´º¾ó - Áö¿ø±Ý ¾È³» */
.matInfoArea .matGlTit {position: relative;padding-left:40px;}
.matInfoArea .matGlTit .numb{background: #333; width: 34px; height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; font-size: 20px; text-align: center;font-weight:bold; color: #fff; position: absolute; left: 0; top: 0; border-radius: 50%;}
.matInfoArea .matGlTit .txtx{/*padding-left: 15px;*/ text-align: left;}
.matInfoArea .matGlTit .txtx .tt{font-size: 30px; color: #333; line-height: 1.15; font-weight: bold; font-family:'pretendard-ExtraBold' !important;}
.matInfoArea .matGlTit .txtx .st{font-size: 15px; color: #727272; line-height: 30px;}
.matInfoArea .matGlTxtBx{padding: 30px 0 70px;}
.matInfoArea .matGlTxtBx:last-child {padding:30px 0 0;}
.matInfoArea .matGlTxtBx .gra{color: #727272 !important;}
.matInfoArea .matGlTxtBx .gra_2{display:block;padding:0;margin:0 0 10px;color: #5e5e5e !important; font-size:16px;font-weight:bold;}
.matInfoArea .matGlTxtBx .gra_3{color: #000 !important; font-size:16px; padding-left:5px}
.matInfoArea .matGlTxtBx .gra_4{color: #919191 !important; font-size:16px;}
.matInfoArea .matGlTxtBx .gra_5{font-size:16px !important;}
.matInfoArea .matGlTxtBx .red{color: #f68386 !important;}
.matInfoArea .matGlTxtBx .gre{color: #94b535 !important;}
.matInfoArea .matGlTxtBx .slbs{display: inline-block; padding: 0; position: relative; margin:0;}
.matInfoArea .matGlTxtBx .slbs:before{content:'';display:none;}
.matInfoArea .matGlTxtBx .slbs.n2 {display:block;margin:100px 0 10px;}
.matInfoArea .matGlTxtBx .slbs .tx{font-size: 20px; color: #317aff; font-weight: 800; position: relative;}
.matInfoArea .matGlTxtBx .lst{margin:10px 0 50px;}
.matInfoArea .matGlTxtBx .lst.lst_2{margin:10px 0 30px;}
.matInfoArea .matGlTxtBx .lst.n2 {margin:10px 0 30px;}
.matInfoArea .matGlTxtBx .lst.n3 {margin:10px 0 30px;}
.matInfoArea .matGlTxtBx .lst.n4 {margin:0 0 30px;}
.matInfoArea .matGlTxtBx .lst .tp{font-size: 16px; color: #111; text-align: left; line-height:1.2;}
.matInfoArea .matGlTxtBx .lst li.tp{text-indent:0; padding:0;;}
.matInfoArea .matGlTxtBx .lst .tp+.tp{margin-top: 10px;}
.matInfoArea .matGlTxtBx .lsttbl_1 table{width:100%; margin:0; border-spacing:0; border-collapse:separate; border-top:2px solid #111111;}
.matInfoArea .matGlTxtBx .lsttbl_1 .col1{width:23.8%;}
.matInfoArea .matGlTxtBx .lsttbl_1 .col2{width:38.1%;}
.matInfoArea .matGlTxtBx .lsttbl_1 .col3{width:38.1%;}
.matInfoArea .matGlTxtBx .lsttbl_2 .col1{width:11.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col2{width:18.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col3{width:13.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col4{width:17.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col5{width:13.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col6{width:13.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 .col7{width:13.2%}
.matInfoArea .matGlTxtBx .lsttbl_2 table{margin-bottom:0px;}
.matInfoArea .matGlTxtBx .lsttbl_2 td .blue_4{color: #317aff !important; }
.matInfoArea .matGlTxtBx .lsttbl_1 td .blue_4{color: #317aff !important; }
.matInfoArea .matGlTxtBx .lsttbl_1 th{height: 60px; padding: 0; font-size: 16px; color: #000000; text-align: center; border-radius:0; background:#f1f5fb; border:1px solid #b7b7b7;border-width:0 0 1px 1px;font-weight:600;}
.matInfoArea .matGlTxtBx .lsttbl_1 td{padding: 20px 18px; font-size: 16px;text-align:center;border:1px solid #b7b7b7;border-width:0 0 1px 1px;font-weight:500; line-height:1.4; color:#111;}
.matInfoArea .matGlTxtBx .lsttbl_1 table tbody tr td:first-child {font-weight:bold;background:#f6f6f6;}
.matInfoArea .matGlTxtBx .lsttbl_1 table thead tr th:last-child,
.matInfoArea .matGlTxtBx .lsttbl_1 table tbody tr td:last-child {border-width: 0 1px 1px 1px;}
.matInfoArea .matGlTxtBx .lsttbl_1 .tb_tit {display:block;margin:100px 0 20px;text-align:center;font-size:20px;font-weight:bold;color:#111;}
.matInfoArea .matGlTxtBx .lsttbl_1 .blue_1{height: 50px; padding: 0; font-size: 16px; color: #fff; text-align: center; background:#317aff; border-left: 2px solid #317aff; border-right: 2px solid #317aff; border-radius:0;}
.matInfoArea .matGlTxtBx .lsttbl_1 th.blue_1 {border-bottom: 1px solid #317aff;}
.matInfoArea .matGlTxtBx .lsttbl_1 .blue_2{border-left: 3px solid #317aff !important; border-right: 3px solid #317aff !important;}
.matInfoArea .matGlTxtBx .lsttbl_1 .blue_3{border-left: 3px solid #317aff !important; border-right: 3px solid #317aff !important; border-bottom:3px solid #317aff !important; border-radius:0;}
.matInfoArea .hr{height: 1px; display: block; background: #dddddd;}

/* ¸®´º¾ó - ¿Â¶óÀÎ ±³À° */
.onlineEdu_wrap {margin:115px 0 0;text-align:center; font-family:'pretendard';}
.onlineEdu_wrap h4 {line-height:1;font-size:30px;color:#111;font-weight:bold; font-family:'pretendard-ExtraBold' !important;}
.onlineEdu_wrap h4.tl {text-align:left;}
.onlineEdu_wrap h4 > em {display:inline-block;width:44px;height:47px;margin:-12px 0 0 3px;font-size:0;background: no-repeat center url(../images/rn_online_edu_icon01.png);vertical-align:top;}
.onlineEdu_wrap .oe_txt {line-height:1.3;margin:25px 0 0;font-size:16px;color:#111;text-align:center;}
.onlineEdu_wrap .oe_txt > strong {color:#317aff;}
.onlineEdu_wrap .oe_txt + img {margin:40px 0 50px;}
.onlineEdu_wrap .onlineEdu_text1 {margin-bottom:60px; color:#66757d; font-size: 15px; font-weight: 600; letter-spacing: -1.3px; text-indent:2px;}
.onlineEdu_wrap .onlineEdu_step {margin-bottom:60px;}
.onlineEdu_wrap .onlineEdu_step > ul {overflow:hidden;display:flex;flex-wrap: wrap;justify-content: center;padding:15px 140px 0;text-align:center;}
.onlineEdu_wrap .onlineEdu_step > ul > li {position:relative;float:left;display:inline-flex;flex-direction: column;justify-content: center;width:173px;height:173px;line-height:1.2;margin:35px 35px 0;font-size:18px;font-weight:400;color:#fff;border-radius:100%;background:#317aff;}
.onlineEdu_wrap .onlineEdu_step > ul > li > em {margin:0 0 12px;color:#40e2ff;}
.onlineEdu_wrap .onlineEdu_step > ul > li:after {position:absolute;right:-45.5px;top:50%;content:'';display:inline-block;width:21px;height:31px;margin:-15.5px 0 0 0;background: url(../images/rn_online_edu_arrow.png) no-repeat center;}
.onlineEdu_wrap .onlineEdu_step > ul > li:nth-child(4):after, .onlineEdu_wrap .onlineEdu_step > ul > li:last-child:after {display:none;}
.onlineEdu_wrap.modify .onlineEdu_step ul li{float:unset; font-size:15.5px; color:#626262; margin-top:3px; letter-spacing: -.53px; font-weight:600;}
.onlineEdu_wrap.modify .onlineEdu_step ul li span.colorOrg2{font-weight:600;}
.onlineEdu_wrap .onlineEdu_step .letSpc{letter-spacing:0.8px;}
.onlineEdu_wrap .onlineEdu_care {margin-bottom:60px;}
.onlineEdu_wrap .onlineEdu_care li {margin-top:12px;}
.onlineEdu_wrap .onlineEdu_care li.first {margin-top:0}
.onlineEdu_wrap .onlineEdu_care p {margin-top:17px;}
.onlineEdu_wrap .onlineEdu_txt > ul > li {line-height:1;margin:15px 0 0;text-align:left;font-size:16px;color:#111;}
.onlineEdu_wrap .onlineEdu_txt > ul > li:first-child {margin:0;}
.onlineEdu_wrap .onlineEdu_txt > ul > li.txt_gray {color:#666;}
.onlineEdu_wrap .onlineEdu_txt > ul > li > span {color:#ff2626;}
.onlineEdu_wrap .onlineEdu_text2 {margin-bottom:15px;}
.onlineEdu_wrap .onlineEdu_tb table {width:100%; border-top:solid 1px #5e6d7b;}
.onlineEdu_wrap .onlineEdu_tb table th {text-align:center; vertical-align:middle; color:#000; font-weight:bold; background:#f9f9f9; border-bottom:solid 1px #d3d3d3;}
.onlineEdu_wrap .onlineEdu_tb table td {text-align:center; vertical-align:middle; color:#000; border-bottom:solid 1px #d3d3d3; border-left:solid 1px #d3d3d3; padding:10px 0;}
.onlineEdu_wrap .onlineEdu_tb table td.left {text-align:left; padding:10px 20px}
.onlineEdu_wrap .onlineEdu_tb table td.checkbox {border-left:none}
.onlineEdu_wrap .onlineEdu_btn {text-align:center;margin:0 0 100px;}
.onlineEdu_wrap .onlineEdu_btn > p {line-height:1.5;margin-top:30px;font-size:16px;color:#111;opacity:0.8;}
.onlineEdu_wrap .blue_area {padding:100px 0;background:#9ee1ff;}
.onlineEdu_wrap .blue_area p.oe_txt {opacity:0.8;}
.onlineEdu_wrap .blue_area p.oe_txt + img {margin:60px 0 0;}
.onlineEdu_wrap .blue_area + .innerWrap h4 {margin:100px 0 30px;}
.onlineEdu_wrap .link_btn {display:block;text-align:left;font-size:16px;color:#111;}

/* ¸®´º¾ó - ȸ¿øÆäÀÌÁö */
#contents.sub_page.user_renew .content{padding:100px 0 150px;}
#contents.user_renew, #contents.user_renew h3, #contents.user_renew h4{font-family:'pretendard' !important;}
#contents.user_renew button{font-family:'pretendard' !important;}
#contents.user_renew select, input[type="password"], #contents.user_renew input[type="number"], #contents.user_renew input[type="email"], #contents.user_renew input[type="text"]{border-color:#e9e9e9; color:#111 !important; font-family:'pretendard' !important;}
#contents.user_renew select{background: url(/images/arrow_17_11.png) no-repeat calc(100% - 20px) calc(50% + 2px); background-size: 12px; appearance: none; padding: 0 20px 0 10px; cursor: pointer;}
#contents.user_renew input[type="text"]:read-only.read-non{color:#111 !important; text-indent:0; background-color:#fff; text-overflow:ellipsis;}
#contents.user_renew input[type="text"]:read-only{background-color:#f6f6f6;}
#contents.user_renew input[type="text"]{padding:0 0; min-height:48px;}
#contents.user_renew input[type="text"]::placeholder{color:#7a7a7a; font-family:'pretendard';}
#contents.user_renew .fidForm.file{padding-right: 149px;}
#contents.user_renew .FLOATL{float:left !important;}
#contents.user_renew .btm_blue_btn{font-size: 16px; border-radius: 25px; height: 48px; line-height: 48px; margin: 0 auto; font-weight: 500; background-color:#005aff; border-color:#005aff; font-weight:400; padding:0 0; text-align:center;}
#contents.user_renew .btm_gray_btn{font-size: 16px; border-radius: 25px; height: 48px; line-height: 48px; margin: 0 auto; font-weight: 500; background-color:#333333; border-color:#333333; font-weight:400; padding:0 0; text-align:center;}
#contents.user_renew .btm_gray2_btn{font-size: 16px; border-radius: 25px; height: 48px; line-height: 48px; margin:0 auto; font-weight: 500; background-color:#aaaaaa; border-color:#aaaaaa; font-weight:400; padding:0 0; text-align:center;}
#contents.user_renew .btm_gray3_btn{font-size: 16px; border-radius: 25px; height: 48px; line-height: 48px; margin:0 auto; font-weight: 500; background-color:#777777; border-color:#777777; font-weight:400; padding:0 0; text-align:center;}
#contents.user_renew .reclsBtn.cancle{background: transparent url(/images/ha_reset_v2.png) no-repeat center; width: 55px; height: 46px; background-size: 19px 16px; margin-left: 0; font-size:0; border:0;}
#contents.user_renew .MT100{margin-top:100px;}
#contents.user_renew .MINWIDTH240{min-width:240px;}
#contents.user_renew .MINWIDTH135{min-width:135px;}

#contents.user_renew .dtFormArea .infs.tp2{background-color:#f1f1f1; padding:32px 28px; border-radius:10px;}
#contents.user_renew .dtFormArea .infs.tp2 .tx{color:#111; font-size:16px; line-height:1;}
#contents.user_renew .dtFormArea .sTtit{color:#111; font-family:'pretendard-ExtraBold';}
#contents.user_renew .dtFormArea .dtFors{border-top:2px solid #000; border-bottom:0; padding:0 0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox{padding: 21.5px 0 21.5px 315px; margin:0 0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .ldt{color:#111; left:50px; top:22px; width:auto;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox{border-bottom: 1px solid #b2b2b2;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .inBox{padding:0 0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .grop{font-size:16px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb{font-size:16px; color:#333333;margin-right: 5px; padding-right: 18px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp1:after{top:-1px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb.dp2:after{top:-1px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .grop .grps .inb .intb {width: 16px; height: 16px; background: no-repeat center center url(../images/del_9_9_v2.png); border: none; margin-left: 5px; vertical-align:middle;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts.res{font-size:0; margin-left: 70px; padding: 0 20px; box-sizing: border-box;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop .trs .tbts.res:before{background: transparent url(/images/ha_reset_v2.png) no-repeat center; width: 19px; height: 16px; background-size: 19px 16px; margin: 0 0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox .vInputTop{border-color:#e9e9e9; padding: 15px 20px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last{border-bottom:0; padding-bottom:0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .col7.filebox{position:relative; width:90%;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .col7.filebox #fileUrlAdd.fileAddBtn{background:no-repeat left calc(50% - 1px) url(../images/addmore_12_12.png); top:16px; right:38px; width:auto; height:auto;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .col7.filebox #fileUrlAdd.fileAddBtn:before{content:'Ãß°¡Çϱâ'; color: #353b3e; font-size: 15px; font-weight: 600; display:inline-block; margin-left: 18px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .col7.filebox input[type="text"]#fileUrl{padding-right: 110px; box-sizing: border-box;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2{font-size:16px; color:#333;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table{width:90% !important;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > colgroup{display:none;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr{display:block; width:100%; padding:20px 20px; border:1px solid #dfdfdf; background:#fff;position:relative;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr:not(:last-of-type){margin-bottom:10px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr > td{background-color:transparent; display:block; text-align:left !important; padding:0 0;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr > td:nth-of-type(2){margin-top:5px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr > td:last-of-type{color:#adadad; margin-top:10px;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr > td .cmmInput.radiochk.sm.ML15{position:unset; margin-left:0 !important;}
#contents.user_renew .dtFormArea .dtFors .dtForsInBox.last .inBox .addFileWrap.cmmTbl.leftth2 > table > tbody > tr > td .cmmInput.radiochk.sm.ML15 .icoBtns.del{position:absolute; right:20px; top:20px; background-color: #fff; background-image: url(../images/icos/icosBlackClose_18.png); background-size:12px;}

#contents.user_renew .dtFormArea.view .dtFors .dtForsInBox{padding:6.5px 0 6.5px 310px;}
#contents.user_renew .dtFormArea.view .dtFors .dtForsInBox .ldt{line-height:36px; left:50px; top:13px; color:#444444;}
#contents.user_renew .dtFormArea .infs .tx{font-size:14px; color:#111111; line-height:1.4;}
#contents.user_renew .dtFormArea .infs{background-color:transparent;padding: 10px 0 30px 315px; border-color:#b2b2b2;}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col6.search_box{max-width:355px;}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col45{min-width:380px;}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col15 .sdbtns.black.block.fnStTogAppendButton{height:48px; line-height:48px; background-color: #333333; border-color: #333333; font-weight: 400; padding:0 0 0 20px; color:#fff; font-size:16px; border-radius:25px; min-width:160px; position:relative;}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col15 .sdbtns.black.block.fnStTogAppendButton:before{content: '+'; display: inline-block; color: #fff; font-size: 21px; font-family: none; position: absolute; left: 44px; top: 12px; font-weight: 300; line-height:1; transform: scaleY(0.95);}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col15 .sdbtns.lgray.outline.block.fnStTogRemoveButton{height:48px; line-height:48px; background-color: #fff; border-color: #e9e9e9; font-weight: 400; padding:0 0 0 20px; color:#5e5e5e; font-size:16px; border-radius:25px; min-width:160px; position:relative;}
#contents.user_renew .dtFormArea .insRow.insRow_cert_new .dtForsInBox .inBox .stTogAppendArea.fnStTogAppendWarpping .stInner.fnStTogAppendTarget .vrow .col15 .sdbtns.lgray.outline.block.fnStTogRemoveButton:before{content: ''; display: inline-block; width: 9px; height: 1px; background: #5e5e5e; position: absolute; top: 23px; left: 44px;}
#contents.user_renew .radiochkButtonWrap{border-color:#e9e9e9; border-radius:6px; overflow:hidden;}
#contents.user_renew .radiochkButtonWrap .radiochkButtonCol .cmmInput .lb{height:48px;line-height:48px; color:#111;padding: 0 36px;}
#contents.user_renew .radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="radio"]:checked+.lb:before{display:none;}
#contents.user_renew .radiochkButtonWrap .radiochkButtonCol .cmmInput input[type="radio"]:checked+.lb{background:#005aff; color:#fff; border-color:#005aff;}
#contents.user_renew .searchPennelBox{font-family:'pretendard';}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .cmmInput.radiochk .lb{height:27px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop{padding:0 20px 0 20px; border: 1px solid #e9e9e9; border-width: 0 1px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop .jtit{font-size:20px; color:#005aff;padding: 23px 0 9px 0;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .cmmFormToolTipInner .jcjtSearchTop .jtit .sm{font-size:16px; color:#666666;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmInput.radiochk {padding: 5px 20px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .cmmInput.radiochk .lb{font-size:16px;padding-left: 35px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea{background-color:#fff; border-color:#e9e9e9;padding: 20px 0 0 0;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .crow.collaps{ border: 1px solid #e9e9e9; border-width: 0 1px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn{min-width:120px; height:48px; line-height:48px; font-size:16px; border-radius:25px; color:#111111; border:1px solid #111111; background:#fff;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn.cblue{border-color:#005aff; color:#005aff;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .tbArea .axnTbtn.cblue.ML05{margin-left:10px !important;}
#contents.user_renew .searchPennelBox .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmNoResult{font-size:16px;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont .cmmInput.radiochk .vChkLabel{font-size:16px; font-weight:400 !important; color:#111;}
#contents.user_renew .searchPennelBox .cmmFormToolTipWrap.tp2 .jcjtSearchDivision .jcjtSearchCont>.crow>[class^="ccol"] .cmmInput.radiochk .lb:after {width: 24px;height: 24px;}

/* ȸ¿øÁ¤º¸ ¼öÁ¤*/
/* ±â¾÷ȸ¿ø */
#contents.user_renew.modify input[type="text"]{min-width:420px; max-width:420px;}
#contents.user_renew.modify .vrow > .vrow{margin-left:0;}
#contents.user_renew.modify .vrow .col3{width:auto; float:unset;}
#contents.user_renew.modify .dtFormArea .dtFors{padding:20px; box-sizing:border-box;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox{min-width:50%; flex:1; border-bottom:0; padding: 10px 0 10px 165px;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox .ldt {left:0; top:11px;}
#contents.user_renew.modify .dtFormArea .reCmmLst.tp2 .cmmtp{line-height:1; font-size:16px; color:#333;}
#contents.user_renew.modify .dtFormArea .dtFors .btnsWrap{width:100%;}
#contents.user_renew.modify .dtFormArea .dtForsInBox .certfilebox .upload-name{padding:0 208px 0 0; width:auto; min-width:420px; max-width:420px; height:48px; text-indent:10px; background-color: #f6f6f6; border-color: #e9e9e9;}
#contents.user_renew.modify .dtFormArea .dtForsInBox .certfilebox a.btnSearch.btnPlus{right:633px;}
#contents.user_renew.modify .dtFormArea .dtForsInBox .certfilebox .certFileDate {top: 16px; right: 671px;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox .inBox.certfilebox{display: flex; flex-direction: column;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox .inBox.certfilebox .btnSearch.FS0.btnPlus{font-size: 16px; border-radius: 25px; height: 48px; line-height: 48px; margin: 0 auto; font-weight: 500; background-color: #333333; border-color: #333333; font-weight: 400; padding: 0 0; text-align: center; left:430px; right:unset; width:135px; color:#fff; background-image:none;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox .inBox.certfilebox .txt.FONT13.certFileDate{order:1; margin-top:5px; position:unset;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInBox .inBox.certfilebox .btm_gray_btn.MINWIDTH140.ML10{left:420px; position:absolute;}
#contents.user_renew.modify .dtFormArea .inBox .cmmInput.radiochk .lb{font-family:'Pretendard-SemiBold' !important;}


#contents.user_renew.modify .dtFormArea .dtForsInBox .procDiv{display:block;}
#contents.user_renew.modify .dtFormArea .dtForsInBox .procDiv .certFileDate {position:unset; display:block; margin-top:5px;}
#contents.user_renew.modify .dtFormArea .dtForsInBox .procDiv .btnsRight{position: absolute; top: 0; left: 435px; right: unset;}
#contents.user_renew.modify .dtFormArea .dtFors .rvxRof{padding:20px 70px; box-sizing:border-box; border:1px solid #e9e9e9;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInButon{border:0; width:auto; top:30px; right:55px;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInButon .inns{position:unset; transform:unset;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInButon .inns .btsw{display:inline-block;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInButon .inns .btsw.bl{width:160px; height:48px; line-height:38px; background-color:#686868; border-radius:24px; font-size:16px;}
#contents.user_renew.modify .dtFormArea .dtFors .dtForsInButon .inns .btsw.ot{background: transparent url(/images/ha_reset_v2.png) no-repeat center; width: 55px; height: 46px; background-size: 19px 16px; margin-left: 0; border:0; font-size:0; margin:0 0;}
#contents.user_renew.modify .joinDate{line-height:48px; color:#919191;}
#contents.user_renew.modify .cmmInput.radiochk.lg .lb:after{border-width:1px;}

/* °³ÀÎȸ¿ø */
#contents.user_renew.modify.usr .dtFormArea .dtFors{padding:15px; box-sizing:border-box;}
#contents.user_renew.modify.usr .dtFormArea .dtFors{display:flex; flex-wrap: wrap; justify-content: center;}
#contents.user_renew.modify.usr .dtFormArea .dtFors .dtForsInBox{width:50%; min-width:50%; flex:1; border-bottom:0; padding: 10px 0 10px 165px;}
#contents.user_renew.modify.usr input[type="text"]{min-width:220px; max-width:220px;}


/* ¾Ë¼±¿äû °ü¸® */
#contents.user_renew .reaRanWrapping .rexSearch .inboxs{border-top:2px solid #000; border-bottom:1px solid #b2b2b2; background-color:#fff; padding:20px;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .vrow.vrow_flex{display:flex;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .vrow .calendarBox{width:300px; position:relative; padding-right:0;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .vrow .calendarBox input.fnDatepicker{cursor:pointer; background-image:url(/images/icon_calendar_v2.jpg); background-position:0 center; background-color:transparent; border:0; text-indent: 20px;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .vrow .calendarBox input.fnDatepicker:focus{outline:none;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .inrows .vrow .col2{width:190px;}
#contents.user_renew .reaRanWrapping .rexSearch .inboxs .inrows .vrow .col2 select{min-height:48px; color:#111 !important;}
#contents.user_renew .reaRanWrapping .rexSearch .searchArea .searchInner .searchBox input[type="text"]{width:500px;}
#contents.user_renew .reaRanWrapping .rexSearch .searchArea .searchInner .searchBox .btn.typegray{margin-left:0; background:transparent url(/images/ha_search_v2.png)no-repeat center; width:17px; height:16px; font-size:0; position:absolute; right: 110px; top: 6px;}
#contents.user_renew .reaRanWrapping .rexSearch .searchArea .searchInner .searchBox .fr .searchBox > div{position:relative;}
#contents.user_renew .reaRanWrapping .rexSearch .searchArea .searchInner .searchBox .btn.typereset{background:transparent url(/images/ha_reset_v2.png)no-repeat center; width:55px; height:46px; background-size:19px 16px; margin-left:0;}
#contents.user_renew .reaRanWrapping .rexTabs .lst{padding:0;}
#contents.user_renew .reaRanWrapping .rexTabs .lst .tp{width:auto; min-width: 260px;}
#contents.user_renew .reaRanWrapping .rexTabs .txts{border-radius: 13px; padding:20px 30px 25px 30px; text-align:left; }
#contents.user_renew .reaRanWrapping .rexTabs .txts .intx{font-size:16px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; line-height: 1.3;}
#contents.user_renew .reaRanWrapping .rexTabs .txts .intx .po{font-size:50px; margin:0; line-height:1;}
#contents.user_renew .reaRanWrapping .rexTabs .txts{background-color:#f1f1f1; border-color:#f1f1f1; color:#9c9c9c;}
#contents.user_renew .reaRanWrapping .rexTabs .tp.active .txts{background-color:#005aff; border-color:#005aff; color:#fff;}
#contents.user_renew .reaRanWrapping .chk_span input[type="checkbox"]{display:none}
#contents.user_renew .reaRanWrapping .chk_span label.checkbox {width: 24px; height: 24px; display: inline-block; border: 1px solid #b1b1b1; margin-top:-1px;}
#contents.user_renew .reaRanWrapping .chk_span label.checkbox.on{background:#005aff url(/images/icosWhiteCheck_7_v2.png)no-repeat center; border-color:#005aff;}
#contents.user_renew .reaRanWrapping .cmmTblTp .cttCont table thead th{border-radius:0; border-top:2px solid #111; background:#fff; color:#333; font-size:16px;border-bottom:1px solid #c1c1c1;}
#contents.user_renew .reaRanWrapping .cmmTblTp .cttCont table tbody td{border-bottom:1px solid #c1c1c1; font-size:16px; color:#333333;}
#contents.user_renew .reaRanWrapping .cmmTblTp .cttCont table thead th, #contents.user_renew .reaRanWrapping .cmmTblTp .cttCont table tbody th, #contents.user_renew .reaRanWrapping .cmmTblTp .cttCont table tbody td {padding: 18px 10px;}
#contents.user_renew .reaRanWrapping .innerWrap	.pagingArea{padding-top:0; margin-bottom:50px;}
#contents.user_renew .reaRanWrapping .colorBlue6{color:#005aff !important;}
#contents.user_renew .reaRanWrapping .colorGry8{color:#666666 !important;}

/* ½ºÅ©·¦°ø°í */
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table{border-top:2px solid #111;}
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table tbody td{padding:20px 20px; word-break:break-word;}
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table tbody td .td_txt_last:after{content:''; display:inline-block; background:#666666; width:1px; height:15px; line-height:1; vertical-align:middle; margin:0 13px 1.5px 17px;}
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table tbody td .endDate{border:1px solid #f9485d; width:110px; text-align:center; height:35px; line-height:35px; border-radius:5px; box-sizing:border-box; margin:auto;}
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table tbody td .endDate > span{color:#f9485d;}
#contents.user_renew .reaRanWrapping .cmmTblTp.no_th .cttCont table tbody td.last{padding:20px 10px; letter-spacing: -1.45px;}

/* ä¿ë°ø°í °ü¸® */
#contents.user_renew .hireStateTotal {display:flex;}
#contents.user_renew .hireStateTotal .lst{min-width:260px; box-sizing:border-box; display:flex; align-items: center; justify-content: space-between;}
#contents.user_renew .hireStateTotal .lst:not(:first-of-type){margin-left:20px;}
#contents.user_renew .hireStateTotal .lst > span{font-size:16px; color:#9c9c9c; line-height: 1; display: inline-block; display:none;}
#contents.user_renew .hireStateTotal .lst > p{width: 100%; text-align: right; position:relative;}
#contents.user_renew .hireStateTotal .lst > p > a{font-size:50px; color:#9c9c9c; font-weight:bold; line-height:1; word-break: break-all;padding:25px 30px 25px 115px;width: 100%; display: block; height: 100%;min-width: 260px; max-width:350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-radius:18px;background:#f1f1f1; }
#contents.user_renew .hireStateTotal .lst > p.fc_blu > a{color:#fff;background:#0066ff;}
#contents.user_renew .hireStateTotal .lst:first-of-type > p:before{content:'Àüü ä¿ëÁ¤º¸'; display:block; color:#9c9c9c; position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:16px;}
#contents.user_renew .hireStateTotal .lst:nth-of-type(2) > p:before{content:'ÁøÇàÁß'; display:block; color:#9c9c9c; position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:16px;}
#contents.user_renew .hireStateTotal .lst:nth-of-type(3) > p:before{content:'ä¿ë¸¶°¨'; display:block; color:#9c9c9c; position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:16px;}
#contents.user_renew .hireStateTotal .lst > p.fc_blu:before{color:#fff;}

#contents.sub_page.user_renew.comp .jobs_area{padding:0 0;}
#contents.sub_page.user_renew.comp .jobs_area .tlt_wrap{line-height:1; padding-bottom:20px; box-sizing:border-box; border-bottom:2px solid #111111;}
#contents.sub_page.user_renew.comp .jobs_area .tlt_wrap h3{font-weight:bold; font-size:24px;}
#contents.sub_page.user_renew.comp .jobs_area .tlt_wrap .list_number{color:#333; font-size:16px;}
#contents.sub_page.user_renew.comp .jobs_area .tlt_wrap .list_number .number{vertical-align:unset; color:#ff0000;}
#contents.user_renew.comp .jobs_txt {margin: 30px 0 100px;}
#contents.user_renew.comp .jobs_txt ul > li{line-height:1.5; color:#333;}
#contents.user_renew.comp .btn_regi span{background-image:none;}
#contents.user_renew.comp .calendarBox{width:290px; display:inline-block; position:relative; padding-right:0;}
#contents.user_renew.comp .calendarBox input.datepicker.inpType{cursor:pointer; background-image:url(/images/icon_calendar_v2.jpg); background-position:0 center; background-color:transparent; border:0; text-indent: 20px; width:284px;}
#contents.user_renew.comp .calendarBox input.datepicker.inpType:focus{outline:none;}
#contents.user_renew.comp .datePick .reset{position:absolute; right:0; top:0;background:transparent url(/images/ha_reset_v2.png)no-repeat center; width:55px; height:46px; background-size:19px 16px; font-size:0; border:0; margin:0;}
#contents.user_renew.comp .searchArea {padding: 20px 0;}
#contents.user_renew.comp .searchArea .searchInner .searchBox input[type="text"]{width:400px; text-indent:20px;}
#contents.user_renew.comp .searchArea .searchInner .searchBox .btn.typegray{margin-left:0; background:transparent url(/images/ha_search_v2.png)no-repeat center; width:17px; height:16px; font-size:0; position:absolute; right: 62px; top: 6px;}
#contents.user_renew.comp .searchInner dl dt, #contents.user_renew.comp .searchInner dl dd{font-size:16px; color:#666;}
#contents.user_renew.comp .search_right{margin-left:130px;}
#contents.user_renew.comp .boardArea tbody td{padding:30px 0; position:relative;}
#contents.user_renew.comp .boardArea tbody td a{font-family:'pretendard';}
#contents.user_renew.comp .boardArea .txtBox .noti span{display:inline-block; position:absolute; right:0; top:30px; width:110px; height:35px; line-height:35px; border:1px solid #000; color:#000; border-radius:8px; text-align:center; margin:0 0;}
#contents.user_renew.comp .boardArea .txtBox .noti span, #contents.user_renew.comp .boardArea .txtBox .noti a{color:#000; font-size:16px; font-family:'pretendard';}
#contents.user_renew.comp .boardArea .txtBox .noti span.fc_blu09{color:#317aff; border-color:#317aff;}
#contents.user_renew.comp .boardArea .txtBox .noti span.fc_ora06{color:#f9485d; border-color:#f9485d;}
#contents.user_renew.comp .boardArea .txtBox dt, #contents.user_renew.comp .boardArea .txtBox dd{font-size:16px; color:#333; line-height:1.2;}
#contents.user_renew.comp .boardArea .txtBox dt:before{line-height: 1; background-color: #333; width:1px; height: 15px; vertical-align: middle; padding:0 0; margin:0px 15px 1px 15px;}
#contents.user_renew.comp .boardArea .txtBox .btn_menu{margin:20px 0 0 -10px;}
#contents.user_renew.comp .boardArea .txtBox .btn_menu a{width:80px; height:30px; line-height:29px; margin-left:10px; text-align:center; border:1px solid #666666; font-size:14px; color:#666666; border-radius:14px;}
#contents.user_renew.comp .boardArea .txtBox{padding-left:25px;}
#contents.user_renew.comp .boardArea > table.tbX > tbody > tr > td.t1 > .txtBox > .tit > a > strong{max-width:980px;}

/* ¼Ò¾ç±³À° */
#contents.knkLsts{font-family:'pretendard' !important;}
#contents.knkLsts select{background: url(/images/arrow_17_11.png) no-repeat calc(100% - 20px) calc(50% + 2px); background-size: 14px; appearance: none; border-color: #aaaaaa; color: #333333 !important; font-size: 16px !important; padding: 0 20px; cursor: pointer;}
#contents.knkLsts .cmmTit.sm{font-size:24px; line-height:1; font-weight:bold; font-family:'pretendard-ExtraBold' !important;}
#contents.knkLsts .cmmTit.borderbottom{border-bottom:2px solid #111; padding-bottom:20px;}
#contents.knkLsts .cmmTit.cmmTitFloat:after{content:''; display:block; clear:both;}
#contents.knkLsts .cmmTit.cmmTitFloat .right.positionTop{float:right; position:unset; margin-top: -22px;}
#contents.knkLsts .knkLstArea .klist .tp{padding: 15px 15px;}
#contents.knkLsts .knkLstArea .klist .inbox .txts{margin-top:20px;}
#contents.knkLsts .knkLstArea .klist .inbox .txts .tt{font-size:20px; color:#333;}
#contents.knkLsts .knkLstArea .klist .inbox .txts .stt{font-size:16px; color:#999999; line-height:1; margin-top:10px;}
#contents.knkLsts .knkLstArea .klist .inbox .thumb{border-color:#cccccc;}

html:not(.fnHeaderMainContFixed) #contents.user_renew .searchPennelBox:not([data-params="totalsearch"]){border:0;}