@charset "utf-8";
/* menu */
#mainNavi{width:380px; left:-490px; background:url(../img/Layout/menu/mainNavi-bg.png) no-repeat top center #1b1b1b; background-size:cover;}
#mainNavi .bt-mnall-close{position:absolute; right:0px; top:0px; width:68px; height:68px; display:block; border:none; background:url(../img/Layout/menu/bt-mnall-close.png) no-repeat center; background-size:21px;}

#mainNavi .tm-top{overflow:hidden; border-bottom:1px solid #777777; height:68px; padding:0px 18px;}
#mainNavi .tm-top .logout .btns{font-size:0px; background:url(../img/Layout/menu/logout-icon01.png) no-repeat 0 17px; padding:24px 0px 10px 50px; background-size:35px;}
#mainNavi .tm-top .logout .btns .btn{color:#fff; font-size:18px; font-weight:300; display:inline-block;}
#mainNavi .tm-top .logout .btns .btn:last-child{position:relative; padding-left:9px; margin-left:9px;}
#mainNavi .tm-top .logout .btns .btn:last-child:before{position:absolute; left:0px; top:3px; width:1px; height:18px; background:#777777; content:"";}

#mainNavi .tm-top .login .mem-name{float:left; font-size:18px; color:#666565; padding:24px 0px 10px 40px; background:url(../img/Layout/menu/login-icon01.png) no-repeat 0 22px; background-size:25px;}
#mainNavi .tm-top .login .mem-name strong{font-size:22px; color:#ef2965; padding-right:5px;}
#mainNavi .tm-top .login .logout-btn{float:right; display:inline-block; border:1px solid #777777; color:#fff; font-size:14px; padding:0px 25px; line-height:28px; margin:20px 55px 0px 0px;}

	@media all and (max-width:680px) {
		#mainNavi{width:310px; left:-320px;}
		#mainNavi .bt-mnall-close{ width:50px; height:50px;}
		#mainNavi .bt-mnall-close{background-size:15px;}

		#mainNavi .tm-top{height:50px; padding:0px 13px;}
		#mainNavi .tm-top .logout .btns{padding:15px 0px 5px 34px; background-position:0px 13px; background-size:26px;}
		#mainNavi .tm-top .logout .btns .btn{font-size:14px;}

		#mainNavi .tm-top .login .mem-name{font-size:14px; padding:15px 0px 8px 30px; background-position:0px 14px; background-size:23px;}
		#mainNavi .tm-top .login .mem-name strong{font-size:16px; padding-right:3px; font-weight:300;}
		#mainNavi .tm-top .login .logout-btn{font-size:11px; padding:0px 10px; line-height:21px; margin:15px 40px 0px 0px;}
	}


/*전체 메뉴*/
#mainNavi .all-menu .title{overflow:hidden;}
#mainNavi .all-menu .title span{line-height:55px; display:block; font-size:18px; font-weight:600; border-bottom:4px solid #f4cb01; width:50%; float:left; text-align:center; color:#fff;}
#mainNavi .all-menu .title.left span{float:left;}
#mainNavi .all-menu .title.right{}
#mainNavi .all-menu .title.right span{float:right;}

#mainNavi .all-menu .menu-list{padding:35px 27px; background:#fff;}
#mainNavi .all-menu .menu-list .menu{margin-bottom:15px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp{position:relative; padding-left:102px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons{position:absolute; left:0px; top:0px; width:102px; height:60px; font-size:0px;}

#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon01{background:url(../img/Layout/menu/top-menu-icon01.png) no-repeat center #e8e7e7; background-size:40px; border-radius:10px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon01:before{position:absolute; right:0px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg01.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02{background:url(../img/Layout/menu/top-menu-icon02.png) no-repeat center #f4cb01; background-size:40px; border-radius:10px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02:before{position:absolute; right:0px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg02.png) no-repeat center; background-size:12px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02:after{position:absolute; left:0px; bottom:0px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/top-menu-bg02s.png) no-repeat center; background-size:10px; content:"";}

