@charset "utf-8";

/* Layout */
.container{position:relative;background:#f0f0f0;padding-top:45px}
.contents{font-family:'Noto Sans KR';font-weight:300}
.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:10}
/* .btnScrollTop.nofixed{position:absolute} */

/* topTitle */
.topTitle{position:relative;margin-bottom:8px}
.topTitle.space{margin-top:15px}
.topTitle .tit{display:block;font-size:15px;font-weight:500;color:#000;line-height:1}

/* 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{display:block;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 .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:#eef6ff}
.pathWrap .pathMenu .item.on span{position:relative;display:inline-block;vertical-align:top;padding-right:24px;line-height:1}
.pathWrap .pathMenu .item.on span:after{display:block;content:'';width:20px;height:13px;background:url(../../images/mobile/common/bg_path_active.png) no-repeat;background-size:20px;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}

/* Header */
.header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #c8c8c8;min-height:45px;z-index:100}
.header .logo{padding:15px 016px 0}
.header .logo a{display:block;text-indent:-9999em;margin:0 auto;width:120px;height:13px;background:url(../../images/mobile/common/logo.png) no-repeat;background-size:120px; }
.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;background-repeat:no-repeat;background-position:50%;z-index:10;width:47px;height:45px;background-image:url(../../images/mobile/common/btn_login.png);background-size:17px}
.header .btnLog.logout{background-image:url(../../images/mobile/common/btn_logout.png);}

