@charset "utf-8";

/* Layout */
.container{position:relative;background:#f0f0f0;padding-top:45px}
.container .inner{padding:20px 15px;}
.contents img{width:100%}
html.closeHidden body{position:fixed;width:100%;height:100%;overflow:hidden}

/* 상단으로 이동 */
.btnScrollTop{display:none;vertical-align:top;text-indent:-9999em;position:fixed;right:15px;bottom:16px;width:44px;height:44px;background:url(../../images/mobile/common/btn_scroll_top.png) no-repeat;background-size:44px;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.33);border-radius:5px;z-index:100}
/* .btnScrollTop.nofixed{position:absolute} */

/* topTitle */
.topTitle{margin-bottom:8px;display:flex;line-height:normal;align-items:flex-end;}
.topTitle.border{border-bottom:1px solid #282728;padding-bottom:8px;margin-bottom:15px}
.topTitle h3.tit{font-size:14px;font-weight:700;color:#000;line-height:1}
.topTitle h4.tit02{font-size:12px;font-weight:700;color:#000;line-height:1}
.topTitle .right{margin-left:auto;}
.topTitle .caption{font-size:12px;letter-spacing:-1px;}
.topTitle .tit02 + .caption{margin-top:4px;}
.tblData + .topTitle {margin-top:15px;}
.tblList + .topTitle {margin-top:15px;}
.listStyle01 + .topTitle {margin-top:15px;}

/* PathWrap */
.pathWrap{position:fixed;left:0;right:0;top:45px;border-bottom:2px solid #ddd;z-index:10}
.pathWrap .pathCurrent{position:relative;display:flex;font-size:15px;font-weight:700;align-items:center;background:#fff;height:45px;padding:0 15px;border-bottom:1px solid #c8c8c8;z-index:10}
.pathWrap a.pathCurrent:after{content:'';width:13px;height:7px;background:url(../../images/mobile/common/bg_path_down.png) no-repeat 50%;background-size:13px;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.pathWrap .pathCurrent h2{font-size:15px;font-weight:700;}
.pathWrap .pathMenu{display:none;position:absolute;top:45px;left:0;right:0;z-index:10;border-bottom:1px solid #282728}
.pathWrap .compInfo ~ .pathMenu{top:111px;}
.pathWrap .pathMenu .item{position:relative;display:flex;align-items:center;height:45px;padding:0 15px;background:#fff;border-bottom:1px solid #c8c8c8}
.pathWrap .pathMenu .item:last-child{border-bottom:0}
.pathWrap .pathMenu .item.on{background:#eaffff}
.pathWrap .pathMenu .item.on span{position:relative;display:inline-block;vertical-align:top;padding-right:24px;line-height:1;font-weight:700;}
.pathWrap .pathMenu .item.on span:after{content:'';width:20px;height:13px;background:url(../../images/mobile/common/bg_path_active.png) no-repeat 50% 50%;background-size:16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}

.pathWrap.open:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);z-index:1}
.pathWrap.open a.pathCurrent:after{transform:translateY(-50%) rotate(180deg)}
.pathWrap.open .pathMenu{display:block}


.compInfo {border-bottom:1px solid #c8c8c8;padding:15px 15px;position:relative;background:#fff;z-index:10;}
.compInfo dl {font-size:0;margin-top:7px;}
.compInfo dl:first-child {margin-top:0;}
.compInfo .tit {font-weight:700;display:inline-block;vertical-align:middle;font-size:12px;padding-right:5px;}
.compInfo .desc {display:inline-block;vertical-align:middle;position:relative;font-size:12px;}
.compInfo .desc:after {content:"|";padding:0 6px;}
.compInfo .desc:last-child:after {display:none;}

/* Header */
.header{position:fixed;top:0;left:0;right:0;background:#006666;border-bottom:1px solid #c8c8c8;min-height:45px;z-index:100}
.header .btnAllmenu{position:absolute;top:0;left:0;text-indent:-9999em;width:47px;height:45px;background:url(../../images/mobile/common/btn_allmenu.png) no-repeat 50%;background-size:17px;z-index:10}
.header .btnLog{position:absolute;top:0;right:0;display:block;text-indent:-9999em;width:47px;height:45px;background-size:17px;background-image:url(../../images/mobile/common/btn_login.png);background-repeat:no-repeat;background-position:50%;z-index:10}
.header .btnLog.logout{background-image:url(../../images/mobile/common/btn_logout.png);}
.header .title{padding:13px 0;font-size:15px;text-align:center;color:#fff;font-weight:700;}

/* 전체메뉴 */
.layerAllmenu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;transform:translateX(-100%);-webkit-transform:translateX(-100%);transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1)}
.layerAllmenuBg{opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.45);z-index:110}
.layerAllmenu.open{transform:translateX(0%);-webkit-transform:translateX(0%)}
.layerAllmenu .layerAllmenuArea{position:relative;height:100%;}
.layerAllmenu .allmenuHead{position:relative;}
.layerAllmenu .allmenuHead .allmenuInfo{background:#006666;border-bottom:1px solid #c8c8c8;padding:13px 15px;min-height:45px;}
.layerAllmenu .allmenuHead .allmenuInfo .item{font-size:15px;color:#fff;font-weight:700;}
.layerAllmenu .allmenuHead .allmenuInfo .btn{display:inline-flex;height:22px;padding:0 10px;border:1px solid #0373f9;border-radius:10px;font-size:12px;color:#0373f9;align-items:center;justify-content:center}
.layerAllmenu .allmenuHead .allmenuInfo .txt{display: inline-flex;font-size:12px;font-weight:700;line-height:1;color:#282728}
.layerAllmenu .allmenuHead .allmenuInfo .txt strong.name{color:#01247f}
.layerAllmenu .allmenuHead .allmenuInfo .prev{font-size:0}
.layerAllmenu .allmenuHead .allmenuInfo .prev .txt{margin-left:5px}
.layerAllmenu .allmenuHead .allmenuInfo .after{font-size:0}
.layerAllmenu .allmenuHead .allmenuInfo .after .txt{margin-right:5px}

.layerAllmenu .allmenuCon{height:calc(100% - 167px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}
.layerAllmenu .allmenuList .dep1 > a{position:relative;display:block;border-bottom:1px solid #c8c8c8;font-size:15px;font-weight:700;color:#282728;padding:14px 15px 13px 15px}
.layerAllmenu .allmenuList .dep1.active > a{background-color:#eaffff;}
.layerAllmenu .allmenuList .dep1 > a:after{content:'';position:absolute;top:50%;right:15px;margin-top:-3.5px;width:12.5px;height:7px;background:url(../../images/mobile/common/allmenu_dep_off.png) no-repeat;background-size:12.5px;}
.layerAllmenu .allmenuList .dep1.on > a:after{transform:rotate(180deg)}
.layerAllmenu .allmenuList .dep1.solo a:after{display:none}
.layerAllmenu .allmenuList .dep2{display:none;background:#f0f0f0;border-bottom:1px solid #c8c8c8;border-top:2.5px solid #e2e2e2}
.layerAllmenu .allmenuList .dep1.on .dep2{display:block;}
.layerAllmenu .allmenuList .dep2 a{display:block;font-size:15px;color:#282728;padding:14px 15px 13px 15px;border-top:1px solid #c8c8c8}
.layerAllmenu .allmenuList .dep2 li:first-child a{border-top:none}

.layerAllmenu .btnAllmenuClose{display:block;text-indent:-9999em;width:43px;height:45px;background:url(../../images/mobile/common/btn_allmenu_close.png) no-repeat 50%;background-size:16px;position:absolute;top:0;right:0}

/* Footer */
.footer{position:relative;background:#f0f0f0;border-top:1px solid #b2b2b2}
.footer .footerBusi .btnBusi{position:relative;display:block;text-align:center;padding:12px 0;border-bottom:1px solid #b2b2b2;font-size:13px;font-weight:700;color:#282728;}
.footer .footerBusi .btnBusi:after{position:absolute;top:0;right:0;display:block;content:'';width:68px;height:40px;background:url(../../images/mobile/common/arr_footer_busi.png) no-repeat 50%;background-size:12.5px}
.footer .footerBusi .footerDefine{display:none;border-bottom:1px solid #b2b2b2;padding:15px 17px}
.footer .footerBusi .footerDefine dl{margin-top:8px;display:table;width:100%;line-height:16px}
.footer .footerBusi .footerDefine dl:first-child{margin-top:0}
.footer .footerBusi .footerDefine dt{display:table-cell;vertical-align:top;width:90px;font-size:12px;font-weight:700;color:#282728}
.footer .footerBusi .footerDefine dd{display:table-cell;vertical-align:top;width:calc(100% - 90px);font-size:12px;color:#282728}
.footer .footerBusi.open .btnBusi:after{transform:rotate(180deg)}
.footer .footerBusi.open .footerDefine{display:block}
.footer .footerMenu{text-align:center;padding:12px 35px 32px 35px;line-height:1}
.footer .footerMenu .footerMenus{display:table;width:100%;font-size:0}
.footer .footerMenu .footerMenus a{position:relative;display:inline-block;vertical-align:top;font-size:12px;color:#282728;padding:3px 7px}
.footer .footerMenu .footerMenus a:after{display:block;content:'';width:1px;height:11px;background:#939293;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.footer .footerMenu .footerMenus a:last-child:after{display:none}
.footer .footerMenu .footerMenus a.imp{font-weight:700}
.footer .footerMenu .copyright{text-indent:-9999em;margin-top:9px;width:100%;height:9px;background:url(../../images/mobile/common/copyright.png) no-repeat 50%;background-size:auto 9px}

/* 레이어 팝업 */
.layerPop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:999;text-align:left;overflow:hidden;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1)}
.layerPop.open{transform:translateY(0%);-webkit-transform:translateY(0%)}
.layerPopBg{display:block;content:'';opacity:1;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.45);z-index:100}
.layerPop .layerPopArea{position:relative;background:#fff;height:100%;font-weight:300}
.layerPop .layerHead{position:relative;display:flex;align-items:center;justify-content:center;height:45px;border-bottom:1px solid #c8c8c8;background:#fff}
.layerPop .layerHead .tit{display:block;font-size:15px;font-weight:700;color:#282728;line-height:1}
.layerPop .layerCont{position:absolute;top:45px;bottom:45px;left:0;right:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);padding:15px 15px 30px 15px}
.layerPop .layerCont .boxShow{margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:14px;padding-bottom:15px}
.layerPop .layerCont .boxShow.form:after{display:none}
.layerPop .layerBtm{position:absolute;left:0;right:0;bottom:0;}
.layerPop .layerBtm .btnArea{margin-top:0}
.layerPop .layerBtm .btns{height:45px;margin-left:0}
.layerPop .layerBtm .btns span{font-size:14px;}
.layerPop .btnLayerClose{display:block;text-indent:-9999em;position:absolute;top:0;right:0;width:44px;height:45px;background:url(../../images/mobile/common/btn_layer_close.png) no-repeat 50%;background-size:15px}

/* 얼럿창 */
.layerAlert{display:none;position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:99999;background:rgba(0, 0, 0, 0.5)}
.layerAlert .layerAlertArea{position:absolute;height:173px;left:15px;right:15px;top:50%;margin-top: -84px;background:#fff;}
.layerAlert .layerAlertArea .layerAlertCont{display:table;width:100%;height:127px;text-align:center}
.layerAlert .layerAlertArea .layerAlertCont .msg{display:table-cell;vertical-align:middle;font-size:14px;color:#282728}
.layerAlert .layerAlertArea .layerAlertBtm{display:flex;width:100%}
.layerAlert .layerAlertArea .layerAlertBtm .btns{display:flex;width:100%;height:46px;align-items:center;justify-content:center;}