#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03{background:url(../img/Layout/menu/top-menu-icon03.png) no-repeat center #1fb25a; background-size:40px; border-radius:10px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03:before{position:absolute; right:0px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg03.png) no-repeat center; background-size:12px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03:after{position:absolute; left:0px; bottom:0px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/top-menu-bg03s.png) no-repeat center; background-size:10px; content:"";}

#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04{background:url(../img/Layout/menu/top-menu-icon04.png) no-repeat center #0066b3; background-size:40px; border-radius:10px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04:before{position:absolute; right:0px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg04.png) no-repeat center; background-size:12px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04:after{position:absolute; left:0px; bottom:0px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/top-menu-bg04s.png) no-repeat center; background-size:10px; content:"";}

#mainNavi .all-menu .menu-list .menu .dt1-warp .tit{position:relative; height:58px; padding:0px 13px 0px 30px; border:1px solid #c6c6c6; border-left:none; border-radius:10px;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .tit a{display:block; width:100%; height:100%;}

#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type01:before{position:absolute; left:-1px; top:-1px; z-index:1; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg08.png) no-repeat center; background-size:12px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type02:before{position:absolute; left:-1px; top:-1px; z-index:1; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg06.png) no-repeat center; background-size:12px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type02:after{position:absolute; right:-1px; bottom:-1px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/top-menu-bg06s.png) no-repeat center; background-size:10px; content:"";}