/* 전체메뉴 */
.layerAllmenu{display:block;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:#fff;border-bottom:1px solid #c8c8c8;padding:13px 15px}
.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-cojntent: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 .allmenuHead .allmenuMenu{background:#f0f0f0;border-bottom:1px solid #c8c8c8;padding:23px 0 27px 0;text-align:center;}
.layerAllmenu .allmenuHead .allmenuMenu .inner{margin-top:-10px;overflow:hidden}
.layerAllmenu .allmenuHead .allmenuMenu a{position:relative;display:inline-block;vertical-align:top;padding-top:52px;margin:0 10px;margin-top:10px;min-width:41px;text-align:center;}
.layerAllmenu .allmenuHead .allmenuMenu a:before{display:block;content:'';width:41px;height:41px;background-size:41px;background-repeat:no-repeat;background-position:50% 0;position:absolute;top:0;left:0;right:0;margin:0 auto;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.19);border-radius:50%;}
.layerAllmenu .allmenuHead .allmenuMenu a.menu01:before{background-image:url(../../images/mobile/common/bg_allmenu_menu01.png)}
.layerAllmenu .allmenuHead .allmenuMenu a.menu02:before{background-image:url(../../images/mobile/common/bg_allmenu_menu02.png)}
.layerAllmenu .allmenuHead .allmenuMenu a.menu03:before{background-image:url(../../images/mobile/common/bg_allmenu_menu03.png)}
.layerAllmenu .allmenuHead .allmenuMenu a.menu04:before{background-image:url(../../images/mobile/common/bg_allmenu_menu04.png)}
.layerAllmenu .allmenuHead .allmenuMenu a.menu05:before{background-image:url(../../images/mobile/common/bg_allmenu_menu05.png)}
.layerAllmenu .allmenuHead .allmenuMenu a span{display: inline-block;vertical-align: top;font-size:10px;line-height:1;color:#282728}

.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 > a:after{display:block;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-size:12.5px}
.footer .footerBusi .footerDefine{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}

/* Main */
.mainWrap{position:relative;}
.mainWrap > .section{position:relative;overflow:hidden}
.mainWrap .visualSwiper{position:relative;}
.mainWrap .visualSwiper .swiper-slide{position:relative;}
.mainWrap .visualSwiper .swiper-slide .txtBox{position:absolute;top:59px;left:29px;right:29px}
.mainWrap .visualSwiper .swiper-slide .txtBox span{display:block;color:#fff;}
.mainWrap .visualSwiper .swiper-slide .txtBox span.txt01{font-size:15px;font-weight:100;line-height:1;margin-bottom:11px}
.mainWrap .visualSwiper .swiper-slide .txtBox span.txt02{font-size:24px;font-weight:150;line-height:31px;margin-bottom:11px}
.mainWrap .visualSwiper .swiper-slide .txtBox span.txt03{font-size:11px;line-height:16px}
.mainWrap .visualSwiper .ctrlBox{position:absolute;left:0;right:0;bottom:44px;z-index:10;text-align:center;}
.mainWrap .visualSwiper .ctrlBox .pagination{display:table;width:100%;font-size:0;padding:0}
.mainWrap .visualSwiper .ctrlBox .pagination span{position:relative;display:inline-flex;align-items:center;color:#fff;font-size:11px;font-weight:100;line-height:1}
.mainWrap .visualSwiper .ctrlBox .pagination span.dash{margin:0 6px}
.mainWrap .visualSwiper .ctrlBox .pagination span.swiper-pagination-current{font-weight:700;}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox{display:table;width:100%;font-size:0;margin-top:10px}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox a{display:inline-block;text-indent:-9999em;vertical-align:top;font-size:9px;width:27px;height:27px;background-repeat:no-repeat;background-position:0 0;background-size:27px}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox a.btnVisPrev{background-image:url(../../images/mobile/common/btn_vis_prev.png)}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox a.btnVisNext{background-image:url(../../images/mobile/common/btn_vis_next.png)}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox a.btnVisCtrl{width:26px;background-image:url(../../images/mobile/common/btn_vis_stop.png);background-size:26px}
.mainWrap .visualSwiper .ctrlBox .ctrlButtonBox a.btnVisCtrl.play{background-image:url(../../images/mobile/common/btn_vis_play.png);}
.mainWrap .secVisual .btnApplyEval{display:flex;align-items:center;justify-content:center;background:#153489;height:61px;text-align:center;}
.mainWrap .secVisual .btnApplyEval span{position:relative;display:inline-block;vertical-align:top;padding-left:37px;font-size:18px;color:#fff;background:url(../../images/mobile/common/ico_vis_state.png) no-repeat 0 50%;background-size:29px}

.mainWrap .secMenu{padding:15px 15px 27px 15px}
.mainWrap .secMenu .menuLink{display:table;width:100%;font-size:0}
.mainWrap .secMenu .menuLink a{position:relative;display:inline-block;vertical-align:top;width:50%;background:#fff;padding:20px 18px 65px 18px;}
.mainWrap .secMenu .menuLink a:nth-child(1),
.mainWrap .secMenu .menuLink a:nth-child(2){margin-bottom:2px}
.mainWrap .secMenu .menuLink a:nth-child(2),
.mainWrap .secMenu .menuLink a:nth-child(4){border-left:1px solid #f0f0f0}
.mainWrap .secMenu .menuLink a:after{display:block;content:'';position:absolute;right:15px;bottom:16px;background-repeat:no-repeat;background-position:0 0;}
.mainWrap .secMenu .menuLink a.link01:after{width:25px;height:25px;background-image:url(../../images/mobile/common/bg_menu_link01.png);background-size:25px}
.mainWrap .secMenu .menuLink a.link02:after{width:19px;height:28px;background-image:url(../../images/mobile/common/bg_menu_link02.png);background-size:19px}
.mainWrap .secMenu .menuLink a.link03:after{width:22px;height:22px;background-image:url(../../images/mobile/common/bg_menu_link03.png);background-size:22px}
.mainWrap .secMenu .menuLink a.link04:after{width:20px;height:30px;background-image:url(../../images/mobile/common/bg_menu_link04.png);background-size:20px}
.mainWrap .secMenu .menuLink a span{position:relative;display:inline-block;vertical-align:top;font-size:15px;font-weight:700;color:#282728;line-height:1;padding-bottom:7px}
.mainWrap .secMenu .menuLink a span:after{display:block;content:'';width:12px;height:1px;background:#000;position:absolute;left:0;bottom:0}

.mainWrap .secMenu .menuAlign{width:100%;text-align:center;margin-top:23px;}
.mainWrap .secMenu .menuAlign a{position:relative;display:inline-block;vertical-align:top;padding-top:50px;margin:0 15px;min-width:42px;text-align:center;}
.mainWrap .secMenu .menuAlign a:first-child{margin-left:0}
.mainWrap .secMenu .menuAlign a:last-child{margin-right:0}
.mainWrap .secMenu .menuAlign a:before{display:block;content:'';width:42px;height:42px;background-size:42px;background-repeat:no-repeat;background-position:50% 0;position:absolute;top:0;left:0;right:0;margin:0 auto;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.19);border-radius:50%;}
.mainWrap .secMenu .menuAlign a.align01:before{background-image:url(../../images/mobile/common/bg_menu_align01.png);}
.mainWrap .secMenu .menuAlign a.align02:before{background-image:url(../../images/mobile/common/bg_menu_align02.png);}
.mainWrap .secMenu .menuAlign a.align03:before{background-image:url(../../images/mobile/common/bg_menu_align03.png);}
.mainWrap .secMenu .menuAlign a.align04:before{background-image:url(../../images/mobile/common/bg_menu_align04.png);}
.mainWrap .secMenu .menuAlign a.align05:before{background-image:url(../../images/mobile/common/bg_menu_align05.png);}
.mainWrap .secMenu .menuAlign a span{display: inline-block;vertical-align: top;font-size:10px;line-height:1;color:#282728}

.mainWrap .secNotice{position:relative;border-top:1px solid #c8c8c8;background:#fff}
.mainWrap .secNotice h2{font-family:'NanumGothic';font-size:15px;font-weight:700;color:#282728;line-height:1;padding:15px 0 15px 14px}
.mainWrap .secNotice .btnMore{position:absolute;top:17px;right:15px;font-size:12px;font-weight:500;line-height:1;padding-right:10px;color:#767676;background:url(../../images/mobile/common/arr_noti.png) no-repeat right 50%;background-size:5px}
.mainWrap .secNotice .notiList .item{display:flex;width:100%;border-top:1px solid #c8c8c8;}
.mainWrap .secNotice .notiList .item .date{display:block;vertical-align:middle;font-size:11px;width:50px;text-align:center;color:rgba(40, 49, 40, 0.52);padding:14px 0}
.mainWrap .secNotice .notiList .item .subject{display:block;vertical-align:middle;font-size:11px;width:calc(100% - 50px);padding:14px 14px 14px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#282728}

/* 레이어 팝업 */
.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-family:'Noto Sans KR';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:500;color:#282728;line-height:1}
.layerPop .layerCont{position:absolute;top:45px;bottom:0px;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 .layerCont .layerBtm{position:absolute;left:0;right:0;bottom:0;} /* 20210112 최성원 수정 */
.layerPop .layerCont .layerBtm .btnArea{margin-top:0} /* 20210112 최성원 수정 */
.layerPop .layerCont .layerBtm .btns{height:45px;margin-left:0} /* 20210112 최성원 수정 */
.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);font-family:'Noto Sans KR';font-weight:300}
.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 .layerAlertCont .msg .smsg{font-size:12px;margin-top:9px}
.layerAlert .layerAlertArea .layerAlertBtm{display:flex;width:100%}
.layerAlert .layerAlertArea .layerAlertBtm .btns{display:flex;width:100%;height:46px;align-items:center;justify-content:center;}

/* 안내 팝업 */
.popupGuide{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:9999;font-family:'Noto Sans KR';font-weight:300}
.popupGuide .popupGuideWrap{position:absolute;top:135px;left:35px;right:35px;}
.popupGuide .popupGuideCont{position:relative;padding-bottom:51px;overflow:hidden}
.popupGuide .imgGuideSwipe .ctrlBox{position:absolute;left:0;bottom:0;right:0;text-align:center;font-size:0}
.popupGuide .imgGuideSwipe .ctrlBox .btnVisPrev{display:inline-block;vertical-align:middle;text-indent:-9999em;width:29px;height:29px;background:url(../../images/mobile/common/btn_guide_prev.png) no-repeat;background-size:29px}
.popupGuide .imgGuideSwipe .ctrlBox .btnVisNext{display:inline-block;vertical-align:middle;text-indent:-9999em;width:29px;height:29px;background:url(../../images/mobile/common/btn_guide_next.png) no-repeat;background-size:29px}
.popupGuide .imgGuideSwipe .ctrlBox .pagination{position:static;display:inline-block;vertical-align:middle;width:auto;padding:0 8px}
.popupGuide .imgGuideSwipe .ctrlBox .pagination span{display:inline-block;vertical-align:middle;font-size:12px;color:#fff}
.popupGuide .btnCloseGuide{position:absolute;top:-29px;right:0;}
.popupGuide .btnCloseGuide span{position:relative;font-size:12px;color:#fff;line-height:1;padding-right:22px}
.popupGuide .btnCloseGuide span:after{display:block;content:'';width:15px;height:15px;background:url(../../images/mobile/common/btn_guide_close.png) no-repeat;background-size:15px;position:absolute;top:-1px;right:0}

.popupGuide.open{display:block}