@charset "utf-8";

/* ---------- common ---------- */
/* 기본설정 class */
.active{display:block !important;}
/* .hide{overflow: hidden; position: absolute; left: -9999px; font-size: 1px; color: transparent; text-indent: -9999px;} */
.hide{overflow:hidden;display:none !important;position:absolute;left:-9999rem;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}
.layer-mask{display:none;position:fixed;z-index:99000;top:0;right:0;bottom:0;left:0;background:#000;filter:alpha(opacity=70) !important;opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7}
.overY{overflow-y:auto !important}
.overX{overflow-x:auto !important}

.displayNone{display:none !important}
.scrollN{overflow:hidden !important}
.mgtNone{margin-top:0 !important}
.mgrNone{margin-right:0 !important}
.pdrNone{padding-right:0 !important}

/* float */
.floatL{float:left !important}
.floatR{float:right !important}

/* position */
.rel{position:relative}

/* padding */
.p0{padding:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr20{padding-right:20px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}

/* margin */
.mt0{margin-top:0 !important}
.mt3{margin-top:3px !important}
.mt6{margin-top:6px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.ml3{margin-left:3px !important}
.ml5{margin-left:5px !important}
.ml8{margin-left:8px !important}
.ml10{margin-left:10px !important}
.mb5{margin-bottom:5px !important}
.mr3{margin-right:3px !important}
.mr5{margin-right:5px !important}

/* width */
.w20{width:20% !important}
.w30{width:30% !important}
.w40{width:40% !important}
.w60{width:60% !important}
.w70{width:70% !important}
.w80{width:80% !important}

/* height */
.h120{height:120px !important;}

/* text */
.text{text-align:left !important}
.textR{text-align:right !important;padding-right:0.538em !important}
.textC{text-align:center !important;text-indent:0 !important}

.text_b{font-weight:bold !important;}
.text_hide{text-indent:-99999999px !important;overflow:hidden !important;font-size:0;}
.text_line{text-decoration:underline !important;}


/* main color*/
.fc_red{color:#da291c !important}/* Lotte red */
.fc_gold{color:#b78b61 !important}/* gold */

/* secondary Color */
.fc_point1{color:#d05e46 !important}/* pink */
.fc_point2{color:#7b616b !important}/* purple */
.fc_point3{color:#d67d03 !important}/* orange */
.fc_point4{color:#7e9753 !important}/* green */

.fc_w{color:#fff !important}

.fc_info{color:#e27331 !important}/* 알람 */
.fc_cmd{color:#255b8e !important}/* 긍정 */
.fc_error{color:#9b1a34 !important}/* 에러.경고 */

.fcGray1{color:#777 !important}
.fcLink{color:#60745e !important}

.smtxt{font-size:0.75rem;line-height:120%}
.fz_11{font-size:11px !important}

.fw100{font-weight:100}
.fw300{font-weight:300}
.fw350{font-weight:350}               
.fw500{font-weight:500 !important}
.fw700{font-weight:700}
.fw900{font-weight:900}

/* typo */
h1, .h1{display:inline-block;font-size:60px;color:#000;font-weight:500;line-height:80px;font-weight:bold}
h2, .h2{display:inline-block;font-size:40px;color:#000;font-weight:700;line-height:60px}
h3, .h3{display:inline-block;font-size:32px;color:#414141;font-weight:500;line-height:48px}

h4, .h4{display:inline-block;font-size:0.9375rem;color:#1f1f1f;font-weight:400;line-height:80px}
h5, .h5{display:inline-block;font-size:0.8125rem;color:#414141;font-weight:500;line-height:80px}

p{font-size:13px;color:#000;font-weight:400}
/* p b{color:#555} */



.bg01{background-color:#f8f8f8}
.bg02{background-color:#f7f3ed}
.bg03{background-color:#faeeec}

.line01{border-top:1px solid #000}
.line02{border-top:1px solid #777}
.line03{border-top:1px solid #ccc}
.line04{border-top:1px solid #eee}

.brd_bt{border-bottom:0 !important;}

.border0{border:none !important;}

hr{height:0;border:none;margin:0;}
hr.eee{border-top:1px solid #eee;}
hr.ccc{border-top:1px solid #ccc;}




/* loding image */
.data_loading{display:none;position:fixed;width:100%;height:100%;}
.data_loading.on{display:block;z-index:2000}
.data_loading:after{position:absolute;display:inline-block;content:"";top:50%;left:50%;margin:-90px 0 0 -90px;width:180px;height:180px;text-align:center;background:url(/images/common/loading_bg.png) 0 0 no-repeat;}
.data_loading img{position:absolute;vertical-align:middle;border:0;left:50%;z-index:200;top:50%;margin-left:-91px;margin-top:-91px;}
























/* layer popup */
section[class^=layerPopWrap]{display:none;position:fixed;top:50%;left:0%;box-sizing:border-box;z-index:99100}
.layerPopWrap{background-color:#fff;border:0.250em solid #29303d;overflow:hidden}
section[class^=layerPopWrap].widthS{width:43.750em} /* 700px */
section[class^=layerPopWrap].widthM{width:57.375em} /* 918px */
section[class^=layerPopWrap].widthL{width:66.875em} /* 1070px */
section[class^=layerPopWrap].widthXL{width:74.375em} /* 1190px */
section[class^=layerPopWrap].widthFull{width:100%;height:100%}

.layerPopHeader{padding:0 0 0 2.5em;height:4.250em;position:relative;background-color:#29303d}
.layerPopHeader h1{font-size:1.875em;line-height:2.333em;height:2.20em;color:#fff}

.layerPopContent{overflow-y:auto;overflow-x:hidden;position:relative}
.layerPopContentInner{padding:2.5em 2.5em;position:relative} 
.layerPopContent .btnWrap{text-align:center;margin-top:2.5em}
.layerPopContent a[class^=btnDefault]{height:2.5em;line-height:2.5em;min-width:7.143em}

/*.layerPopWrapSpinner{ display:none;position:fixed;top:50%;left:50%;box-sizing:border-box;z-index:99100;}*/
.layerPopWrapSpinner.etcBiz{width:57.50em;height:27.188em}
.layerPopWrapSpinner.liNum4{width:57.50em}
.layerPopWrapSpinner.posSub{width:42.5em}

.layerPopHeaderSpinner{height:3.0em;position:relative;text-align:right}
.layerPopHeaderSpinner h1{foverflow:hidden;position:absolute;left:-9999em;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}
.layerPopHeaderSpinner .btnClosePop{position:absolute;top:0;right:-0.688em;width:3.0em;height:3.0em;text-align:center;background:url(/images/common/btn_pop_close.png) no-repeat center center;text-indent:-9999em;background-size:1.75em auto}
.layerPopWrapSpinner .layerPopContent{overflow-y:auto;overflow-x:hidden;background-color:#fff}
.layerPopWrapSpinner.etcBiz .layerPopContent{background-color:#fff}
.layerPopWrapSpinner .layerPopContent>.tblWrap{margin-top:0}

.layerPopWrapPos{background-color:#fff;overflow:hidden;width:44.875em}
.layerPopWrapPos .layerPopHeader{padding-left:0;text-align:center}
.layerPopWrapPos .layerPopHeader .logo{display:inline-block;height:2.333em;background:url(/images/common/btn_logo.png) no-repeat 0 0.4em;background-size:1.833em auto;margin-right:0.2em;padding-left:2.167em}
.layerPopWrapPos .layerPopContentInner{padding:3.0em 3.75em 3.125em}

.layerPopWrapNotice{background-color:#fff;border:0.250em solid #29303d;width:36.875em}
.layerPopWrapNotice .layerPopHeader{padding:0 2.813em 0 0;text-align:center;min-height:6.875em}
.layerPopWrapNotice .layerPopContentInner{padding:2.125em 2.5em 0.375em}

.layerPopWrapNotice .btnClosePop{right:0.25em}
.layerPopWrapNotice h1{padding:0.4em 1.5em 0.467em;height:inherit;line-height:140%;word-break:keep-all}

.layerPopWrapNotice .btnWrap{clear:both;display:table;width:100%;border-top:1px solid #ededed;padding:1.25em 2.5em;box-sizing:border-box;margin-top:0}
.layerPopWrapNotice .btnWrap span{display:table-cell;vertical-align:middle}
.layerPopWrapNotice .btnWrap span:first-child{padding-right:0.438em}
.layerPopWrapNotice .btnWrap span:last-child{padding-left:0.438em}
.layerPopWrapNotice .btnWrap span a{display:block}

.layerPopWrapPoint .layerPopHeader{height:3.0em;position:relative;text-align:right;padding:0;background-color:transparent}
.layerPopWrapPoint .layerPopHeader h1{foverflow:hidden;position:absolute;left:-9999em;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}
.layerPopWrapPoint .layerPopHeader .btnClosePop{position:absolute;top:0;right:-0.688em;width:3.0em;height:3.0em;text-align:center;background:url(/images/common/btn_pop_close.png) no-repeat center center;text-indent:-9999em;background-size:1.75em auto}
.layerPopWrapPoint .layerPopContent{background-color:#fff;border:0.250em solid #e9018b;box-sizing:border-box}

.layerAlertWrap{display:none;background-color:#fff;position:fixed;top:50%;left:50%;box-sizing:border-box;width:30.0em;z-index:99100}
.layerAlertWrap h1{foverflow:hidden;position:absolute;left:-9999em;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}
.layerAlertContent{padding:3.625em 2.813em 3.5em}
.layerAlertContent p{font-size:1.625em;line-height:150%;text-align:center}
.layerAlertContent p + p{margin-top:1.346em}
.layerAlertContent .line{text-decoration:underline}
.layerAlertContent .point{color:#ec008c}
.layerAlertBtn{display:table;width:100%}
.layerAlertBtn a{display:table-cell !important;width:50%}

.layerPopWrapAuth{display:none;background-color:#fff;position:fixed;top:50%;left:50%;box-sizing:border-box;overflow:hidden;width:37.0em;z-index:99100}
.layerPopWrapAuth .layerPopHeader{padding:0}
.layerPopWrapAuth .layerPopContentInner{padding:2.750em 2.5em 3.125em}

.layerPopCalendar{display:none;background-color:#fff;position:fixed;top:50%;left:50%;box-sizing:border-box;overflow:hidden;width:34.375em;z-index:99100}
.layerPopCalendar .layerPopHeader{padding:0;text-align:center;height:4.813em;line-height:5.250em}
.layerPopCalendar .layerPopHeader h1{display:inline-block;vertical-align:middle}
.layerPopCalendar .layerPopHeader .btnClosePop{height:inherit}
.layerPopCalendar .layerPopContentInner{padding:2.750em 2.5em 3.125em}

/* popup */
.popModal{position:absolute;top:50%;left:50%}
.popupWrap{background:#fff}
.popupWrap.layerXL{width:1200px !important}
.popupWrap.layerL{width:900px}
.popupWrap.layerM{width:750px}
.popupWrap.layerS{width:500px}
.popupWrap.layerXS{width:350px}

.popupHeader{position:relative;width:100%;height:40px;background:#f2f2f2}
.popupHeader h1{float:left;display:inline-block;padding-left:20px;height:40px;line-height:40px}
.popupHeader h1 span{font-size:16px;font-weight:bold;color:#1f1f1f}

.popupClose{position:absolute;right:9px;top:4px;width:32px;height:32px;opacity:0.7;color:#fff}
.popupClose:hover{opacity:1}
.popupClose:before, .popupClose:after{position:absolute;top:5px;left:15px;content:" ";height:23px;width:1px;background-color:#555}
.popupClose:before{transform:rotate(45deg)}
.popupClose:after{transform:rotate(-45deg)}
.popupContents{padding:20px;background:#fff}

/* popup - modal */
.w2window{border:none;}
.w2window_header{position:relative;width:100%;height:50px;background:#fff;border-bottom:2px solid #f15922;box-sizing:border-box;}
.w2window_header_icon{display:none;}
.w2window_header_title{float:left;display:inline-block;left:20px;padding:0;height:50px;font-size:1.5rem;font-weight:500;color:#1f1f1f;line-height:50px;}
.w2window_close{top:15px;left:30px;background:url(/images/common/btn_win_close.png) no-repeat;background-size:17px auto;}
.w2window_body{background-color:#fff;border:none;position:absolute;top:50px;left:0;bottom:0;right:0;padding:20px 1px;*width:expression(this.parentNode.clientWidth - 2);*height:expression(this.parentNode.clientHeight - 20);}
.w2window_content{border:0;top:0;right:0;bottom:0 !important;left:0;}

.popContents{padding:30px 40px 25px;min-height:70px}
.popContents{background:#fff}
.popContents.layerXL{width:1200px !important}
.popContents.layerL{max-width:900px}
.popContents.layerM{width:750px}
.popContents.layerS{width:500px}
.popContents.layerXS{width:350px}
.popContents div:first-child{margin-top:0}

/* win popup */
#winPopWrap{background-color:#fff;overflow:hidden}
#winPopHeader{padding:0 0 0 2.5em;height:4.250em;position:relative;background-color:#29303d}
#winPopHeader h1{font-size:1.875em;line-height:2.333em;color:#fff}
#winPopContent{padding:2.5em;box-sizing:border-box;display:table-cell;vertical-align:middle}
#winPopContent img{width:100%}

.guideCont + .guideCont{margin-top:1.875em;padding-top:2.5em;border-top:1px solid #999}
.guideCont h3{font-size:1.75em;padding-bottom:1.071em;color:#ec008c}
.guideCont strong{display:block;font-size:1.5em;padding-bottom:1.25em;color:#555}
.guideCont p{padding-bottom:0.417em}
.guideCont a{text-decoration:underline;font-size:1.5em;line-height:150%}
 
.iframeWrap{width:100%;border:0;padding:0;margin:0}

/* 분할 레이아웃 */
.layerContent{display:inline-block;width:100%}
.layerLeft, .layerRight{display:inline-block;box-sizing:border-box}
.layerLeft{padding-right:10px}
.layerRight{padding-left:10px}

.lyWrap{z-index:100;position:relative;display:table;width:100%}
.lyCont{display:block;position:relative;width:100%;min-width:60px;height:100%;min-height:30px;box-sizing:border-box;overflow:auto;border-right:1px dashed #888;border-bottom:1px dotted #ccc}
.lyBox{display:table-cell;padding:0;margin:0;vertical-align:top}
.lyBox.lyPl{padding-left:10px}
.lyBox.lyPr{padding-right:10px}

.lyWrap.cell2 .lyBox{width:50%}
.lyWrap.cell3 .lyBox{width:33.3%}
.lyWrap.cell4 .lyBox{width:25%}
.lyWrap .lyBox.col3{width:30%}
.lyWrap .lyBox.col4{width:40%}

/* 균등형 */
.layerWrap{display:inline-block;width:100%}
.layerWrap .layerLeft, .layerWrap .layerRight{float:left}
.layerWrap .layerLeft{padding-right:10px}
.layerWrap .layerRight{padding-left:10px}
.layerWrap.cell2 > div{width:50%}

/* 고정형 */
.layerFixWrap{display:table;position:relative;width:100%;box-sizing:border-box}
.layerFixWrap .layerLeft, .layerFixWrap .layerRight{display:table-cell;vertical-align:top}
.layerFixWrap.fix300 .layerLeft{width:300px}
.layerFixWrap.fix350 .layerLeft{width:350px}

/* 요소별 스타일 */
.h2 + .inputTblWrap,
.h2 + .tbbox.sech,
div .h2 + .tbbox,
.h2 + .gridListWrap,
.h2 + div .w2multiupload_uploader,
.userChoice + .tbbox.sech{margin-top:20px}
.searchButton + .gridListWrap{margin-top:50px}
.tblButtonWrap + .inputTblWrap,
.tblButtonWrap + .listWrap,
.searchButton.tar + .tbbox.sech,
.tblTitle + .listWrap{margin-top:5px}
.inputTblWrap + .inputTblWrap{margin-top:10px}
.tbbox.sech p + p,
.crosTab .w2tabcontrol_contents_wrapper > .inputTblWrap{margin-top:0}
.h3 + .inputTblWrap,
.h3 + .tbbox,
.h3 + .gridListWrap,
.h3 + .listWrap,
.tblTitle + .gridListWrap,
p + .tbbox,
.docInfo + .tbbox,
.tbbox + .gridListWrap{margin-top:10px}
.ttlSmall + .regBsTxtWrap{margin-top:0;border-top:0}