#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .btxt{float:left; font-size:18px; color:#000000; line-height:58px; font-weight:600;}
#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .btxt i{font-size:14px; color:#ef2965; font-weight:600; }
#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .link-btn{float:right; font-size:14px; color:#000000; line-height:58px; padding-right:18px; background:url(../img/Layout/menu/arrow-right.png) no-repeat right; background-size:13px;}

	@media all and (max-width:680px) {
		#mainNavi .all-menu .title span{line-height:40px; font-size:14px; font-weight:600; border-bottom:3px solid #f4cb01;}

		#mainNavi .all-menu .menu-list{padding:15px 10px;}
		#mainNavi .all-menu .menu-list .menu{margin-bottom:10px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp{padding-left:75px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons{width:75px; height:45px; font-size:0px;}

		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon01{background-size:30px; border-radius:7px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon01:before{width:9px; height:45px; background-size:9px;}

		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02{background-size:30px; border-radius:7px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02:before{width:9px; height:45px; background-size:9px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon02:after{width:7px; height:7px; background-size:7px;}

		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03{background-size:30px; border-radius:7px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03:before{width:9px; height:45px; background-size:9px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon03:after{width:7px; height:7px; background-size:7px;}
		
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04{background-size:30px; border-radius:7px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04:before{width:9px; height:45px; background-size:9px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .icons.icon04:after{width:7px; height:7px; background-size:7px;}

		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit{height:43px; padding:0px 9px 0px 22px; border-radius:7px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type01:before{width:9px; height:45px; background-size:9px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type02:before{width:9px; height:45px; background-size:9px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit.type02:after{width:7px; height:7px; background-size:7px;}

		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .btxt{font-size:15px; line-height:44px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .btxt i{font-size:12px;}
		#mainNavi .all-menu .menu-list .menu .dt1-warp .tit .link-btn{font-size:12px; line-height:44px; padding-right:15px; background-size:10px;}
	}

#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp{position:relative; border-radius:0px 0px 10px 10px; overflow:hidden; background:#474747;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp:before{position:absolute; left:33.3333333%; top:0px; width:1px; height:100%; z-index:1; background:#fff; content:""; opacity:0.4;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp:after{position:absolute; left:66.6666666%; top:0px; width:1px; height:100%; z-index:1; background:#fff; content:""; opacity:0.4;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li{position:relative; width:33.333333%; float:left;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li:first-child:before{position:absolute; left:0px; top:0px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/dt2-btn-bg01.png) no-repeat center; background-size:10px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li:nth-child(3n):before{position:absolute; right:0px; top:0px; z-index:1; width:10px; height:10px; background:url(../img/Layout/menu/dt2-btn-bg02.png) no-repeat center; background-size:10px; content:"";}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li:last-child:before{display:none;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn{display:block; width:100%; height:73px; background:#e3e3e3; text-align:center;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn span{display:block; font-size:17px; font-weight:600; color:#000; padding-top:26px; letter-spacing:-0.02em;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn.line2 span{padding-top:15px; line-height:120%;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt3-btn{display:block; width:100%; height:50px; background:#474747; text-align:center; border-bottom:1px solid #777777;}
#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt3-btn span{display:block; font-size:16px; font-weight:300; color:#fff; padding-top:14px; letter-spacing:-0.05em;}

	@media all and (max-width:680px) {
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp{border-radius:0px 0px 7px 7px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li:first-child:before{width:7px; height:7px; background-size:7px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li:nth-child(3n):before{width:7px; height:7px; background-size:7px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn{height:54px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn span{font-size:13px; padding-top:17px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt2-btn.line2 span{padding-top:12px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt3-btn{height:37px;}
		#mainNavi .all-menu .menu-list .menu .dt2-dt3-warp li .dt3-btn span{font-size:12px; padding-top:8px;}
	}

/*마이페이지 메뉴*/
#mainNavi .mypage-menu .title{overflow:hidden; border-bottom: 1px solid #777777;}
#mainNavi .mypage-menu .title span{line-height:55px; display:block; font-size:18px; font-weight:600; border-bottom:4px solid #f4cb01; width:50%; float:left; text-align:center; color:#fff;}
#mainNavi .mypage-menu .title.left span{float:left;}

#mainNavi .mypage-menu .menu-list{padding:35px 27px; border-bottom:1px solid #777777;}
#mainNavi .mypage-menu .menu-list .menu{margin-bottom:15px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp{position:relative; padding-left:102px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons{position:absolute; left:0px; top:0px; width:90px; margin-right:12px; height:60px; font-size:0px; border-radius:10px 0px 0px 10px;}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon01{background:url(../img/Layout/menu/top-menu-icon05.png) no-repeat center #eae8e9; background-size:40px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon01:before{position:absolute; right:-12px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg05.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon02{background:url(../img/Layout/menu/top-menu-icon06.png) no-repeat center #eae8e9; background-size:40px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon02:before{position:absolute; right:-12px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg05.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon03{background:url(../img/Layout/menu/top-menu-icon07.png) no-repeat center #eae8e9; background-size:40px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon03:before{position:absolute; right:-12px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg05.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon04{background:url(../img/Layout/menu/top-menu-icon08.png) no-repeat center #eae8e9; background-size:40px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon04:before{position:absolute; right:-12px; top:0px; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg05.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit{position:relative; height:58px; margin-left:12px; padding:0px 13px 0px 18px; border:1px solid #c6c6c6; border-left:none; border-radius:0px 10px 10px 0px;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit a{display:block; width:100%; height:100%;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit.type01:before{position:absolute; left:-12px; top:-1px; z-index:1; width:12px; height:60px; background:url(../img/Layout/menu/top-menu-bg07.png) no-repeat center; background-size:12px; content:"";}

#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit .btxt{float:left; font-size:18px; color:#fff; line-height:58px; font-weight:600;}
#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit .link-btn{float:right; font-size:14px; color:#000000; line-height:58px; padding-right:18px; background:url(../img/Layout/menu/arrow-right02.png) no-repeat right; background-size:13px;}

	@media all and (max-width:680px) {
		#mainNavi .mypage-menu .title span{line-height:40px; font-size:14px; font-weight:600; border-bottom:3px solid #f4cb01;}

		#mainNavi .mypage-menu .menu-list{padding:15px 10px;}
		#mainNavi .mypage-menu .menu-list .menu{margin-bottom:10px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp{padding-left:75px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons{width:66px; height:45px; font-size:0px; margin-right:9px; border-radius:7px 0px 0px 7px;}

		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon01{background-size:30px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon01:before{right:-9px; width:9px; height:45px; background-size:9px;}

		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon02{background-size:30px; }
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon02:before{right:-9px; width:9px; height:45px; background-size:9px;}

		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon03{background-size:30px; }
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon03:before{right:-9px; width:9px; height:45px; background-size:9px;}
		
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon04{background-size:30px; }
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .icons.icon04:before{right:-9px; width:9px; height:45px; background-size:9px;}

		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit{margin-left:9px; height:43px; padding:0px 9px 0px 13px; border-radius:0px 7px 7px 0px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit.type01:before{left:-9px; width:9px; height:45px; background-size:9px;}

		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit .btxt{font-size:15px; line-height:44px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit .btxt i{font-size:12px;}
		#mainNavi .mypage-menu .menu-list .menu .dt1-warp .tit .link-btn{font-size:12px; line-height:44px; padding-right:15px; background-size:10px;}
	}

/*회원정보 수정*/
#mainNavi .mem-modi .title{position:relative; overflow:hidden; border-bottom: 1px solid #777777;}
#mainNavi .mem-modi .title:before{position:absolute; left:27px; top:50%; width:13px; height:14px; margin-top:-7px; background: url(../img/Layout/menu/arrow-left.png) no-repeat right; background-size:13px; content:"";}
#mainNavi .mem-modi .title span{line-height:55px; display:block; font-size:18px; font-weight:600; border-bottom:4px solid #f4cb01; width:50%; float:left; text-align:center; color:#fff;}
#mainNavi .mem-modi .title.right span{float:right;}

#mainNavi .mem-modi .cont-list{padding:40px 35px;}
#mainNavi .mem-modi .cont-list .list{margin-bottom:50px;}
#mainNavi .mem-modi .cont-list .list li{position:relative; padding-left:100px; height:52px; line-height:52px; border-bottom:1px solid #fff; color:#fff; font-size:18px; font-weight:400;}
#mainNavi .mem-modi .cont-list .list li .btxt{position:absolute; left:0px; top:0px; padding-left:10px; width:90px;}

#mainNavi .mem-modi .cont-list .list li.name{padding-left:0}
#mainNavi .mem-modi .cont-list .list li.name input{padding-left:10px;}
#mainNavi .mem-modi .cont-list .list li.id{padding-left:56px; background: url(../img/Layout/menu/logout-icon01.png) no-repeat 10px 11px; background-size:35px; border-bottom:none; margin-bottom:10px;}
#mainNavi .mem-modi .cont-list .list li.email{padding-left:56px; background: url(../img/Layout/menu/email-icon01.png) no-repeat 10px 15px; background-size:35px; border-bottom:none; margin-bottom:10px;}
#mainNavi .mem-modi .cont-list .list select{width:90%; text-align:left; margin-left:-6px; color:#fff; padding-left:0px; font-size:18px; font-weight:400; box-sizing:border-box; background:none; border:none; height:52px; background: url(../img/Layout/menu/arrow-bottom.png) no-repeat right; background-size:15px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#mainNavi .mem-modi .cont-list .list select::-ms-expand{display:none;}
#mainNavi .mem-modi .cont-list .list input[type="text"]{width:100%; text-align:left; color:#fff; font-size:18px; font-weight:400; box-sizing:border-box; background:none; border:none; height:52px;}
#mainNavi .mem-modi .cont-list .list input[type="text"]::placeholder{color:#fff; opacity: 1;}
#mainNavi .mem-modi .cont-list .list li.add{padding-left:100px; padding-right:94px;}
#mainNavi .mem-modi .cont-list .list li.add .add-btn{position:absolute; right:0px; top:50%; line-height:28px; margin-top:-14px; border:1px solid #777777; font-size:14px; color:#777777; display:inline-block; padding:0px 20px;}

#mainNavi .mem-modi .cont-list .modi-btns{width:100%; display:block; color:#f4cb01; border:1px solid #f4cb01; line-height:58px; text-align:center; font-size:22px; border-radius:5px;}

	@media all and (max-width:680px) {
		#mainNavi .mem-modi .title:before{left:10px; width:10px; height:12px; margin-top:-6px; background-size:10px;}
		#mainNavi .mem-modi .title span{line-height:40px; font-size:14px; font-weight:600; border-bottom:3px solid #f4cb01;}

		#mainNavi .mem-modi .cont-list{padding:15px 20px;}
		#mainNavi .mem-modi .cont-list .list{margin-bottom:37px;}
		#mainNavi .mem-modi .cont-list .list li{padding-left:75px; height:39px; line-height:39px; font-size:14px;}
		#mainNavi .mem-modi .cont-list .list li .btxt{padding-left:7px; width:68px;}
		#mainNavi .mem-modi .cont-list .list li.name input{padding-left:7px;}

		#mainNavi .mem-modi .cont-list .list li.id{padding-left:42px; background-position:7px 8px; background-size:26px; margin-bottom:7px;}
		#mainNavi .mem-modi .cont-list .list li.email{padding-left:42px; background-position:7px 12px; background-size:26px; margin-bottom:7px;}
		#mainNavi .mem-modi .cont-list .list select{width:90%; margin-left:-6px; font-size:14px; height:39px; background-size:11px;}
		#mainNavi .mem-modi .cont-list .list input[type="text"]{width:100%; color:#fff; font-size:14px;  height:39px;}
		#mainNavi .mem-modi .cont-list .list li.add{padding-left:75px; padding-right:77px;}
		#mainNavi .mem-modi .cont-list .list li.add .add-btn{line-height:21px; margin-top:-11px; font-size:12px; padding:0px 15px;}

		#mainNavi .mem-modi .cont-list .modi-btns{line-height:40px; font-size:16px;}
	}

/*비밀번호 수정*/
#mainNavi .pass-modi .title{position:relative; overflow:hidden; border-bottom: 1px solid #777777;}
#mainNavi .pass-modi .title:before{position:absolute; left:27px; top:50%; width:13px; height:14px; margin-top:-7px; background: url(../img/Layout/menu/arrow-left.png) no-repeat right; background-size:13px; content:"";}
#mainNavi .pass-modi .title span{line-height:55px; display:block; font-size:18px; font-weight:600; border-bottom:4px solid #f4cb01; width:50%; float:left; text-align:center; color:#fff;}
#mainNavi .pass-modi .title.right span{float:right;}

#mainNavi .pass-modi .cont-list{padding:40px 35px;}
#mainNavi .pass-modi .cont-list .list{margin-bottom:50px;}
#mainNavi .pass-modi .cont-list .list li{position:relative;/*  padding-left:150px; */ height:52px; line-height:52px; border-bottom:1px solid #fff; color:#fff; font-size:18px; font-weight:400;}
#mainNavi .pass-modi .cont-list .list li .btxt{position:absolute; left:0px; top:0px; padding-left:10px; width:140px;}

#mainNavi .pass-modi .cont-list .list input[type="text"]{width:100%; text-align:left; color:#fff; font-size:18px; font-weight:400; box-sizing:border-box; background:none; border:none; height:52px;}
#mainNavi .pass-modi .cont-list .list input[type="text"]::placeholder{color:#fff; opacity: 1;}

#mainNavi .pass-modi .cont-list .modi-btns{width:100%; display:block; color:#f4cb01; border:1px solid #f4cb01; line-height:58px; text-align:center; font-size:22px; border-radius:5px;}

	@media all and (max-width:680px) {
		#mainNavi .pass-modi .title:before{left:10px; width:10px; height:12px; margin-top:-6px; background-size:10px;}
		#mainNavi .pass-modi .title span{line-height:40px; font-size:14px; font-weight:600; border-bottom:3px solid #f4cb01;}

		#mainNavi .pass-modi .cont-list{padding:15px 20px;}
		#mainNavi .pass-modi .cont-list .list{margin-bottom:37px;}
		#mainNavi .pass-modi .cont-list .list li{/* padding-left:117px;  */height:39px; line-height:39px; font-size:14px;}
		#mainNavi .pass-modi .cont-list .list li .btxt{padding-left:7px; width:110px;}

		#mainNavi .pass-modi .cont-list .list input[type="text"]{width:100%; color:#fff; font-size:14px;  height:39px;}

		#mainNavi .pass-modi .cont-list .modi-btns{line-height:40px; font-size:16px;}
	}